/* ============================================================
   Lucky Nugget — design system
   Palette: yellow / black / white. Signature: hazard signage.
   ============================================================ */
:root{
  /* ink */
  --ink:#0C0C0E; --ink-2:#17181C; --ink-3:#26282E; --ink-4:#3A3D45;
  /* paper */
  --paper:#FFFFFF; --paper-2:#F5F5F2; --paper-3:#E6E6E1;
  /* gold */
  --gold:#FFD100; --gold-2:#FFB000; --gold-3:#FFF0A8; --gold-ink:#1A1400;
  /* semantic, kept low-chroma so the palette stays yellow/black/white */
  --pos:#0E7A55; --pos-bg:#E6F2ED; --neg:#B4222F; --neg-bg:#FBE9EA; --warn:#8A6100; --warn-bg:#FFF6DC;
  /* type */
  --f-dis:"Fjalla One",Impact,"Haettenschweiler",sans-serif;
  --f-txt:"Commissioner",system-ui,-apple-system,"Segoe UI",sans-serif;
  --f-num:"Fira Mono",ui-monospace,Consolas,monospace;
  /* scale */
  --s0:.25rem; --s1:.5rem; --s2:.75rem; --s3:1rem; --s4:1.5rem; --s5:2rem;
  --s6:3rem; --s7:4rem; --s8:6rem;
  --t-xs:.75rem; --t-sm:.875rem; --t-md:1rem; --t-lg:1.125rem;
  --t-xl:1.375rem; --t-2xl:1.75rem; --t-3xl:2.25rem; --t-4xl:3rem;
  --measure:44rem; --wide:76rem;
  --bar:64px; --strip:66px;
  --hazard:repeating-linear-gradient(135deg,var(--gold) 0 14px,var(--ink) 14px 28px);
}
*,*::before,*::after{box-sizing:border-box}
html,body{overflow-x:clip}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{
  margin:0;background:var(--paper);color:var(--ink);
  font-family:var(--f-txt);font-size:var(--t-md);line-height:1.65;font-weight:400;
  -webkit-font-smoothing:antialiased;
}
h1,h2,h3,h4,p,li,td,th,summary,figcaption{overflow-wrap:break-word;word-break:normal;hyphens:auto}
img{max-width:100%;height:auto;display:block}
a{color:var(--ink);text-underline-offset:.18em;text-decoration-thickness:.08em}
a:hover{color:var(--ink-3)}
:focus-visible{outline:3px solid var(--gold);outline-offset:2px;border-radius:2px}
.skip{position:absolute;left:-9999px;top:0;background:var(--gold);color:var(--gold-ink);
  padding:var(--s2) var(--s3);font-family:var(--f-dis);text-transform:uppercase;z-index:999}
.skip:focus{left:var(--s2);top:var(--s2)}
.wrapx{width:100%;max-width:var(--wide);margin-inline:auto;padding-inline:var(--s4);min-width:0}
.narrow{max-width:var(--measure)}

/* ---------- 1. sticky header + burger ---------- */
.hdr{position:sticky;top:0;z-index:60;background:var(--ink);color:var(--paper);
  border-bottom:3px solid var(--gold)}
.hdr .wrapx{display:flex;align-items:center;gap:var(--s3);min-height:var(--bar)}
.brand{display:flex;align-items:center;gap:var(--s1);font-family:var(--f-dis);
  font-size:var(--t-lg);letter-spacing:.04em;text-transform:uppercase;color:var(--paper);
  text-decoration:none;flex:0 0 auto}
.brand .pip{width:16px;height:16px;background:var(--gold);transform:rotate(45deg)}
.nav{margin-left:auto;min-width:0}
.nav ul{display:flex;flex-wrap:wrap;gap:0;list-style:none;margin:0;padding:0}
.nav a{display:block;padding:var(--s2) var(--s2);color:var(--paper);text-decoration:none;
  font-size:var(--t-sm);font-weight:500;border-bottom:3px solid transparent;white-space:nowrap}
