:root {
  --bg:          oklch(0.975 0.010 85);
  --bg-deep:     oklch(0.945 0.016 80);
  --card:        oklch(0.992 0.008 85);
  --ink:         oklch(0.24 0.022 30);
  --ink-soft:    oklch(0.46 0.020 30);
  --primary:     oklch(0.46 0.155 24);
  --primary-deep:oklch(0.35 0.130 26);
  --accent:      oklch(0.93 0.030 30);
  --pop:         oklch(0.80 0.140 82);
  --verified:    oklch(0.52 0.115 150);
  --radius: 0.85rem;
  --border: 2px solid var(--ink);
  --font-display: "Fraunces", serif;
  --font-body: "Instrument Sans", sans-serif;
  --font-mono: "Spline Sans Mono", monospace;
}
* { margin:0; padding:0; box-sizing:border-box; }
html { scroll-behavior:smooth; }
body {
  background: var(--bg); color: var(--ink);
  font-family: var(--font-body); font-size:17px; line-height:1.55;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)' opacity='0.025'/%3E%3C/svg%3E");
}
h1,h2,h3,h4 { font-family:var(--font-display); font-weight:700; letter-spacing:-0.02em; line-height:1.07; }
a { color:inherit; text-decoration:none; }
.wrap { max-width:1120px; margin:0 auto; padding:0 24px; }
.narrow { max-width:820px; }

/* header */
header { border-bottom:var(--border); background:color-mix(in oklch, var(--bg) 88%, transparent);
  backdrop-filter:blur(8px); position:sticky; top:0; z-index:50; }
.nav { display:flex; align-items:center; gap:26px; height:66px; }
.logo { font-family:var(--font-display); font-weight:700; font-size:1.4rem; display:flex; align-items:center; gap:11px; }
.logo .dot { width:15px; height:15px; border-radius:50%; background:var(--primary); border:2px solid var(--ink);
  box-shadow:0 0 0 3px color-mix(in oklch, var(--primary) 25%, transparent); animation:pulse 2.6s ease-in-out infinite; }
@keyframes pulse { 50% { box-shadow:0 0 0 7px color-mix(in oklch, var(--primary) 10%, transparent); } }
.nav .links { margin-left:auto; display:flex; gap:24px; }
.nav .links a { font-weight:600; font-size:0.95rem; color:var(--ink-soft); }
.nav .links a:hover { color:var(--primary); }

/* buttons / chips / stamps */
.btn { display:inline-flex; align-items:center; gap:8px; font-family:var(--font-body); font-weight:700;
  font-size:0.95rem; padding:12px 22px; border-radius:var(--radius); border:var(--border); cursor:pointer;
  transition:transform .15s ease, box-shadow .15s ease; }
.btn svg { width:18px; height:18px; }
.btn:hover { transform:translateY(-2px); }
.btn-primary { background:var(--primary); color:oklch(0.98 0.01 95);
  box-shadow:0 10px 26px -10px color-mix(in oklch, var(--primary) 60%, transparent); }
.btn-outline { background:transparent; }
.btn-outline:hover { background:var(--accent); }
.btn-sm { padding:8px 15px; font-size:0.85rem; }
.chip { display:inline-flex; align-items:center; gap:5px; font-family:var(--font-mono); font-size:0.7rem;
  font-weight:700; text-transform:uppercase; letter-spacing:0.04em; padding:4px 9px; border-radius:6px;
  border:1.5px solid var(--ink); }
.chip svg { width:12px; height:12px; }
.chip-rec { background:var(--primary); color:oklch(0.98 0.01 95); border-color:var(--primary); }
.chip-guest { background:var(--pop); color:var(--ink); border-color:var(--ink); }
.chip-ref { background:transparent; color:var(--ink-soft); border-color:var(--ink-soft); }
.chip-type { background:var(--accent); }
.stamp { display:inline-flex; align-items:center; gap:5px; font-family:var(--font-mono); font-size:0.7rem;
  font-weight:700; color:var(--verified); letter-spacing:0.03em; }
