/* ============================================================================
   Silverplay Casino — style.css · Prefix: msm-
   Archetype: NEON NOIR crypto-casino · deep night bg + electric-cyan accent glow
   Brand HEX: accent #5ac4ef · CTA #8cd2ef · mist #bbd8e5 · sand #eae1e1
   Signature: sharp corners + single 16px bottom-right cut · inverse-fill hover
   ========================================================================== */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-rendering:optimizeLegibility;scroll-behavior:smooth}
body{margin:0}
img,svg,video{max-width:100%;height:auto;display:block}
a{color:inherit}
button{font:inherit;color:inherit}
h1,h2,h3,h4,p,ul,ol,dl,figure,dd,blockquote{margin:0}

:root{
  --msm-wrap:1210px;
  --msm-pad:clamp(16px,4vw,34px);

  /* surfaces — night ladder (+ ~5% lightness per step) */
  --msm-bg:#080b11;
  --msm-surface:#0e131c;
  --msm-surface-2:#141b26;
  --msm-surface-3:#1c2533;
  --msm-dark:#05080d;           /* deepest brand zone: header / footer */

  /* ink */
  --msm-ink:#eef5fb;
  --msm-ink-2:#b4c3d2;
  --msm-ink-3:#8595a6;
  --msm-dark-ink:#e9f1f8;
  --msm-mist:#bbd8e5;           /* brand mist — footer meta / labels */

  /* accents */
  --msm-accent:#5ac4ef;
  --msm-accent-ink:#04141d;
  --msm-accent-2:#eae1e1;       /* brand sand — secondary badges/quotes */
  --msm-cta:#8cd2ef;
  --msm-cta-ink:#04202d;

  /* hairlines & tone-mix (single source of truth) */
  --msm-hairline:color-mix(in srgb, var(--msm-ink) 14%, transparent);
  --msm-hairline-2:color-mix(in srgb, var(--msm-ink) 22%, transparent);
  --msm-accent-soft:color-mix(in srgb, var(--msm-accent) 16%, transparent);
  --msm-accent-glow:color-mix(in srgb, var(--msm-accent) 40%, transparent);

  /* type scale — ratio 1.25 */
  --msm-step--1:.8rem;--msm-step-0:1rem;--msm-step-1:1.25rem;--msm-step-2:1.563rem;
  --msm-step-3:1.953rem;--msm-step-4:2.441rem;--msm-step-5:3.052rem;

  /* rhythm / form */
  --msm-sec:clamp(40px,7vw,80px);
  --msm-r:4px;--msm-r-md:8px;--msm-corner:0 0 16px 0;
  --msm-gap:18px;--msm-col:280px;
  --msm-shadow:0 18px 50px -22px rgba(0,0,0,.85),0 4px 14px -8px rgba(0,0,0,.7);
  --msm-ease:cubic-bezier(.2,.7,.2,1);--msm-dur:.16s;

  --msm-fdisplay:"Sora",system-ui,Segoe UI,Arial,sans-serif;
  --msm-ftext:"Inter",system-ui,-apple-system,Roboto,Arial,sans-serif;
  --msm-tp-star:#33d18a;
}

body.msm-body{
  font-family:var(--msm-ftext);font-size:1.02rem;line-height:1.65;
  color:var(--msm-ink);background:var(--msm-bg);
  font-variant-numeric:tabular-nums lining-nums;
  background-image:radial-gradient(120% 60% at 50% -8%, color-mix(in srgb,var(--msm-accent) 9%,transparent), transparent 60%);
  background-attachment:fixed;
}
::selection{background:var(--msm-accent-soft);color:var(--msm-ink)}
::-webkit-scrollbar{width:11px;height:11px}
::-webkit-scrollbar-thumb{background:var(--msm-surface-3);border-radius:8px}
*{scrollbar-color:var(--msm-surface-3) transparent}
:focus-visible{outline:2px solid var(--msm-accent);outline-offset:2px;border-radius:2px}
input,select,textarea,button{accent-color:var(--msm-accent)}

