/* ==========================================================================
   EVILBANE Guide — site skin
   Built from the game's own art: ash / bronze / blood, clipped panels, hard
   offset shadows, condensed war-room labels. Not a template skin.
   ========================================================================== */
@font-face{font-family:'Cinzel';font-style:normal;font-weight:700;font-display:swap;src:url(assets/fonts/8vIJ7ww63mVu7gt79mT7.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Cinzel';font-style:normal;font-weight:900;font-display:swap;src:url(assets/fonts/8vIJ7ww63mVu7gt79mT7.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Oswald';font-style:normal;font-weight:500;font-display:swap;src:url(assets/fonts/TK3IWkUHHAIjg75cFRf3bXL8LICs1_Fv40pKlN4NNSeSASz7FmlWHYg.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Oswald';font-style:normal;font-weight:700;font-display:swap;src:url(assets/fonts/TK3IWkUHHAIjg75cFRf3bXL8LICs1_Fv40pKlN4NNSeSASz7FmlWHYg.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Source Sans 3';font-style:normal;font-weight:400;font-display:swap;src:url(assets/fonts/nwpStKy2OAdR1K-IwhWudF-R3w8aZQ.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Source Sans 3';font-style:normal;font-weight:600;font-display:swap;src:url(assets/fonts/nwpStKy2OAdR1K-IwhWudF-R3w8aZQ.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Source Sans 3';font-style:normal;font-weight:700;font-display:swap;src:url(assets/fonts/nwpStKy2OAdR1K-IwhWudF-R3w8aZQ.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

:root{
  --void:#0c0a08; --hide:#16120d; --hide2:#1e1811; --stone:#241d15; --stone2:#2b2218;
  --brass:#c99a3c; --brass-hi:#f0cd7f; --brass-dk:#7a5a1c;
  --blood:#a3301f; --blood-hi:#e0562c; --frost:#63a8c6;
  --ash:#ece2cf; --ash-dim:#b6a894;
  --maxw:1180px; --r:2px;
  --fd:'Cinzel',Georgia,'Times New Roman',serif;
  --fs:'Oswald',Impact,'Arial Narrow',sans-serif;
  --fb:'Source Sans 3',system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
}

*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;background:var(--void);color:var(--ash);
  font-family:var(--fb);font-size:17px;line-height:1.62;
  background-image:
    radial-gradient(1100px 460px at 12% -6%,rgba(163,48,31,.20),transparent 62%),
    radial-gradient(900px 420px at 92% 4%,rgba(99,168,198,.10),transparent 60%),
    linear-gradient(180deg,#100d09 0%,#0c0a08 42%,#0b0907 100%);
  background-repeat:no-repeat;
}
/* rivet rail: the bronze studding that frames the game's own panels */
body::before{
  content:"";display:block;height:6px;
  background-image:radial-gradient(circle at 6px 3px,var(--brass-dk) 0 2px,transparent 2.4px);
  background-size:26px 6px;background-color:#0a0806;
  border-bottom:1px solid rgba(201,154,60,.22);
}
img{max-width:100%;height:auto;display:block}
a{color:var(--brass-hi);text-decoration:none}
a:hover{color:#fff;text-decoration:underline;text-underline-offset:3px}
strong,b{color:#fff;font-weight:600}
code{font-family:ui-monospace,Consolas,monospace;font-size:.92em;background:#0a0806;
  border:1px solid rgba(201,154,60,.28);padding:1px 5px;color:var(--brass-hi)}
.skip{position:absolute;left:-9999px}
.skip:focus{left:8px;top:8px;z-index:99;background:var(--brass);color:#1a1408;padding:8px 12px}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 22px}

/* ---------------------------------------------------------------- ribbon */
.ribbon{background:linear-gradient(90deg,#3b1208,#7d2614 55%,#3b1208);
  border-bottom:1px solid var(--brass-dk);color:#ffe7bd;font-family:var(--fs);
  font-weight:500;letter-spacing:.10em;text-transform:uppercase;font-size:12.5px}
.ribbon .wrap{padding:6px 22px}

/* ---------------------------------------------------------------- topbar */
.topbar{background:linear-gradient(180deg,#191410,#100d09);border-bottom:3px solid var(--brass-dk);
  position:relative;z-index:40}
.topbar::after{content:"";display:block;height:1px;background:rgba(240,205,127,.25)}
.bar{display:flex;flex-wrap:wrap;align-items:center;gap:14px;padding:12px 22px}
.brand{display:inline-flex;align-items:center;gap:10px;color:var(--ash);font-family:var(--fd);
  font-weight:900;font-size:17px;letter-spacing:.10em;text-transform:uppercase}
.brand:hover{color:var(--brass-hi);text-decoration:none}
.brand img{width:40px;height:40px;border:2px solid var(--brass-dk);background:#0a0806;
  clip-path:polygon(0 6px,6px 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%)}

.nav{margin-left:auto;display:flex;align-items:center;gap:16px}
.nav > ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:2px}
.nav > ul > li{position:relative}
.nav > ul > li.has-kids > a::after{content:" BE";font-size:.72em;opacity:.85;margin-left:4px}
.nav > ul > li > a{display:block;padding:9px 11px;font-family:var(--fs);font-weight:500;
  font-size:14px;letter-spacing:.06em;text-transform:uppercase;color:var(--ash-dim);
  border-bottom:2px solid transparent}
.nav > ul > li > a:hover,.nav > ul > li.active > a,.nav > ul > li.has-kids.active > a{
  color:var(--brass-hi);border-bottom-color:var(--brass);text-decoration:none}
.nav .kids{list-style:none;margin:0;padding:6px;position:absolute;left:-10px;top:100%;
  min-width:264px;display:none;background:linear-gradient(180deg,#1c1610,#130f0b);
  border:2px solid var(--brass-dk);box-shadow:8px 8px 0 rgba(0,0,0,.55);z-index:45}
.nav .has-kids:hover .kids,.nav .has-kids:has(:focus-visible) .kids{display:block}
/* hover bridge: parent and panel must stay in one hover chain (no dead zone) */
.nav .has-kids::after{content:"";display:none;position:absolute;left:-10px;top:100%;width:274px;height:10px}
.nav .has-kids:hover::after,.nav .has-kids:has(:focus-visible)::after{display:block}
.nav .kids li a{display:block;padding:8px 11px;font-size:14.5px;color:var(--ash-dim);
  border-left:2px solid transparent}
.nav .kids li a:hover{background:rgba(201,154,60,.12);border-left-color:var(--blood-hi);
  color:#fff;text-decoration:none}
.nav a.cta{display:inline-block;background:linear-gradient(180deg,#b7371f,#8a2413);color:#fff;
  font-family:var(--fs);font-weight:600;font-size:13.5px;letter-spacing:.09em;text-transform:uppercase;
  padding:10px 15px;border:2px solid #f0cd7f;box-shadow:4px 4px 0 rgba(0,0,0,.6)}
.nav a.cta:hover{background:linear-gradient(180deg,#e0562c,#a3301f);text-decoration:none;color:#fff}

/* ---------------------------------------------------------------- hero */
.hero{position:relative;background-image:var(--hero,none);background-size:cover;
  background-position:center 30%;border-bottom:3px solid var(--brass-dk)}
.hero-split{display:grid;grid-template-columns:1.06fr .94fr;gap:34px;align-items:center;
  padding:44px 22px 48px}
.hero::before{content:"";position:absolute;inset:0;
  background-image:linear-gradient(120deg,rgba(163,48,31,.10),transparent 55%),
    repeating-linear-gradient(115deg,rgba(240,205,127,.045) 0 2px,transparent 2px 9px);
  pointer-events:none}
.hero-dossier{position:relative;padding:26px 26px 22px;background:linear-gradient(180deg,#1b1510,#120e0a);
  border:3px solid var(--brass-dk);box-shadow:10px 10px 0 rgba(0,0,0,.55);
  clip-path:polygon(0 14px,14px 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%)}
.hero-dossier::before{content:"";position:absolute;left:0;top:0;width:5px;height:100%;
  background:linear-gradient(180deg,var(--blood-hi),var(--brass-dk))}
.eyebrow{margin:0 0 10px;font-family:var(--fs);font-weight:500;font-size:12.5px;letter-spacing:.16em;
  text-transform:uppercase;color:var(--brass)}
.hero h1{margin:0;font-family:var(--fd);font-weight:900;line-height:.9;
  font-size:clamp(52px,8.4vw,112px);letter-spacing:.01em;color:#fff;
  text-shadow:0 3px 0 rgba(0,0,0,.6),0 0 26px rgba(163,48,31,.35)}
.h1-sub{display:block;margin-top:10px;font-family:var(--fs);font-weight:600;
  font-size:clamp(15px,1.7vw,21px);letter-spacing:.14em;text-transform:uppercase;color:var(--brass-hi)}
.hero .lead{margin:16px 0 0;font-size:17.5px;color:var(--ash-dim);max-width:56ch}
.hero-cta{margin:20px 0 0;display:flex;flex-wrap:wrap;gap:12px}
.btn{display:inline-block;background:linear-gradient(180deg,#b7371f,#8a2413);color:#fff;
  font-family:var(--fs);font-weight:600;font-size:14px;letter-spacing:.08em;text-transform:uppercase;
  padding:12px 18px;border:2px solid var(--brass-hi);box-shadow:5px 5px 0 rgba(0,0,0,.6)}
.btn.ghost{background:transparent;color:var(--brass-hi);border-color:var(--brass-dk)}
.btn:hover{background:linear-gradient(180deg,#e0562c,#a3301f);color:#fff;text-decoration:none}
.btn.ghost:hover{background:rgba(201,154,60,.14);color:#fff}

.hero-frame{position:relative;margin:0;border:3px solid var(--brass-dk);
  box-shadow:10px 10px 0 rgba(0,0,0,.55);background:#0a0806;
  clip-path:polygon(0 0,100% 0,100% calc(100% - 16px),calc(100% - 16px) 100%,0 100%)}
.hero-frame img{width:100%;height:auto}
.hero-frame figcaption{margin:0;padding:7px 12px;font-size:11.5px;letter-spacing:.04em;
  color:var(--ash-dim);background:#120e0a;border-top:1px solid rgba(201,154,60,.3)}
.hero-frame::after{content:"OCT 2026";position:absolute;right:-14px;top:-14px;
  transform:rotate(8deg);background:linear-gradient(180deg,#c99a3c,#8a6a1c);color:#1c1408;
  font-family:var(--fs);font-weight:700;font-size:12px;letter-spacing:.12em;padding:7px 11px;
  border:2px solid #2a1f08;box-shadow:3px 3px 0 rgba(0,0,0,.6)}

/* readout strip: four cells, the game's own wallet row */
.rread-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin-top:20px;
  background:rgba(201,154,60,.35);border:2px solid var(--brass-dk)}
.rread{background:#0f0c08;padding:9px 10px}
.rread-v{display:block;font-family:var(--fs);font-weight:700;font-size:15px;color:var(--brass-hi);
  letter-spacing:.03em}
.rread-k{display:block;font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--ash-dim)}

/* facts strip (fallback hero variant) */
.facts-strip{background:#0f0c08;border-bottom:2px solid var(--brass-dk)}
.facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1px;
  background:rgba(201,154,60,.28);padding:1px 22px}
.fact{background:#0f0c08;padding:11px 12px}
.fact-k{display:block;font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--ash-dim)}
.fact-v{display:block;font-family:var(--fs);font-weight:600;font-size:16px;color:var(--brass-hi)}

/* ---------------------------------------------------------------- sections */
.home-wrap{padding:34px 22px 44px}
.section-head{display:flex;align-items:baseline;flex-wrap:wrap;gap:12px;margin:30px 0 14px;
  padding-bottom:8px;border-bottom:2px solid rgba(201,154,60,.35)}
.section-head .overline{font-family:var(--fs);font-weight:500;font-size:11.5px;letter-spacing:.18em;
  text-transform:uppercase;color:var(--blood-hi);width:100%}
.section-head h2{margin:0;font-family:var(--fs);font-weight:700;font-size:clamp(22px,2.6vw,30px);
  letter-spacing:.06em;text-transform:uppercase;color:#fff}
.count-pill{display:inline-block;margin-left:10px;padding:1px 9px;vertical-align:middle;
  background:var(--brass);color:#1a1408;font-family:var(--fs);font-weight:700;font-size:14px;
  clip-path:polygon(0 0,100% 0,calc(100% - 5px) 100%,5px 100%)}
.all-link{margin-left:auto;font-family:var(--fs);font-weight:500;font-size:13px;letter-spacing:.08em;
  text-transform:uppercase}

/* ---------------------------------------------------------------- cards */
.grid{display:flex;flex-wrap:wrap;gap:18px}
.grid[data-n="2"]>.card{flex:1 1 calc(50% - 9px)}
.grid[data-n="3"]>.card{flex:1 1 calc(33.333% - 12px)}
.card{flex:1 1 300px;min-width:0;display:flex;flex-direction:column;position:relative;
  background:linear-gradient(180deg,#191410,#120e0a);border:2px solid rgba(201,154,60,.42);
  box-shadow:6px 6px 0 rgba(0,0,0,.55);color:var(--ash);overflow:hidden}
.card:nth-child(even){background:linear-gradient(180deg,#1d1711,#141009)}
.card:hover{transform:translate(-2px,-2px);box-shadow:9px 9px 0 rgba(0,0,0,.6);
  border-color:var(--brass-hi);text-decoration:none}
.card .thumb{position:relative;display:block;background:#0a0806;
  border-bottom:2px solid rgba(201,154,60,.42)}
.card .thumb img{width:100%;aspect-ratio:16/9;object-fit:cover}
.pill-tag{position:absolute;left:0;bottom:0;background:linear-gradient(90deg,#a3301f,#7d2614);
  color:#ffe7bd;font-family:var(--fs);font-weight:600;font-size:11px;letter-spacing:.12em;
  text-transform:uppercase;padding:4px 11px 4px 9px;
  clip-path:polygon(0 0,100% 0,calc(100% - 7px) 100%,0 100%)}
.card-body{padding:14px 15px 16px;display:flex;flex-direction:column;gap:8px;flex:1}
.card-body h3{margin:0;font-family:var(--fs);font-weight:600;font-size:18.5px;letter-spacing:.02em;
  color:#fff;line-height:1.24}
.card-body p{margin:0;font-size:14.5px;color:var(--ash-dim);flex:1}
.card .go{font-family:var(--fs);font-weight:600;font-size:12.5px;letter-spacing:.12em;
  text-transform:uppercase;color:var(--brass)}
.card .stamp{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#8d8071}
.card.sm .thumb img{aspect-ratio:16/9}

/* ---------------------------------------------------------------- article */
.article-grid{display:grid;grid-template-columns:minmax(0,1fr) 236px;gap:30px;
  padding:26px 22px 46px;align-items:start}
.crumb{margin:0 0 14px;font-size:12.5px;letter-spacing:.06em;text-transform:uppercase;
  font-family:var(--fs);color:var(--ash-dim)}
.crumb a{color:var(--ash-dim)}
.crumb .sep{margin:0 6px;color:#a8832f}
.crumb .here{color:var(--brass-hi)}
article{min-width:0;position:relative;padding:30px 28px 34px;background:linear-gradient(180deg,#181310,#110d09);
  border:3px solid var(--brass-dk);box-shadow:10px 10px 0 rgba(0,0,0,.5);
  clip-path:polygon(0 16px,16px 0,100% 0,100% calc(100% - 16px),calc(100% - 16px) 100%,0 100%)}
article::before{content:"";position:absolute;left:0;top:0;width:5px;height:120px;
  background:linear-gradient(180deg,var(--blood-hi),transparent)}
article h1{margin:0 0 14px;font-family:var(--fs);font-weight:700;font-size:clamp(27px,3.6vw,42px);
  line-height:1.06;letter-spacing:.02em;text-transform:uppercase;color:#fff}
article h1::after{content:"";display:block;width:124px;height:7px;margin-top:12px;
  background:linear-gradient(90deg,var(--blood) 0 62%,var(--brass) 62% 100%);
  clip-path:polygon(0 0,100% 0,calc(100% - 9px) 100%,0 100%)}
article h2{margin:34px 0 12px;font-family:var(--fs);font-weight:700;font-size:clamp(21px,2.4vw,27px);
  letter-spacing:.03em;text-transform:uppercase;color:var(--brass-hi);
  padding-bottom:7px;border-bottom:2px solid rgba(201,154,60,.34)}
article h2::before{content:"◆";margin-right:9px;color:var(--blood);font-size:.7em;vertical-align:middle}
article h3{margin:22px 0 8px;font-family:var(--fs);font-weight:600;font-size:19px;color:#fff;letter-spacing:.02em}
article p{margin:0 0 14px;max-width:92ch}
article ul,article ol{margin:0 0 16px;padding-left:24px;max-width:92ch}
article li{margin:0 0 7px}
article li::marker{color:var(--brass)}
article blockquote{margin:18px 0;padding:12px 16px;background:#120e0a;border-left:4px solid var(--blood);
  color:var(--ash-dim);font-style:italic}
article img.zoom{width:100%;border:2px solid var(--brass-dk);background:#0a0806;cursor:zoom-in;
  margin:6px 0 6px}
article img.zoom:hover{border-color:var(--brass-hi)}
article p em{color:var(--ash-dim);font-size:14px}
article strong{color:#fff}
table strong,table b{color:inherit}
.callout{margin:20px 0;padding:16px 18px 12px;background:linear-gradient(180deg,#241109,#160c07);
  border:2px solid var(--blood);box-shadow:6px 6px 0 rgba(0,0,0,.5);position:relative}
.callout::before{content:"";position:absolute;left:0;top:0;right:0;height:7px;
  background:repeating-linear-gradient(115deg,var(--blood-hi) 0 8px,#1a0c07 8px 16px)}
.callout p:last-child{margin-bottom:0}
.callout strong{color:#ffd9a8}

.tbl-wrap{max-width:100%;overflow-x:auto;margin:0 0 20px;border:2px solid var(--brass-dk);
  background:#0f0c08}
table{border-collapse:collapse;width:100%;font-size:15px}
thead th{background:linear-gradient(180deg,#3a2a12,#241a0b);color:var(--brass-hi);
  font-family:var(--fs);font-weight:600;font-size:12.5px;letter-spacing:.10em;text-transform:uppercase;
  text-align:left;padding:10px 12px;border-bottom:2px solid var(--brass-dk);white-space:nowrap}
tbody td{padding:10px 12px;border-bottom:1px solid rgba(201,154,60,.18);vertical-align:top;color:var(--ash)}
tbody tr:nth-child(odd){background:#141009}
tbody tr:hover{background:rgba(201,154,60,.07)}

.quick-answer{position:relative;margin:0 0 20px;padding:16px 18px;background:linear-gradient(180deg,#101a1e,#0b1216);
  border:2px solid var(--frost);box-shadow:6px 6px 0 rgba(0,0,0,.5)}
.quick-answer p{margin:0;color:#dff1f7;max-width:92ch}
.qa-stamp{display:inline-block;margin-bottom:7px;background:var(--frost);color:#06131a;
  font-family:var(--fs);font-weight:700;font-size:11px;letter-spacing:.14em;text-transform:uppercase;
  padding:3px 9px;clip-path:polygon(0 0,100% 0,calc(100% - 6px) 100%,6px 100%)}

.toc{border:2px solid var(--brass-dk);background:#120e0a;padding:12px 12px 14px;
  position:sticky;top:16px;box-shadow:6px 6px 0 rgba(0,0,0,.45)}
.toc .overline{display:block;margin-bottom:8px;font-family:var(--fs);font-weight:600;font-size:11px;
  letter-spacing:.16em;text-transform:uppercase;color:var(--blood-hi)}
.toc-list{display:flex;flex-direction:column;gap:1px}
.toc-list a{display:block;padding:6px 8px;font-size:14px;color:var(--ash-dim);
  border-left:2px solid transparent}
.toc-list a:hover{background:rgba(201,154,60,.12);border-left-color:var(--brass);color:#fff;
  text-decoration:none}

.all-guides{margin-top:38px;padding-top:6px;border-top:3px solid var(--brass-dk)}
.muted{color:#8d8071}

/* ---------------------------------------------------------------- footer */
.foot{margin-top:10px;background:linear-gradient(180deg,#100d09,#0a0806);
  border-top:3px solid var(--brass-dk);position:relative}
.foot::before{content:"";display:block;height:6px;
  background-image:radial-gradient(circle at 6px 3px,var(--brass-dk) 0 2px,transparent 2.4px);
  background-size:26px 6px}
.foot .wrap{padding:24px 22px 30px}
.foot .disclaimer{margin:0 0 12px;max-width:88ch;font-size:13.5px;color:#9c9081}
.foot-links{margin:0 0 8px;font-family:var(--fs);font-weight:500;font-size:13px;letter-spacing:.08em;
  text-transform:uppercase;color:var(--ash-dim)}
.foot-links a{color:var(--brass)}
.foot .muted{font-size:12.5px;letter-spacing:.05em}

/* ---------------------------------------------------------------- lightbox + ads */
.lightbox{position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;
  background:rgba(5,4,3,.94);cursor:zoom-out;padding:20px}
.lightbox img{max-width:min(1500px,96vw);max-height:92vh;width:auto;height:auto;
  border:2px solid var(--brass-dk);box-shadow:0 0 0 1px #000}
.ad-slot{max-width:var(--maxw);margin:26px auto;padding:0 22px}
.ad-inner{background:#120e0a;border:2px solid var(--brass-dk);padding:10px;min-height:0}
@media (hover: hover) and (pointer: fine){.ad-inner{min-height:96px}}

/* small official assets (map / logo / promo art) must not be stretched past native */
article img[src*="war-map"],article img[src*="release-keyart"],
article img[src*="sysreq-keyart"],article img[src*="coop-lobby"],
article img[src*="community-party"]{max-width:460px}
article img[src*="evilbane-logo"]{max-width:420px}

/* per-page treatments */
body.p-the-war article h2{border-bottom-color:rgba(163,48,31,.55)}
body.p-the-war article{background:linear-gradient(180deg,#1a120c,#120d08)}
body.p-faq article h3{color:var(--brass-hi)}
body.p-media-and-trailers article img[data-lg]{border-color:var(--brass)}

/* ---------------------------------------------------------------- responsive */
@media (max-width:1000px){
  .hero-split{grid-template-columns:1fr;gap:24px;padding:30px 22px 34px}
  .hero-frame{order:-1}
  .article-grid{grid-template-columns:minmax(0,1fr);gap:24px}
  .toc{position:static;order:-1}
  .toc-list{flex-direction:column}
}
@media (max-width:900px){
  .nav{margin-left:0;width:100%;gap:10px}
  .nav > ul{width:100%;flex-wrap:wrap;row-gap:2px}
  .nav .kids{display:none}
  .nav > ul > li.has-kids > a::after{display:none}
  .nav .has-kids::after{display:none}
  .nav > ul > li > a{padding:7px 9px;font-size:13px}
  .nav a.cta{width:100%;text-align:center}
}
@media (max-width:640px){
  body{font-size:16px}
  .wrap{padding:0 15px}
  .home-wrap{padding:26px 15px 34px}
  .article-grid{padding:20px 15px 36px}
  article{padding:24px 17px 26px}
  .rread-strip{grid-template-columns:repeat(2,1fr)}
  .grid[data-n="2"]>.card,.grid[data-n="3"]>.card{flex:1 1 100%}
  article img[src*="war-map"],article img[src*="release-keyart"],article img[src*="sysreq-keyart"],
  article img[src*="coop-lobby"],article img[src*="community-party"],
  article img[src*="evilbane-logo"]{max-width:100%}
  .hero-dossier{padding:20px 17px 18px}
  thead th{white-space:normal}
  tbody td{overflow-wrap:anywhere}
}
@media (prefers-reduced-motion:reduce){
  *{transition:none !important;animation:none !important}
}