/* WOLF1956 legal pages — page-specific typography only.
   Reuses website-v4/assets/css/site.css. Does not modify that file. */

.page-legal .sub-hero{padding:140px 0 52px}
.page-legal .sub-display{font-size:clamp(40px,6vw,72px);max-width:16ch;margin-bottom:18px}
.page-legal .sub-hero .lede{margin-bottom:0;max-width:42em}

.draft-banner{
  display:flex;flex-direction:column;gap:4px;
  margin:0 0 28px;padding:16px 18px;
  border:1px solid rgba(255,176,32,.5);
  background:rgba(255,176,32,.1);
  border-radius:14px;
  color:var(--peach);
  font:500 15px/1.5 var(--sans);
}
.draft-banner strong{
  display:block;
  color:#ffd27a;
  font:800 15px/1.3 var(--sans);
  letter-spacing:.01em;
  text-transform:none;
}

.legal-meta{color:var(--muted);font-size:14.5px;margin:0 0 10px}
.legal-meta b{color:var(--text);font-weight:600}

.legal-sec{padding:8px 0 108px}
.legal-doc{max-width:760px}
.legal-doc > p:first-of-type{font-size:17px;color:var(--muted)}
.legal-doc a{color:var(--blue);text-decoration:underline;text-underline-offset:3px}
.legal-doc a:hover{color:var(--text)}

.legal-toc{
  margin:28px 0 12px;padding:22px 24px 18px;
  background:var(--panel);border:1px solid var(--line);border-radius:var(--r);
}
.legal-toc .toc-label{
  margin:0 0 14px;
  font:600 12px/1 var(--mono);
  letter-spacing:.12em;text-transform:uppercase;color:var(--fire);
}
.legal-toc ol{margin:0;padding:0;list-style:none;columns:2;column-gap:28px}
.legal-toc li{break-inside:avoid;margin:0 0 9px;padding:0;font-size:14px;line-height:1.35}
.legal-toc a{color:var(--muted);text-decoration:none}
.legal-toc a:hover{color:var(--text)}
.legal-toc .n{display:inline-block;min-width:1.6em;color:var(--fire);font:500 12px var(--mono)}

.legal-doc h2{
  font-size:clamp(22px,2.4vw,30px);font-weight:800;
  letter-spacing:-.02em;line-height:1.15;
  margin:52px 0 14px;padding-top:4px;
  scroll-margin-top:94px;
}
.legal-doc h3{
  font-family:var(--display);
  font-size:18px;font-weight:700;letter-spacing:-.01em;line-height:1.25;
  margin:28px 0 8px;color:var(--peach);
  scroll-margin-top:94px;
}
.legal-doc p{margin:0 0 1em}
.legal-doc ul,.legal-doc ol{margin:0 0 1.15em;padding-left:1.3em}
.legal-doc li{margin:0 0 .5em}
.legal-doc li::marker{color:var(--fire)}
.legal-doc .legal-note{
  margin:0 0 1.25em;padding:16px 18px;
  border-left:3px solid var(--fire);
  background:rgba(255,90,31,.08);
  border-radius:0 12px 12px 0;
}
.legal-doc .legal-note p:last-child{margin-bottom:0}

@media (max-width:700px){
  .legal-toc{padding:18px 18px 14px}
  .legal-toc ol{columns:1}
}