h1,h2,h3,h4{font-family:var(--msm-fdisplay);line-height:1.12;color:var(--msm-ink);letter-spacing:-.02em;text-wrap:balance}

/* ---- layout containers ---- */
.msm-wrap{width:100%;max-width:var(--msm-wrap);margin-inline:auto;padding-inline:var(--msm-pad)}
.msm-main{width:100%;max-width:var(--msm-wrap);margin-inline:auto;padding-inline:var(--msm-pad);padding-block:clamp(30px,5vw,60px)}
.msm-main .msm-wrap{max-width:none;padding-inline:0}   /* avoid double padding for nested prose-wrap */
.msm-skip{position:absolute;left:-999px;top:0;background:var(--msm-accent);color:var(--msm-accent-ink);padding:10px 16px;z-index:400;font-weight:800;border-radius:0 0 var(--msm-r-md) 0}
.msm-skip:focus{left:0}

/* ---- header ---- */
.msm-head{position:sticky;top:0;z-index:100;background:color-mix(in srgb,var(--msm-dark) 92%,transparent);
  border-bottom:1px solid var(--msm-hairline-2);box-shadow:0 1px 0 color-mix(in srgb,var(--msm-accent) 16%,transparent)}
.msm-head__bar{display:flex;align-items:center;gap:20px;min-height:68px;flex-wrap:nowrap}
.msm-logo{line-height:0;flex:0 0 auto;border-radius:var(--msm-r)}
.msm-logo img{height:clamp(30px,3.4vw,44px);width:auto}
.msm-nav{flex:1 1 auto;display:flex;justify-content:center;min-width:0}
.msm-nav__list{list-style:none;display:flex;flex-wrap:nowrap;gap:clamp(6px,1.3vw,20px);padding:0;margin:0}
.msm-nav__list a{display:inline-flex;align-items:center;text-decoration:none;font-weight:700;font-size:.78rem;
  letter-spacing:.07em;text-transform:uppercase;white-space:nowrap;color:var(--msm-dark-ink);
  padding:8px 12px;border-radius:var(--msm-r);transition:background var(--msm-dur) var(--msm-ease),color var(--msm-dur) var(--msm-ease)}
.msm-nav__list a:hover{background:var(--msm-accent);color:var(--msm-accent-ink)}          /* inverse-fill */
.msm-nav__list a[aria-current="page"]{color:var(--msm-accent);box-shadow:inset 0 -2px 0 var(--msm-accent)}

/* ---- CTA buttons ---- */
.msm-cta{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.5em;
  font-family:var(--msm-ftext);font-weight:800;font-size:.85rem;letter-spacing:.05em;text-transform:uppercase;
  text-decoration:none;border:2px solid transparent;border-radius:var(--msm-corner);padding:13px 24px;min-height:48px;
  white-space:nowrap;cursor:pointer;
  transition:background var(--msm-dur) var(--msm-ease),color var(--msm-dur) var(--msm-ease),
             border-color var(--msm-dur) var(--msm-ease),transform var(--msm-dur) var(--msm-ease),box-shadow var(--msm-dur) var(--msm-ease)}
.msm-cta--solid{background:var(--msm-cta);color:var(--msm-cta-ink);box-shadow:0 0 0 0 var(--msm-accent-glow),0 10px 26px -14px var(--msm-accent)}
.msm-cta--solid:hover{transform:scale(1.02);box-shadow:0 0 26px -2px var(--msm-accent-glow),0 12px 30px -14px var(--msm-accent)}
.msm-cta--solid:active{transform:translateY(1px)}
.msm-cta--ghost{background:transparent;color:var(--msm-accent);border-color:var(--msm-accent)}
.msm-cta--ghost:hover{background:var(--msm-accent);color:var(--msm-accent-ink)}
.msm-head__bar>.msm-cta{flex:0 0 auto}
/* body CTA always centered (any depth) */
.msm-ctarow{display:flex;justify-content:center;margin:1.6em 0}
.msm-main>.msm-cta,.msm-main :not(.msm-hero__cta):not(.msm-nav__cta)>.msm-cta{display:flex;width:fit-content;margin:1.5em auto}

