/* =========================================================
   LEGAL / GENERIC PAGES: the static "Terms & Privacy" stylesheet,
   scoped to #main. Header rules were removed (chrome.css handles them;
   these pages use the solid header state because the hero is light).
   ========================================================= */

#main{--forest:#142D2D;--ink:#0E1A19;--mist:#6E7A77;--sand:#E4DFD4;--bone:#F2F1EC;--pad:160px;--gut:40px;--header-h:120px;}
body.tpl-legal{margin:0;background:#F2F1EC;color:#0E1A19;font-family:'Inter Tight',system-ui,-apple-system,sans-serif;font-size:18px;line-height:1.62;-webkit-font-smoothing:antialiased;overflow-x:hidden;padding-top:120px;}
#main h1,#main h2{font-family:'Archivo',system-ui,sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:-.022em;line-height:.96;color:var(--forest);margin:0;}
#main h1{font-size:clamp(42px,7.2vw,112px);}
#main h2{font-size:clamp(30px,4.4vw,64px);}
#main h3{font-family:'Archivo',system-ui,sans-serif;font-weight:600;letter-spacing:-.01em;color:var(--forest);font-size:20px;margin:32px 0 16px;}
#main p{margin:0 0 1.15em;}
#main a{color:var(--forest);text-decoration:underline;}
#main ul,#main ol{margin:0 0 1.15em;padding-left:1.1em;}
#main li{margin-bottom:.45em;}
#main img{max-width:100%;height:auto;}
#main .container{width:100%;max-width:1440px;margin:0 auto;padding:0 var(--gut);}
#main .narrow{max-width:800px;}
#main .section{padding:var(--pad) 0;}
#main .section--chalk{background:#FBFAF7;}
#main .page-hero{padding:calc(var(--header-h) + 96px) 0 var(--pad);}
#main .page-hero h1{margin-bottom:36px;}
#main .eyebrow{font-family:'Archivo',sans-serif;font-weight:600;font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--mist);margin:0 0 28px;}
@media (max-width:768px){#main .narrow{max-width:600px;}}
#main .as-editor > :first-child{margin-top:0;}