.skip-link{position:absolute;top:8px;left:24px;padding:12px;background:var(--paper);transform:translateY(-200%);z-index:1}
.skip-link:focus{transform:translateY(0)}
.legal{max-width:788px;margin:0 auto;padding:42px 24px 30px;font-size:15px;line-height:1.8;overflow-wrap:anywhere}
.legal-header{padding-bottom:28px;border-bottom:1px solid var(--line)}
.legal-header h1{font-size:clamp(34px,5vw,48px);letter-spacing:-1.7px;line-height:1.15;margin-bottom:16px}
.legal-date{font-size:12px;color:var(--quiet);margin-bottom:16px}
.legal-summary{font-size:17px;line-height:1.65;max-width:640px}
.legal-contents{display:flex;flex-wrap:wrap;gap:8px 22px;margin-top:22px;font-size:13px}
.legal a{text-decoration:underline;text-underline-offset:3px;text-decoration-color:#a3b296}
.legal a:hover{text-decoration-color:currentColor}
.legal section{margin-top:30px;scroll-margin-top:24px}
.legal h2{font-family:Syne,Arial,sans-serif;font-size:20px;font-weight:600;line-height:1.4;letter-spacing:-.4px;margin:0 0 10px}
.legal p+p{margin-top:12px}
.legal ul{padding-left:21px;margin:10px 0 0}
.legal li+li{margin-top:9px}
.legal-contact{border:1px solid var(--line);border-radius:14px;padding:22px 24px;background:#edf0e5}
@media(max-width:540px){.legal{padding:28px 20px 18px;font-size:14px}.legal-summary{font-size:16px}.legal section{margin-top:26px}.legal-contact{padding:18px}.legal-contents{gap:8px 18px}}