/* Styles limited to the English information page. */
.legal-page { max-width: 850px; margin: 0 auto; padding: 150px 24px 64px; }
.legal-header h1 { font-size: clamp(2rem, 6vw, 3.5rem); line-height: 1.2; margin: 12px 0 24px; }
.legal-eyebrow { text-transform: uppercase; letter-spacing: .12em; font-size: .8rem; }
.legal-date { font-size: .875rem; color: var(--text-secondary); margin-top: 20px; }
.legal-contents { display: flex; flex-wrap: wrap; gap: 12px 24px; padding: 24px 0; margin: 24px 0; border-block: 1px solid var(--border-color); }
.legal-page section { padding: 24px 0; }
.legal-page h2 { font-size: 1.75rem; margin-bottom: 20px; }
.legal-page h3 { font-size: 1.15rem; margin: 24px 0 12px; }
.legal-page p { margin-bottom: 16px; }
.legal-page a { color: var(--text-primary); text-decoration: underline; text-underline-offset: 4px; overflow-wrap: anywhere; }
.legal-page a:hover { text-decoration-thickness: 2px; }
.legal-page code { overflow-wrap: anywhere; }
.legal-back { display: inline-block; margin-top: 16px; }
.legal-body .mobile-menu-toggle { background: transparent; border: 0; padding: 0; }
.legal-skip { position: fixed; top: -100px; left: 16px; z-index: 2000; background: var(--bg-primary); color: var(--text-primary); padding: 12px; }
.legal-skip:focus { top: 16px; }
.legal-body :focus-visible { outline: 2px solid var(--text-primary); outline-offset: 5px; }
@media (max-width: 768px) { .legal-page { padding-top: 120px; } }