/*
  Terms and Privacy (loaded after site.css for every legal-* key). Calm reading layout:
  short hero, key points (Terms only), sticky contents list beside numbered clauses.
*/
.legal-hero{padding-block:clamp(48px,7vw,96px) clamp(28px,4vw,48px);background:radial-gradient(circle at 10% 15%,var(--tint) 0,rgba(234,246,254,0) 45%),linear-gradient(180deg,var(--cool),var(--paper))}
.legal-hero .wrap{display:grid;gap:16px;max-width:820px;animation:rise .7s ease-out backwards}
.legal-hero h1{font-size:clamp(2.1rem,4.4vw,3.2rem)}
.legal-hero .updated{margin:0;color:var(--muted);font-size:.9rem}

.legal-facts ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.legal-facts li{display:flex;gap:14px;align-items:flex-start;padding:18px 20px;border-radius:18px;background:var(--paper);border:1px solid var(--hair);box-shadow:var(--shadow)}
.legal-facts svg{flex:none;width:26px;height:26px;color:var(--deep);margin-top:2px}
.legal-facts b{display:block;color:var(--navy);font-weight:600;margin-bottom:2px}
.legal-facts span{color:var(--muted);font-size:.93rem;line-height:1.55}

.legal-body .wrap{display:grid;grid-template-columns:240px minmax(0,1fr);gap:clamp(28px,5vw,64px);align-items:start}
.legal-toc{position:sticky;top:96px;display:grid;gap:10px;font-size:.9rem}
.legal-toc b{color:var(--navy);font-weight:600}
.legal-toc ol{margin:0;padding:0 0 0 1.4em;display:grid;gap:6px;color:var(--muted)}
.legal-toc a{color:var(--muted);text-decoration:none}
.legal-toc a:hover{color:var(--deep)}
.legal-toc .other{margin-top:8px;color:var(--deep);font-weight:500}

.legal-text{max-width:760px;min-width:0}
.clause{padding:26px 0;border-top:1px solid var(--hair);scroll-margin-top:96px}
.clause:first-child{border-top:0;padding-top:0}
.clause h2{display:flex;align-items:baseline;gap:14px;font-size:clamp(1.15rem,2vw,1.35rem);margin:0 0 12px;color:var(--navy)}
.clause h2 span{font-size:.8rem;font-weight:600;color:var(--deep);letter-spacing:.08em}
.clause p,.clause li{color:var(--ink);line-height:1.75}
.clause p{margin:0 0 12px}
.clause ul{margin:0 0 12px;padding-left:1.2em;display:grid;gap:6px}
.clause a,.legal-cta a{color:var(--deep);font-weight:500;text-decoration:none}
.legal-cta{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:baseline;margin-top:12px;padding:20px 22px;border-radius:18px;background:var(--cool);border:1px solid var(--hair);color:var(--muted)}
.legal-cta b{color:var(--navy)}

@media (max-width:860px){
  .legal-hero{padding-top:96px!important}
  .legal-facts ul,.legal-body .wrap{grid-template-columns:1fr}
  .legal-toc{position:static}
}