/* ---- burger (desktop default hidden; shown <900 via header inline pair) ---- */
.msm-burger{display:none;background:transparent;border:1px solid var(--msm-hairline-2);color:var(--msm-dark-ink);
  width:48px;height:46px;border-radius:var(--msm-r);cursor:pointer;align-items:center;justify-content:center;
  transition:background var(--msm-dur) var(--msm-ease),color var(--msm-dur) var(--msm-ease)}
.msm-burger:hover{background:var(--msm-accent);color:var(--msm-accent-ink);border-color:var(--msm-accent)}

/* ---- breadcrumbs ---- */
.msm-crumbs{padding-block:14px 4px}
.msm-crumbs__list{list-style:none;display:flex;flex-wrap:wrap;gap:8px;padding:0;margin:0;font-size:.8rem;color:var(--msm-ink-3)}
.msm-crumbs__list a{text-decoration:none;color:var(--msm-ink-2)}
.msm-crumbs__list a:hover{color:var(--msm-accent)}
.msm-crumbs__item span[aria-current]{color:var(--msm-ink)}
.msm-crumbs__item+.msm-crumbs__item::before{content:"›";margin-right:8px;color:var(--msm-accent)}

/* ---- byline ---- */
.msm-byline{display:flex;gap:14px;align-items:center;padding-block:16px;border-top:1px solid var(--msm-hairline);
  border-bottom:1px solid var(--msm-hairline);margin-block:6px;font-style:normal}
.msm-byline__photo{width:56px;height:56px;border-radius:50%;flex:0 0 auto;object-fit:cover;
  border:2px solid var(--msm-accent-soft);box-shadow:0 0 0 1px var(--msm-hairline)}
.msm-byline__meta{display:flex;flex-direction:column;gap:2px;min-width:0}
.msm-byline__author{font-weight:800;text-decoration:none;color:var(--msm-ink)}
.msm-byline__author:hover{color:var(--msm-accent)}
.msm-byline__role{color:var(--msm-accent);font-size:.82rem;font-weight:700;letter-spacing:.02em}
.msm-byline__rev,.msm-byline__dates{color:var(--msm-ink-3);font-size:.8rem}
.msm-byline__rev a{color:var(--msm-ink-2);text-decoration:underline;text-underline-offset:2px}
.msm-byline__dates{display:flex;flex-wrap:wrap;gap:4px 14px}

/* ============================ HERO ============================ */
.msm-hero{padding-block:clamp(28px,5vw,56px)}
.msm-hero__inner{position:relative;display:grid;gap:clamp(20px,3vw,40px);
  grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);align-items:center;
  background:linear-gradient(160deg,var(--msm-surface-2),var(--msm-surface));
  border:1px solid var(--msm-hairline-2);border-radius:var(--msm-corner);
  padding:clamp(22px,3.4vw,46px);box-shadow:var(--msm-shadow);overflow:clip}
.msm-hero__inner::before{content:"";position:absolute;inset:-30% 0 auto;height:70%;z-index:0;pointer-events:none;
  background:radial-gradient(50% 60% at 78% 30%,var(--msm-accent-soft),transparent 70%)}
.msm-hero__copy{position:relative;z-index:1;display:flex;flex-direction:column;gap:clamp(12px,1.5vw,18px)}
.msm-hero__kicker{display:block;text-transform:uppercase;letter-spacing:.16em;font-size:.76rem;font-weight:800;
  color:var(--msm-accent);margin:0}
