/* The six legal pages, in the sales page's public shell. 17 Oct 2026.
   sales.css gives the surface, the bar, the buttons and the footer; this sets the reading
   column. One column, set for reading: generous space above each heading so the sections
   separate, lists and the contact page's definitions laid out rather than left raw. */
.lwrap{max-width:760px;margin:0 auto;padding:26px 28px 70px}
.lhead{padding-bottom:22px;border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:26px}
.lhead .lpill{display:inline-block;font:700 12px/1 var(--mono);letter-spacing:.16em;text-transform:uppercase;
  color:#f5c518;border:1.5px solid rgba(245,197,24,.55);border-radius:999px;padding:7px 12px}
.lhead h1{font:800 clamp(40px,7vw,64px)/1 var(--display);text-transform:uppercase;letter-spacing:-.015em;margin:16px 0 0}
.lupd{margin:12px 0 0;color:#8b948e;font-size:14.5px}

.ltoc{margin:0 0 30px;padding:16px 20px;border:1px solid rgba(255,255,255,.1);border-radius:14px;background:#141916}
.ltoc b{display:block;font:600 12px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:#aab3ad;margin-bottom:10px}
.ltoc ol{margin:0;padding-left:20px;columns:2;column-gap:28px}
.ltoc li{margin:0 0 6px;break-inside:avoid;color:#8b948e}
.ltoc a{color:#ccd4ce;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.18)}
.ltoc a:hover,.ltoc a:focus-visible{color:#f2f5f1;border-bottom-color:#f5c518}

.lbody{color:#ccd4ce;font-size:17px;line-height:1.65}
.lbody h2{font:800 clamp(22px,3vw,28px)/1.15 var(--display);text-transform:uppercase;letter-spacing:-.005em;
  color:#f2f5f1;margin:44px 0 12px;scroll-margin-top:20px}
.lbody > h2:first-child{margin-top:0}
.lbody p{margin:0 0 14px;max-width:68ch}
.lbody b,.lbody strong{color:#f2f5f1}
.lbody a{color:#f5c518;text-underline-offset:3px}
.lbody a:hover{color:#f5d45a}
.lbody ul,.lbody ol{margin:0 0 16px;padding-left:22px;max-width:68ch}
.lbody li{margin:0 0 8px}
.lbody li::marker{color:#6cc27a}
.lbody .box{margin:22px 0;padding:18px 20px;border-radius:14px;border:1px solid rgba(245,197,24,.35);background:rgba(245,197,24,.06)}
.lbody .box > :last-child{margin-bottom:0}
/* the contact page's "what to get in touch about": a term, then its explanation beneath */
.lbody dl{margin:0 0 16px;display:grid;gap:4px}
.lbody dt{color:#f2f5f1;font-weight:700;margin-top:12px}
.lbody dd{margin:0;max-width:64ch}
.lbody address{font-style:normal;margin:6px 0 16px;line-height:1.6;color:#e7ebe6}
.lbody a.mailbig{display:inline-block;font:700 clamp(20px,3vw,26px)/1.2 var(--display);margin:2px 0 6px;
  color:#f5c518;text-decoration:none;border-bottom:2px solid rgba(245,197,24,.4);word-break:break-all}
.lbody .muted{color:#8b948e}

@media (max-width:560px){
  .lwrap{padding:18px 16px 56px}
  .ltoc ol{columns:1}
}
