/* The legal pages' own styles.

   THEY WERE AN INLINE <style> BLOCK AND PRODUCTION SILENTLY DROPPED THEM. The
   prod CSP is style-src 'self', which blocks an inline <style> element exactly
   as it blocks a style= attribute, with no error anywhere: the document renders
   with no stylesheet at all. On dev, where the CSP is looser, it looked fine.
   So the six documents went public as white text on a black page, and the
   owner's description was literally accurate - "just words on a black screen".

   An adult site's terms are read by customers deciding whether to trust us and
   by underwriters deciding whether to bank us. Both were seeing that.

   These pages share the landing page's tokens deliberately, so the two read as
   one product. landing.css is loaded first for the variables; this file only
   adds the document layout. Never move it back inline.                      */

/* ONE TOKEN BRIDGE. This file was written against the app's style.css, which
   names its body colour --text; landing.css, which is what actually loads here,
   names it --bone. An undefined custom property makes the whole declaration
   invalid, so `color: var(--text)` silently dropped and bold text in the
   documents inherited whatever was around it. Mapped rather than renamed,
   because the rules below read better with the name they were written with. */
:root{ --text: var(--bone); }

/* Legal pages share the landing page's tokens so the two read as one
   product - underwriters and customers both land here, and an unbranded
   wall of text looks like it belongs to nobody. */
.lw{max-width:800px;margin:0 auto;padding:0 24px 90px}
.lw-top{display:flex;align-items:center;gap:14px;padding:26px 0 22px;
  border-bottom:1px solid var(--line);margin-bottom:14px;flex-wrap:wrap}
.lw-top .brand{text-decoration:none;color:var(--text)}
.lw-back{margin-left:auto;color:var(--muted);text-decoration:none;font-size:13px}
.lw-back:hover{color:var(--gold-lt)}
.lw-nav{display:flex;flex-wrap:wrap;gap:7px;padding:0 0 30px}
.lw-nav a,.lw-nav strong{font-size:12px;padding:5px 11px;border-radius:99px;
  text-decoration:none;border:1px solid var(--line);color:var(--muted);
  white-space:nowrap}
.lw-nav a:hover{color:var(--gold-lt);border-color:var(--gold)}
.lw-nav strong{color:#241a08;background:linear-gradient(180deg,var(--gold-lt),var(--gold));
  border-color:var(--gold);font-weight:700}
.doc h1{font-size:clamp(25px,3.6vw,34px);line-height:1.2;margin:0 0 6px;
  font-family:var(--serif);font-weight:600}
.doc h2{font-size:17.5px;margin:34px 0 8px;color:var(--gold-lt);font-weight:600}
.doc h3{font-size:14.5px;margin:22px 0 6px;font-weight:600}
.doc p,.doc li{color:#c9c4bb;font-size:15px;line-height:1.72}
.doc ul{padding-left:20px}.doc li{margin:6px 0}
.doc strong{color:var(--text)}
.doc a{color:var(--gold-lt)}
.doc hr{border:0;border-top:1px solid var(--line);margin:26px 0}
.doc em{color:var(--muted);font-size:13.5px}
.lw-foot{margin-top:56px;padding-top:22px;border-top:1px solid var(--line);
  display:flex;gap:16px;flex-wrap:wrap;align-items:center}
.lw-foot p{margin:0;color:var(--muted);font-size:12.5px}
.lw-foot .r{margin-left:auto}
.lw-draft{background:rgba(224,160,60,.12);border:1px solid rgba(224,160,60,.5);
  color:#e0a03c;border-radius:9px;padding:10px 14px;margin:0 0 22px;
  font-size:12.5px;font-weight:600}
@media(max-width:600px){.lw{padding:0 16px 60px}}