/* The legal drafts (legal/*.html) and credits.html: the reading column under the site's own header and footer. Loaded after
   landing.css and landing-glass.css (which give the header, footer, tokens and the always-light page), so only the text column is set
   here. */
:root{--g:#b8305c;--gsoft:#fff0f4;--warnbg:#fbefd5;--warn:#7a4d0b}
a{color:var(--g)}
main{max-width:760px;margin:0 auto;padding:28px 20px 72px}
main h1{font-size:clamp(30px,5vw,40px);line-height:1.15;margin:0 0 6px;letter-spacing:-.03em;max-width:none}
main h2{font-size:20px;line-height:1.3;margin:34px 0 8px;letter-spacing:-.015em}
main section{padding:0}
p,li{color:var(--ink)}
.meta{color:var(--mut);font-size:14px;margin:0 0 20px}
.lcontact{margin-top:36px}
.draft{background:var(--warnbg);color:var(--warn);border-radius:10px;padding:10px 14px;font-size:14px;margin:0 0 24px}
ul{padding-left:22px}
li{margin:4px 0}
/* the four legal documents, one row; on a phone it scrolls sideways instead of wrapping */
.lnav{display:flex;gap:8px;margin:0 0 24px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.lnav::-webkit-scrollbar{display:none}
.lnav a{flex:none;display:inline-flex;align-items:center;min-height:40px;padding:0 15px;border-radius:999px;border:1px solid var(--line);background:rgba(255,255,255,.75);color:var(--ink);font-weight:600;font-size:14px;text-decoration:none;white-space:nowrap}
.lnav a:hover{border-color:var(--mint)}
.lnav a[aria-current="page"]{background:var(--ink);border-color:var(--ink);color:#fff}