:root{
  --bg:#070a0f;--bg2:#0c1118;--panel:#111822;--panel2:#172030;
  --text:#eef2f8;--muted:#9ba8b8;--faint:#707c8c;--line:#263244;
  --signal:#3ad17a;--home:#4cc2ff;--link:#76caff;--warn:#ffb02e;
  --s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:24px;--s6:32px;--s7:48px
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:radial-gradient(circle at 8% 0,rgba(58,209,122,.11),transparent 28%),radial-gradient(circle at 92% 28%,rgba(76,194,255,.06),transparent 25%),var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
.wrap{width:min(1040px,calc(100% - 40px));margin:auto;padding:var(--s5) 0 var(--s7)}
.topbar{display:flex;align-items:center;justify-content:space-between;gap:var(--s4);font:700 .72rem/1 "JetBrains Mono",monospace}
.topbar a{color:var(--muted);transition:color .14s ease}.topbar a:hover,.topbar a:focus-visible{color:var(--signal)}
.topbar>div{display:flex;gap:var(--s4)}
.hubHero{padding:var(--s6) 0 28px;border-bottom:1px solid var(--line)}
.eyebrow,.kicker{margin:0;color:var(--signal);font:700 .65rem/1 "JetBrains Mono",monospace;letter-spacing:.14em}
.brand{max-width:850px;margin:var(--s4) 0 0;font:800 clamp(2.65rem,6vw,4.9rem)/.94 Archivo,sans-serif;letter-spacing:-.06em}
.lead{max-width:720px;margin:20px 0 0;color:var(--muted);font-size:1.02rem}
.jumpnav{display:flex;flex-wrap:wrap;gap:var(--s2);margin-top:20px}
.jumpnav a{padding:7px 11px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.02);color:var(--muted);font:700 .67rem/1 "JetBrains Mono",monospace;transition:color .14s,border-color .14s,background .14s}
.jumpnav a:hover,.jumpnav a:focus-visible{color:var(--text);border-color:var(--signal);background:rgba(58,209,122,.07)}
section{scroll-margin-top:var(--s4);margin:var(--s6) 0}
.sectionHead{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,460px);gap:var(--s5);align-items:end;margin-bottom:var(--s4)}
.sectionHead h2{margin:7px 0 0;font:800 clamp(1.35rem,2.5vw,1.75rem)/1.05 Archivo,sans-serif;letter-spacing:-.035em}
.sectionHead>p{margin:0;color:var(--muted);font-size:.86rem;line-height:1.5}
.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s3)}
.card{min-height:178px;display:flex;flex-direction:column;padding:var(--s4);border:1px solid var(--line);border-radius:14px;background:linear-gradient(145deg,rgba(21,31,43,.94),rgba(13,19,28,.94));color:var(--text);transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}
.card:hover,.card:focus-visible{transform:translateY(-3px);border-color:rgba(58,209,122,.58);box-shadow:0 14px 32px rgba(0,0,0,.2);outline:none}
.card small,.featured small{color:var(--signal);font:700 .61rem/1.2 "JetBrains Mono",monospace;text-transform:uppercase;letter-spacing:.07em}
.card b{display:block;margin-top:var(--s3);font:700 1.02rem/1.2 Archivo,sans-serif}
.card span{display:block;margin-top:var(--s2);color:var(--muted);font-size:.81rem;line-height:1.48}
.card em{display:block;margin-top:auto;padding-top:var(--s4);color:var(--faint);font:700 .61rem/1.35 "JetBrains Mono",monospace;font-style:normal;text-transform:uppercase;letter-spacing:.04em}
.card:hover em,.card:focus-visible em{color:var(--signal)}
.card[hidden]{display:none}
.referenceCard{background:linear-gradient(145deg,rgba(58,209,122,.09),rgba(13,19,28,.94))}
.srOnly{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.contentTools{display:grid;gap:10px;margin-bottom:var(--s3)}
.contentSearch{height:42px;display:flex;align-items:center;gap:9px;padding:0 12px;border:1px solid var(--line);border-radius:12px;background:rgba(10,15,22,.7);color:var(--faint)}.contentSearch:focus-within{border-color:var(--signal);box-shadow:0 0 0 3px rgba(58,209,122,.08)}.contentSearch svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8}.contentSearch input{min-width:0;flex:1;border:0;outline:0;background:none;color:var(--text);font:500 .82rem Inter,sans-serif}.contentSearch input::placeholder{color:var(--faint)}.contentSearch kbd{padding:3px 6px;border:1px solid var(--line);border-radius:5px;color:var(--faint);font:700 .58rem/1 "JetBrains Mono",monospace}
.contentFilters,.typeFilters{display:flex;gap:var(--s2);padding-bottom:2px;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:none}.contentFilters::-webkit-scrollbar,.typeFilters::-webkit-scrollbar{display:none}
.filterBtn,.typeFilter{flex:0 0 auto;min-height:34px;padding:0 12px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.02);color:var(--muted);font:700 .67rem/1 "JetBrains Mono",monospace;cursor:pointer;transition:color .14s,border-color .14s,background .14s}
.filterBtn:hover,.filterBtn:focus-visible,.typeFilter:hover,.typeFilter:focus-visible{color:var(--text);border-color:rgba(58,209,122,.65);outline:none}.filterBtn.isActive,.typeFilter.isActive{border-color:var(--signal);background:rgba(58,209,122,.12);color:var(--signal)}
.typeFilter::before,.typeBadge::before{content:"";width:7px;height:7px;display:inline-block;margin-right:6px;border-radius:2px;background:currentColor}.typeFilter.typePreview{color:#65c9ff}.typeFilter.typeRecap{color:#4de08b}.typeFilter.typeLearn{color:#c58aff}.typeFilter.isActive{box-shadow:inset 0 0 0 1px currentColor}
.typeBadge{display:inline-flex!important;align-items:center;width:max-content;margin:0!important;padding:5px 7px;border:1px solid currentColor;border-radius:7px;font:800 .56rem/1 "JetBrains Mono",monospace!important;text-transform:uppercase;letter-spacing:.06em}.typeBadge.typePreview{color:#65c9ff;background:rgba(76,194,255,.08)}.typeBadge.typeRecap{color:#4de08b;background:rgba(58,209,122,.08)}.typeBadge.typeRanking{color:#f6c55c;background:rgba(246,197,92,.08)}.typeBadge.typeLearn{color:#c58aff;background:rgba(197,138,255,.08)}
.featured{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--s5);align-items:center;padding:24px;border:1px solid rgba(58,209,122,.35);border-radius:18px;background:linear-gradient(120deg,rgba(58,209,122,.13),rgba(76,194,255,.05) 62%,var(--panel));transition:transform .16s ease,border-color .16s ease}.featuredPreview{border-color:rgba(76,194,255,.42);background:linear-gradient(120deg,rgba(76,194,255,.14),rgba(58,209,122,.05) 62%,var(--panel))}.featuredLearn{border-color:rgba(197,138,255,.38);background:linear-gradient(120deg,rgba(197,138,255,.12),rgba(76,194,255,.04) 62%,var(--panel))}.featured:hover{transform:translateY(-2px);border-color:var(--signal)}
.featuredLabel{display:flex;align-items:center;gap:8px}.featured h3{margin:var(--s3) 0 6px;font:800 clamp(1.35rem,3vw,1.9rem)/1.06 Archivo,sans-serif;letter-spacing:-.04em}.featured p{max-width:680px;margin:0;color:var(--muted);font-size:.88rem}.featuredAction{padding:11px 14px;border-radius:10px;background:var(--signal);color:#08100b;font:800 .75rem/1 Archivo,sans-serif;white-space:nowrap}.featuredAction:hover,.featuredAction:focus-visible{background:#62df94;outline:2px solid var(--text);outline-offset:2px}
.featuredMeta{display:flex;flex-wrap:wrap;gap:6px;margin-top:var(--s3)}.featuredMeta span{padding:5px 8px;border:1px solid rgba(255,255,255,.1);border-radius:999px;color:var(--muted);font:700 .58rem/1 "JetBrains Mono",monospace;text-transform:uppercase;letter-spacing:.04em}.featuredLinks{display:flex;flex-wrap:wrap;gap:12px;margin-top:var(--s3)}.featuredLinks a{color:var(--link);font:700 .64rem/1.2 "JetBrains Mono",monospace}.featuredLinks a:hover,.featuredLinks a:focus-visible{color:var(--text);text-decoration:underline}
.latestHead{display:flex;align-items:end;justify-content:space-between;gap:var(--s3);margin:24px 0 var(--s3)}.latestHead h3{margin:0;font:700 1rem/1 Archivo,sans-serif}.latestHead span{color:var(--faint);font:700 .61rem/1 "JetBrains Mono",monospace}
.latestGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.storyCard{min-width:0;display:flex;flex-direction:column;padding:17px;border:1px solid var(--line);border-radius:15px;background:linear-gradient(145deg,rgba(21,31,43,.94),rgba(13,19,28,.94))}.storyPreview{border-top-color:rgba(76,194,255,.7)}.storyRecap{border-top-color:rgba(58,209,122,.7)}.storyLearn{border-top-color:rgba(197,138,255,.7)}.storyTop{display:flex;align-items:center;justify-content:space-between;gap:8px}.storyStatus{padding:5px 7px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font:800 .56rem/1 "JetBrains Mono",monospace;text-transform:uppercase}.storyStatus.live,.storyStatus.miss{color:#ff7280;border-color:rgba(255,92,106,.35);background:rgba(255,92,106,.07)}.storyStatus.hit,.storyStatus.fresh{color:var(--signal);border-color:rgba(58,209,122,.35)}.storyStatus.upcoming{color:var(--home);border-color:rgba(76,194,255,.35)}.storyCard h3{margin:13px 0 8px;font:700 1.08rem/1.2 Archivo,sans-serif;letter-spacing:-.025em}.storyCard>p{margin:0;color:var(--muted);font-size:.81rem;line-height:1.5}.storyFixture{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:8px;align-items:center;margin:2px 0 10px;padding:10px;border-radius:10px;background:rgba(0,0,0,.18);font:700 .72rem/1.2 Archivo,sans-serif}.storyFixture span:last-child{text-align:right}.storyFixture b{color:var(--text);font:800 .9rem/1 "JetBrains Mono",monospace}.storyPick{display:flex;align-items:center;gap:7px;margin:0 0 10px;color:var(--faint);font:700 .61rem/1 "JetBrains Mono",monospace}.storyPick b{color:var(--text)}.storyPick i{margin-left:auto;padding:4px 6px;border-radius:6px;font-style:normal;text-transform:uppercase}.storyPick i.hit{color:var(--signal);background:rgba(58,209,122,.1)}.storyPick i.miss{color:#ff7280;background:rgba(255,92,106,.1)}.storyTakeaway{margin-top:12px;padding:10px;border-left:2px solid var(--signal);border-radius:0 8px 8px 0;background:rgba(58,209,122,.055);color:#c9d2de;font-size:.76rem;line-height:1.45}.storyTakeaway span{display:block;margin-bottom:4px;color:var(--signal);font:800 .55rem/1 "JetBrains Mono",monospace;text-transform:uppercase;letter-spacing:.07em}.storyMeta{display:flex;flex-wrap:wrap;gap:5px 10px;margin-top:auto;padding-top:14px;color:var(--faint);font:700 .57rem/1.25 "JetBrains Mono",monospace;text-transform:uppercase}.storyMeta .dataState{padding-left:8px;border-left:1px solid var(--line)}.dataState.fresh{color:var(--signal)}.dataState.current{color:var(--warn)}.dataState.stale{color:#ff8b96}.storyPrimary{width:max-content;margin-top:12px;color:var(--signal);font:800 .7rem/1 Archivo,sans-serif}.storyPrimary:hover,.storyPrimary:focus-visible{color:var(--text)}.contextLinks{display:flex;flex-wrap:wrap;gap:6px 12px;margin-top:11px;padding-top:10px;border-top:1px solid var(--line)}.contextLinks a{color:var(--faint);font:700 .58rem/1.2 "JetBrains Mono",monospace}.contextLinks a:hover,.contextLinks a:focus-visible{color:var(--link);text-decoration:underline}
.contentEmpty{display:grid;gap:6px;padding:20px;border:1px dashed var(--line);border-radius:14px;background:rgba(255,255,255,.015)}.contentEmpty[hidden]{display:none}.contentEmpty b{font-family:Archivo,sans-serif}.contentEmpty span{color:var(--muted);font-size:.82rem}.freshnessLine{display:flex;align-items:center;flex-wrap:wrap;gap:7px 14px;margin-top:12px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;color:var(--faint);font:700 .59rem/1.25 "JetBrains Mono",monospace}.freshnessLine b{color:var(--muted)}.freshDot{width:7px;height:7px;border-radius:50%;background:var(--faint)}.freshDot.fresh{background:var(--signal);box-shadow:0 0 8px var(--signal)}.freshDot.current{background:var(--warn)}.freshDot.stale{background:#ff7280}
.briefGrid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:var(--s3)}.briefCard{grid-column:span 2;min-height:168px;display:flex;flex-direction:column;padding:16px;border:1px solid var(--line);border-radius:14px;background:rgba(15,22,32,.82)}.briefCard:nth-child(-n+2){grid-column:span 3}.briefCard>span,.accountabilityCard>span{color:var(--signal);font:800 .57rem/1 "JetBrains Mono",monospace;text-transform:uppercase;letter-spacing:.07em}.briefCard h3,.accountabilityCard h3{margin:9px 0 6px;font:700 1rem/1.18 Archivo,sans-serif}.briefCard p,.accountabilityCard p{margin:0;color:var(--muted);font-size:.78rem;line-height:1.48}.briefCard a,.accountabilityCard a{width:max-content;margin-top:auto;padding-top:12px;color:var(--link);font:700 .62rem/1 "JetBrains Mono",monospace}.briefCard a:hover,.accountabilityCard a:hover{text-decoration:underline;color:var(--text)}
.accountabilityGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s3)}.accountabilityCard{min-height:150px;display:flex;flex-direction:column;padding:16px;border:1px solid var(--line);border-left:3px solid var(--line);border-radius:13px;background:rgba(15,22,32,.82)}.accountabilityCard.good{border-left-color:var(--signal)}.accountabilityCard.bad{border-left-color:#ff5c6a}.accountabilityCard.move{border-left-color:var(--home)}.accountabilityCard.record{border-left-color:var(--warn)}.accountabilityCard.lesson{grid-column:1/-1;border-left-color:#c58aff}.accountabilityActions{display:flex;flex-wrap:wrap;gap:12px;margin-top:12px}.accountabilityActions a{padding:8px 10px;border:1px solid var(--line);border-radius:9px;color:var(--muted);font:700 .63rem/1 "JetBrains Mono",monospace}.accountabilityActions a:hover,.accountabilityActions a:focus-visible{color:var(--signal);border-color:var(--signal)}
.foot{display:flex;align-items:center;justify-content:space-between;gap:var(--s4);margin-top:var(--s7);padding-top:var(--s4);border-top:1px solid var(--line);color:var(--faint);font-size:.72rem}
.foot a{color:var(--muted)}.foot a:hover,.foot a:focus-visible{color:var(--signal)}
.hubHero,.card,.featured{animation:hubRise .35s ease-out both}.card:nth-child(2){animation-delay:40ms}.card:nth-child(3){animation-delay:80ms}
@keyframes hubRise{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}
@media(max-width:760px){
  .wrap{width:min(100% - 28px,1040px);padding-top:20px}
  .hubHero{padding:28px 0 24px}
  .brand{font-size:clamp(2.5rem,12.5vw,3.75rem)}
  .lead{font-size:.94rem;line-height:1.55}
  section{margin:28px 0}
  .sectionHead{grid-template-columns:1fr;gap:var(--s2);margin-bottom:var(--s3)}
  .sectionHead>p{font-size:.8rem}
  .cards{grid-template-columns:1fr}
  .card{min-height:0}
  .featured{grid-template-columns:1fr;gap:var(--s4);padding:18px}
  .featuredAction{justify-self:start}
  .latestHead{align-items:flex-start;flex-direction:column;gap:6px}
  .latestGrid,.accountabilityGrid{grid-template-columns:1fr}
  .accountabilityCard.lesson{grid-column:auto}
  .briefGrid{grid-template-columns:1fr}
  .briefCard,.briefCard:nth-child(-n+2){grid-column:auto;min-height:150px}
  .contentSearch kbd{display:none}
  .storyFixture{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}
  .foot{align-items:flex-start;flex-direction:column}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hubHero,.card,.featured{animation:none}.card,.featured,.topbar a,.jumpnav a,.filterBtn,.typeFilter{transition:none}.card:hover,.card:focus-visible,.featured:hover{transform:none}}

/* Filter motion is replayed only when the visible collection changes. */
.contentMotion>*{animation:contentSwap .3s cubic-bezier(.2,.8,.2,1) both}
.contentMotion>*:nth-child(2){animation-delay:28ms}.contentMotion>*:nth-child(3){animation-delay:56ms}.contentMotion>*:nth-child(4){animation-delay:84ms}.contentMotion>*:nth-child(5){animation-delay:112ms}.contentMotion>*:nth-child(6){animation-delay:140ms}
.featuredSwap{animation:featuredSwap .36s cubic-bezier(.2,.8,.2,1) both}
@keyframes contentSwap{from{opacity:0;transform:translateY(8px) scale(.992)}to{opacity:1;transform:none}}
@keyframes featuredSwap{from{opacity:.45;transform:translateY(5px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.contentMotion>*,.featuredSwap{animation:none!important}}