.stamp svg { width:14px; height:14px; }
.ts { font-family:var(--font-mono); font-size:0.78rem; font-weight:500; background:var(--ink);
  color:var(--pop); padding:4px 9px; border-radius:6px; display:inline-flex; align-items:center; gap:6px; white-space:nowrap; }
.ts svg { width:11px; height:11px; fill:var(--pop); }
.ts:hover { background:var(--primary-deep); }

/* hero */
.hero { position:relative; padding:84px 0 64px; overflow:hidden; }
.hero::before { content:""; position:absolute; top:-180px; left:50%; transform:translateX(-50%);
  width:680px; height:480px; background:var(--primary); opacity:0.10; filter:blur(120px); border-radius:50%; z-index:0; }
.hero .wrap { position:relative; z-index:1; }
.eyebrow { font-family:var(--font-mono); font-size:0.8rem; font-weight:700; text-transform:uppercase;
  letter-spacing:0.16em; color:var(--primary); margin-bottom:18px; }
.hero h1 { font-size:clamp(2.4rem,6vw,4.4rem); max-width:18ch; }
.hero h1 em { font-style:italic; color:var(--primary); }
.lede { font-size:1.2rem; color:var(--ink-soft); max-width:62ch; margin-top:22px; line-height:1.5; }
.cta-row { display:flex; gap:14px; flex-wrap:wrap; margin-top:30px; }

/* stats */
.stats { display:grid; grid-template-columns:repeat(4,1fr); gap:18px; margin:8px 0 12px; }
.stat { border:var(--border); border-radius:var(--radius); background:var(--card); padding:22px 20px; }
.stat b { font-family:var(--font-display); font-size:2.3rem; display:block; line-height:1; }
.stat span { font-size:0.86rem; color:var(--ink-soft); }

/* section heads */
section { padding:60px 0; }
.sec-head { display:flex; align-items:baseline; gap:18px; margin-bottom:30px; }
.sec-head h2 { font-size:clamp(1.6rem,3.2vw,2.3rem); }
.sec-head .rule { flex:1; height:2px; background:var(--ink); opacity:0.18; }
.sec-head a { font-weight:700; color:var(--primary); font-size:0.95rem; white-space:nowrap; }
.well { background:var(--bg-deep); border-top:var(--border); border-bottom:var(--border); }

/* card grid */
.grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(310px,1fr)); gap:20px; align-items:stretch; }
.card { border:var(--border); border-radius:var(--radius); background:var(--card); padding:22px;
  display:flex; flex-direction:column; gap:12px; transition:transform .15s ease, box-shadow .15s ease; }
.card:hover { transform:translateY(-3px); box-shadow:0 14px 34px -16px color-mix(in oklch, var(--primary) 50%, transparent); }
.card .row { display:flex; flex-wrap:wrap; gap:7px; align-items:center; }
.card h3 { font-size:1.22rem; }
.card .maker { color:var(--ink-soft); font-size:0.92rem; margin-top:-4px; }
.card blockquote { border-left:3px solid var(--primary); padding:4px 0 4px 14px; font-size:0.92rem;
  color:var(--ink-soft); font-style:italic; }
.card blockquote cite { display:block; margin-top:6px; font-style:normal; font-weight:700; color:var(--ink); font-size:0.82rem; }
.card .evid { font-weight:700; color:var(--primary); font-size:0.88rem; }
.card .foot { margin-top:auto; display:flex; align-items:center; gap:10px; flex-wrap:wrap; padding-top:6px; }

/* episode/list rows */
.rows { display:flex; flex-direction:column; gap:14px; }
.ep { display:flex; gap:18px; align-items:center; border:var(--border); border-radius:var(--radius);
  background:var(--card); padding:16px 18px; transition:transform .15s ease, box-shadow .15s ease; }
