/* =====================================================================
   Legal pages — Terms of Use, Privacy Policy. Plain, trust-first prose
   layout: no hero photo, sticky in-page nav, generous line length.
   ===================================================================== */
.legal-hero{padding-top:clamp(96px,11vw,120px);padding-bottom:clamp(28px,4vw,40px)}
.legal-hero .eyebrow{color:var(--coral-strong)}
.legal-hero h1{font-size:clamp(2rem,4vw,2.7rem);margin:.6rem 0 .5rem;max-width:22ch}
.legal-updated{font-size:.85rem;color:var(--muted)}

.legal-layout{display:grid;grid-template-columns:200px 1fr;gap:clamp(32px,5vw,64px);align-items:start;padding-bottom:clamp(56px,8vw,96px)}

.legal-toc{position:sticky;top:96px;display:flex;flex-direction:column;gap:.15rem;border-left:1px solid var(--border)}
.legal-toc a{font-size:.83rem;color:var(--muted);text-decoration:none;padding:.35rem 0 .35rem .9rem;border-left:2px solid transparent;margin-left:-1px;transition:color .2s var(--ease),border-color .2s var(--ease)}
.legal-toc a:hover{color:var(--coral-strong);border-left-color:var(--coral-strong)}

.legal-content{max-width:70ch}
.legal-content h2{font-size:1.25rem;margin:2.2rem 0 .8rem;scroll-margin-top:100px}
.legal-content h2:first-child{margin-top:0}
.legal-content p{color:var(--muted);line-height:1.75;margin-bottom:1rem;font-size:.96rem}
.legal-content ul,.legal-content ol{color:var(--muted);line-height:1.75;margin:0 0 1rem;padding-left:1.3rem;font-size:.96rem}
.legal-content li{margin-bottom:.45rem}
.legal-content a{color:var(--coral-strong);text-decoration:underline;text-underline-offset:2px}
.legal-content strong{color:var(--ink);font-weight:600}

@media(max-width:860px){
  .legal-layout{grid-template-columns:1fr}
  .legal-toc{position:static;flex-direction:row;flex-wrap:wrap;gap:.3rem .9rem;border-left:none;background:var(--gold-wash);border-radius:var(--radius-md);padding:.9rem 1rem;margin-bottom:.5rem}
  .legal-toc a{border-left:none;padding:.15rem 0}
}