.skip-link { position: absolute; left: 24px; top: -100px; padding: 12px; background: white; z-index: 1; }
.skip-link:focus { top: 12px; }
.legal { max-width: 840px; padding-top: 48px; padding-bottom: 64px; overflow-wrap: anywhere; }
.legal h1 { font-size: clamp(36px, 6vw, 60px); line-height: 1.12; }
.legal h2 { font-size: clamp(25px, 4vw, 32px); }
.legal section { padding: 16px 0; scroll-margin-top: 24px; }
.legal li { margin: 10px 0; }
.legal .legal-meta { color: #60675c; font-size: 14px; }
.legal .legal-notice { padding: 20px; border-left: 4px solid #647756; background: #eeeee4; }
.legal .legal-index { display: block; padding: 20px 24px; border: 1px solid #d9ddd0; border-radius: 10px; }
.legal-index ol { margin-bottom: 0; padding-left: 24px; }
.legal-index a { min-height: 44px; }
@media print { header, footer, .skip-link, .legal-index, .test-notice { display: none; } :root { background: white; color: black; } .legal { max-width: none; padding: 0; } .legal section { break-inside: avoid; } }