.nav a:hover{color:var(--gold);border-bottom-color:var(--ink-4)}
.nav a[aria-current="page"]{color:var(--gold);border-bottom-color:var(--gold);font-weight:600}
.lang{display:flex;gap:var(--s0);flex:0 0 auto;margin-left:var(--s2)}
.lang a{font-family:var(--f-num);font-size:var(--t-xs);padding:var(--s0) var(--s1);
  border:1px solid var(--ink-4);color:var(--paper);text-decoration:none;text-transform:uppercase}
.lang a[aria-current="true"]{background:var(--gold);color:var(--gold-ink);border-color:var(--gold);font-weight:700}
.burger-cb{position:absolute;opacity:0;pointer-events:none;width:1px;height:1px}
.burger{display:none;margin-left:auto;cursor:pointer;padding:var(--s1) var(--s2);
  border:2px solid var(--ink-4);color:var(--paper);font-family:var(--f-dis);
  text-transform:uppercase;font-size:var(--t-sm);letter-spacing:.08em}
.burger-cb:focus-visible + .burger{outline:3px solid var(--gold);outline-offset:2px}

/* ---------- 2. hero (CTA only) ---------- */
.hero{background:var(--ink);color:var(--paper);padding-block:var(--s6) var(--s6);
  border-bottom:1px solid var(--ink-3)}
.eyebrow{font-family:var(--f-num);font-size:var(--t-xs);letter-spacing:.14em;
  text-transform:uppercase;color:var(--gold);margin:0 0 var(--s3);
  display:flex;flex-wrap:wrap;gap:var(--s1) var(--s3)}
.eyebrow span{white-space:nowrap}
.hero h1{font-family:var(--f-dis);font-weight:400;font-size:clamp(2rem,6.2vw,var(--t-4xl));
  line-height:1.02;letter-spacing:.005em;margin:0 0 var(--s3);max-width:22ch;color:var(--paper)}
