/* ---- terms / privacy legal document page ---- */

.legal{padding:clamp(2.5rem,5vw,4rem) clamp(1.25rem,5vw,3.5rem) clamp(4rem,7vw,6rem)}
.legal__inner{display:grid;grid-template-columns:15.5rem 1fr;gap:clamp(2rem,5vw,4rem);align-items:start}

/* ---- sticky table of contents ---- */
.legal-toc{position:sticky;top:6.5rem;align-self:start}
.legal-toc__label{font-family:var(--sans);text-transform:uppercase;letter-spacing:.12em;font-size:.74rem;font-weight:600;color:var(--muted);margin-bottom:.9rem}
.legal-toc nav{display:flex;flex-direction:column;gap:.15rem;border-left:1px solid var(--line)}
.legal-toc nav a{font-family:var(--sans);font-size:.88rem;font-weight:500;color:var(--muted);padding:.5rem .9rem;border-left:2px solid transparent;margin-left:-1px;transition:color .15s ease,border-color .15s ease}
.legal-toc nav a:hover{color:var(--green-dk)}
.legal-toc nav a.is-active{color:var(--green);border-left-color:var(--green)}

/* ---- content column ---- */
.legal-content{max-width:70ch}
.legal-content h1{margin-bottom:1rem}
.legal-intro{font-size:1.05rem;color:var(--ink);margin-bottom:2.5rem}

.legal-section{border-top:1px solid var(--line);padding-top:2.75rem;margin-top:2.75rem}
.legal-section:first-of-type{border-top:none;padding-top:0;margin-top:0}

.legal-content h2{font-size:1.7rem;margin-bottom:1.1rem}
.legal-content h3{font-size:1.15rem;color:var(--ink);font-family:var(--sans);font-weight:600;margin:1.6rem 0 .7rem}
.legal-content p{margin-bottom:1rem;font-size:.98rem;line-height:1.65}
.legal-content p em{color:var(--muted);font-style:italic}
.legal-content ul,.legal-content ol{margin:0 0 1rem 1.4rem;color:var(--muted);font-size:.98rem;line-height:1.65}
.legal-content li{margin-bottom:.55rem}
.legal-content li ul,.legal-content li ol{margin-top:.55rem}
.legal-content a{color:var(--blue);text-decoration:underline;text-underline-offset:2px}
.legal-content strong{color:var(--ink)}

@media(max-width:900px){
  .legal__inner{grid-template-columns:1fr}
  .legal-toc{position:static;border-bottom:1px solid var(--line);padding-bottom:1.5rem;margin-bottom:1rem}
  .legal-toc nav{flex-direction:row;flex-wrap:wrap;border-left:none;gap:.4rem}
  .legal-toc nav a{border-left:none;border:1px solid var(--line);border-radius:999px;margin-left:0}
  .legal-toc nav a.is-active{background:var(--green-pale);border-color:var(--green)}
}