@import url('styles.css');

.legal-page .site-header{position:sticky}
.legal-back{color:#c4d2e5;font-size:13px;text-decoration:none;border:1px solid #385474;border-radius:8px;padding:11px 15px;background:#132b47}
.legal-back:hover{background:#1d3d64;color:#fff}
.legal-main{max-width:820px;margin:0 auto;padding:72px 24px 96px;color:var(--ink)}
.legal-main h1{font-size:clamp(34px,5vw,52px);font-weight:480;letter-spacing:-2px;line-height:1.05;margin:0 0 12px}
.legal-meta{color:var(--muted);font-size:14px;margin:0 0 48px}
.legal-section{margin:0 0 40px}
.legal-h2{font-size:24px;font-weight:520;letter-spacing:-.6px;line-height:1.25;margin:0 0 14px;color:var(--ink)}
.legal-h3{font-size:17px;font-weight:600;margin:26px 0 10px;color:#1a3561}
.legal-p,.legal-ul li,.legal-box p{font-size:16px;line-height:1.65;color:#2a3a55}
.legal-p{margin:0 0 12px}
.legal-ul{margin:0 0 10px;padding-left:22px}
.legal-ul li{margin:0 0 6px}
.legal-ul ul{margin:8px 0 0;padding-left:18px}
.legal-note{font-size:14px;color:var(--muted);margin:0 0 12px}
.legal-box{background:var(--pale);border:1px solid var(--line);border-left:3px solid var(--blue);border-radius:8px;padding:18px 22px;margin:12px 0 16px}
.legal-box p{margin:0 0 4px}
.legal-box .legal-strong{font-weight:600;color:var(--ink)}
.legal-link{color:#245cc6;text-decoration:underline;text-underline-offset:3px}
.legal-foot{margin-top:56px;padding-top:24px;border-top:1px solid var(--line);font-size:13px;font-style:italic;color:var(--muted);line-height:1.6}
.legal-cross{display:flex;gap:20px;flex-wrap:wrap;margin-top:28px;font-size:14px}
.legal-cross a{color:#245cc6}
@media (max-width:600px){.legal-main{padding:48px 16px 72px}.legal-h2{font-size:21px}}