.hero .lede{font-size:var(--t-lg);color:#CFD1D6;max-width:60ch;margin:0 0 var(--s5)}
.affnote{font-size:var(--t-xs);color:#8D9098;margin:var(--s4) 0 0;max-width:70ch}
.affnote a{color:var(--gold)}

/* main CTA card — whole card is the link */
.cta{display:block;text-decoration:none;color:var(--paper);background:var(--ink-2);
  border:2px solid var(--ink-4);padding:var(--s4);margin:0 0 var(--s4);
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.cta:hover{transform:translateY(-3px);border-color:var(--gold);
  box-shadow:0 10px 0 -4px rgba(255,209,0,.25)}
.cta:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
.cta-eye{font-family:var(--f-num);font-size:var(--t-xs);letter-spacing:.12em;
  text-transform:uppercase;color:var(--gold);margin:0 0 var(--s2);
  display:flex;align-items:center;gap:var(--s1);flex-wrap:wrap}
.ext{display:inline-block;width:.85em;height:.85em;border:2px solid var(--gold);
  border-left-width:6px;border-bottom-width:6px;transform:rotate(0deg)}
.cta h2,.cta .cta-h{font-family:var(--f-dis);font-weight:400;
  font-size:clamp(1.5rem,4.4vw,var(--t-2xl));line-height:1.08;margin:0 0 var(--s2);
  color:var(--paper);text-transform:none;border:0;padding:0}
.cta .cta-sub{font-size:var(--t-sm);color:#C3C6CC;margin:0 0 var(--s3);max-width:56ch}
.btn{display:flex;align-items:center;justify-content:center;width:100%;min-height:56px;
  font-family:var(--f-dis);font-size:1.15rem;letter-spacing:.06em;text-transform:uppercase;
  color:var(--gold-ink);background:linear-gradient(180deg,var(--gold) 0%,var(--gold-2) 100%);
  border:0;box-shadow:0 5px 0 0 #A87400;padding:var(--s2) var(--s3);text-align:center;
  transition:transform .12s ease,box-shadow .12s ease}
.cta:hover .btn{box-shadow:0 7px 0 0 #A87400}
.cta:active .btn,.tile:active .btn-sm{transform:translateY(4px);box-shadow:0 1px 0 0 #A87400}
.cta-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,140px),1fr));
  gap:1px;background:var(--ink-4);border:1px solid var(--ink-4);margin-top:var(--s3)}
.cta-facts div{background:var(--ink-2);padding:var(--s2) var(--s2)}
.cta-facts b{display:block;font-family:var(--f-num);font-weight:700;font-size:var(--t-md);
  color:var(--gold);line-height:1.2}
.cta-facts span{display:block;font-size:var(--t-xs);color:#9DA0A7;margin-top:2px}

/* secondary tiles */
.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:var(--s3)}
.tile{display:flex;flex-direction:column;min-width:0;text-decoration:none;color:var(--paper);
  background:var(--ink-2);border:1px solid var(--ink-4);padding:var(--s3);
  transition:transform .18s ease,border-color .18s ease}
.tile:hover{transform:translateY(-2px);border-color:var(--gold)}
.tile:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
.tile b{font-family:var(--f-dis);font-weight:400;font-size:var(--t-lg);line-height:1.12;
  margin-bottom:var(--s1);color:var(--paper)}
.tile p{flex:1;font-size:var(--t-sm);color:#B6B9C0;margin:0 0 var(--s3)}
.btn-sm{display:flex;align-items:center;justify-content:center;min-height:44px;
  font-family:var(--f-dis);font-size:var(--t-md);letter-spacing:.05em;text-transform:uppercase;
  color:var(--gold-ink);background:var(--gold);box-shadow:0 4px 0 0 #A87400;padding:var(--s1) var(--s2)}
.tile:hover .btn-sm{box-shadow:0 6px 0 0 #A87400}

/* ---------- 3. hazard signage (the signature device) ---------- */
.hazard{background:var(--hazard);height:10px;width:100%}
.disc{background:var(--ink);color:var(--paper);padding:var(--s3) 0;font-size:var(--t-sm)}
.disc .wrapx{display:flex;gap:var(--s3);align-items:flex-start;flex-wrap:wrap}
.disc .badge{flex:0 0 auto;font-family:var(--f-dis);background:var(--gold);color:var(--gold-ink);
  padding:var(--s0) var(--s2);letter-spacing:.06em;font-size:var(--t-md)}
.disc p{margin:0;max-width:74ch;color:#C3C6CC;min-width:0}

/* ---------- 4. breadcrumbs ---------- */
.crumbs{background:var(--paper-2);border-bottom:1px solid var(--paper-3);padding:var(--s2) 0;
  font-size:var(--t-xs);font-family:var(--f-num)}
.crumbs ol{list-style:none;display:flex;flex-wrap:wrap;gap:var(--s1);margin:0;padding:0}
.crumbs li+li::before{content:"/";margin-right:var(--s1);color:var(--ink-4)}
.crumbs a{color:var(--ink-4)}

/* ---------- 5. article ---------- */
.main{padding-block:var(--s5) var(--s7)}
.art{max-width:var(--measure);margin-inline:auto;min-width:0}
.art h2{font-family:var(--f-dis);font-weight:400;font-size:clamp(1.35rem,3.6vw,var(--t-2xl));
  line-height:1.12;margin:var(--s6) 0 var(--s2);padding-left:var(--s3);
  border-left:8px solid var(--gold);text-transform:none}
.art h3{font-family:var(--f-dis);font-weight:400;font-size:var(--t-xl);line-height:1.2;
  margin:var(--s4) 0 var(--s1)}
.art p{margin:0 0 var(--s3)}
.art ul,.art ol{margin:0 0 var(--s3);padding-left:1.35rem}
.art li{margin-bottom:var(--s1)}
.art ul li::marker{color:var(--gold-2)}
.art strong,.art b{font-weight:700}
.art em{font-style:italic}
.art a{color:var(--ink);font-weight:600;text-decoration:underline;text-decoration-color:var(--gold)}
.art a:hover{background:var(--gold-3)}

/* figure */
figure{margin:var(--s4) 0}
figure img{width:100%;height:auto;border:1px solid var(--paper-3)}
figcaption{font-size:var(--t-xs);color:var(--ink-4);font-family:var(--f-num);
  margin-top:var(--s1);padding-left:var(--s1);border-left:3px solid var(--gold)}

/* facts strip inside article (if any survives) */
.facts{display:flex;flex-wrap:wrap;border:2px solid var(--ink);margin:var(--s4) 0}
.facts div{flex:1 1 150px;min-width:0;padding:var(--s2) var(--s3);border-right:1px solid var(--paper-3)}
.facts div:last-child{border-right:0}
.facts b{display:block;font-family:var(--f-num);font-weight:700;font-size:var(--t-lg);line-height:1.1}
.facts span{font-size:var(--t-xs);color:var(--ink-4)}

/* ---------- 6. tables ---------- */
.tw{overflow-x:auto;margin:var(--s3) 0;border:2px solid var(--ink);
  -webkit-overflow-scrolling:touch}
table{border-collapse:collapse;width:100%;min-width:0;font-size:var(--t-sm)}
caption{caption-side:top;text-align:left;font-size:var(--t-xs);color:var(--ink-4);
  padding:var(--s2);background:var(--paper-2);border-bottom:1px solid var(--paper-3)}
th,td{padding:var(--s2);text-align:left;vertical-align:top;border-bottom:1px solid var(--paper-3)}
thead th{background:var(--ink);color:var(--paper);font-family:var(--f-num);font-size:var(--t-xs);
  text-transform:uppercase;letter-spacing:.06em;font-weight:500;border-bottom:3px solid var(--gold)}
tbody th{background:var(--paper-2);font-weight:600;width:42%}
tbody tr:nth-child(even) td{background:var(--paper-2)}
tbody tr:hover td{background:var(--gold-3)}
td.num,.num{font-family:var(--f-num)}

/* ---------- 7. notes ---------- */
.note{border-left:6px solid var(--ink);background:var(--paper-2);padding:var(--s3);
  margin:var(--s4) 0;font-size:var(--t-sm)}
.note p{margin:0 0 var(--s2)}.note p:last-child{margin:0}
.note.warn{border-left-color:var(--neg);background:var(--neg-bg)}
.note.ok{border-left-color:var(--pos);background:var(--pos-bg)}
.note.gold{border-left-color:var(--gold-2);background:var(--warn-bg)}

/* ---------- 8. pros / cons ---------- */
.chk{list-style:none;padding:0;margin:var(--s3) 0}
.chk li{position:relative;padding:var(--s1) var(--s1) var(--s1) 2.1rem;margin:0 0 var(--s0);
  background:var(--pos-bg);border-left:4px solid var(--pos)}
.chk li::before{content:"\2713";position:absolute;left:.7rem;top:var(--s1);
  color:var(--pos);font-weight:700}
.chk.no li{background:var(--neg-bg);border-left-color:var(--neg)}
.chk.no li::before{content:"\2715";color:var(--neg)}

/* ---------- 9. numbered steps / timeline ---------- */
ol.steps{counter-reset:st;list-style:none;padding:0;margin:var(--s4) 0;
  border-left:2px dashed var(--paper-3);padding-left:var(--s5)}
ol.steps li{counter-increment:st;position:relative;padding:0 0 var(--s4) 0;margin:0}
ol.steps li:last-child{padding-bottom:0}
ol.steps li::before{content:counter(st);position:absolute;left:calc(-1 * var(--s5) - 18px);top:0;
  width:36px;height:36px;background:var(--ink);color:var(--gold);border:2px solid var(--gold);
  display:grid;place-items:center;font-family:var(--f-num);font-weight:700;font-size:var(--t-sm)}

/* ---------- 10. cards ---------- */
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));
  gap:var(--s2);margin:var(--s4) 0}
.card{min-width:0;border:1px solid var(--paper-3);border-top:4px solid var(--gold);
  padding:var(--s3);font-size:var(--t-sm);background:var(--paper)}
.card b{display:block;font-family:var(--f-dis);font-weight:400;font-size:var(--t-lg);
  margin-bottom:var(--s1)}

/* ---------- 11. value chips / codes ---------- */
.chip,code{font-family:var(--f-num);font-size:.85em;background:var(--ink);color:var(--gold);
  padding:.1em .4em;overflow-wrap:break-word}
.g{color:var(--pos);font-weight:700}
.r{color:var(--neg);font-weight:700}
.y{color:var(--warn);font-weight:700}
.age{display:inline-block;font-family:var(--f-dis);background:var(--gold);color:var(--gold-ink);
  padding:0 var(--s1);letter-spacing:.04em}
.upd{font-family:var(--f-num);font-size:var(--t-xs);color:var(--ink-4)}

/* ---------- 12. score block (scales) ---------- */
.score{border:2px solid var(--ink);margin:var(--s4) 0}
.score-row{display:grid;grid-template-columns:minmax(0,1fr) 90px;gap:var(--s2);
  align-items:center;padding:var(--s2) var(--s3);border-bottom:1px solid var(--paper-3)}
.score-row:last-child{border-bottom:0}
.score-row span{font-size:var(--t-sm);min-width:0}
.bar{position:relative;height:14px;background:var(--paper-3)}
.bar i{position:absolute;inset:0 auto 0 0;background:var(--gold-2);display:block}

/* ---------- 13. FAQ accordion ---------- */
.faq{margin:var(--s3) 0}
details{border:1px solid var(--paper-3);border-left:4px solid var(--ink);margin-bottom:var(--s1);
  background:var(--paper)}
details[open]{border-left-color:var(--gold-2);background:var(--paper-2)}
summary{padding:var(--s2) var(--s3);cursor:pointer;font-weight:600;font-size:var(--t-md);
  list-style:none;position:relative;padding-right:var(--s5)}
summary::-webkit-details-marker{display:none}
summary::after{content:"+";position:absolute;right:var(--s3);top:var(--s2);
  font-family:var(--f-num);font-weight:700;color:var(--gold-2);font-size:var(--t-lg)}
details[open] summary::after{content:"\2212"}
details p{margin:0;padding:0 var(--s3) var(--s3);font-size:var(--t-sm)}

/* ---------- 14. author ---------- */
.au-mini{display:flex;gap:var(--s3);align-items:center;border:1px solid var(--paper-3);
  border-left:6px solid var(--gold);padding:var(--s2) var(--s3);margin:0 0 var(--s5);
  background:var(--paper-2);flex-wrap:wrap}
.au-mini img{width:56px;height:56px;border-radius:50%;object-fit:cover;flex:0 0 auto;
  border:2px solid var(--ink)}
.au-mini div{min-width:0}
.au-mini .nm{font-family:var(--f-dis);font-size:var(--t-lg);line-height:1.1}
.au-mini .rl{font-size:var(--t-sm);color:var(--ink-4)}
.au-mini .dt{font-family:var(--f-num);font-size:var(--t-xs);color:var(--ink-4);margin-top:2px}
.au-full{border-top:3px solid var(--ink);margin-top:var(--s6);padding-top:var(--s4);
  display:grid;grid-template-columns:110px minmax(0,1fr);gap:var(--s4)}
.au-full img{width:110px;height:110px;border-radius:50%;object-fit:cover;border:3px solid var(--gold)}
.au-full h2{margin:0 0 var(--s0);border:0;padding:0;font-size:var(--t-xl)}
.au-full .rl{font-size:var(--t-sm);color:var(--ink-4);margin:0 0 var(--s2)}
.au-full p{font-size:var(--t-sm);margin:0 0 var(--s2)}

/* ---------- 15. read next ---------- */
.next{margin-top:var(--s6);border-top:3px solid var(--ink);padding-top:var(--s4)}
.next h2{font-family:var(--f-dis);font-weight:400;font-size:var(--t-xl);margin:0 0 var(--s3);
  border:0;padding:0}
.next ul{list-style:none;padding:0;margin:0;display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:var(--s2)}
.next li{min-width:0;margin:0}
.next a{display:block;text-decoration:none;border:1px solid var(--paper-3);
  border-bottom:4px solid var(--gold);padding:var(--s3);height:100%;background:var(--paper)}
.next a:hover{background:var(--paper-2);border-bottom-color:var(--ink)}
.next .t{display:block;font-family:var(--f-dis);font-size:var(--t-lg);line-height:1.15;margin-bottom:var(--s0)}
.next .d{display:block;font-size:var(--t-sm);color:var(--ink-4)}

/* ---------- 16. footer ---------- */
.ftr{background:var(--ink);color:#B6B9C0;padding-block:var(--s6) var(--s5);
  border-top:6px solid var(--gold);margin-top:var(--s7)}
.ftr-cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr));
  gap:var(--s4);margin-bottom:var(--s5)}
