/* ============================================================================
   bw_csuite3.css  .  CSUITE-3 THE C-SUITE CUT, PART 3 (Opus 5.5 build lane, Oct 17 2026)
   The media doors (Press Kit, Creator Hub) and the one reading-page template
   (FAQ, About, Contact, Terms, Privacy, Free goodies), implemented against the
   Fable desk renders SITE_PRESS_CSUITE.png, SITE_CREATORS_CSUITE.png and
   SITE_TEXTPAGE_CSUITE.png, tokens per BITWORD_DESIGN_SYSTEM.md.
   DRESS ONLY: no wording, content or order lives here. Every rule is scoped
   under body.cs3 so nothing leaks onto the shared header/footer (CSUITE-1).
   Color law: mint #3ddc97 = action/LIVE (pills, accent bars); gold never used
   here (seats only); teal #4fd1b0 = voice on dark. em-dash gate 0.
   ============================================================================ */

/* THE FRAME (CSUITE-1, consumed): Poppins 400/500/600/700 + 400 italic ship from bw_header.js (the shared /fonts woff2 set;
   the 500 face joined it in CSUITE-1B) and the white mark from /bw_mark_white_c1.png. This file declares no font face. */

body.cs3{
  --cs-pg:#f5f7fa; --cs-card:#fff; --cs-line:#e4e9f1; --cs-h:#1f2940; --cs-body:#33415b; --cs-small:#8a94a6;
  --cs-mint:#3ddc97; --cs-mintd:#13865c; --cs-mintt:#2bb886; --cs-onmint:#0b1622; --cs-chip:#64748b; --cs-chipline:#d4dbe5;
  --cs-navy:#0f1826; --cs-teal:#4fd1b0; --cs-dcard:#15223a; --cs-dbody:#b9c8da; --cs-dsmall:#8fa3bd; --cs-gray:#b4bdca;
  --cs-shadow:0 1px 3px rgba(16,24,40,.05); --navy:#1f2940; --ink:#33415b; --line:#e4e9f1; --cyd:#13865c; --mint:#3ddc97; --muted:#8a94a6; --cs-font:"Poppins",-apple-system,"Segoe UI",system-ui,Roboto,Helvetica,Arial,sans-serif;
  margin:0;background:var(--cs-pg);color:var(--cs-body)
}
body.cs3 .wrap{font-family:var(--cs-font);color:var(--cs-body);line-height:1.65;-webkit-font-smoothing:antialiased;box-sizing:border-box}
body.cs3 .wrap *{box-sizing:border-box}
body.cs3 .wrap button,body.cs3 .wrap input,body.cs3 .wrap select,body.cs3 .wrap textarea{font-family:inherit}
body.cs3 .wrap a{color:var(--cs-mintt)}
body.cs3 #toast{font-family:var(--cs-font);background:var(--cs-navy);font-weight:700}

/* ---------------------------------------------------------------- the pill (one shape) */
body.cs3 .cs-pill,
body.cs3.cs3-media .door,body.cs3.cs3-media .copybtn,body.cs3.cs3-media .dl,body.cs3.cs3-media .ccard a.cyt,body.cs3.cs3-media .frm button.submit{
  display:inline-flex;align-items:center;justify-content:center;gap:6px;background:var(--cs-mint);color:var(--cs-onmint);
  border:1px solid var(--cs-mint);border-radius:999px;font-family:var(--cs-font);font-weight:700;font-size:13px;line-height:18px;
  padding:8px 17px;text-decoration:none;cursor:pointer;white-space:nowrap;box-shadow:none;margin:0}
