header.main-header { position: relative; background: #202019; }
.legal-page { background: #faf9f3; color: #25251f; text-align: start; padding: clamp(40px, 7vw, 96px) max(24px, calc((100vw - 1160px) / 2)); }
.legal-page[dir="rtl"] { font-family: "Cairo", sans-serif; }
.legal-page a { color: #444321; text-decoration: underline; text-underline-offset: 4px; overflow-wrap: anywhere; }
.legal-page a:focus-visible { outline: 3px solid #857300; outline-offset: 5px; }
.legal-heading { max-width: 900px; padding-bottom: 40px; }
.legal-page h1 { color: #202019; font-size: clamp(30px, 4.5vw, 58px); line-height: 1.4; margin: 28px 0 24px; }
.legal-intro { font-size: 20px; line-height: 1.9; }
.legal-language { display: flex; flex-wrap: wrap; gap: 24px; margin-top: 28px; }
.legal-language [aria-current="page"] { font-weight: 800; text-decoration-thickness: 3px; }
.legal-layout { display: grid; grid-template-columns: 250px minmax(0, 1fr); gap: 56px; align-items: start; }
.legal-contents { border-top: 5px solid #ffdd00; padding-top: 24px; }
.legal-page h2 { color: #202019; font-size: 25px; line-height: 1.6; margin-bottom: 20px; }
.legal-contents h2 { font-size: 20px; }
.legal-contents ol { list-style: none; padding-inline-start: 0; }
.legal-page ol, .legal-page ul { padding-inline-start: 24px; }
.legal-page li { margin-bottom: 14px; }
.legal-body { font-size: 17px; line-height: 1.9; }
.legal-body section { padding-bottom: 28px; margin-bottom: 32px; border-bottom: 1px solid #d8d7c9; scroll-margin-top: 110px; }
@media (max-width: 800px) { .legal-layout { grid-template-columns: minmax(0, 1fr); gap: 32px; } }