/* Legal placeholder pages (/privacy, /terms). Consumes tokens.css. These carry a route, the shell,
   a title and a visible placeholder only — the copy is downstream of business formation and is not
   written in this build. Same shell padding and 34em measure as the FAQ page. */
.legal{background:var(--ground);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;padding:84px var(--margin) 40px}
.legal__title{margin:0;font-family:var(--cond);font-weight:700;text-transform:uppercase;letter-spacing:-.01em;line-height:1.02;font-size:35px;color:var(--ink)}
.legal__body{max-width:34em;margin-top:24px}
.legal__body p{margin:0 0 16px;font-size:var(--fs-body);line-height:1.5;text-wrap:pretty}
.legal__body p:first-child{font-size:var(--fs-lede);color:var(--ink)}
.legal__body p:last-child{margin-bottom:0}
@media(min-width:1088px){
.legal{padding:calc(var(--nav) + 48px) var(--margin-d) 64px}
.legal__title{font-size:56px}
.legal__body{margin-top:28px}
.legal__body p{font-size:var(--fs-body-d);line-height:1.55}
.legal__body p:first-child{font-size:var(--fs-lede-d)}
}