.msm-hero__h1{font-size:clamp(2.1rem,4.8vw,3.3rem);margin:0;line-height:1.06}
.msm-hero__lead{color:var(--msm-ink-2);font-size:clamp(1rem,1.4vw,1.12rem);max-width:48ch;text-wrap:pretty}
.msm-hero__cta{margin:.2em 0 0;display:flex;justify-content:flex-start}
.msm-hero__cta.msm-ctarow{margin:.2em 0 0}
.msm-hero__facts{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:0;margin:.4em 0 0}
.msm-hero__fact{display:flex;flex-direction:column;gap:3px;background:var(--msm-surface-3);
  border:1px solid var(--msm-hairline);border-radius:var(--msm-corner);padding:12px 14px}
.msm-hero__fact-k{font-size:.68rem;text-transform:uppercase;letter-spacing:.1em;color:var(--msm-ink-3);font-weight:700}
.msm-hero__fact-v{font-weight:800;color:var(--msm-ink);font-size:1.02rem}
.msm-hero__media{position:relative;z-index:1;margin:0}
.msm-hero__media::after{content:"";position:absolute;inset:8% 6%;z-index:-1;
  background:radial-gradient(closest-side,var(--msm-accent-glow),transparent 78%);filter:blur(8px)}
.msm-hero__media img{width:100%;aspect-ratio:1/1;object-fit:cover;max-height:440px;
  border:1px solid var(--msm-hairline-2);border-radius:var(--msm-corner);box-shadow:var(--msm-shadow)}

/* ---- pagetitle (trust/legal/author headers, no art) ---- */
.msm-pagetitle{padding-block:clamp(26px,4.5vw,52px) clamp(12px,2vw,22px)}
.msm-pagetitle__inner{display:flex;flex-direction:column;gap:12px;
  border-left:3px solid var(--msm-accent);padding-left:clamp(16px,2vw,26px)}
.msm-pagetitle__kicker{display:block;text-transform:uppercase;letter-spacing:.16em;font-size:.74rem;
  font-weight:800;color:var(--msm-accent);margin:0}
.msm-pagetitle__h1{font-size:clamp(1.9rem,4.2vw,2.8rem);margin:0}
.msm-pagetitle__lead{color:var(--msm-ink-2);font-size:clamp(1rem,1.3vw,1.1rem);max-width:74ch;text-wrap:pretty}

/* ============================ PROSE ============================ */
.msm-prose{color:var(--msm-ink);font-size:1.05rem}
.msm-prose p{margin-top:1.05em;color:var(--msm-ink-2);text-wrap:pretty}
.msm-prose h2{font-size:clamp(1.5rem,2.8vw,var(--msm-step-3));margin-top:1.7em;color:var(--msm-ink);position:relative}
.msm-prose h3{font-size:clamp(1.2rem,2vw,var(--msm-step-1));margin-top:1.35em;color:var(--msm-ink)}
.msm-prose h2::before{content:"§";color:var(--msm-accent);font-family:var(--msm-ftext);font-weight:700;
  margin-right:.45em;font-size:.7em;vertical-align:.12em;opacity:.85}
.msm-prose strong{color:var(--msm-ink);font-weight:700}
/* refined prose links — accent underline grows from baseline */
.msm-prose a:not(.msm-cta){color:var(--msm-accent);text-decoration:none;font-weight:600;
  background-image:linear-gradient(var(--msm-accent),var(--msm-accent));
  background-size:0% 1.5px;background-position:0 100%;background-repeat:no-repeat;
  transition:background-size var(--msm-dur) var(--msm-ease),color var(--msm-dur) var(--msm-ease)}
