.legal-page { max-width: 900px; margin: 0 auto; padding: 48px 26px 32px; }
.legal-intro { text-align: center; max-width: 740px; margin: 0 auto 36px; }
.legal-intro h1 { margin: 15px 0 20px; font-size: clamp(38px, 6vw, 64px); line-height: 1.1; }
.legal-intro p { font-size: 17px; line-height: 1.7; }
.legal-updated { color: #a49c8c; font-size: 12px !important; }
.legal-tabs { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; margin: 24px 0 32px; }
.legal-tabs a { border: 1px solid #645332; border-radius: 30px; color: #c5baa4; padding: 9px 14px; font-size: 12px; text-decoration: none; }
.legal-tabs a[aria-current="page"] { background: #2c2110; color: #dfbb71; border-color: #dfbb71; }
.legal-copy { color: #c9c3b7; font-size: 15px; line-height: 1.8; }
.legal-copy section { padding: 28px 0; border-bottom: 1px solid #393122; }
.legal-copy h2 { font-size: 28px; margin: 0 0 16px; color: #f5f0e7; line-height: 1.25; }
.legal-copy h3 { font-size: 19px; margin: 20px 0 10px; }
.legal-copy p { margin: 10px 0; color: #c9c3b7; font-size: inherit; line-height: inherit; }
.legal-copy a, .legal-draft a { color: #dfbb71; text-underline-offset: 4px; overflow-wrap: anywhere; }
.legal-copy ul, .legal-copy ol { padding-left: 24px; margin: 14px 0; }
.legal-copy li { margin: 9px 0; }
.legal-copy strong { color: #f5f0e7; }
.legal-draft { padding: 18px 20px; border: 1px solid #78613a; border-radius: 12px; background: #211a0f; color: #d7c7a3; font: 13px/1.7 Arial, sans-serif; }
.legal-draft strong { display: block; color: #dfbb71; margin-bottom: 5px; }
.legal-copy .service-highlight { padding: 26px; margin: 22px 0; border: 1px solid #78613a; border-radius: 18px; background: radial-gradient(at right top, #302414, transparent 75%), #100f0c; }
.legal-copy .service-note { padding-left: 16px; border-left: 2px solid #b79756; font-size: 13px; }
.legal-copy .button { display: inline-block; margin-top: 10px; }
.legal-copy .data-list dt { color: #f5f0e7; font-weight: 600; margin-top: 18px; }
.legal-copy .data-list dd { margin: 5px 0 0; }
.legal-copy .legal-sources { font-size: 12px; }
.legal-page :target { scroll-margin-top: 24px; }
.legal-page a:focus-visible { outline: 2px solid #dfbb71; outline-offset: 4px; }
@media (max-width: 600px) { .legal-page { padding: 30px 20px 20px; } .legal-intro p { font-size: 15px; } .legal-copy { font-size: 14px; } .legal-copy h2 { font-size: 25px; } .legal-copy .service-highlight { padding: 20px; } }