@font-face{font-family:'Zilla Slab';src:url('/assets/fonts/zillaslab-700-latin.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:'Zilla Slab';src:url('/assets/fonts/zillaslab-600-latin.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:'Inter';src:url('/assets/fonts/inter-latin.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}

:root{
  --slate-50:#f5f7f8; --slate-100:#e9edef; --slate-200:#d7dee1; --slate-300:#c0cacf;
  --slate-500:#7c8b92; --slate-600:#5a6a71;
  --ink:#0e1d22; --teal:#075056; --teal-700:#063c41; --teal-900:#04292d;
  --yellow:#eae317; --yellow-pale:#f6f2b0;

  --ff-display:'Zilla Slab',Rockwell,'Roboto Slab','Bitter',Georgia,serif;
  --ff-body:'Inter','Segoe UI',system-ui,-apple-system,'Helvetica Neue',Arial,sans-serif;

  --s1:.25rem; --s2:.5rem; --s3:.75rem; --s4:1rem; --s5:1.5rem;
  --s6:2rem; --s7:3rem; --s8:4rem; --s9:6rem; --s10:8rem;

  --wrap:75rem; --gutter:clamp(1.125rem,4vw,3rem);
  --hair:1px solid var(--slate-200);
  --ease-spring:cubic-bezier(.34,1.56,.64,1);
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{
  margin:0; background:var(--slate-50); color:var(--ink);
  font-family:var(--ff-body); font-size:clamp(1rem,.97rem + .18vw,1.075rem);
  line-height:1.62; -webkit-font-smoothing:antialiased; overflow-x:hidden;
}
body::before{
  content:""; position:fixed; inset:0; z-index:-1; pointer-events:none;
  background:
    repeating-radial-gradient(circle at 14% 16%, rgba(7,80,86,.055) 0 1px, transparent 1px 36px),
    repeating-radial-gradient(circle at 86% 74%, rgba(7,80,86,.042) 0 1px, transparent 1px 44px);
}

img,svg{max-width:100%;height:auto;display:block}
h1,h2,h3,h4{font-family:var(--ff-display);font-weight:700;line-height:1.08;margin:0;letter-spacing:-.015em;overflow-wrap:break-word}
p,ul,ol,dl,table{margin:0}
strong,b{font-weight:700}

/* ---------- layout utilities ---------- */
.wrap{width:100%;max-width:var(--wrap);margin-inline:auto;padding-inline:var(--gutter)}
.wrap-narrow{max-width:52rem}
.wrap-wide{max-width:84rem}
.grid{display:grid;gap:var(--s6)}
.g12{grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--s5)}
.u-stack>*+*{margin-top:var(--s4)}
.u-stack-lg>*+*{margin-top:var(--s6)}
.u-stack-sm>*+*{margin-top:var(--s2)}
.u-flow{display:flex;flex-wrap:wrap;gap:var(--s3);align-items:center}
.u-between{display:flex;flex-wrap:wrap;gap:var(--s4);align-items:baseline;justify-content:space-between}
.pad-sec{padding-block:clamp(3rem,7vw,6rem)}
.pad-sec-sm{padding-block:clamp(2.25rem,4.5vw,3.5rem)}
.u-hide{display:none}
.u-measure{max-width:38em}
.u-center{text-align:center}
.visually-hidden{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}

@media (min-width:56rem){
  .c4{grid-column:span 4} .c5{grid-column:span 5} .c6{grid-column:span 6}
  .c7{grid-column:span 7} .c8{grid-column:span 8} .c12{grid-column:span 12}
  /* stepped offsets: sections advance across the grid rather than sitting flush */
  .step-1{margin-inline-start:0}
  .step-2{margin-inline-start:4%}
  .step-3{margin-inline-start:8%}
}
@media (max-width:55.999rem){
  .g12{grid-template-columns:minmax(0,1fr)}
}

/* ---------- type ---------- */
.kicker{
  font-family:var(--ff-body);font-size:.72rem;font-weight:700;letter-spacing:.16em;
  text-transform:uppercase;color:var(--teal);margin:0 0 var(--s3)
}
.kicker--pale{color:var(--yellow)}
.kicker--mute{color:var(--slate-600)}
.h-hero{font-size:clamp(2.9rem,10.5vw,7.5rem);line-height:.95;letter-spacing:-.035em}
.h-xl{font-size:clamp(2rem,4.6vw,3.35rem);letter-spacing:-.025em}
.h-lg{font-size:clamp(1.5rem,2.7vw,2.1rem);letter-spacing:-.02em}
.h-md{font-size:clamp(1.15rem,1.7vw,1.4rem)}
.h-sm{font-size:1.02rem;letter-spacing:0}
.lede{font-size:clamp(1.08rem,1.4vw,1.28rem);line-height:1.55;color:var(--teal-900)}
.small{font-size:.875rem;line-height:1.6}
.mute{color:var(--slate-600)}
.hl{
  background-image:linear-gradient(var(--yellow),var(--yellow));
  background-repeat:no-repeat;
  background-size:100% .4em;
  background-position:0 .56em;
  padding-inline:.06em;
  -webkit-box-decoration-break:clone;box-decoration-break:clone
}
.num{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}

/* ---------- links (animated underline) ---------- */
a{color:inherit}
.lnk,.prose a{
  color:var(--teal);text-decoration:none;
  background-image:linear-gradient(var(--teal),var(--teal));
  background-repeat:no-repeat;background-position:0 100%;background-size:0% 2px;
  transition:background-size .28s ease;
  padding-bottom:1px;
}
.lnk:hover,.lnk:focus-visible,.prose a:hover,.prose a:focus-visible{background-size:100% 2px}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--teal);outline-offset:3px;border-radius:2px}

/* ---------- rules & frames ---------- */
.rule{border:0;border-top:var(--hair);margin:0}
.rule-full{border:0;border-top:1px solid var(--slate-200);width:100%}
.frame{border:1px solid var(--ink);outline:1px solid var(--ink);outline-offset:5px}
.frame-teal{border:2px solid var(--teal);outline:1px solid var(--teal);outline-offset:5px}

/* ---------- chips ---------- */
.chip{
  display:inline-flex;align-items:center;gap:.4rem;
  font-size:.76rem;font-weight:600;letter-spacing:.03em;
  padding:.34rem .7rem;border-radius:999px;
  background:var(--slate-100);color:var(--teal-900);border:1px solid var(--slate-200)
}
.chip--age{background:var(--ink);color:#fff;border-color:var(--ink);letter-spacing:.06em}
.chip--accent{background:var(--yellow);border-color:#cfc814;color:var(--ink)}
.chip--teal{background:var(--teal);color:#fff;border-color:var(--teal)}
.chip--ghost{background:transparent;border-color:var(--slate-300);color:var(--slate-600)}

/* ---------- CTA: minimal text with animated chevron ---------- */
.cta{
  display:inline-flex;align-items:center;gap:.6rem;
  min-height:2.9rem;padding:.55rem 0;
  font-family:var(--ff-body);font-weight:700;font-size:1rem;letter-spacing:.01em;
  color:var(--teal-900);text-decoration:none;background:none;border:0;
  border-bottom:2px solid var(--yellow);cursor:pointer;
  transition:transform .18s var(--ease-spring),color .2s ease
}
.cta .chev{display:inline-block;transition:transform .28s var(--ease-spring)}
.cta:hover .chev,.cta:focus-visible .chev{transform:translateX(.45rem)}
.cta:hover{color:var(--teal)}
.cta:active{transform:scale(.96)}
.cta--quiet{border-bottom-color:var(--slate-300);font-weight:600}
.cta--onteal{color:#fff;border-bottom-color:var(--yellow)}
.cta--onteal:hover{color:var(--yellow)}
@media (max-width:47.999rem){ .cta{width:100%} }

/* ---------- header: logo-only ---------- */
.site-head{border-bottom:var(--hair);background:rgba(245,247,248,.92);backdrop-filter:saturate(140%) blur(6px)}
.site-head__in{display:flex;align-items:center;justify-content:space-between;gap:var(--s4);padding-block:var(--s4)}
.brand{display:inline-flex;align-items:center;gap:.7rem;text-decoration:none;color:var(--ink)}
.brand__mark{width:2.35rem;height:2.35rem;flex:0 0 auto}
.brand__name{font-family:var(--ff-display);font-weight:700;font-size:1.32rem;letter-spacing:-.02em;line-height:1}
.brand__sub{display:block;font-family:var(--ff-body);font-size:.66rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:var(--slate-600);margin-top:.22rem}
.head-jump{font-size:.78rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--teal);text-decoration:none;display:inline-flex;gap:.4rem;align-items:center}
.head-jump:hover{color:var(--ink)}

.skip{position:absolute;left:-9999px}
.skip:focus{left:var(--s4);top:var(--s4);z-index:99;background:var(--ink);color:#fff;padding:.7rem 1rem;border-radius:3px}

/* ---------- bands ---------- */
.band-teal{background:var(--teal);color:#fff}
.band-teal .kicker{color:var(--yellow)}
.band-teal .mute{color:#bcd3d6}
.band-teal a{color:#fff}
.band-teal .lnk{background-image:linear-gradient(var(--yellow),var(--yellow))}
.band-ink{background:var(--ink);color:#fff}
.band-ink .kicker{color:var(--yellow)}
.band-slate{background:var(--slate-100)}
.band-yellow{background:var(--yellow);color:var(--ink)}
.band-yellow .kicker{color:var(--teal-900)}

/* ---------- hero ---------- */
.hero{padding-block:clamp(2.5rem,6vw,5rem) clamp(2.5rem,5vw,4rem)}
.hero__meta{display:flex;flex-wrap:wrap;gap:var(--s2);margin-bottom:var(--s5)}
.hero__body{margin-top:var(--s6);max-width:44em}
.hero__facts{display:flex;flex-wrap:wrap;gap:var(--s5) var(--s7);margin-top:var(--s6);padding-top:var(--s5);border-top:2px solid var(--ink)}
.fact__n{font-family:var(--ff-display);font-size:clamp(2rem,4vw,2.9rem);line-height:1;font-variant-numeric:tabular-nums}
.fact__l{font-size:.78rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--slate-600);margin-top:.4rem;max-width:14em}

/* ---------- distinction panel ---------- */
.dist{display:grid;gap:0;border:2px solid var(--ink)}
@media (min-width:52rem){.dist{grid-template-columns:1fr 1fr}}
.dist__col{padding:clamp(1.4rem,3vw,2.2rem)}
.dist__col+.dist__col{border-top:2px solid var(--ink)}
@media (min-width:52rem){.dist__col+.dist__col{border-top:0;border-left:2px solid var(--ink)}}
.dist__col--yes{background:var(--teal);color:#fff}
.dist__col--yes .kicker{color:var(--yellow)}
.dist__col--no{background:transparent}

/* ---------- em-dash bullet lists ---------- */
.list-dash{list-style:none;padding:0;margin:0}
.list-dash>li{position:relative;padding-left:1.6rem;margin-top:.65rem}
.list-dash>li::before{content:"—";position:absolute;left:0;top:0;color:var(--teal);font-weight:700}
.band-teal .list-dash>li::before,.dist__col--yes .list-dash>li::before{color:var(--yellow)}
.list-dash>li:first-child{margin-top:0}

/* ---------- ticket-stub operator rows ---------- */
.stubs{display:grid;gap:var(--s5)}
.stub{
  display:grid;background:#fff;border:1px solid var(--ink);
  outline:1px solid var(--ink);outline-offset:4px;
}
.stub--top{outline-color:var(--teal);border-color:var(--teal);border-width:2px}
@media (min-width:60rem){.stub{grid-template-columns:minmax(0,1fr) 17rem}}
.stub__main{padding:clamp(1.3rem,2.6vw,2rem)}
.stub__act{
  position:relative;padding:clamp(1.3rem,2.6vw,2rem);
  display:flex;flex-direction:column;justify-content:space-between;gap:var(--s4);
  background:var(--slate-50)
}
/* perforated divider before the CTA panel */
.stub__act::before{
  content:"";position:absolute;left:0;right:auto;top:0;bottom:0;width:0;
  border-left:2px dashed var(--slate-300)
}
@media (max-width:59.999rem){
  .stub__act::before{left:0;right:0;top:0;bottom:auto;width:auto;height:0;border-left:0;border-top:2px dashed var(--slate-300)}
}
.stub__head{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s4);justify-content:space-between}
.stub__id{display:flex;align-items:center;gap:var(--s4);min-width:0}
.stub__rank{
  font-family:var(--ff-display);font-size:1.6rem;line-height:1;color:var(--slate-300);
  font-variant-numeric:tabular-nums;flex:0 0 auto
}
.oplogo{
  width:8.5rem;height:3rem;display:flex;align-items:center;justify-content:flex-start;flex:0 0 auto
}
.oplogo img{max-height:3rem;width:auto;object-fit:contain}
.oplogo--word{
  width:auto;height:auto;align-items:center;
  font-family:var(--ff-display);font-weight:700;font-size:.82rem;line-height:1;
  text-transform:uppercase;letter-spacing:.12em;color:var(--teal);
  border:2px solid var(--teal);padding:.6rem .75rem
}
.score{text-align:right;flex:0 0 auto}
.score__n{font-family:var(--ff-display);font-size:clamp(2.1rem,4vw,2.9rem);line-height:.95;font-variant-numeric:tabular-nums;color:var(--teal)}
.score__n sup{font-size:.4em;top:-.62em;position:relative;margin-left:.04em}
.score__l{font-size:.68rem;font-weight:700;letter-spacing:.11em;text-transform:uppercase;color:var(--slate-600)}
.stub__name{margin-top:var(--s4);font-size:1.35rem}
.stub__take{margin-top:var(--s3);max-width:46em}
.deflist{margin-top:var(--s5);display:grid;gap:var(--s3) var(--s5);border-top:var(--hair);padding-top:var(--s4)}
@media (min-width:38rem){.deflist{grid-template-columns:repeat(2,minmax(0,1fr))}}
.deflist dt{font-size:.7rem;font-weight:700;letter-spacing:.11em;text-transform:uppercase;color:var(--slate-600)}
.deflist dd{margin:.18rem 0 0;font-size:.94rem}

/* ---------- comparison table ---------- */
.tbl-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--ink)}
.tbl{width:100%;border-collapse:collapse;font-size:.92rem;background:#fff;min-width:46rem}
.tbl caption{text-align:left;padding:var(--s4);font-size:.85rem;color:var(--slate-600);border-bottom:var(--hair)}
.tbl th,.tbl td{padding:.8rem .85rem;text-align:left;vertical-align:top;border-bottom:var(--hair)}
.tbl thead th{
  background:var(--teal);color:#fff;font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;
  font-weight:700;position:sticky;top:0;z-index:2
}
.tbl tbody th{
  font-weight:700;background:#fff;position:sticky;left:0;z-index:1;
  border-right:2px solid var(--ink);min-width:11rem
}
.tbl thead th:first-child{left:0;z-index:3;border-right:2px solid var(--teal-900)}
.tbl tbody tr:last-child th,.tbl tbody tr:last-child td{border-bottom:0}
.tbl .num{font-variant-numeric:tabular-nums;white-space:nowrap}
.tick{font-weight:700;color:var(--teal)}
.cross{color:var(--slate-500)}

/* ---------- FAQ (details, all closed) ---------- */
.faq{border-top:1px solid var(--ink)}
.faq details{border-bottom:1px solid var(--slate-200)}
.faq summary{
  cursor:pointer;list-style:none;padding:var(--s5) 2.5rem var(--s5) 0;position:relative;
  font-family:var(--ff-display);font-weight:700;font-size:clamp(1.05rem,1.7vw,1.25rem);line-height:1.25
}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{
  content:"";position:absolute;right:.4rem;top:calc(var(--s5) + .35em);
  width:.7rem;height:.7rem;border-right:2px solid var(--teal);border-bottom:2px solid var(--teal);
  transform:rotate(45deg);transition:transform .25s var(--ease-spring)
}
.faq details[open] summary::after{transform:rotate(-135deg)}
.faq details[open] summary{color:var(--teal)}
.faq__a{padding:0 0 var(--s5);max-width:48em}
.faq__a>*+*{margin-top:var(--s3)}

/* ---------- safety band ---------- */
.safety{background:var(--teal-900);color:#fff}
.safety a{color:#fff}
.safety__grid{display:grid;gap:var(--s6)}
@media (min-width:56rem){.safety__grid{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr)}}
.reslist{list-style:none;padding:0;margin:0;display:grid;gap:var(--s3)}
.rescard{
  display:flex;align-items:center;gap:var(--s4);
  background:#fff;border:1px solid rgba(255,255,255,.25);padding:.85rem 1rem;
  text-decoration:none;color:var(--ink);
  transition:transform .18s var(--ease-spring),border-color .2s ease
}
.rescard:hover{border-color:var(--yellow);transform:translateY(-2px)}
.rescard:active{transform:scale(.985)}
.rescard__logo{
  width:7rem;height:3.25rem;flex:0 0 auto;
  display:flex;align-items:center;justify-content:center;
  border-right:1px solid var(--slate-200);padding-right:var(--s4)
}
.rescard__logo img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}
.rescard__txt{min-width:0}
.rescard__t{display:block;font-weight:700;font-size:.95rem;line-height:1.25}
/* The BeGambleAware wordmark is half white, so it needs a dark plate to reproduce. */
.rescard[href*="gambleaware.org"] .rescard__logo{background:var(--ink);padding:.4rem .6rem;border-right:0}
.rescard__d{font-size:.8rem;color:var(--slate-600);margin-top:.15rem}

/* ---------- footer ---------- */
.site-foot{background:var(--ink);color:#e6ecee;padding-block:var(--s8) var(--s6)}
.site-foot a{color:#e6ecee;text-decoration:none}
.site-foot a:hover{color:var(--yellow)}
.foot-brand{display:flex;align-items:center;gap:.75rem;margin-bottom:var(--s4)}
.foot-brand .brand__name{color:#fff}
.foot-sitemap{display:grid;gap:var(--s6);margin-top:var(--s7)}
@media (min-width:40rem){.foot-sitemap{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:62rem){.foot-sitemap{grid-template-columns:repeat(4,minmax(0,1fr))}}
.foot-col h3{font-family:var(--ff-body);font-size:.7rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--yellow);margin-bottom:var(--s3)}
.foot-col ul{list-style:none;padding:0;margin:0;display:grid;gap:.45rem;font-size:.92rem}
.foot-strip{
  margin-top:var(--s8);padding-top:var(--s5);border-top:1px solid rgba(255,255,255,.18);
  display:flex;flex-wrap:wrap;gap:var(--s4);align-items:center;justify-content:space-between;
  font-size:.82rem;color:#a9b8bc
}
.licence-block{margin-top:var(--s7);padding:clamp(1.25rem,2.6vw,1.9rem);background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.2)}
.licence-block h2{font-size:clamp(1.15rem,2vw,1.5rem);color:#fff}
.lic-scroll{overflow-x:auto;margin-top:var(--s5)}
.lic-tbl{width:100%;border-collapse:collapse;font-size:.86rem;min-width:44rem;color:#e6ecee}
.lic-tbl th,.lic-tbl td{padding:.7rem .8rem;text-align:left;vertical-align:top;border-bottom:1px solid rgba(255,255,255,.16)}
.lic-tbl thead th{font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:var(--yellow);border-bottom:1px solid rgba(255,255,255,.35)}
.lic-tbl td.num{font-variant-numeric:tabular-nums;white-space:nowrap}
.lic-tbl tbody tr:last-child td{border-bottom:0}
.foot-declare{margin-top:var(--s5);font-size:.92rem;line-height:1.6;color:#d5dfe1}
.foot-declare strong{color:#fff}

/* ---------- prose (content pages) ---------- */
.prose{max-width:44em}
.prose>*+*{margin-top:var(--s4)}
.prose h2{font-size:clamp(1.5rem,2.6vw,2rem);margin-top:var(--s7)}
.prose h3{font-size:clamp(1.15rem,1.9vw,1.35rem);margin-top:var(--s6)}
.prose ul,.prose ol{padding-left:1.15rem}
.prose ul>li,.prose ol>li{margin-top:.5rem}
.prose .list-dash{padding-left:0}
.prose table{margin-top:var(--s5)}
.pagehead{padding-block:clamp(2.5rem,5.5vw,4.5rem) clamp(1.75rem,3vw,2.5rem);border-bottom:1px solid var(--ink)}
.crumbs{font-size:.8rem;letter-spacing:.02em;color:var(--slate-600);margin-bottom:var(--s4)}
.crumbs a{color:var(--teal);text-decoration:none}
.crumbs a:hover{text-decoration:underline}

/* ---------- editorial imagery: hard-edged frames ---------- */
.figure{margin:var(--s7) 0 0}
.figure img{width:100%;border:2px solid var(--ink);display:block}
.figure figcaption{margin-top:var(--s3);font-size:.82rem;color:var(--slate-600);max-width:40em}

/* ---------- callout / sidebar ---------- */
.aside-card{background:#fff;border:1px solid var(--ink);outline:1px solid var(--ink);outline-offset:5px;padding:clamp(1.25rem,2.6vw,1.75rem)}
.aside-card h2,.aside-card h3{font-size:1.2rem}
.callout{border-left:4px solid var(--yellow);background:#fff;border-top:var(--hair);border-right:var(--hair);border-bottom:var(--hair);padding:var(--s5)}

/* ---------- cookie notice ---------- */
.cookie{
  position:fixed;left:var(--s4);right:var(--s4);bottom:var(--s4);z-index:60;max-width:38rem;
  background:var(--ink);color:#fff;padding:var(--s5);border:1px solid var(--yellow)
}
.cookie[hidden]{display:none}
.cookie p{font-size:.9rem}
.cookie__row{display:flex;flex-wrap:wrap;gap:var(--s4);margin-top:var(--s4);align-items:center}
.cookie .cta{color:#fff}
.cookie .cta:hover{color:var(--yellow)}

.safety .mute,.site-foot .mute{color:#a9c2c5}
.band-ink .mute{color:#a9b8bc}
.disclose{background:var(--yellow);border:2px solid var(--ink);padding:clamp(1.1rem,2.4vw,1.6rem)}
.disclose p{max-width:52em}
.cat{border-top:2px solid var(--ink);padding-top:var(--s4);margin-top:var(--s6)}
.cat:first-child{margin-top:0}
.cat__t{font-size:1.15rem}
.cat__ops{font-size:.78rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--teal);margin-top:.5rem}
.cat p{margin-top:var(--s3);max-width:46em}

/* Wide tables scroll inside their own region; the hint only shows when that can happen. */
.scroll-hint{margin-top:var(--s3);font-size:.8rem;color:var(--slate-600)}
.site-foot .scroll-hint{color:#a9c2c5}
@media (min-width:56rem){.scroll-hint{display:none}}
.lic-scroll:focus-visible,.tbl-scroll:focus-visible{outline:3px solid var(--yellow);outline-offset:2px}

/* Spacing utilities sit last so they win against component margin resets. */
.u-mt6{margin-top:var(--s6)}
.u-mt5{margin-top:var(--s5)}
.u-mt4{margin-top:var(--s4)}

/* Light surfaces sitting inside dark bands opt back out of the inherited light text. */
.band-teal .cat{border-top-color:rgba(255,255,255,.32)}
.band-teal .cat__ops{color:var(--yellow)}
.band-teal .figure figcaption{color:#bcd3d6}
.band-teal .aside-card,.band-ink .aside-card{color:var(--ink)}
.aside-card .kicker{color:var(--teal)}
.aside-card a{color:var(--teal)}
.aside-card .lnk{background-image:linear-gradient(var(--teal),var(--teal))}
.aside-card .mute{color:var(--slate-600)}
.safety a.rescard{color:var(--ink)}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.001ms!important;transition-duration:.001ms!important}
}