/* slimshady.ca theme — paper, ink and red pen. Brutalist notebook. */
:root{
  --bg:#efeae0; --bg-deep:#1a1a1a; --surface:#fbf8f2; --surface-2:#e5dfd2; --line:#1a1a1a;
  --accent:#c81d25; --accent-2:#e2343c; --accent-3:#1a1a1a; --accent-ink:#fff;
  --text:#141414; --text-2:#2f2f2f; --text-strong:#000; --mute:#5c5850; --mute-2:#7d786d; --warn:#c81d25;
  --art-a:#2a2a2a; --art-b:#0f0f0f; --mast-bg:rgba(239,234,224,.94);
  --radius:0px;
  --display:'Archivo Black', Impact, sans-serif;
  --sans:'Work Sans', system-ui, sans-serif;
  --mono:'IBM Plex Mono', ui-monospace, monospace;
  --grad:linear-gradient(0deg,#c81d25,#c81d25);
}
body{background-color:var(--bg);background-image:repeating-linear-gradient(0deg,transparent 0 31px,rgba(30,60,140,.07) 31px 32px);color:var(--text)}
a{color:var(--accent)}
a:hover{color:#000}
.ribbon{background:#141414;color:#d8d2c4;font-family:var(--mono)}
.ribbon a{color:#ff6b70}
.ribbon__dot{background:var(--accent);box-shadow:none}
.masthead{border-bottom:3px solid #141414}
.wordmark{gap:.2rem;color:#141414}
.wm-a,.wm-b{font-family:var(--display);font-size:1.6rem;letter-spacing:-.02em;line-height:1}
.wm-b{background:#141414;color:var(--bg);padding:0 .3rem;transform:rotate(-2deg);display:inline-block}
.wm-c{font-family:var(--mono);font-weight:600;font-size:.85rem;color:var(--accent);margin-left:.15rem}
.wordmark .wordmark__fan{font-family:var(--mono);border:2px solid var(--accent);color:var(--accent);border-radius:0;margin-left:.6rem;transform:rotate(3deg)}
.wordmark--sm .wm-a,.wordmark--sm .wm-b{font-size:1.25rem}
.nav a{color:#141414;border-radius:0;font-family:var(--mono);font-weight:600;font-size:.85rem;text-transform:uppercase;letter-spacing:.04em}
.nav a:hover{background:var(--surface-2)}
.nav a.is-active{background:#141414;color:var(--bg)}
.navtoggle{border:2px solid #141414;border-radius:0}
.navtoggle span{background:#141414}
.eyebrow{font-family:var(--mono);color:var(--accent)}
.btn{border-radius:0;font-family:var(--mono);text-transform:uppercase;letter-spacing:.04em;font-size:.9rem}
.btn--gold{background:var(--accent);color:#fff;box-shadow:5px 5px 0 #141414}
.btn--gold:hover{color:#fff;box-shadow:8px 8px 0 #141414}
.btn--ghost{border:2px solid #141414;color:#141414}
.btn--ghost:hover{background:#141414;color:var(--bg)}
.h-section{font-family:var(--display);text-transform:none;letter-spacing:-.02em}
.badge{background:transparent;border:1.5px solid var(--accent);color:var(--accent);border-radius:0}
.kicker,.meta,.hl__meta,.vid__meta,.wk__desc{font-family:var(--mono)}
/* hero */
.ss-hero{border-bottom:3px solid #141414;padding:clamp(3rem,7vw,5.5rem) 0}
.ss-hero__grid{display:grid;grid-template-columns:1.35fr 1fr;gap:2.5rem;align-items:start}
.ss-hero__type{position:relative}
.ss-hero__title{font-family:var(--display);font-size:clamp(2.8rem,7.4vw,6rem);line-height:.92;letter-spacing:-.03em;margin:0 0 1.4rem}
.ss-hero__title span{display:inline}
.ss-strike{position:relative;color:var(--mute-2)}
.ss-strike::after{content:"";position:absolute;left:-4%;right:-4%;top:52%;height:.14em;background:var(--accent);transform:rotate(-4deg)}
.ss-red{color:var(--accent)}
.ss-hero__lede{max-width:540px;font-size:1.1rem;color:var(--text-2);margin:0 0 1.8rem}
.ss-stamp{position:absolute;right:0;top:-1rem;font-family:var(--mono);font-weight:600;font-size:.78rem;line-height:1.2;text-align:center;border:3px double var(--accent);color:var(--accent);padding:.5rem .7rem;transform:rotate(9deg);opacity:.85}
.ss-latest{background:var(--surface);border:3px solid #141414;box-shadow:8px 8px 0 #141414;padding:1.3rem 1.4rem}
.ss-latest__label{font-family:var(--mono);font-size:.75rem;text-transform:uppercase;letter-spacing:.12em;color:var(--accent);margin:0 0 .6rem;font-weight:600}
.ss-latest ol{list-style:none;margin:0 0 1rem;padding:0;counter-reset:n}
.ss-latest li{counter-increment:n;border-bottom:1px dashed #9a948a;padding:.65rem 0 .65rem 2rem;position:relative}
.ss-latest li::before{content:counter(n);position:absolute;left:0;top:.6rem;font-family:var(--display);font-size:1.2rem;color:var(--accent)}
.ss-latest a{color:#141414;font-weight:600;line-height:1.35;display:block}
.ss-latest a:hover{color:var(--accent)}
.ss-latest__pub{display:block;font-family:var(--mono);font-weight:400;font-size:.7rem;color:var(--mute);text-transform:uppercase;margin-bottom:.15rem}
/* cards & components: hard edges, offset shadows */
.card,.hl,.vid,.wk,.quizcta,.qcard,.feature{border:2px solid #141414;box-shadow:5px 5px 0 #141414;border-radius:0}
.card:hover,.hl:hover{transform:translate(-2px,-2px);box-shadow:8px 8px 0 #141414;border-color:#141414}
.card h3,.hl__title,.vid__title,.wk__title{font-family:var(--sans);font-weight:700}
.card__art{color:#fff;font-family:var(--display);text-transform:none}
.card__art[data-seed]{background:#141414}
.card__art[data-seed="1"],.card__art[data-seed="3"]{background:var(--accent)}
.hl__pub{color:var(--accent)}
.hl__tag{border-radius:0;border-color:#141414;color:#141414}
.vid__play{border-radius:0;box-shadow:4px 4px 0 #000}
.wk{border-left:8px solid var(--accent)}
.band{background:var(--surface-2);border-block:3px solid #141414}
.ss-split{display:grid;grid-template-columns:1fr 1fr;gap:2.5rem}
.ss-notes{list-style:none;margin:1.2rem 0 0;padding:0}
.ss-notes li{display:grid;grid-template-columns:4.5rem 1fr;gap:.8rem;padding:.8rem 0;border-bottom:1px dashed #8a847a}
.ss-notes b{font-family:var(--display);font-size:1.5rem;color:var(--accent);line-height:1}
.ss-stack{display:grid;gap:1rem;margin-top:1.2rem}
.ss-stack .card__art{display:none}
.quizcta{background:var(--surface);color:#141414;min-height:200px}
.quizcta:nth-child(2){background:#141414;color:var(--bg);border-color:#141414}
.quizcta:nth-child(2) .quizcta__tag{color:#bdb6a8}
.quizcta::after{color:rgba(200,29,37,.15)}
.quizcta__title{font-family:var(--display);text-transform:none}
.quizcta__kind{font-family:var(--mono);color:var(--accent)}
.quizcta__go{color:var(--accent)}
.pagehead,.article__head{background:none;border-bottom:3px solid #141414}
.pagehead h1{font-family:var(--display);text-transform:none;letter-spacing:-.03em}
.prose h2{font-family:var(--display);text-transform:none;color:#141414}
.prose em{color:#000}
.notice{background:var(--surface);border:2px solid #141414;border-left:8px solid var(--accent);border-radius:0;color:var(--text-2)}
.opt span{background:var(--surface);border:2px solid #141414;border-radius:0}
.opt input:checked+span{background:#141414;color:var(--bg)}
.opt.is-right span{border-color:#1e7d3c;background:#d8f0dd}
.opt.is-wrong span{background:#f7d4d5}
.quiz__progress{border-radius:0;background:#d6cfbf}
.quiz__result{background:var(--surface);border:3px solid #141414;border-radius:0}
.chip{border-radius:0;background:var(--surface);border:2px solid #141414;color:#141414;font-family:var(--mono)}
.chip.is-active{background:#141414;color:var(--bg);border-color:#141414}
.footer{background:#141414;color:#d8d2c4;border-top:0}
.footer .wm-a{color:#efeae0}
.footer .wm-b{background:var(--accent);color:#fff}
.footer__links a{color:#efeae0;font-family:var(--mono)}
.footer .disclaimer{background:#1f1f1f;border-color:#333;color:#bdb6a8}
.footer .disclaimer strong{color:#ff6b70}
.footer__tag,.footer__fine{color:#9a948a}
@media (max-width:900px){.ss-hero__grid,.ss-split{grid-template-columns:1fr}.ss-stamp{display:none}}
@media (max-width:820px){.nav{background:var(--bg);border-bottom:3px solid #141414}.wordmark .wordmark__fan{display:none}}