/* privacy.html and terms.html: long-form legal reading layout on a paper band. Uses site.css tokens. */
.legal{--bg:var(--paper)}
.legal-lay{display:grid;grid-template-columns:minmax(0,280px) minmax(0,820px);justify-content:center;gap:clamp(24px,4vw,56px);align-items:start}
.toc{display:block;position:sticky;top:calc(var(--hh) + 20px);background:var(--tex),var(--cream);border-radius:22px;padding:22px 20px;box-shadow:var(--cut);rotate:-1deg}
.toc h2{font-size:1.5rem;color:var(--plum);margin:0 0 .6em}
.toc ol{margin:0;padding:0 0 0 1.4em;display:grid;gap:4px;font-size:.96rem}
.toc a{display:block;padding:3px 0;font-weight:600;color:var(--plum);text-decoration:none}
.toc a:hover{color:var(--terra-d);text-decoration:underline}
.ldoc{background:#fff;border-radius:26px;padding:clamp(24px,4vw,56px);box-shadow:0 8px 0 rgba(16,30,56,.14),0 30px 44px -26px rgba(16,30,56,.55);}
.ldoc .eff{font-weight:600;color:var(--plum);margin-bottom:1.4em}
.ldoc .intro{font-size:1.12rem}
.ldoc section{scroll-margin-top:calc(var(--hh) + 20px);padding-top:1.6em;margin-top:1.6em;border-top:2px dashed rgba(20,40,74,.15)}
.ldoc h2{font-size:clamp(1.7rem,3vw,2.3rem);color:var(--plum);text-shadow:0 3px 0 var(--sun-l);margin-bottom:.5em}
.ldoc h3{font-size:1.25rem;color:var(--plum);margin:1.2em 0 .4em;line-height:1.15}
.ldoc ul{padding-left:1.3em;margin:0 0 1em}
.ldoc li{margin-bottom:.45em}
.ldoc a{color:var(--sea);font-weight:600}
.ldoc .callout{background:var(--blue-l);border-radius:16px;padding:16px 20px;margin:0 0 1em}
.ldoc .callout p:last-child{margin:0}
.ph{background:rgba(247,213,107,.35);border-bottom:1px dashed var(--sun);padding:0 .2em;border-radius:3px;font-size:.94em;color:#3A3238}
.gap{background:rgba(242,112,91,.1);border-left:4px solid var(--terra);border-radius:10px;padding:12px 16px;margin:0 0 1em}
.gap p:last-child{margin:0}
@media (max-width:899px){
  .legal-lay{grid-template-columns:1fr}
  .toc{position:static;rotate:0deg}
}

@media (max-width:400px){.ldoc h2{font-size:1.5rem}}