.msm-prose a:not(.msm-cta):hover{background-size:100% 1.5px;color:color-mix(in srgb,var(--msm-accent) 80%,#fff)}
/* lists — accent marker, first word reads as a mini-label via <strong> in copy */
.msm-prose ul,.msm-prose ol{margin-top:1.05em;padding-left:0;list-style:none}
.msm-prose ul>li,.msm-prose ol>li{position:relative;padding-left:1.7em;margin-top:.55em;color:var(--msm-ink-2)}
.msm-prose ul>li::before{content:"";position:absolute;left:.15em;top:.62em;width:7px;height:7px;
  background:var(--msm-accent);border-radius:50%;box-shadow:0 0 8px -1px var(--msm-accent-glow)}
.msm-prose ol{counter-reset:msm-ol}
.msm-prose ol>li{counter-increment:msm-ol}
.msm-prose ol>li::before{content:counter(msm-ol);position:absolute;left:0;top:.05em;width:1.3em;height:1.3em;
  display:flex;align-items:center;justify-content:center;font-size:.72em;font-weight:800;
  color:var(--msm-accent-ink);background:var(--msm-accent);border-radius:var(--msm-r)}

/* ---- figures (content images: centered, capped, never full-bleed) ---- */
.msm-prose figure{width:min(72%,760px);margin:1.9em auto}
.msm-prose figure img{width:100%;height:auto;border:1px solid var(--msm-hairline-2);
  border-radius:var(--msm-corner);box-shadow:var(--msm-shadow)}
.msm-prose figcaption{margin-top:.6em;font-size:.84rem;color:var(--msm-ink-3);text-align:center;line-height:1.45}

/* ---- pull-quote / verdict: double accent rule on left ---- */
.msm-prose blockquote{margin:1.7em 0;padding:.4em 0 .4em 1.2em;position:relative;
  font-size:1.1rem;color:var(--msm-ink);font-style:italic}
.msm-prose blockquote::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--msm-accent);
  box-shadow:0 -6px 14px -2px var(--msm-accent-glow)}
.msm-prose blockquote::after{content:"";position:absolute;left:6px;top:.3em;bottom:.3em;width:1px;background:var(--msm-hairline-2)}

/* ---- tables (style bare <table> too) ---- */
.msm-tablewrap{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:1.7em 0;
  border:1px solid var(--msm-hairline);border-radius:var(--msm-corner)}
html{overflow-x:clip}
.msm-tablewrap{overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%}
.msm-prose table,table{width:100%;border-collapse:collapse;font-size:.95rem;background:var(--msm-surface)}
@media(max-width:600px){.msm-prose table,table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}}
.msm-prose caption,table caption{caption-side:top;text-align:left;font-weight:700;color:var(--msm-ink-3);
  padding:6px 4px;font-size:.86rem}
th,td{padding:12px 16px;text-align:left;border:0;border-bottom:1px solid var(--msm-hairline);vertical-align:top}
thead th{background:var(--msm-surface-3);color:var(--msm-ink);font-family:var(--msm-fdisplay);
  font-size:.82rem;letter-spacing:.04em;text-transform:uppercase;border-bottom:1px solid var(--msm-hairline-2)}
tbody tr:hover{background:color-mix(in srgb,var(--msm-accent) 7%,transparent)}
tbody td:first-child{font-weight:700;color:var(--msm-ink)}
td[align="right"],th[align="right"]{text-align:right;font-variant-numeric:tabular-nums}
/* inline-highlighted comparison cells carry their own light bg → force dark ink */
td[style*="background"]{color:#0b2716;font-weight:600}

/* ============================ SLOTS SHOWCASE ============================ */
.msm-slots{padding-block:clamp(34px,5vw,64px)}
.msm-slots__h{font-size:clamp(1.5rem,3vw,var(--msm-step-3));margin:0 0 .1em;font-family:var(--msm-fdisplay)}
.msm-slots__h::after{content:"";display:block;width:60px;height:3px;margin-top:.45em;
  background:var(--msm-accent);box-shadow:0 0 12px -1px var(--msm-accent-glow)}
.msm-slots__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,160px),1fr));gap:16px;margin-top:1.4em}
.msm-slot{display:block;text-decoration:none;color:inherit;background:var(--msm-surface-2);
  border:1px solid var(--msm-hairline);border-radius:var(--msm-corner);overflow:hidden;min-width:0;
  transition:transform var(--msm-dur) var(--msm-ease),border-color var(--msm-dur) var(--msm-ease),box-shadow var(--msm-dur) var(--msm-ease)}
