/* ==========================================================================
   Crowdset · the paperwork pages
   /privacy, /terms, /support. Three documents nobody reads for pleasure and
   everybody reads under pressure: a fan checking what happens to their card,
   a band deciding whether to trust us with a night's takings, a card network
   reviewing the account. So: same Stage Heat ink, but set as a DOCUMENT —
   long measure, real paragraph rhythm, no gig-poster shouting. The only thing
   these pages owe anyone is being readable and being true.
   ========================================================================== */

.doc{max-width:64ch; margin:0 auto; padding:34px 20px 90px;}

.logo{font-family:var(--disp); font-weight:900; text-transform:uppercase;
      font-size:22px; letter-spacing:.01em; text-decoration:none; color:var(--ink);
      display:inline-block;}
.logo span{color:var(--heat);}

.doc h1{font-family:var(--disp); font-weight:900; text-transform:uppercase;
        font-size:38px; line-height:.98; margin:30px 0 6px; text-wrap:balance;}

/* The date is the single most load-bearing line on a policy page — it is what
   tells a reader whether they are looking at the terms they agreed to. Mono,
   so it reads as a fact rather than as prose. */
.stamp{font-family:var(--mono); font-size:10.5px; letter-spacing:.14em;
       text-transform:uppercase; color:var(--ink-faint); margin:0 0 30px;}

.doc h2{font-family:var(--disp); font-weight:900; text-transform:uppercase;
        font-size:20px; letter-spacing:.01em; margin:38px 0 10px;
        padding-top:20px; border-top:1px solid var(--line-soft);}
.doc h2:first-of-type{border-top:0; padding-top:0;}

.doc h3{font-size:15px; font-weight:700; margin:22px 0 6px; color:var(--ink);}

.doc p, .doc li{font-size:15.5px; line-height:1.62; color:var(--ink-dim);}
.doc p{margin:0 0 14px;}
.doc ul{margin:0 0 16px; padding-left:20px;}
.doc li{margin-bottom:7px;}
.doc strong{color:var(--ink); font-weight:650;}
/* Links in running prose are ice. The wordmark is a link too and was picking
   this up, so CROWDSET rendered ice-and-heat here and white-and-heat
   everywhere else — the brand mark, wrong, on the three pages a card network
   actually reads. Excluded by name rather than by reordering, so adding a
   link rule later cannot quietly break it again. */
.doc a:not(.logo){color:var(--ice);}

/* THE PLAIN-ENGLISH BOX. Every section that could be read two ways gets one
   sentence at the top saying which way we mean it. Gold, because on every
   other surface in this product gold means money, and money is what these
   sentences are almost always about. */
.plain{background:var(--raised); border:1px solid var(--line-soft);
       border-left:3px solid var(--gold); border-radius:0 12px 12px 0;
       padding:13px 16px; margin:0 0 20px;}
.plain p{margin:0; color:var(--ink); font-size:14.5px; line-height:1.55;}
.plain .lab{display:block; font-family:var(--mono); font-size:9.5px;
            letter-spacing:.16em; text-transform:uppercase; color:var(--gold);
            margin-bottom:5px;}

/* Contact / summary card. */
.card{background:var(--surface); border:1px solid var(--line);
      border-radius:var(--r-card); padding:20px 22px; margin:0 0 26px;}
.card p:last-child{margin-bottom:0;}

.foot{margin-top:52px; padding-top:20px; border-top:1px solid var(--line-soft);
      font-size:13px; color:var(--ink-faint); display:flex; gap:18px; flex-wrap:wrap;}
.foot a{color:var(--ink-faint);}
.foot a:hover{color:var(--ink);}