.ftr-cols>div{min-width:0}
.ftr h3{font-family:var(--f-dis);font-weight:400;font-size:var(--t-md);color:var(--gold);
  text-transform:uppercase;letter-spacing:.08em;margin:0 0 var(--s2)}
.ftr ul{list-style:none;margin:0;padding:0}
.ftr li{margin-bottom:var(--s1)}
.ftr a{color:#D5D7DB;text-decoration:none;font-size:var(--t-sm)}
.ftr a:hover{color:var(--gold)}
.ftr .fine{font-size:var(--t-xs);color:#8D9098;border-top:1px solid var(--ink-3);
  padding-top:var(--s3);max-width:80ch}
.ftr .fine p{margin:0 0 var(--s2)}

/* ---------- 17. sticky mobile CTA strip ---------- */
.strip{display:none}
@media (max-width:700px){
  .strip{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:50;
    align-items:stretch;gap:var(--s2);padding:var(--s1) var(--s2);
    background:var(--ink);border-top:3px solid var(--gold);text-decoration:none;
    min-height:var(--strip)}
  .strip .lbl{display:flex;flex-direction:column;justify-content:center;min-width:0;flex:1}
  .strip .l1{font-family:var(--f-dis);font-size:.95rem;color:var(--paper);line-height:1.1}
  .strip .l2{font-family:var(--f-num);font-size:.68rem;color:var(--gold);line-height:1.2;margin-top:2px}
  .strip .btn-sm{flex:0 0 auto;padding-inline:var(--s3);min-height:44px;align-self:center}
  body{padding-bottom:calc(var(--strip) + var(--s2))}
}

/* ---------- responsive ---------- */
@media (max-width:900px){
  .burger{display:block}
  .nav{position:absolute;left:0;right:0;top:100%;background:var(--ink-2);
    border-bottom:3px solid var(--gold);margin:0;display:none}
  .nav ul{flex-direction:column;padding:var(--s2)}
  .nav a{padding:var(--s2);border-bottom:1px solid var(--ink-3);border-left:3px solid transparent}
  .nav a[aria-current="page"]{border-left-color:var(--gold);border-bottom-color:var(--ink-3)}
  .burger-cb:checked ~ .nav{display:block}
  .hdr .wrapx{position:relative;flex-wrap:wrap}
  .lang{order:2}
}
@media (max-width:640px){
  .au-full{grid-template-columns:1fr}
  .au-full img{width:88px;height:88px}
  ol.steps{padding-left:var(--s4)}
  ol.steps li::before{left:calc(-1 * var(--s4) - 18px);width:30px;height:30px}
  .facts div{flex:1 1 100%;border-right:0;border-bottom:1px solid var(--paper-3)}
  /* key-value tables collapse to stacks */
  table.kv thead{position:absolute;left:-9999px}
  table.kv tbody th{display:none}
  table.kv tr{display:block;border-bottom:2px solid var(--ink)}
  table.kv td{display:block;width:auto;border:0;padding:var(--s1) var(--s2);background:none!important}
  table.kv td[data-l]::before{content:attr(data-l);display:block;font-family:var(--f-num);
    font-size:var(--t-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--ink-4);
    margin-bottom:2px;overflow-wrap:break-word}
}
@media (max-width:400px){
  :root{--s4:1.15rem;--s5:1.5rem;--s6:2.25rem;--s7:3rem;--strip:58px}
  .wrapx{padding-inline:var(--s3)}
  .hero h1{font-size:1.7rem}
  .btn{font-size:1.02rem;min-height:56px}
  .strip .l1{font-size:.84rem}
  .strip .l2{font-size:.62rem}
  .strip .btn-sm{font-size:.9rem;padding-inline:var(--s2)}
  .cta{padding:var(--s3)}
  .art h2{padding-left:var(--s2);border-left-width:6px}
}
@media (prefers-reduced-motion:reduce){
  *{animation:none!important;transition:none!important;scroll-behavior:auto!important}
  .cta:hover,.tile:hover,.next a:hover{transform:none}
  .cta:active .btn,.tile:active .btn-sm{transform:none}
}
@media print{.hdr,.hero,.strip,.ftr,.next{display:none}}