/* Legal documents share the landing tokens, typography and navigation. */
.legal-main{--legal-link:#087455; padding-top:112px; padding-bottom:64px}
:root[data-theme="dark"] .legal-main{--legal-link:var(--mint)}
.legal-heading .eyebrow{color:var(--legal-link)}
.legal-heading{max-width:820px; padding-top:28px; padding-bottom:36px}
.legal-heading h1{font-size:clamp(36px,5vw,64px); max-width:18ch; line-height:1.08}
.legal-meta{margin-top:20px; color:var(--muted); font-size:14px}
.legal-heading .lead{margin-top:18px}
.legal-layout{display:grid; grid-template-columns:220px minmax(0,1fr); gap:52px; align-items:start}
.legal-index{position:sticky; top:100px; border-top:1px solid var(--border-strong); padding-top:20px}
.legal-index h2{font-size:14px; margin-bottom:14px; letter-spacing:.08em; text-transform:uppercase}
.legal-index a{display:block; font-size:14px; line-height:1.45; color:var(--muted); padding:7px 0}
.legal-index a:hover,.legal-index a[aria-current="page"]{color:var(--ink)}
.legal-index .legal-download{margin-top:18px; border-top:1px solid var(--border); padding-top:18px; color:var(--legal-link)}
.legal-document{max-width:760px; min-width:0}
.legal-intro{border:1px solid var(--border); border-radius:var(--radius); background:var(--surface); padding:26px; margin-bottom:34px}
.legal-document p{margin-bottom:16px; line-height:1.75; overflow-wrap:anywhere}
.legal-document p:last-child{margin-bottom:0}
.legal-document section{padding:28px 0; border-top:1px solid var(--border); scroll-margin-top:24px}
.legal-document h2{font-size:clamp(23px,3vw,29px); line-height:1.2; margin-bottom:18px; letter-spacing:-.025em}
.legal-document a{color:var(--legal-link); text-decoration:underline; text-underline-offset:3px}
.legal-document blockquote{margin:24px 0; padding:20px 24px; border-left:3px solid var(--mint); background:var(--surface-2); border-radius:0 var(--radius-sm) var(--radius-sm) 0; font-size:15px; color:var(--muted)}
.legal-return{display:inline-flex; margin-bottom:22px; color:var(--muted); font-size:14px}
.legal-return:hover{color:var(--ink)}
.form-note a{text-decoration:underline; text-underline-offset:3px}
@media(max-width:900px){
  .legal-layout{grid-template-columns:1fr; gap:28px}
  .legal-index{position:static; background:var(--surface-2); border:1px solid var(--border); border-radius:var(--radius); padding:22px}
  .legal-main{padding-top:96px}
  .legal-heading{padding-bottom:28px}
}
@media(max-width:520px){.legal-intro{padding:20px}.legal-document blockquote{padding:18px}.legal-heading h1{font-size:36px}}