.ep:hover { transform:translateY(-2px); box-shadow:0 12px 30px -16px color-mix(in oklch, var(--primary) 50%, transparent); }
.ep .tile { flex:none; width:62px; height:62px; border-radius:12px; border:var(--border); background:var(--accent);
  display:flex; flex-direction:column; align-items:center; justify-content:center; font-family:var(--font-display);
  font-weight:800; font-size:1.3rem; line-height:1; }
.ep .tile small { font-family:var(--font-mono); font-size:0.5rem; font-weight:700; margin-top:3px; max-width:56px; text-align:center; color:var(--ink-soft); }
.ep .body { flex:1; min-width:0; }
.ep .body h3 { font-size:1.08rem; margin:6px 0 4px; }
.ep .meta { color:var(--ink-soft); font-size:0.85rem; }
.ep .go { flex:none; color:var(--primary); }
.ep .go svg { width:24px; height:24px; }

/* host / topic tiles */
.tiles { display:grid; grid-template-columns:repeat(auto-fill,minmax(250px,1fr)); gap:18px; }
.htile { border:var(--border); border-radius:var(--radius); background:var(--card); padding:22px;
  display:flex; flex-direction:column; gap:8px; transition:transform .15s ease, box-shadow .15s ease; }
.htile:hover { transform:translateY(-3px); box-shadow:0 14px 34px -16px color-mix(in oklch, var(--primary) 50%, transparent); }
.htile .k { font-family:var(--font-mono); font-size:0.72rem; font-weight:700; color:var(--primary); text-transform:uppercase; letter-spacing:0.08em; }
.htile h3 { font-size:1.3rem; }
.htile p { font-size:0.9rem; color:var(--ink-soft); }
.htile .n { margin-top:auto; font-family:var(--font-mono); font-size:0.8rem; color:var(--ink-soft); padding-top:10px; }

/* prose blocks */
.lead-line { font-family:var(--font-display); font-size:clamp(1.4rem,3vw,2rem); line-height:1.2; max-width:30ch; }
.who { background:var(--accent); border:var(--border); border-radius:var(--radius); padding:18px 20px; margin:24px 0; }
.who .k { font-family:var(--font-mono); font-size:0.72rem; font-weight:700; text-transform:uppercase; letter-spacing:0.08em; color:var(--primary); }
.overview { font-size:1.08rem; line-height:1.65; max-width:68ch; color:var(--ink); }
.list { list-style:none; display:flex; flex-direction:column; gap:12px; }
.list li { border-left:3px solid var(--primary); padding:8px 0 8px 16px; }
.list li .src { display:inline-flex; gap:8px; align-items:center; margin-top:8px; flex-wrap:wrap; }
.list li .src a.epl { font-size:0.8rem; color:var(--ink-soft); font-weight:600; }
.list li .src a.epl:hover { color:var(--primary); }
.tagrow { display:flex; flex-wrap:wrap; gap:9px; }
.tag { border:1.5px solid var(--ink); border-radius:20px; padding:5px 13px; font-size:0.85rem; font-weight:600; }
.tag:hover { background:var(--primary); color:oklch(0.98 0.01 95); border-color:var(--primary); }

/* steps / how */
.steps { display:grid; grid-template-columns:repeat(auto-fit,minmax(230px,1fr)); gap:20px; }
.step { border:var(--border); border-radius:var(--radius); background:var(--card); padding:22px; }
.step .num { font-family:var(--font-mono); font-size:0.74rem; font-weight:700; color:var(--primary); letter-spacing:0.06em; }
.step h3 { font-size:1.12rem; margin:10px 0 6px; }
.step p { font-size:0.92rem; color:var(--ink-soft); }


/* breadcrumb + back */
.crumb { font-family:var(--font-mono); font-size:0.8rem; color:var(--ink-soft); margin:26px 0 0; display:flex; gap:8px; align-items:center; }
.crumb a { color:var(--primary); font-weight:600; }