body.cs3.cs3-media .door:hover,body.cs3.cs3-media .copybtn:hover,body.cs3.cs3-media .dl:hover{background:#36d18e;color:var(--cs-onmint)}
body.cs3.cs3-media .door.ghost{background:#fff;border-color:var(--cs-chipline);color:var(--cs-chip)}
body.cs3.cs3-media .door.ghost:hover{border-color:var(--cs-chip);color:var(--cs-h);background:#fff}
body.cs3.cs3-media .btns{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}

/* ============================================================= THE MEDIA DOORS (press + creators) */
body.cs3.cs3-media .wrap{max-width:860px;margin:0 auto;padding:34px 20px 96px}
body.cs3.cs3-media h1{font-family:var(--cs-font);font-size:30px;line-height:38px;font-weight:700;letter-spacing:0;color:var(--cs-h);margin:0 0 10px}
body.cs3.cs3-media .own{color:var(--cs-mintd);font-weight:700;font-size:13px;line-height:20px;margin:0 0 4px}
body.cs3.cs3-media .byline{color:var(--cs-small);font-size:12px;line-height:20px;margin:0}
body.cs3.cs3-media .byline a{color:var(--cs-mintt);font-weight:700;text-decoration:none}
body.cs3.cs3-media .hlead{font-size:14px;line-height:22px;color:var(--cs-body);margin:9px 0 0;max-width:640px}
body.cs3.cs3-media .xdoor{display:inline-block;margin-top:15px;font-weight:700;font-size:12.5px;line-height:18px;color:var(--cs-h);text-decoration:none;
  background:#fff;border:1px solid var(--cs-line);border-radius:999px;padding:9px 20px;box-shadow:var(--cs-shadow)}
body.cs3.cs3-media .xdoor .cs-x{color:var(--cs-mintt)}
body.cs3.cs3-media .xdoor:hover{border-color:var(--cs-chipline)}
/* the chips nav (sticky, as live) */
body.cs3.cs3-media .nav{position:sticky;top:0;z-index:20;background:rgba(245,247,250,.94);backdrop-filter:saturate(1.4) blur(6px);border:0;margin:14px -20px 0;padding:0 20px 6px}
body.cs3.cs3-media .navrow{display:flex;flex-wrap:wrap;gap:8px 8px;overflow:visible}
body.cs3.cs3-media .nav a{flex:none;font-size:11.5px;line-height:17px;font-weight:700;color:var(--cs-chip);text-decoration:none;background:#fff;border:1px solid var(--cs-chipline);border-radius:999px;padding:6px 14px;white-space:nowrap}
body.cs3.cs3-media .nav a:hover{border-color:var(--cs-chip);color:var(--cs-h)}
body.cs3.cs3-media .lang{flex:none;display:inline-flex;gap:8px;margin:0}
body.cs3.cs3-media .lang button{flex:none;font-size:11.5px;line-height:17px;font-weight:700;border:1px solid var(--cs-chipline);background:#fff;color:var(--cs-chip);border-radius:999px;padding:6px 13px;min-width:42px;cursor:pointer}
body.cs3.cs3-media .lang button[aria-pressed="true"]{background:var(--cs-navy);color:#fff;border-color:var(--cs-navy)}
/* sections: numbered teal kicker + h2 */
body.cs3.cs3-media section{padding-top:30px}
body.cs3.cs3-media section>:last-child,body.cs3.cs3-media section>:last-child>.story:last-child{margin-bottom:6px}
body.cs3.cs3-media .sh{display:flex;align-items:baseline;gap:10px;border:0;padding:0;margin:0 0 10px}
body.cs3.cs3-media .sh .n{font-size:12px;line-height:1;font-weight:700;letter-spacing:0;color:var(--cs-mintt)}
body.cs3.cs3-media h2{font-family:var(--cs-font);font-size:21px;line-height:28px;margin:0;color:var(--cs-h);letter-spacing:0;font-weight:700}
body.cs3.cs3-media .lead{font-size:14px;line-height:23px;color:var(--cs-body);margin:0 0 18px}
body.cs3.cs3-media h3{font-family:var(--cs-font);font-size:15px;line-height:22px;margin:22px 0 8px;color:var(--cs-h);font-weight:700}
body.cs3.cs3-media p{color:var(--cs-body);font-size:14px;line-height:23px;margin:8px 0}
/* the white card */
body.cs3.cs3-media .card,body.cs3.cs3-media .copyblock,body.cs3.cs3-media .story,body.cs3.cs3-media .acc,body.cs3.cs3-media .asset,
body.cs3.cs3-media .num,body.cs3.cs3-media .cards6 div,body.cs3.cs3-media .ccard,body.cs3.cs3-media .vid,body.cs3.cs3-media .plain{
  position:relative;background:var(--cs-card);border:1px solid var(--cs-line);border-radius:14px;box-shadow:var(--cs-shadow)}
body.cs3.cs3-media .card{padding:20px 24px;margin:14px 0}
/* the mint accent bar (inset, rounded) */
body.cs3 .cs-bar::before,body.cs3.cs3-media .num::before,body.cs3.cs3-media .plain::before,body.cs3.cs3-media ul.facts li::before{
  content:"";position:absolute;inset-inline-start:0;top:10px;bottom:10px;width:4px;border-start-start-radius:0;border-start-end-radius:3px;border-end-end-radius:3px;border-end-start-radius:0;background:var(--cs-mint)}
/* stat cards: mint accent, counts stay live */
body.cs3.cs3-media .nums{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin:0 0 10px}
body.cs3.cs3-media .num{padding:18px 24px 14px}
body.cs3.cs3-media .num b{display:block;font-size:30px;line-height:38px;color:var(--cs-h);font-weight:700;letter-spacing:0}
body.cs3.cs3-media .num span{display:block;font-size:12px;line-height:18px;color:var(--cs-small);font-weight:400;margin-top:6px}
body.cs3.cs3-media .asof{font-size:11px;line-height:16px;color:var(--cs-small);margin:0}
/* boilerplate / fact sheet / script cards */
body.cs3.cs3-media .copyblock{padding:22px 24px 21px;margin:16px 0}
body.cs3.cs3-media .copyblock>h3.cs-in,body.cs3 .cs-kick{display:block;font-family:var(--cs-font);font-size:10.5px;line-height:14px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--cs-small);margin:0 0 8px}
body.cs3.cs3-media .copyblock .ctxt{font-size:14px;line-height:23px;color:var(--cs-body);white-space:pre-wrap;margin:0}
body.cs3.cs3-media .copyblock ul{margin:0;padding-inline-start:18px}
body.cs3.cs3-media .copyblock ul li{font-size:14px;line-height:23px;color:var(--cs-body);margin:4px 0}
body.cs3.cs3-media .copybtn{margin-top:18px}
/* story cards */
body.cs3.cs3-media .story{margin:0 0 14px;overflow:hidden;padding:21px 24px 22px}
body.cs3.cs3-media .story .sk{font-size:10.5px;line-height:14px;font-weight:700;letter-spacing:1.5px;color:var(--cs-mintt);padding:0;text-transform:uppercase}
body.cs3.cs3-media .story h3{margin:6px 0 4px;font-size:15px;line-height:22px}
body.cs3.cs3-media .story .dek{margin:0 0 4px;font-size:13px;line-height:20px;color:var(--cs-small)}
body.cs3.cs3-media .story details{border:0}
body.cs3.cs3-media .story summary{cursor:pointer;list-style:none;padding:3px 0 0;font-weight:700;font-size:12.5px;line-height:20px;color:var(--cs-mintt)}
body.cs3.cs3-media .story summary::-webkit-details-marker{display:none}
body.cs3.cs3-media .story .body{padding:8px 0 4px;white-space:pre-wrap;font-size:14px;line-height:23px;color:var(--cs-body)}
body.cs3.cs3-media .story .btns{padding:0;margin:14px 0 0}
/* the dark global-image band: frames the LIVE dotted world map exactly as it draws */
body.cs3.cs3-media .cs-band{position:relative;overflow:hidden;border-radius:14px;background:linear-gradient(180deg,#17273f 0%,#0d1829 45%,#0c1624 100%);padding:22px;margin:4px 0 0}
body.cs3.cs3-media .cs-band::after{content:"";position:absolute;inset-inline-end:-130px;top:-40px;width:350px;height:247px;background:url("/bw_mark_white_c1.png") no-repeat right bottom/contain;opacity:.05;pointer-events:none}
body.cs3.cs3-media .worldimg{position:relative;z-index:1;display:block;width:100%;height:auto;border-radius:8px;border:0;background:#1b1f36;aspect-ratio:1200/630}
/* clubs by country */
body.cs3.cs3-media .place{margin:0 0 6px;font-size:13.5px;line-height:20px;color:var(--cs-small)}
body.cs3.cs3-media .place .flab2{font-size:10.5px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--cs-small);margin-inline-end:6px}
body.cs3.cs3-media .place .pn{font-weight:700;color:var(--cs-h)}
body.cs3.cs3-media .place a{color:var(--cs-mintt);font-weight:700;margin-inline-start:6px;text-decoration:none}
body.cs3.cs3-media .clist{list-style:none;padding:0;margin:10px 0 0;border:1px solid var(--cs-line);border-radius:14px;background:#fff;box-shadow:var(--cs-shadow);max-height:440px;overflow:auto}
body.cs3.cs3-media .clist li{display:flex;gap:10px;align-items:baseline;justify-content:space-between;padding:10px 20px;border-bottom:1px solid var(--cs-line);font-size:13.5px;line-height:20px}
body.cs3.cs3-media .clist li:last-child{border-bottom:0}
body.cs3.cs3-media .clist a{color:var(--cs-h);font-weight:700;text-decoration:none;min-width:0;overflow-wrap:anywhere}
body.cs3.cs3-media .clist a:hover{color:var(--cs-mintd)}
body.cs3.cs3-media .clist .lg{color:var(--cs-small);font-size:12px;text-align:end;flex:none;max-width:45%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body.cs3.cs3-media .clist .empty{display:block;color:var(--cs-small);text-align:center;padding:18px}
body.cs3.cs3-media .clist .empty a{color:var(--cs-mintt)}
/* logo pack */
body.cs3.cs3-media .assets{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:4px 0 0}
body.cs3.cs3-media .asset{padding:16px 16px 18px;text-align:center}
body.cs3.cs3-media .asset .pv{height:97px;display:flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:10px;margin-bottom:12px;overflow:hidden}
body.cs3.cs3-media .asset .pv.dark{background:var(--cs-navy)}
body.cs3.cs3-media .asset .pv.lite{background:#f0f4f8;border-color:var(--cs-line)}
body.cs3.cs3-media .asset .pv.cs-dk{background:var(--cs-navy);border-color:var(--cs-navy)}
body.cs3.cs3-media .asset img{max-width:100%;max-height:48px;object-fit:contain}
body.cs3.cs3-media .asset .pv.cs-dk img{max-height:89px;border-radius:6px}
body.cs3.cs3-media .asset .an{font-size:13px;line-height:20px;font-weight:700;color:var(--cs-h);margin-bottom:10px}
body.cs3.cs3-media .dl{font-size:13px;line-height:18px;padding:6px 19px}
body.cs3.cs3-media .note{font-size:11.5px;line-height:19px;color:var(--cs-small);margin:12px 0 0}
body.cs3.cs3-media .note a,body.cs3.cs3-media .card p a{color:var(--cs-mintt);font-weight:700;text-decoration:none}
/* fact sheet angles + releases + FAQ accordions */
body.cs3.cs3-media .cards6{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:8px 0 0}
body.cs3.cs3-media .cards6 div{padding-block:14px 14px;padding-inline:24px 20px;font-size:13.5px;line-height:21px;color:var(--cs-body)}
body.cs3.cs3-media .cards6 div::before{content:"";position:absolute;inset-inline-start:0;top:10px;bottom:10px;width:4px;border-start-start-radius:0;border-start-end-radius:3px;border-end-end-radius:3px;border-end-start-radius:0;background:var(--cs-mint)}
body.cs3.cs3-media #bwClubSystem .sh .n{letter-spacing:1.5px;font-size:10.5px}
body.cs3.cs3-media #bwClubSystem textarea{font-family:var(--cs-font)!important;background:#f8fafc!important;border-color:var(--cs-line)!important;border-radius:10px!important;color:var(--cs-body)!important}
body.cs3.cs3-media #bwClubSystem .door[style]{background:var(--cs-mint)}
body.cs3.cs3-media #bwClubSystem #bwcsDl{background:#fff!important;border:1px solid var(--cs-chipline)!important;color:var(--cs-chip)}
body.cs3.cs3-media .acc{margin:0 0 10px;overflow:hidden}
body.cs3.cs3-media .acc>button{width:100%;display:flex;justify-content:space-between;align-items:center;gap:10px;background:transparent;border:0;padding-block:15px 15px;padding-inline:24px 22px;font-size:14px;line-height:21px;font-weight:700;color:var(--cs-h);cursor:pointer;text-align:start}
body.cs3.cs3-media .acc>button .cv{color:var(--cs-mintt);transition:transform .15s}
body.cs3.cs3-media .acc>button::before{content:"";position:absolute;inset-inline-start:0;top:10px;height:31px;width:4px;border-start-start-radius:0;border-start-end-radius:3px;border-end-end-radius:3px;border-end-start-radius:0;background:var(--cs-mint)}
body.cs3.cs3-media .acc .abody{display:none;padding-block:0 16px;padding-inline:24px 22px;font-size:13.5px;line-height:22px;color:var(--cs-body)}
body.cs3.cs3-media .acc.open .abody{display:block}
body.cs3.cs3-media .acc.open .cv{transform:rotate(180deg)}
body.cs3.cs3-media .foot{margin-top:44px;padding-top:18px;border-top:1px solid var(--cs-line);font-size:12px;line-height:18px;color:var(--cs-small)}
body.cs3.cs3-media .foot a{color:var(--cs-mintt);font-weight:700;text-decoration:none}

/* ---------------------------------------------------------------- the Creator Hub */
/* the invitation-link unit: dark navy card, watermark mark, mint Share */
body.cs3.cs3-media .linkbox{position:relative;overflow:hidden;background:linear-gradient(160deg,#17273f 0%,#0d1829 40%,#0a1320 100%);color:#fff;border-radius:14px;padding:28px 28px 24px;margin:16px 0 12px}
body.cs3.cs3-media .linkbox::after{content:"";position:absolute;inset-inline-end:-130px;bottom:-99px;width:350px;height:247px;background:url("/bw_mark_white_c1.png") no-repeat right bottom/contain;opacity:.05;pointer-events:none}
body.cs3.cs3-media .linkbox .k{position:relative;font-size:10.5px;line-height:14px;font-weight:700;letter-spacing:2.5px;color:var(--cs-teal)}
body.cs3.cs3-media .linkbox code{position:relative;display:block;margin:10px 0 6px;font-family:var(--cs-font);font-size:24.5px;line-height:32px;font-weight:700;color:#fff;overflow-wrap:anywhere}
body.cs3.cs3-media .linkbox .s{position:relative;font-size:12.5px;line-height:20px;color:var(--cs-dsmall)}
body.cs3.cs3-media .linkbox .btns{position:relative;margin-top:12px}
body.cs3.cs3-media .linkbox .door{background:var(--cs-mint);border-color:var(--cs-mint);color:var(--cs-onmint);font-size:14px;padding:10px 30px}
body.cs3.cs3-media .linkbox .door.ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.35)}
/* signed-out state of the link unit (live behaviour, same family) */
body.cs3.cs3-media .field{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px}
body.cs3.cs3-media .field input,body.cs3.cs3-media .frm input[type=text],body.cs3.cs3-media .frm input[type=url],body.cs3.cs3-media .frm textarea{
  flex:1 1 200px;min-width:0;border:1px solid var(--cs-chipline);border-radius:12px;padding:10px 14px;font-size:14px;line-height:20px;color:var(--cs-h);background:#fff;outline:none}
body.cs3.cs3-media .field input:focus,body.cs3.cs3-media .frm input:focus,body.cs3.cs3-media .frm textarea:focus{border-color:var(--cs-mint);box-shadow:0 0 0 3px rgba(61,220,151,.18)}
body.cs3.cs3-media .msg{font-size:12.5px;line-height:18px;margin-top:8px;min-height:1.2em}
/* how it works (mint accent) / what it is not (neutral gray accent; gold stays seats-only) */
body.cs3.cs3-media .plain{padding-block:14px 14px;padding-inline:21px 16px;margin:0 0 12px;font-size:13px;line-height:21px;color:var(--cs-body);border-inline-start:1px solid var(--cs-line)}
body.cs3.cs3-media .plain::before{top:10px;bottom:10px}
body.cs3.cs3-media .plain b{color:var(--cs-h);font-weight:700}
body.cs3.cs3-media .plain.no::before{background:var(--cs-gray)}
body.cs3.cs3-media .plain a{color:var(--cs-mintt);font-weight:700}
/* training grid + kickers */
body.cs3.cs3-media .grp{font-size:10.5px;line-height:14px;font-weight:700;letter-spacing:1.5px;color:var(--cs-small);margin:26px 0 12px;text-transform:uppercase}
body.cs3.cs3-media .tr{display:grid;grid-template-columns:1fr 1fr;gap:14px}
body.cs3.cs3-media .tr .card,body.cs3.cs3-media .grid3 .card{margin:0;padding:20px 22px 20px;display:flex;flex-direction:column;align-items:flex-start}
body.cs3.cs3-media .tr .card h3,body.cs3.cs3-media .grid3 .card h3{margin:0 0 8px;font-size:15.5px;line-height:23px}
body.cs3.cs3-media .tr .card p,body.cs3.cs3-media .grid3 .card p{flex:1;margin:0 0 14px;font-size:12.5px;line-height:19.5px;color:var(--cs-chip)}
body.cs3.cs3-media .tr .card .door,body.cs3.cs3-media .grid3 .card .door{font-size:13px;line-height:18px;padding:7px 20px}
body.cs3.cs3-media .grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:4px 0 0}
body.cs3.cs3-media .reads{display:flex;flex-wrap:wrap;gap:10px;margin:0}
body.cs3.cs3-media .reads .door{font-size:12.5px;padding:7px 18px}
body.cs3.cs3-media .vids{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:0}
body.cs3.cs3-media .vid{overflow:hidden}
body.cs3.cs3-media .vid iframe{display:block;width:100%;aspect-ratio:16/9;border:0;background:#0b1020}
body.cs3.cs3-media .vid div{padding:10px 16px;font-weight:700;font-size:13.5px;color:var(--cs-h)}
body.cs3.cs3-media .vempty,body.cs3.cs3-media .cempty{grid-column:1/-1;color:var(--cs-small);font-size:13px;line-height:20px;background:#fff;border:1px solid var(--cs-line);border-radius:14px;box-shadow:var(--cs-shadow);padding:18px 20px;text-align:center}
/* scripts: idea list */
body.cs3.cs3-media ul.facts{list-style:none;padding:0;margin:8px 0 0}
body.cs3.cs3-media ul.facts li{position:relative;background:#fff;border:1px solid var(--cs-line);border-radius:14px;box-shadow:var(--cs-shadow);padding-block:13px 13px;padding-inline:24px 20px;margin:0 0 10px;font-size:13.5px;line-height:21px;color:var(--cs-body)}
/* featuring: featured creators + submit */
body.cs3.cs3-media .cgrid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:4px 0 0}
body.cs3.cs3-media .ccard{padding:18px 22px}
body.cs3.cs3-media .ccard .chead{font-size:15px;line-height:22px;font-weight:700;color:var(--cs-h)}
body.cs3.cs3-media .ccard .cn{font-size:12.5px;font-weight:700;color:var(--cs-body);margin:6px 0 2px}
body.cs3.cs3-media .ccard .ct{color:var(--cs-chip);font-size:12.5px;line-height:19.5px;margin:2px 0 12px}
body.cs3.cs3-media .ccard a.cyt{font-size:12.5px;padding:7px 20px}
body.cs3.cs3-media .frm label{display:block;font-size:12px;font-weight:700;color:var(--cs-h);margin:14px 0 6px}
body.cs3.cs3-media .frm textarea{min-height:72px;resize:vertical;width:100%}
body.cs3.cs3-media .frm input[type=text],body.cs3.cs3-media .frm input[type=url]{width:100%}
body.cs3.cs3-media .frm .chk{display:flex;align-items:flex-start;gap:9px;margin-top:14px;font-size:13px;font-weight:400;color:var(--cs-body)}
body.cs3.cs3-media .frm button.submit{margin-top:16px;padding:10px 26px;min-height:40px}
body.cs3.cs3-media .frm button.submit:disabled{opacity:.55;cursor:default}
body.cs3.cs3-media #featuring>.door{margin-top:14px}

/* ============================================================= THE READING PAGE TEMPLATE */
body.cs3.cs3-text .wrap{max-width:760px;margin:0 auto;padding:30px 20px 96px;font-size:13.5px}
body.cs3.cs3-text .cs-head{margin:0 0 18px}
body.cs3.cs3-text .cs-kick{font-size:11px;line-height:16px;letter-spacing:2px;margin:0 0 10px}
body.cs3.cs3-text h1{font-family:var(--cs-font);font-size:28px;line-height:36px;font-weight:700;letter-spacing:0;color:var(--cs-h);margin:0}
body.cs3.cs3-text .cs-sub{font-size:13.5px;line-height:22px;color:var(--cs-body);margin:8px 0 0}
body.cs3.cs3-text .cs-meta{font-size:12px;line-height:18px;color:var(--cs-small);margin:8px 0 0}
body.cs3.cs3-text .cs-sec{position:relative;background:#fff;border:1px solid var(--cs-line);border-radius:14px;box-shadow:var(--cs-shadow);padding:18px 22px 19px;margin:0 0 14px}
body.cs3.cs3-text .cs-sec::before{content:"";position:absolute;inset-inline-start:0;top:14px;bottom:14px;width:4px;border-start-start-radius:0;border-start-end-radius:3px;border-end-end-radius:3px;border-end-start-radius:0;background:var(--cs-mint)}
body.cs3.cs3-text .cs-sec>:first-child{margin-top:0}
body.cs3.cs3-text .cs-sec>:last-child{margin-bottom:0}
body.cs3.cs3-text .cs-sec h2,body.cs3.cs3-text .qa .q,body.cs3.cs3-text .cs-sec .cs-q{font-family:var(--cs-font);font-size:15px;line-height:22px;font-weight:700;color:var(--cs-h);text-transform:none;letter-spacing:0;margin:0 0 8px}
body.cs3.cs3-text .cs-sec p,body.cs3.cs3-text .qa .a,body.cs3.cs3-text .cs-sec li,body.cs3.cs3-text .cs-sec td,body.cs3.cs3-text .cs-sec th{font-size:13.5px;line-height:1.65;color:var(--cs-body)}
body.cs3.cs3-text .cs-sec p{margin:0 0 10px}
body.cs3.cs3-text .cs-sec ul{margin:0;padding-inline-start:20px}
body.cs3.cs3-text .cs-sec li{margin:0 0 6px}
body.cs3.cs3-text .cs-sec b{color:var(--cs-h);font-weight:700}
body.cs3.cs3-text .cs-sec a,body.cs3.cs3-text .cs-note a{color:var(--cs-mintd);font-weight:700;text-decoration:none}
body.cs3.cs3-text .cs-sec table{border-collapse:collapse;width:100%;margin:2px 0 0}
body.cs3.cs3-text .cs-sec th,body.cs3.cs3-text .cs-sec td{border:1px solid var(--cs-line);padding:8px 10px;text-align:start;vertical-align:top}
body.cs3.cs3-text .cs-sec th{background:#f5f7fa;color:var(--cs-h);font-weight:700}
body.cs3.cs3-text .cs-intro{font-size:13.5px;line-height:1.65;color:var(--cs-body);margin:0 0 16px}
body.cs3.cs3-text .cs-note{font-size:12px;line-height:18px;color:var(--cs-small);text-align:center;margin:22px 0 0}
/* FAQ: the q/a pairs are the cards */
body.cs3.cs3-text .qa{position:relative;background:#fff;border:1px solid var(--cs-line);border-radius:14px;box-shadow:var(--cs-shadow);padding:18px 22px 19px;margin:0 0 14px}
body.cs3.cs3-text .qa::before{content:"";position:absolute;inset-inline-start:0;top:14px;bottom:14px;width:4px;border-start-start-radius:0;border-start-end-radius:3px;border-end-end-radius:3px;border-end-start-radius:0;background:var(--cs-mint)}
body.cs3.cs3-text .qa .a{margin:0}
body.cs3.cs3-text .close{color:var(--cs-small);font-size:12.5px;line-height:19px;text-align:center;margin:22px 0 0;font-weight:500}
/* legal pages: the card frame dissolves into the template (the .card stays as the language swap host) */
body.cs3.cs3-text .card.cs-host{background:transparent;border:0;box-shadow:none;border-radius:0;padding:0;margin:0}
body.cs3.cs3-text .cs-host>h1{margin:0}
body.cs3.cs3-text .cs-host>.eff{font-size:12px;line-height:18px;color:var(--cs-small);margin:8px 0 20px}
body.cs3.cs3-text .cs-host>p.eff[data-gov]{margin-top:-12px}
body.cs3.cs3-text .cs-host>.foot,body.cs3.cs3-text p.foot{font-size:12px;line-height:18px;color:var(--cs-small);text-align:center;margin:22px 0 0}
body.cs3.cs3-text .cs-host>.foot a{color:var(--cs-mintd);font-weight:700}
/* contact: the form lives in the card */
body.cs3.cs3-text label{display:block;font-size:12px;line-height:18px;font-weight:700;color:var(--cs-h);margin:14px 0 6px}
body.cs3.cs3-text input,body.cs3.cs3-text textarea,body.cs3.cs3-text select:not(.bwh-lang){width:100%;border:1px solid var(--cs-chipline);border-radius:12px;padding:10px 14px;font-size:14px;line-height:20px;font-weight:400;color:var(--cs-h);background:#fff;outline:none;font-family:var(--cs-font)}
body.cs3.cs3-text input:focus,body.cs3.cs3-text textarea:focus,body.cs3.cs3-text select:not(.bwh-lang):focus{border-color:var(--cs-mint);box-shadow:0 0 0 3px rgba(61,220,151,.18)}
body.cs3.cs3-text textarea{min-height:110px;resize:vertical}
body.cs3.cs3-text .hint{font-size:11.5px;line-height:17px;color:var(--cs-small);margin-top:6px}
body.cs3.cs3-text .btn{display:flex;width:100%;align-items:center;justify-content:center;border-radius:999px;padding:11px 20px;font-weight:700;font-size:14px;line-height:18px;cursor:pointer;border:1px solid var(--cs-mint);margin-top:16px;background:var(--cs-mint);color:var(--cs-onmint);box-shadow:none;text-decoration:none}
body.cs3.cs3-text .btn:disabled{opacity:.55;cursor:not-allowed}
body.cs3.cs3-text .res{margin-top:10px;font-weight:700;min-height:20px;font-size:13px}
body.cs3.cs3-text .res.ok{color:var(--cs-mintd)}
body.cs3.cs3-text .res.no{color:#b4372a}
body.cs3.cs3-text .ok-state{background:#effcf5;border:1px solid #bfeed7;border-radius:12px;padding:16px;font-size:14px;font-weight:700;color:var(--cs-mintd);text-align:center}
body.cs3.cs3-text .legal-line{font-size:12px;color:var(--cs-small);line-height:1.6;margin-top:10px}
body.cs3.cs3-text .cs-sec>h2+p{margin-top:0}
body.cs3.cs3-text .foot{text-align:center;font-size:12px;line-height:18px;margin-top:22px}
body.cs3.cs3-text .foot a{color:var(--cs-mintd);font-weight:700;text-decoration:none}
/* goodies: each goodie is a card; collapse behaviour unchanged */
body.cs3.cs3-goodies .credit{position:relative;background:#fff;border:1px solid var(--cs-line);border-radius:14px;box-shadow:var(--cs-shadow);padding-block:16px 16px;padding-inline:24px 22px;margin:0 0 15px;font-size:13.5px;line-height:1.65;color:var(--cs-body)}
body.cs3.cs3-goodies .credit::before{content:"";position:absolute;inset-inline-start:0;top:14px;bottom:14px;width:4px;border-start-start-radius:0;border-start-end-radius:3px;border-end-end-radius:3px;border-end-start-radius:0;background:var(--cs-mint)}
body.cs3.cs3-goodies .credit b{color:var(--cs-h)}
body.cs3.cs3-goodies .credit summary{color:var(--cs-mintd)!important}
body.cs3.cs3-goodies .credit label{text-transform:none;letter-spacing:0}
body.cs3.cs3-goodies #claimFirst{position:relative;overflow:hidden;background:linear-gradient(160deg,#17273f 0%,#0d1829 40%,#0a1320 100%)!important;border-radius:14px!important;padding:20px 24px!important;margin:0 0 15px!important}
body.cs3.cs3-goodies #claimFirst b{color:var(--cs-teal)!important}
body.cs3.cs3-goodies #claimFirst div{color:var(--cs-dbody)!important;font-size:13px!important;line-height:20px}
body.cs3.cs3-goodies #claimFirst a{background:var(--cs-mint)!important;color:var(--cs-onmint)!important;border-radius:999px!important;font-weight:700!important;padding:8px 20px!important;margin-top:12px!important}
body.cs3.cs3-goodies details.goodie{position:relative;margin:0 0 15px;background:#fff;border:1px solid var(--cs-line);border-radius:14px;box-shadow:var(--cs-shadow);overflow:hidden}
body.cs3.cs3-goodies details.goodie::before{content:"";position:absolute;inset-inline-start:0;top:14px;height:30px;width:4px;border-start-start-radius:0;border-start-end-radius:3px;border-end-end-radius:3px;border-end-start-radius:0;background:var(--cs-mint)}
body.cs3.cs3-goodies details.goodie>summary{cursor:pointer;list-style:none;color:var(--cs-h);font-size:14.5px;line-height:22px;font-weight:700;padding:18px 22px;background:transparent;border:0;border-radius:0;box-shadow:none;display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0}
body.cs3.cs3-goodies details.goodie>summary::-webkit-details-marker{display:none}
body.cs3.cs3-goodies details.goodie>summary::after{content:"+";font-size:22px;font-weight:700;color:var(--cs-mintt);flex:none;transition:transform .2s}
body.cs3.cs3-goodies details.goodie[open]>summary::after{transform:rotate(45deg)}
body.cs3.cs3-goodies details.goodie[open]>summary{margin:0}
body.cs3.cs3-goodies details.goodie>p.lead{font-size:13px;line-height:20px;color:var(--cs-chip);margin:-8px 22px 12px}
body.cs3.cs3-goodies details.goodie .card{margin:0 22px 20px;padding:0;border:0;box-shadow:none;background:transparent;border-radius:0}
body.cs3.cs3-goodies .stgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:10px;margin:4px 0 14px}
body.cs3.cs3-goodies .stgrid img{width:100%;background:#eef2f7;border-radius:12px}
body.cs3.cs3-goodies .row{display:flex;gap:10px;flex-wrap:wrap}
body.cs3.cs3-goodies .btn{flex:1;min-width:130px;width:auto;margin-top:0;font-size:13px;padding:9px 16px}
body.cs3.cs3-goodies .btn.ghost{background:#fff;border-color:var(--cs-chipline);color:var(--cs-chip)}
body.cs3.cs3-goodies .note{font-size:12px;line-height:19px;color:var(--cs-small);margin-top:10px}
body.cs3.cs3-goodies label{text-transform:none;letter-spacing:0;color:var(--cs-h)}
body.cs3.cs3-goodies input[type=text]{font-weight:500}
body.cs3.cs3-goodies iframe{border:0;border-radius:12px;display:block;margin:0 auto}

/* ============================================================= phone (390) */
@media (max-width:640px){
  body.cs3.cs3-media .wrap,body.cs3.cs3-text .wrap{padding:22px 16px 72px}
  body.cs3.cs3-media .nav{margin:12px -16px 0;padding:0 16px 6px}
  body.cs3.cs3-media .navrow{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  body.cs3.cs3-media .navrow::-webkit-scrollbar{display:none}
  body.cs3.cs3-media h1{font-size:26px;line-height:34px}
  body.cs3.cs3-media .nums{gap:10px}
  body.cs3.cs3-media .num{padding-block:14px 14px;padding-inline:20px 16px}
  body.cs3.cs3-media .num b{font-size:25px;line-height:32px}
  body.cs3.cs3-media .card,body.cs3.cs3-media .copyblock,body.cs3.cs3-media .story{padding-inline-start:20px;padding-inline-end:18px}
  body.cs3.cs3-media .assets{grid-template-columns:1fr 1fr;gap:10px}
  body.cs3.cs3-media .cards6,body.cs3.cs3-media .tr,body.cs3.cs3-media .grid3,body.cs3.cs3-media .vids,body.cs3.cs3-media .cgrid{grid-template-columns:1fr}
  body.cs3.cs3-media .cs-band{padding:12px}
  body.cs3.cs3-media .linkbox{padding:22px 20px 20px}
  body.cs3.cs3-text h1{font-size:24px;line-height:32px}
  body.cs3.cs3-text .cs-sec,body.cs3.cs3-text .qa{padding-block:16px 17px;padding-inline:20px 18px}
}
@media (max-width:380px){ body.cs3.cs3-media .assets{grid-template-columns:1fr} }