.msm-slot:hover{transform:translateY(-4px);border-color:var(--msm-accent);box-shadow:0 16px 34px -18px var(--msm-accent)}
.msm-slot__img{width:100%;aspect-ratio:457/512;object-fit:contain;background:var(--msm-surface-3)}
.msm-slot__name{display:block;padding:10px 12px;font-weight:700;font-size:.86rem;line-height:1.3;
  overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}

/* ---- legal/author docs: full container width ---- */
.msm-doc{max-width:none}
.msm-doc p,.msm-doc li{max-width:none}
.msm-authorpage::after{content:"";display:block;clear:both}
.msm-authorpage__photo{width:130px;height:170px;object-fit:cover;float:left;margin:6px 24px 14px 0;
  border:1px solid var(--msm-hairline-2);border-radius:var(--msm-corner);box-shadow:var(--msm-shadow)}

.msm-grid{display:grid;gap:var(--msm-gap);grid-template-columns:repeat(auto-fit,minmax(min(100%,var(--msm-col)),1fr))}

/* ============================ FOOTER ============================ */
.msm-foot{background:var(--msm-dark);color:var(--msm-dark-ink);margin-top:clamp(48px,7vw,84px);
  padding-block:clamp(36px,5vw,56px);border-top:1px solid var(--msm-hairline-2);
  box-shadow:inset 0 1px 0 color-mix(in srgb,var(--msm-accent) 16%,transparent)}
.msm-foot__inner{display:grid;gap:30px;grid-template-columns:minmax(0,1.3fr) minmax(0,2fr)}
.msm-foot__lead{display:flex;flex-direction:column;gap:12px;align-items:flex-start}
.msm-foot__logo img{height:42px;width:auto}
.msm-foot__age{font-weight:800;border:2px solid var(--msm-accent);color:var(--msm-accent);border-radius:var(--msm-r);padding:1px 8px;font-size:.82rem}
.msm-foot__disc{font-size:.84rem;color:var(--msm-mist);line-height:1.55;max-width:46ch}
.msm-foot__cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,160px),1fr));gap:22px}
.msm-foot__col{min-width:0}
.msm-foot__h{font-size:.74rem;text-transform:uppercase;letter-spacing:.1em;margin:0 0 10px;color:var(--msm-mist);font-family:var(--msm-fdisplay)}
.msm-foot__list{list-style:none;padding:0;margin:0;display:grid;gap:8px}
.msm-foot__list a{text-decoration:none;color:var(--msm-dark-ink);opacity:.82;font-size:.88rem;
  transition:color var(--msm-dur) var(--msm-ease),opacity var(--msm-dur) var(--msm-ease)}
.msm-foot__list a:hover{opacity:1;color:var(--msm-accent)}
.msm-foot__ribbon{grid-column:1/-1;border-top:1px solid var(--msm-hairline);padding-top:18px;
  font-size:.8rem;color:var(--msm-ink-3);line-height:1.6}
.msm-foot__ribbon a{color:var(--msm-accent);text-decoration:none}
.msm-foot__ribbon a:hover{text-decoration:underline}

/* ---- cookie banner ---- */
.msm-cookie{position:fixed;left:0;right:0;bottom:0;z-index:300;background:color-mix(in srgb,var(--msm-dark) 96%,transparent);
  border-top:1px solid var(--msm-accent-soft);padding:16px 0;box-shadow:0 -14px 40px -20px rgba(0,0,0,.9)}