/* footer */
footer { border-top:var(--border); background:var(--bg-deep); padding:48px 0; margin-top:40px; }
.fcols { display:flex; gap:40px; flex-wrap:wrap; justify-content:space-between; align-items:start; }
.fcols strong { font-family:var(--font-display); font-size:1.2rem; }
.fcols .disc { max-width:48ch; font-size:0.86rem; color:var(--ink-soft); }
.fcols .fnav { display:flex; gap:18px; flex-wrap:wrap; font-size:0.9rem; font-weight:600; }
.fcols .fnav a:hover { color:var(--primary); }

/* scroll-reveal */
.fade { opacity:0; transform:translateY(16px); animation:rise .7s cubic-bezier(.2,.7,.2,1) forwards; }
.d1 { animation-delay:.08s; } .d2 { animation-delay:.16s; } .d3 { animation-delay:.24s; }
@keyframes rise { to { opacity:1; transform:none; } }
@media (max-width:720px) { .stats { grid-template-columns:repeat(2,1fr); } .hero { padding:56px 0 44px; } }
@media (prefers-reduced-motion:reduce) { .fade { animation:none; opacity:1; transform:none; } .logo .dot { animation:none; } }

.itemhead{display:flex;gap:26px;align-items:flex-start;flex-wrap:wrap}
.itemhead-txt{flex:1;min-width:240px}
.itemcover{width:150px;flex:0 0 150px;height:auto;border:2px solid var(--ink);border-radius:8px;box-shadow:7px 7px 0 -1px var(--primary)}
.htile .thumb{display:block;width:84px;height:auto;border:1.5px solid var(--ink);border-radius:5px;margin-bottom:10px;box-shadow:4px 4px 0 -1px var(--primary)}

