/* Localized legal pages. Logical properties keep the layout usable in RTL. */
.legal-page { text-align: start; }
.legal-page .legal-document { padding-block: 1.5rem 4rem; }
.legal-page .document { max-width: 54rem; }
.legal-page h1, .legal-page h2, .legal-page p, .legal-page li { overflow-wrap: anywhere; }
.legal-page .legal-document h1 { margin-block: 0 1.5rem; }
.legal-page .legal-document section { margin-block: 1.5rem; }
.legal-page .legal-document section p { line-height: 1.8; }
.legal-page .legal-related { border-block-start: 1px solid var(--border); margin-block-start: 2rem; padding-block-start: 1rem; }
.legal-page .legal-related a { display: inline-block; margin-inline-end: 1rem; margin-block-end: .5rem; }
.legal-page .legal-footer { display: flex; justify-content: space-between; gap: 1rem; padding: 1rem; border-block-start: 1px solid var(--border); }
.legal-page .legal-language { position: relative; }
.legal-page .legal-language summary { cursor: pointer; }
.legal-page .legal-language ul { position: absolute; z-index: 10; inset-block-start: 100%; inset-inline-end: 0; max-height: 60vh; overflow: auto; min-width: 12rem; padding: .75rem 1.25rem; background: var(--bg); border: 1px solid var(--border); border-radius: .75rem; box-shadow: 0 8px 24px #17202a22; list-style: none; }
.legal-page .legal-language li { padding-block: .3rem; }
.legal-ltr { direction: ltr; unicode-bidi: isolate; display: inline-block; }
.legal-page[dir="rtl"] { direction: rtl; }
.legal-page[dir="rtl"] .web-brand, .legal-page[dir="rtl"] .web-nav, .legal-page[dir="rtl"] .legal-footer { flex-direction: row-reverse; }
.legal-page[dir="rtl"] .web-header { direction: rtl; }
.legal-page[dir="rtl"] .web-skip { inset-inline-start: 16px; inset-inline-end: auto; left: auto; }
.legal-page[dir="rtl"] a[href^="mailto:"], .legal-page[dir="rtl"] a[href^="https://"] { direction: ltr; unicode-bidi: isolate; }