.msm-cookie__inner{display:flex;gap:16px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.msm-cookie__txt{font-size:.86rem;color:var(--msm-ink-2);margin:0;flex:1 1 280px;min-width:0}
.msm-cookie__txt a{color:var(--msm-accent);text-decoration:underline;text-underline-offset:2px}
.msm-cookie__btns{display:flex;gap:10px;flex-wrap:wrap}
.msm-cookie__btn{border:1px solid var(--msm-hairline-2);background:transparent;color:var(--msm-ink);
  padding:11px 18px;border-radius:var(--msm-corner);cursor:pointer;font-weight:700;font-size:.84rem;min-height:44px;
  transition:background var(--msm-dur) var(--msm-ease),color var(--msm-dur) var(--msm-ease),border-color var(--msm-dur) var(--msm-ease)}
.msm-cookie__btn:hover{border-color:var(--msm-accent);color:var(--msm-accent)}
.msm-cookie__btn--ok{background:var(--msm-cta);color:var(--msm-cta-ink);border-color:var(--msm-cta)}
.msm-cookie__btn--ok:hover{color:var(--msm-cta-ink);box-shadow:0 0 22px -4px var(--msm-accent-glow)}

/* ---- 404 ---- */
.msm-404__code{font-size:clamp(3.4rem,12vw,6rem);font-weight:800;font-family:var(--msm-fdisplay);
  color:var(--msm-accent);line-height:1;text-shadow:0 0 38px var(--msm-accent-glow)}
.msm-404__title{font-size:var(--msm-step-2);margin:.3em 0 .6em}
.msm-404__back{display:inline-flex;color:var(--msm-accent);font-weight:700;text-decoration:none}
.msm-404__back:hover{text-decoration:underline}

/* ============================ RESPONSIVE ============================ */
/* tablet / burger zone ≤900: menu -> compact corner dropdown */
@media(max-width:900px){
  .msm-head__bar{gap:12px}
  .msm-nav{flex:0 0 auto;justify-content:flex-end}
  .msm-burger{order:3}
  .msm-head__bar>.msm-cta{order:2;padding:11px 16px;font-size:.76rem}
  .msm-nav__list{position:absolute;top:calc(100% + 8px);right:var(--msm-pad);z-index:160;
    flex-direction:column;align-items:stretch;gap:4px;min-width:222px;max-width:min(86vw,300px);
    background:var(--msm-surface-2);border:1px solid var(--msm-hairline-2);border-radius:var(--msm-corner);
    padding:10px;box-shadow:var(--msm-shadow)}
  .msm-nav__list a{width:100%;font-size:.84rem;letter-spacing:.04em;padding:12px 14px;color:var(--msm-ink);min-height:44px}
  .msm-nav__list a[aria-current="page"]{box-shadow:none;background:var(--msm-accent-soft)}
}
/* hero stacks ≤768 */
@media(max-width:768px){
  .msm-hero__inner{grid-template-columns:1fr;gap:18px}
  .msm-hero__media{order:-1}
  .msm-hero__cta{justify-content:center}
  .msm-hero__cta.msm-ctarow{margin:.2em 0}
  .msm-hero__lead{max-width:none}
  .msm-foot__inner{grid-template-columns:1fr}
}
/* mobile ≤640: single column everywhere */
@media(max-width:640px){
  body.msm-body{font-size:1rem}
  .msm-hero__media img{aspect-ratio:1/1;object-fit:contain;max-height:36vh;width:auto;margin-inline:auto}
  .msm-hero__facts{grid-template-columns:1fr 1fr}
  .msm-prose figure{width:100%}
  .msm-prose{font-size:1rem}
  .msm-authorpage__photo{width:108px;height:140px;margin:2px 16px 10px 0}
  .msm-foot__cols{grid-template-columns:1fr 1fr}
  th,td{padding:10px 12px}
}
@media(max-width:420px){
  .msm-hero__facts{grid-template-columns:1fr}
  .msm-foot__cols{grid-template-columns:1fr}
  .msm-head__bar>.msm-cta{display:none}     /* keep burger + logo on tiny screens */
}
/* motion off */
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}

@media(max-width:480px){.msm-cta{white-space:normal;max-width:100%;word-break:break-word}.msm-cta--solid{max-width:100%}.msm-cookie,.msm-cookie__inner{max-width:100vw}}