.hostfilter{display:flex;flex-wrap:wrap;gap:14px;margin:8px 0 44px}
.hostfilter .fch{display:flex;flex-direction:column;align-items:center;gap:9px;padding:16px 16px 14px;border:2px solid var(--ink);border-radius:16px;background:transparent;color:var(--ink);cursor:pointer;transition:.15s;min-width:160px}
.hostfilter .fch:hover{transform:translateY(-2px);box-shadow:0 12px 26px -16px var(--primary)}
.hostfilter .fch.active{background:var(--ink);color:var(--card)}
.hostfilter .fch.active .hcount{color:var(--card);opacity:.72}
.hostfilter .havatar{position:relative;width:124px;height:124px;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;background:var(--primary);color:#fff;font-family:var(--font-display);font-weight:800;font-size:2.6rem;border:2px solid var(--ink)}
.hostfilter .havatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hostfilter .hname{font-weight:700;font-size:.92rem;text-align:center;line-height:1.12}
.hostfilter .hcount{font-size:.74rem;color:var(--ink-soft);font-weight:600}
.ep .tile,.ep img.tile{overflow:hidden;padding:0}
img.tile{object-fit:cover}
.rows{display:grid;grid-template-columns:repeat(auto-fill,minmax(262px,1fr));gap:18px}
.ep{flex-direction:column;align-items:stretch;padding:0;gap:0;overflow:hidden}
.ep .tile{width:auto;height:auto;aspect-ratio:16/9;border:0;border-bottom:2px solid var(--ink);border-radius:0;background:#000}
.ep .body{padding:13px 15px 15px}.ep .body h3{font-size:1.04rem;margin:4px 0}.ep .go{display:none}
.epmore{height:30px}
.htile .havatar,.hosthead .havatar,.bcard .havatar{position:relative;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;background:var(--primary);color:#fff;flex:none;font-family:var(--font-display);font-weight:800;border:2px solid var(--ink)}
.htile .havatar img,.hosthead .havatar img,.bcard .havatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.bcard.hcard{align-items:center;text-align:center}
.bcard.hcard .havatar{width:92px;height:92px;font-size:1.9rem;margin:0 auto 6px}
.hbar{display:flex;flex-wrap:wrap;gap:10px;margin:6px 0 8px}
.hbar button{font:inherit;font-weight:600;font-size:.9rem;padding:7px 14px 7px 8px;border:2px solid var(--ink);border-radius:999px;background:var(--card);color:var(--ink);cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:.12s}
.hbar button[data-host=all]{padding-left:14px}
.hbar button:hover{background:color-mix(in oklch,var(--primary) 12%,var(--card))}
.hbar button.active{background:var(--ink);color:var(--card)}
.hbar .ca{width:26px;height:26px;border-radius:50%;overflow:hidden;flex:none;display:block;background:var(--primary);border:1.5px solid var(--ink)}
.hbar .ca img{width:100%;height:100%;object-fit:cover;display:block}
.hbar .c{font-family:var(--font-mono);font-size:.72rem;color:var(--ink-soft)}
.hbar button.active .c{color:var(--card);opacity:.72}
.moresent{display:flex;justify-content:center;padding:22px 0 6px}
.moresent .morebtn{font:inherit;font-weight:700;font-size:.92rem;padding:12px 26px;border:2px solid var(--ink);border-radius:999px;background:var(--card);color:var(--ink);cursor:pointer;transition:.12s}
.moresent .morebtn:hover{background:var(--ink);color:var(--card)}
.switch{display:inline-flex;align-items:center;gap:9px;cursor:pointer;font-weight:600;font-size:.84rem;color:var(--ink-soft);user-select:none}
.switch input{position:absolute;opacity:0;width:0;height:0}
.sw-track{position:relative;width:40px;height:23px;border-radius:999px;flex:none;background:color-mix(in oklch,var(--ink) 20%,transparent);border:2px solid var(--ink);transition:.15s}
.sw-knob{position:absolute;top:1.5px;left:2px;width:15px;height:15px;border-radius:50%;background:var(--ink);transition:.15s}
.switch input:checked+.sw-track{background:var(--primary);border-color:var(--primary)}
.switch input:checked+.sw-track .sw-knob{left:19px;background:#fff}
.switch input:focus-visible+.sw-track{outline:2px solid var(--primary);outline-offset:2px}
.hbar .switch{margin-left:auto}
.ctrlrow{display:flex;justify-content:flex-end;margin:2px 0 14px}
.htile{align-items:center;text-align:center}
.htile .havatar{width:104px;height:104px;font-size:2.1rem;margin-bottom:4px}
.hosthead{display:flex;gap:24px;align-items:center;flex-wrap:wrap}
.hosthead .havatar{width:118px;height:118px;font-size:2.6rem}
.htile{min-width:0}
.htile h3,.htile p{overflow-wrap:anywhere;word-break:break-word;max-width:100%}
.htile.bk{align-items:center;text-align:center}
.htile.bk .cbox{height:208px;width:100%;display:flex;align-items:flex-end;justify-content:center;margin-bottom:14px}
.htile.bk .cbox .thumb{width:auto;height:auto;max-width:148px;max-height:208px;margin:0;border:2px solid var(--ink);border-radius:6px;box-shadow:5px 5px 0 -1px var(--primary)}
.htile.bk .cbox .noimg{display:flex;align-items:center;justify-content:center;width:140px;height:200px;border:1.5px dashed color-mix(in oklch,var(--ink) 26%,transparent);border-radius:5px;color:color-mix(in oklch,var(--ink) 26%,transparent)}
.htile.bk .cbox .noimg svg{width:44px;height:44px}
.htile.bk .cbox .picon{width:auto;height:auto;max-width:138px;max-height:152px;margin:0}
.htile.bk .cbox:has(.picon){align-items:center}
.htile.bk h3{margin-top:2px}
.htile.tn{align-items:center;text-align:center}
.htile .ticon{width:66px;height:66px;margin-bottom:8px}
.tichero{display:flex;gap:20px;align-items:center;flex-wrap:wrap}
.tichero>img{width:80px;height:80px;flex:none}

svg{width:1.05em;height:1.05em;vertical-align:-0.15em;flex:none}
.sec-head a svg{display:none}
.htile.tn{align-items:center;text-align:center}
.htile .ticon{width:66px;height:66px;margin-bottom:8px}
.tichero{display:flex;gap:20px;align-items:center;flex-wrap:wrap}
.tichero>img{width:80px;height:80px;flex:none}
.jumpnav{display:flex;flex-wrap:wrap;gap:9px;margin:6px 0 4px}
.jumpnav a{font-weight:700;font-size:.82rem;padding:7px 15px;border:2px solid var(--ink);border-radius:999px;color:var(--ink);text-decoration:none;transition:.12s}
.jumpnav a:hover{background:var(--ink);color:var(--card)}

.ytwrap{padding:2px 0 20px}
.ytfacade{position:relative;aspect-ratio:16/9;border:2px solid var(--ink);border-radius:var(--radius);overflow:hidden;cursor:pointer;background:#000;transition:.15s}
.ytfacade:hover{box-shadow:0 16px 34px -18px var(--primary)}
.ytthumb{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.ytfacade::after{content:'';position:absolute;inset:0;background:radial-gradient(circle at center,rgba(0,0,0,.15),rgba(0,0,0,.45));opacity:.5;transition:.15s;z-index:1}
.ytfacade:hover::after{opacity:.3}
.ytfacade .ytplay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:74px;height:52px;z-index:2;transition:.15s;filter:drop-shadow(0 4px 14px rgba(0,0,0,.55))}
.ytfacade:hover .ytplay{transform:translate(-50%,-50%) scale(1.08)}
.ytfacade .ytplay svg{width:74px;height:52px}
.ytfacade.loaded{cursor:default}
.ytfacade.loaded::after,.ytfacade.loaded .ytplay,.ytfacade.loaded .ytthumb{display:none}
.ytfacade iframe{position:absolute;inset:0;width:100%;height:100%;border:0;z-index:3}

.tchips{display:flex;flex-wrap:wrap;gap:8px;margin:2px 0 10px}
.tchip{font-size:.78rem;font-weight:700;padding:5px 12px;border-radius:999px;border:1.5px solid var(--ink);color:var(--ink);text-decoration:none;background:transparent;transition:.15s}
.tchip:hover{background:var(--ink);color:var(--card)}
.browsegrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;margin:6px 0 8px}
.bcard{display:flex;flex-direction:column;gap:6px;padding:18px;border:2px solid var(--ink);border-radius:var(--radius);background:var(--card);text-decoration:none;color:inherit;transition:.15s}
.bcard:hover{transform:translateY(-3px);box-shadow:0 14px 30px -16px var(--primary)}
.bcard h3{font-family:var(--font-display);font-weight:700;font-size:1.12rem}
.bcard .n{font-size:.82rem;color:var(--ink-soft);font-weight:700}
.bcard.tcard{flex-direction:column;align-items:center;text-align:center;gap:12px;padding:26px 16px}
.bcard.tcard .bicon{width:152px;height:152px;object-fit:contain;flex:none;margin:0}
.bcard.tcard .bc-txt{display:flex;flex-direction:column;gap:2px;align-items:center}
.bcard.tcard .bc-h{font-family:var(--font-display);font-weight:700;font-size:1.02rem;line-height:1.12}
.bcard.tcard .n{font-size:.76rem}
.tichero{display:flex;align-items:center;gap:20px}.tichero img{width:116px;height:116px;object-fit:contain;flex:none}
.card .foot{display:flex;align-items:center;justify-content:space-between;gap:12px}
.when{color:var(--ink-soft);font-size:.8rem;font-weight:600;white-space:nowrap}

.adslot{margin:26px 0}
.adslot-ph{display:flex;align-items:center;justify-content:center;min-height:120px;border:2px dashed color-mix(in oklch,var(--ink) 32%,var(--card));border-radius:var(--radius);color:var(--ink-soft);font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;background:repeating-linear-gradient(45deg,transparent,transparent 11px,color-mix(in oklch,var(--ink) 4%,var(--card)) 11px,color-mix(in oklch,var(--ink) 4%,var(--card)) 22px)}
.afnote{font-size:.72rem;line-height:1.45;color:var(--ink-soft);margin:9px 0 0;max-width:62ch}
.sideblk .afnote{font-size:.68rem;text-align:center;margin:8px 0 0}

.shell{display:grid;grid-template-columns:minmax(0,1fr) 308px;gap:36px;align-items:start;padding-top:4px}
.shell-main{min-width:0}
.shell-main .wrap{max-width:none;padding-left:0;padding-right:0;margin-left:0;margin-right:0}
.shell-main.framed{background:var(--card);border:2px solid var(--ink);border-radius:var(--radius);padding:8px 30px 22px;box-shadow:7px 7px 0 -1px color-mix(in oklch,var(--ink) 13%,transparent)}
.shell-side{position:sticky;top:18px;align-self:start;max-height:calc(100vh - 34px);overflow-y:auto;display:flex;flex-direction:column;gap:16px}
.shell-side .wrap{max-width:none;padding:0}
.shell-side .adslot{margin:0}
.sideblk{border:2px solid var(--ink);border-radius:var(--radius);background:var(--card);padding:15px 18px}
.sideblk h3{font-family:var(--font-display);font-size:1rem;margin-bottom:8px}
.sideblk a.row{display:flex;justify-content:space-between;gap:10px;padding:7px 0;color:var(--ink);text-decoration:none;font-size:.9rem;font-weight:600;border-bottom:1px solid color-mix(in oklch,var(--ink) 10%,var(--card))}
.sideblk a.row:last-child{border-bottom:0}
.sideblk a.row:hover{color:var(--primary)}
.sideblk a.row .n{color:var(--accent);font-weight:700}
.sideblk .btn{display:inline-flex;width:100%;justify-content:center}
.sideblk .sidecover{display:block;width:128px;max-width:62%;height:auto;margin:2px auto 14px;border:2px solid var(--ink);border-radius:5px;box-shadow:4px 4px 0 -1px color-mix(in oklch,var(--ink) 16%,transparent)}
.lede-row{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin-top:20px}
.lede-row .lede{margin-top:0}
.lede-row .btn{flex:none}
.shell-main .well{background:none;border:0}
.shell-main .well>section{padding:14px 0 30px}
.shell-main .well:first-of-type>section{padding-top:2px}
.shell-main .well+.well>section{border-top:1px solid color-mix(in oklch,var(--ink) 12%,transparent);padding-top:30px}
@media(max-width:900px){.shell{grid-template-columns:1fr}.shell-side{position:static}}

.navtoggle{display:none}.hamb{display:none}
@media(max-width:860px){.nav{position:relative;flex-wrap:nowrap;align-items:center;height:60px;min-height:60px}.logo{font-size:1.18rem}.hamb{display:flex;flex-direction:column;justify-content:center;gap:5px;width:44px;height:44px;margin-left:auto;cursor:pointer;z-index:60}.hamb span{display:block;height:2.5px;width:24px;background:var(--ink);border-radius:2px;transition:.2s}.nav .links{display:none;position:absolute;top:60px;left:-24px;right:-24px;flex-direction:column;align-items:stretch;gap:0;margin:0;padding:2px 24px 10px;background:var(--bg);border-top:1px solid color-mix(in oklch,var(--ink) 14%,transparent);border-bottom:1px solid color-mix(in oklch,var(--ink) 14%,transparent);box-shadow:0 20px 44px -12px rgba(0,0,0,.28);z-index:55}.nav .navtoggle:checked~.links{display:flex}.nav .links a{padding:15px 2px;border-top:1px solid color-mix(in oklch,var(--ink) 11%,transparent);font-size:1.06rem;font-weight:600}.nav .links a:first-child{border-top:0}.navtoggle:checked~.hamb span:nth-child(1){transform:translateY(7.5px) rotate(45deg)}.navtoggle:checked~.hamb span:nth-child(2){opacity:0}.navtoggle:checked~.hamb span:nth-child(3){transform:translateY(-7.5px) rotate(-45deg)}}