/* Alt Academy Journal — blog listing + post template (option C) v1 */
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,wght@0,400;0,500;0,600;1,400&family=Newsreader:ital,opsz,wght@0,6..72,400;0,6..72,500;1,6..72,400&display=swap');
/* ===== listing ===== */

:root{
  --ink:#1d1724; --ink-soft:#5d5866; --paper:#F4F5F6; --paper-deep:#EAEBEE;
  --white:#fffdf9; --line:#dcd4c8; --accent:#bb1450; --accent-dark:#8f0f3d;
  --accent-soft:#fde8f0; --focus:#006da3; --max:1200px;
  --shadow:0 24px 70px rgba(29,23,36,.16);
  --serif:"Newsreader",Georgia,serif; --sans:"Inter",sans-serif;
  --chemistry:#bb1450; --chemistry-soft:#fde8f0;
  --physics:#332b8f;  --physics-soft:#eae9fb;
  --biology:#1c7a40;  --biology-soft:#e8f7ec;
  --mathematics:#006da3; --mathematics-soft:#d6f1ff;
  --business:#7a2a5c; --business-soft:#faedf4;
  --economics:#1d7261; --economics-soft:#def7f2;
  --accounting:#3041d9; --accounting-soft:#eeeffc;
  --psychology:#633073; --psychology-soft:#f3e8f7;
  --computing:#c92a1e; --computing-soft:#fdeae5;
  --rasp:#ff5c86;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:17px;line-height:1.7;overflow-x:hidden}
h1,h2,h3{font-family:var(--serif);font-weight:400;line-height:1.12;margin:0}
p{margin:0}
a{color:inherit}
:is(.wrap,[data-bx~="wrap"]){max-width:var(--max);margin:0 auto;padding:0 24px}
:is(.bxj-eyebrow,[data-bx~="bxj-eyebrow"]){display:inline-flex;align-items:center;gap:9px;margin:0;color:var(--accent);font-size:11px;font-weight:600;letter-spacing:.14em;line-height:1.3;text-transform:uppercase}
:is(.bxj-eyebrow,[data-bx~="bxj-eyebrow"])::before{content:"";width:7px;height:7px;flex:0 0 auto;background:currentColor}
:is(.bxj-button,[data-bx~="bxj-button"]){display:inline-flex;min-height:46px;align-items:center;justify-content:center;gap:9px;border:1px solid var(--ink);padding:11px 20px;color:var(--ink);background:transparent;font-family:var(--sans);font-size:14px;font-weight:600;line-height:1;cursor:pointer;text-decoration:none;transition:color .15s,background .15s,border-color .15s,transform .15s}
:is(.bxj-button,[data-bx~="bxj-button"]):hover{transform:translateY(-2px)}
.bxj-button--dark{color:var(--white);background:var(--ink);border-color:var(--ink)}
.bxj-button--dark:hover{background:#30263a}
:is(.bxj-button--accent,[data-bx~="bxj-button--accent"]){border-color:var(--accent);color:var(--white);background:var(--accent)}
:is(.bxj-button--accent,[data-bx~="bxj-button--accent"]):hover{border-color:var(--accent-dark);background:var(--accent-dark)}
:focus-visible{outline:2px solid var(--focus);outline-offset:2px}

/* ── header ── */
:is(.bxj-site-header,[data-bx~="bxj-site-header"]){position:sticky;top:0;z-index:40;background:rgba(244,245,246,.92);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
:is(.bxj-site-header,[data-bx~="bxj-site-header"]) :is(.wrap,[data-bx~="wrap"]){display:flex;align-items:center;justify-content:space-between;min-height:70px;gap:16px}
:is(.bxj-brand,[data-bx~="bxj-brand"]){display:flex;align-items:baseline;gap:10px;text-decoration:none}
:is(.bxj-brand,[data-bx~="bxj-brand"]) b{font-family:var(--serif);font-weight:400;font-size:22px}
:is(.bxj-brand,[data-bx~="bxj-brand"]) small{font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}
:is(.header-nav,[data-bx~="header-nav"]){display:flex;gap:26px;font-size:14px;font-weight:500}
:is(.header-nav,[data-bx~="header-nav"]) a{text-decoration:none;color:var(--ink-soft)}
:is(.header-nav,[data-bx~="header-nav"]) a:hover{color:var(--ink)}
:is(.header-ctas,[data-bx~="header-ctas"]){display:flex;gap:10px}
:is(.header-ctas,[data-bx~="header-ctas"]) :is(.bxj-button,[data-bx~="bxj-button"]){min-height:40px;padding:9px 16px}
@media(max-width:940px){:is(.header-nav,[data-bx~="header-nav"]){display:none}}
@media(max-width:560px){:is(.header-ctas,[data-bx~="header-ctas"]) :is(.bxj-button--ghost,[data-bx~="bxj-button--ghost"]){display:none}}

/* ── cover band ── */
:is(.cover,[data-bx~="cover"]){background:var(--ink);color:var(--white);border-bottom:1px solid var(--line)}
:is(.cover-main,[data-bx~="cover-main"]){display:grid;grid-template-columns:1.02fr .98fr;gap:56px;align-items:center;padding:72px 0 64px}
@media(max-width:960px){:is(.cover-main,[data-bx~="cover-main"]){grid-template-columns:1fr;gap:44px;padding:56px 0 48px}}
:is(.cover,[data-bx~="cover"]) :is(.bxj-eyebrow,[data-bx~="bxj-eyebrow"]){color:var(--rasp)}
:is(.cover,[data-bx~="cover"]) h1{font-size:clamp(44px,6vw,76px);letter-spacing:-0.012em;margin-top:16px}
:is(.cover,[data-bx~="cover"]) h1 em{font-style:italic;color:var(--rasp)}
:is(.cover-featured,[data-bx~="cover-featured"]){margin-top:44px;padding-top:28px;border-top:1px solid rgba(255,255,255,.16);max-width:34em}
:is(.cover-kicker,[data-bx~="cover-kicker"]){display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.55)}
:is(.cover-kicker,[data-bx~="cover-kicker"]) :is(.chip,[data-bx~="chip"]){border-color:var(--rasp);color:var(--rasp)}
:is(.cover-featured,[data-bx~="cover-featured"]) h2{margin-top:14px;font-size:clamp(24px,2.6vw,32px);line-height:1.2}
:is(.cover-featured,[data-bx~="cover-featured"]) h2 a{text-decoration:none}
:is(.cover-featured,[data-bx~="cover-featured"]) h2 a:hover{color:var(--rasp)}
:is(.cover-featured,[data-bx~="cover-featured"]) :is(.dek,[data-bx~="dek"]){margin-top:12px;font-size:16.5px;line-height:1.65;color:rgba(255,255,255,.68)}
:is(.cover-read,[data-bx~="cover-read"]){display:inline-flex;align-items:center;gap:8px;margin-top:20px;font-size:14px;font-weight:600;color:var(--rasp);text-decoration:none}
:is(.cover-read,[data-bx~="cover-read"]) i{font-style:normal;transition:transform .15s}
:is(.cover-read,[data-bx~="cover-read"]):hover i{transform:translateX(4px)}

/* cover art — the featured thumbnail rendered large */
:is(.cover-art,[data-bx~="cover-art"]){position:relative;aspect-ratio:1/.86;border:1px solid rgba(255,255,255,.2);overflow:hidden;
  background:
    linear-gradient(135deg,rgba(255,92,134,.14),rgba(255,92,134,0) 55%),
    repeating-linear-gradient(90deg,rgba(255,255,255,.05) 0,rgba(255,255,255,.05) 1px,transparent 1px,transparent 72px),
    repeating-linear-gradient(0deg,rgba(255,255,255,.05) 0,rgba(255,255,255,.05) 1px,transparent 1px,transparent 72px),
    linear-gradient(180deg,#251c30,#1d1724 70%)}
:is(.cover-art,[data-bx~="cover-art"])::before{content:"";position:absolute;right:14%;top:12%;width:34%;height:34%;border:1px solid rgba(255,92,134,.5)}
:is(.cover-art,[data-bx~="cover-art"])::after{content:"";position:absolute;right:20%;top:20%;width:34%;height:34%;background:rgba(255,92,134,.14)}
:is(.cover-art,[data-bx~="cover-art"]) :is(.glyph,[data-bx~="glyph"]){position:absolute;left:6%;bottom:-6%;font-family:var(--serif);font-weight:400;font-size:clamp(160px,24vw,300px);line-height:1;color:var(--rasp);letter-spacing:-.04em}
:is(.cover-art,[data-bx~="cover-art"]) :is(.glyph,[data-bx~="glyph"]) small{font-size:.14em;letter-spacing:.32em;font-family:var(--sans);font-weight:600;color:rgba(255,255,255,.6);vertical-align:super}
:is(.cover-art,[data-bx~="cover-art"]) :is(.plate,[data-bx~="plate"]){position:absolute;left:8%;top:10%;font-size:10.5px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.55);border:1px solid rgba(255,255,255,.25);padding:6px 10px}
@media(max-width:960px){:is(.cover-art,[data-bx~="cover-art"]){aspect-ratio:16/10;max-height:380px}}

/* ticker */
:is(.ticker,[data-bx~="ticker"]){border-top:1px solid rgba(255,255,255,.14)}
:is(.ticker,[data-bx~="ticker"]) :is(.wrap,[data-bx~="wrap"]){display:flex;align-items:center;gap:16px;min-height:46px;overflow:hidden}
:is(.ticker-label,[data-bx~="ticker-label"]){flex:0 0 auto;display:inline-flex;align-items:center;gap:8px;font-size:10.5px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--rasp)}
:is(.ticker-label,[data-bx~="ticker-label"])::before{content:"";width:6px;height:6px;background:currentColor}
:is(.ticker-item,[data-bx~="ticker-item"]){font-size:13.5px;color:rgba(255,255,255,.72);text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:1;transition:opacity .35s}
:is(.ticker-item,[data-bx~="ticker-item"]):hover{color:var(--white);text-decoration:underline}
:is(.ticker-item,[data-bx~="ticker-item"]).is-fading{opacity:0}

/* ── chips ── */
:is(.chip,[data-bx~="chip"]){display:inline-flex;align-items:center;font-family:var(--sans);font-size:10.5px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;line-height:1;padding:6px 10px;border:1px solid var(--c,var(--accent));color:var(--c,var(--accent));background:transparent;cursor:pointer;transition:background .15s,color .15s}
:is(.chip,[data-bx~="chip"]):hover{background:var(--cs,var(--accent-soft))}
button:is(.chip,[data-bx~="chip"])[aria-pressed="true"]{background:var(--c,var(--accent));color:var(--white)}
:is(.cat-guidance,[data-bx~="cat-guidance"]){--c:var(--accent);--cs:var(--accent-soft)}
:is(.cat-academics,[data-bx~="cat-academics"]){--c:var(--mathematics);--cs:var(--mathematics-soft)}
:is(.cat-college,[data-bx~="cat-college"]){--c:var(--physics);--cs:var(--physics-soft)}
:is(.cat-wellbeing,[data-bx~="cat-wellbeing"]){--c:var(--biology);--cs:var(--biology-soft)}
:is(.cat-courses,[data-bx~="cat-courses"]){--c:var(--business);--cs:var(--business-soft)}
:is(.cat-all,[data-bx~="cat-all"]){--c:var(--ink);--cs:var(--paper-deep)}

/* ── grid section ── */
:is(.stories,[data-bx~="stories"]){padding:64px 0 88px}
:is(.filter-row,[data-bx~="filter-row"]){display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:36px;padding-bottom:22px;border-bottom:1px solid var(--line)}
:is(.filter-chips,[data-bx~="filter-chips"]){display:flex;gap:8px;flex-wrap:wrap}
:is(.filter-count,[data-bx~="filter-count"]){font-family:var(--serif);font-size:16px;font-style:italic;color:var(--ink-soft);white-space:nowrap}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;grid-auto-flow:dense}
@media(max-width:960px){.grid{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.grid{grid-template-columns:1fr}}

:is(.card,[data-bx~="card"]){display:flex;flex-direction:column;background:var(--white);border:1px solid var(--line);text-decoration:none;transition:transform .18s,border-color .18s,box-shadow .18s}
:is(.card,[data-bx~="card"]):hover{transform:translateY(-4px);border-color:var(--ink);box-shadow:0 16px 44px rgba(29,23,36,.12)}
:is(.card,[data-bx~="card"]).is-hidden{display:none}
:is(.card-body,[data-bx~="card-body"]){display:flex;flex-direction:column;flex:1;gap:12px;padding:20px 22px 22px}
:is(.card,[data-bx~="card"]) h3{font-size:21px;line-height:1.22}
:is(.card,[data-bx~="card"]):hover h3{color:var(--c,var(--ink))}
:is(.card,[data-bx~="card"]) :is(.excerpt,[data-bx~="excerpt"]){font-size:14.5px;line-height:1.6;color:var(--ink-soft)}
:is(.card-meta,[data-bx~="card-meta"]){margin-top:auto;padding-top:14px;border-top:1px solid var(--line);font-size:12px;font-weight:500;letter-spacing:.04em;color:var(--ink-soft);display:flex;gap:8px}
:is(.card-meta,[data-bx~="card-meta"]) i{font-style:normal;color:var(--line)}
.card--wide{grid-column:span 2}
.card--wide h3{font-size:clamp(24px,2.4vw,30px)}
@media(max-width:640px){.card--wide{grid-column:auto}}

/* stagger reveal on filter */
@keyframes cardIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
:is(.card,[data-bx~="card"]).is-entering{animation:cardIn .45s cubic-bezier(.2,.7,.2,1) both;animation-delay:var(--d,0s)}

/* ── thumbnail art system ── */
.art{position:relative;aspect-ratio:16/9.4;overflow:hidden;background:var(--cs,var(--accent-soft));border-bottom:1px solid var(--line)}
.card--wide .art{aspect-ratio:16/7}
.art .g{position:absolute;font-family:var(--serif);line-height:1;color:var(--c)}
/* 2 · unstable — horizon + drifting squares */
.art--unstable{background:linear-gradient(180deg,var(--cs) 62%,var(--c) 62%,var(--c) calc(62% + 1px),var(--cs) calc(62% + 1px))}
.art--unstable::before{content:"";position:absolute;left:14%;top:26%;width:60px;height:60px;border:1px solid var(--c);opacity:.85}
.art--unstable::after{content:"";position:absolute;left:22%;top:40%;width:60px;height:60px;background:var(--c);opacity:.22}
.art--unstable .g{right:8%;bottom:-12%;font-size:120px;font-style:italic;opacity:.9}
/* 3 · what is alt */
.art--whatis::before{content:"";position:absolute;inset:12px;border:1px solid var(--c);opacity:.35}
.art--whatis .g{left:50%;top:54%;transform:translate(-50%,-50%);font-size:92px;font-style:italic;letter-spacing:-.03em}
.art--whatis::after{content:"EST. 25+ YRS TEACHING";position:absolute;left:50%;bottom:12%;transform:translateX(-50%);font-size:9px;font-weight:600;letter-spacing:.24em;color:var(--c);opacity:.7;font-family:var(--sans);white-space:nowrap}
/* 4 · path — diverging hairlines */
.art--path{background:
  linear-gradient(to top right,transparent calc(50% - .5px),var(--c) 50%,transparent calc(50% + .5px)),
  linear-gradient(to bottom right,transparent calc(50% - .5px),var(--c) 50%,transparent calc(50% + .5px)),
  linear-gradient(0deg,transparent calc(50% - .5px),var(--c) 50%,transparent calc(50% + .5px)),var(--cs)}
.art--path::before{content:"";position:absolute;right:9%;top:16%;width:26px;height:26px;background:var(--c)}
.art--path::after{content:"";position:absolute;right:9%;bottom:16%;width:26px;height:26px;border:1px solid var(--c)}
.art--path .g{left:7%;top:50%;transform:translateY(-50%);font-size:74px;font-style:italic}
/* 5 · university — colonnade */
.art--uni{background:repeating-linear-gradient(90deg,var(--c) 0,var(--c) 1px,transparent 1px,transparent 34px),var(--cs)}
.art--uni::before{content:"";position:absolute;left:0;right:0;top:18%;height:1px;background:var(--c)}
.art--uni::after{content:"";position:absolute;right:12%;top:32%;width:44px;height:44px;background:var(--c);opacity:.85}
.art--uni .g{left:8%;bottom:-10%;font-size:110px;opacity:.92}
/* 6 · a/o levels — overlapping glyphs */
.art--ao .g{left:16%;top:46%;transform:translateY(-50%);font-size:120px}
.art--ao::before{content:"O";position:absolute;left:42%;top:56%;transform:translateY(-50%);font-family:var(--serif);font-size:120px;line-height:1;color:transparent;-webkit-text-stroke:1px var(--c)}
.art--ao::after{content:"";position:absolute;right:10%;top:14%;width:20%;height:1px;background:var(--c)}
/* 7 · cs — braces on dot grid */
.art--cs{background:radial-gradient(circle at 1px 1px,var(--c) 1px,transparent 1.6px);background-size:26px 26px;background-color:var(--cs)}
.art--cs .g{left:50%;top:50%;transform:translate(-50%,-50%);font-size:100px;font-style:italic;letter-spacing:.05em;background:var(--cs);padding:0 18px}
/* 8 · steps — ascending blocks */
.art--steps::before{content:"";position:absolute;left:10%;bottom:0;width:80%;height:76%;
  background:
    linear-gradient(0deg,var(--c) 0 22%,transparent 22%) 0 100%/23% 100% no-repeat,
    linear-gradient(0deg,var(--c) 0 46%,transparent 46%) 33.5% 100%/23% 100% no-repeat,
    linear-gradient(0deg,var(--c) 0 70%,transparent 70%) 67% 100%/23% 100% no-repeat,
    linear-gradient(0deg,var(--c) 0 100%) 100% 100%/23% 100% no-repeat;
  opacity:.85}
.art--steps .g{right:7%;top:8%;font-size:60px;font-style:italic}
/* 9 · math — pi on grid */
.art--math{background:
  repeating-linear-gradient(0deg,var(--c) 0,var(--c) .5px,transparent .5px,transparent 30px),
  repeating-linear-gradient(90deg,var(--c) 0,var(--c) .5px,transparent .5px,transparent 30px),var(--cs)}
.art--math .g{left:50%;top:52%;transform:translate(-50%,-50%);font-size:110px;font-style:italic;background:var(--cs);padding:0 20px}
/* 10 · chemistry — bonded squares */
.art--chem .g{left:9%;bottom:-14%;font-size:120px;font-style:italic}
.art--chem::before{content:"";position:absolute;right:14%;top:22%;width:110px;height:1px;background:var(--c);transform:rotate(-24deg)}
.art--chem::after{content:"";position:absolute;right:10%;top:14%;width:22px;height:22px;background:var(--c);box-shadow:-108px 46px 0 -4px var(--c),-52px 22px 0 -8px var(--cs),-54px 20px 0 -7px var(--c)}
/* 11 · economics — ascending bars */
.art--econ::before{content:"";position:absolute;left:12%;right:36%;bottom:0;top:24%;
  background:
    linear-gradient(0deg,var(--c) 0 30%,transparent 30%) 0 100%/18% 100% no-repeat,
    linear-gradient(0deg,var(--c) 0 52%,transparent 52%) 27% 100%/18% 100% no-repeat,
    linear-gradient(0deg,var(--c) 0 44%,transparent 44%) 54% 100%/18% 100% no-repeat,
    linear-gradient(0deg,var(--c) 0 78%,transparent 78%) 82% 100%/18% 100% no-repeat}
.art--econ::after{content:"";position:absolute;left:10%;bottom:0;right:10%;height:1px;background:var(--c)}
.art--econ .g{right:8%;top:10%;font-size:80px;font-style:italic}
/* 12 · physics — lambda + diagonals */
.art--phys{background:repeating-linear-gradient(135deg,var(--c) 0,var(--c) .5px,transparent .5px,transparent 22px),var(--cs)}
.art--phys .g{left:50%;top:52%;transform:translate(-50%,-50%);font-size:110px;font-style:italic;background:var(--cs);padding:0 26px}
/* 13 · burnout — draining block */
.art--burnout::before{content:"";position:absolute;left:16%;top:18%;width:34%;height:64%;background:linear-gradient(180deg,transparent 55%,var(--c) 55%)}
.art--burnout::after{content:"";position:absolute;left:16%;top:18%;width:34%;height:64%;border:1px solid var(--c)}
.art--burnout .g{right:10%;bottom:-8%;font-size:96px;font-style:italic}
/* 14 · checklist — hairline rows */
.art--check::before{content:"";position:absolute;left:14%;right:14%;top:24%;height:52%;
  background:
    linear-gradient(0deg,var(--c) 0,var(--c) 1px,transparent 1px) 0 30%/100% 1px no-repeat,
    linear-gradient(0deg,var(--c) 0,var(--c) 1px,transparent 1px) 0 65%/100% 1px no-repeat,
    linear-gradient(0deg,var(--c) 0,var(--c) 1px,transparent 1px) 0 100%/100% 1px no-repeat}
.art--check::after{content:"";position:absolute;left:14%;top:26%;width:14px;height:14px;background:var(--c);box-shadow:0 32px 0 0 var(--cs),0 32px 0 1px var(--c),0 64px 0 0 var(--cs),0 64px 0 1px var(--c)}
.art--check .g{right:10%;top:12%;font-size:74px;font-style:italic}

/* ── interstitial ── */
.interstitial{grid-column:1/-1;background:var(--white);border:1px solid var(--ink);padding:clamp(36px,5vw,64px) clamp(24px,5vw,72px);text-align:center}
.interstitial p.line{font-family:var(--serif);font-size:clamp(24px,3.2vw,38px);line-height:1.3;max-width:21em;margin:14px auto 0}
.interstitial p.line em{font-style:italic;color:var(--accent)}
.interstitial a.go{display:inline-flex;align-items:center;gap:8px;margin-top:22px;font-size:14px;font-weight:600;color:var(--accent);text-decoration:none}
.interstitial a.go:hover{text-decoration:underline}

/* ── newsletter band ── */
:is(.news,[data-bx~="news"]){background:var(--ink);color:var(--white);border-bottom:1px solid var(--line)}
:is(.news,[data-bx~="news"]) :is(.wrap,[data-bx~="wrap"]){display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center;padding-top:64px;padding-bottom:64px}
@media(max-width:860px){:is(.news,[data-bx~="news"]) :is(.wrap,[data-bx~="wrap"]){grid-template-columns:1fr;gap:28px}}
:is(.news,[data-bx~="news"]) :is(.bxj-eyebrow,[data-bx~="bxj-eyebrow"]){color:var(--rasp)}
:is(.news,[data-bx~="news"]) h2{margin-top:14px;font-size:clamp(28px,3.4vw,40px)}
:is(.news,[data-bx~="news"]) h2 em{font-style:italic;color:var(--rasp)}
:is(.news,[data-bx~="news"]) p:is(.sub,[data-bx~="sub"]){margin-top:12px;font-size:15.5px;color:rgba(255,255,255,.6);max-width:32em}
:is(.news-form,[data-bx~="news-form"]){display:flex;border:1px solid rgba(255,255,255,.35);background:rgba(255,255,255,.04)}
:is(.news-form,[data-bx~="news-form"]) input{flex:1;min-width:0;border:0;background:transparent;color:var(--white);padding:14px 16px;font-family:var(--sans);font-size:15px}
:is(.news-form,[data-bx~="news-form"]) input::placeholder{color:rgba(255,255,255,.45)}
:is(.news-form,[data-bx~="news-form"]) input:focus{outline:none}
:is(.news-form,[data-bx~="news-form"]) :is(.bxj-button,[data-bx~="bxj-button"]){border:0;border-left:1px solid rgba(255,255,255,.35);background:var(--rasp);color:var(--ink);min-height:52px}
:is(.news-form,[data-bx~="news-form"]) :is(.bxj-button,[data-bx~="bxj-button"]):hover{transform:none;background:#ff7ba0}
:is(.news-note,[data-bx~="news-note"]){margin-top:10px;font-size:12.5px;color:rgba(255,255,255,.5)}
:is(.news-done,[data-bx~="news-done"]){display:none;font-family:var(--serif);font-size:19px;font-style:italic;color:var(--rasp)}
:is(.news,[data-bx~="news"]).is-done :is(.news-form,[data-bx~="news-form"]),:is(.news,[data-bx~="news"]).is-done :is(.news-note,[data-bx~="news-note"]){display:none}
:is(.news,[data-bx~="news"]).is-done :is(.news-done,[data-bx~="news-done"]){display:block}

/* ── footer ── */
.bxj-site-footer{background:var(--paper);padding:44px 0 40px}
.footer-top{display:flex;justify-content:space-between;gap:32px;flex-wrap:wrap;align-items:flex-start}
.footer-links{display:flex;gap:26px;flex-wrap:wrap;font-size:14px;font-weight:500}
.footer-links a{text-decoration:none;color:var(--ink-soft)}
.footer-links a:hover{color:var(--ink)}
.bxj-footer-bottom{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:28px;padding-top:18px;border-top:1px solid var(--line);font-size:13px;color:var(--ink-soft)}
.bxj-footer-bottom a{color:inherit;text-decoration:none}
.bxj-footer-bottom a:hover{color:var(--ink)}

/* reveal */
:is(.rv,[data-bx~="rv"]){opacity:0;transform:translateY(12px);transition:opacity .5s,transform .5s}
:is(.rv,[data-bx~="rv"]).is-in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  :is(.rv,[data-bx~="rv"]){opacity:1;transform:none;transition:none}
  :is(.card,[data-bx~="card"]),:is(.bxj-button,[data-bx~="bxj-button"]),:is(.cover-read,[data-bx~="cover-read"]) i{transition:none}
  :is(.card,[data-bx~="card"]).is-entering{animation:none}
  :is(.ticker-item,[data-bx~="ticker-item"]){transition:none}
}

/* ===== post ===== */

:root{
  --ink:#1d1724; --ink-soft:#5d5866; --paper:#F4F5F6; --paper-deep:#EAEBEE;
  --white:#fffdf9; --line:#dcd4c8; --accent:#bb1450; --accent-dark:#8f0f3d;
  --accent-soft:#fde8f0; --focus:#006da3; --max:1200px;
  --shadow:0 24px 70px rgba(29,23,36,.16);
  --serif:"Newsreader",Georgia,serif; --sans:"Inter",sans-serif;
  --chemistry:#bb1450; --chemistry-soft:#fde8f0;
  --physics:#332b8f;  --physics-soft:#eae9fb;
  --biology:#1c7a40;  --biology-soft:#e8f7ec;
  --mathematics:#006da3; --mathematics-soft:#d6f1ff;
  --business:#7a2a5c; --business-soft:#faedf4;
  --economics:#1d7261; --economics-soft:#def7f2;
  --accounting:#3041d9; --accounting-soft:#eeeffc;
  --psychology:#633073; --psychology-soft:#f3e8f7;
  --computing:#c92a1e; --computing-soft:#fdeae5;
  --rasp:#ff5c86;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:17px;line-height:1.7;overflow-x:hidden}
h1,h2,h3{font-family:var(--serif);font-weight:400;line-height:1.12;margin:0}
p{margin:0}
a{color:inherit}
:is(.wrap,[data-bx~="wrap"]){max-width:var(--max);margin:0 auto;padding:0 24px}
:is(.bxj-eyebrow,[data-bx~="bxj-eyebrow"]){display:inline-flex;align-items:center;gap:9px;margin:0;color:var(--accent);font-size:11px;font-weight:600;letter-spacing:.14em;line-height:1.3;text-transform:uppercase}
:is(.bxj-eyebrow,[data-bx~="bxj-eyebrow"])::before{content:"";width:7px;height:7px;flex:0 0 auto;background:currentColor}
:is(.bxj-button,[data-bx~="bxj-button"]){display:inline-flex;min-height:46px;align-items:center;justify-content:center;gap:9px;border:1px solid var(--ink);padding:11px 20px;color:var(--ink);background:transparent;font-family:var(--sans);font-size:14px;font-weight:600;line-height:1;cursor:pointer;text-decoration:none;transition:color .15s,background .15s,border-color .15s,transform .15s}
:is(.bxj-button,[data-bx~="bxj-button"]):hover{transform:translateY(-2px)}
:is(.bxj-button--accent,[data-bx~="bxj-button--accent"]){border-color:var(--accent);color:var(--white);background:var(--accent)}
:is(.bxj-button--accent,[data-bx~="bxj-button--accent"]):hover{border-color:var(--accent-dark);background:var(--accent-dark)}
:focus-visible{outline:2px solid var(--focus);outline-offset:2px}

/* reading progress */
:is(.progress,[data-bx~="progress"]){position:fixed;top:0;left:0;height:2px;width:0;background:var(--accent);z-index:60}

/* header */
:is(.bxj-site-header,[data-bx~="bxj-site-header"]){position:sticky;top:0;z-index:40;background:rgba(244,245,246,.92);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
:is(.bxj-site-header,[data-bx~="bxj-site-header"]) :is(.wrap,[data-bx~="wrap"]){display:flex;align-items:center;justify-content:space-between;min-height:70px;gap:16px}
:is(.bxj-brand,[data-bx~="bxj-brand"]){display:flex;align-items:baseline;gap:10px;text-decoration:none}
:is(.bxj-brand,[data-bx~="bxj-brand"]) b{font-family:var(--serif);font-weight:400;font-size:22px}
:is(.bxj-brand,[data-bx~="bxj-brand"]) small{font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}
:is(.back-link,[data-bx~="back-link"]){display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:500;color:var(--ink-soft);text-decoration:none}
:is(.back-link,[data-bx~="back-link"]):hover{color:var(--ink)}
:is(.header-ctas,[data-bx~="header-ctas"]) :is(.bxj-button,[data-bx~="bxj-button"]){min-height:40px;padding:9px 16px}
@media(max-width:560px){:is(.header-ctas,[data-bx~="header-ctas"]){display:none}}

/* chips */
:is(.chip,[data-bx~="chip"]){display:inline-flex;align-items:center;font-size:10.5px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;line-height:1;padding:6px 10px;border:1px solid var(--c,var(--accent));color:var(--c,var(--accent));text-decoration:none;transition:background .15s}
:is(.chip,[data-bx~="chip"]):hover{background:var(--cs,var(--accent-soft))}
:is(.cat-guidance,[data-bx~="cat-guidance"]){--c:var(--accent);--cs:var(--accent-soft)}
:is(.cat-wellbeing,[data-bx~="cat-wellbeing"]){--c:var(--biology);--cs:var(--biology-soft)}
:is(.cat-courses,[data-bx~="cat-courses"]){--c:var(--business);--cs:var(--business-soft)}

/* ── feature art banner (the post's thumbnail art, wide) ── */
:is(.banner,[data-bx~="banner"]){position:relative;height:clamp(220px,32vw,340px);border-bottom:1px solid var(--line);overflow:hidden;
  background:linear-gradient(180deg,var(--accent-soft) 64%,var(--accent) 64%,var(--accent) calc(64% + 1px),var(--accent-soft) calc(64% + 1px))}
:is(.banner,[data-bx~="banner"])::before{content:"";position:absolute;left:12%;top:22%;width:120px;height:120px;border:1px solid var(--accent);opacity:.85}
:is(.banner,[data-bx~="banner"])::after{content:"";position:absolute;left:16%;top:36%;width:120px;height:120px;background:var(--accent);opacity:.18}
:is(.banner,[data-bx~="banner"]) :is(.glyph,[data-bx~="glyph"]){position:absolute;right:8%;bottom:-16%;font-family:var(--serif);font-style:italic;font-size:clamp(140px,22vw,260px);line-height:1;color:var(--accent)}
:is(.banner,[data-bx~="banner"]) :is(.squares,[data-bx~="squares"]){position:absolute;right:34%;top:18%;width:26px;height:26px;border:1px solid var(--accent);opacity:.6}
:is(.banner,[data-bx~="banner"]) :is(.squares,[data-bx~="squares"])::before{content:"";position:absolute;left:40px;top:14px;width:16px;height:16px;background:var(--accent);opacity:.5}
:is(.banner,[data-bx~="banner"]) :is(.plate,[data-bx~="plate"]){position:absolute;left:24px;bottom:20px;font-size:10.5px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--accent);border:1px solid currentColor;padding:6px 10px;background:var(--accent-soft)}

/* ── title block ── */
:is(.post-head,[data-bx~="post-head"]){max-width:820px;margin:0 auto;padding:56px 24px 8px;text-align:center}
:is(.post-head,[data-bx~="post-head"]) h1{margin-top:18px;font-size:clamp(38px,4.6vw,56px);letter-spacing:-0.01em}
:is(.post-head,[data-bx~="post-head"]) h1 em{font-style:italic;color:var(--accent)}
:is(.post-head,[data-bx~="post-head"]) :is(.dek,[data-bx~="dek"]){margin:18px auto 0;max-width:36em;font-size:clamp(17px,1.9vw,20px);line-height:1.65;color:var(--ink-soft)}
:is(.post-meta,[data-bx~="post-meta"]){display:flex;justify-content:center;gap:14px;align-items:center;margin:26px auto 0;padding:14px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);max-width:420px;font-size:13px;font-weight:500;letter-spacing:.04em;color:var(--ink-soft)}
:is(.post-meta,[data-bx~="post-meta"]) i{font-style:normal;color:var(--line)}

/* ── article ── */
:is(.article,[data-bx~="article"]){max-width:68ch;margin:0 auto;padding:44px 24px 72px;font-size:18px;line-height:1.8;counter-reset:sec}
:is(.article,[data-bx~="article"]) p{margin:0 0 26px}
:is(.article,[data-bx~="article"]) > section{position:relative;margin-top:56px;padding-top:8px}
:is(.article,[data-bx~="article"]) > section:first-of-type{margin-top:0}
:is(.article,[data-bx~="article"]) h2{position:relative;font-size:clamp(26px,3vw,33px);line-height:1.2;margin:0 0 22px;padding-top:34px}
:is(.article,[data-bx~="article"]) h2::before{counter-increment:sec;content:"0" counter(sec);position:absolute;left:-18px;top:-16px;z-index:-1;font-family:var(--serif);font-style:italic;font-size:96px;line-height:1;color:var(--accent);opacity:.13;pointer-events:none}
:is(.article,[data-bx~="article"]) h3{font-size:21px;font-style:italic;margin:30px 0 14px}
:is(.article,[data-bx~="article"]) ul{margin:0 0 26px;padding-left:22px}
:is(.article,[data-bx~="article"]) li{margin-bottom:10px}
:is(.article,[data-bx~="article"]) li::marker{color:var(--accent)}
:is(.article,[data-bx~="article"]) .lead{font-size:21px;line-height:1.7;font-family:var(--serif)}
:is(.article,[data-bx~="article"]) .lead::first-letter{font-size:3.2em;float:left;line-height:.82;padding:6px 10px 0 0;color:var(--accent)}
.hairline{border:0;border-top:1px solid var(--line);margin:44px 0}

/* inline pull quote */
.pq-inline{margin:34px 0;padding:6px 0 6px 26px;border-left:1px solid var(--accent)}
.pq-inline p{margin:0;font-family:var(--serif);font-style:italic;font-size:22px;line-height:1.5;color:var(--ink)}

/* full-bleed pull-quote band */
.pq-band{width:100vw;margin:56px 0 56px calc(50% - 50vw);background:var(--accent-soft);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:64px 24px}
.pq-band blockquote{margin:0 auto;max-width:760px;text-align:center}
.pq-band p{margin:0;font-family:var(--serif);font-style:italic;font-size:clamp(26px,3.4vw,38px);line-height:1.35;color:var(--ink)}
.pq-band p em{color:var(--accent)}
.pq-band footer{margin-top:18px;font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}

/* in-article CTA */
.cta-card{margin:48px 0;border:1px solid var(--ink);background:var(--white);padding:30px 30px 28px;display:flex;gap:24px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.cta-card .t{font-family:var(--serif);font-size:24px;line-height:1.25;max-width:22em}
.cta-card .t em{font-style:italic;color:var(--accent)}
.cta-card .s{margin-top:8px;font-family:var(--sans);font-size:14.5px;color:var(--ink-soft)}
@media(max-width:560px){.cta-card{padding:24px 20px}}

/* ── dot TOC (desktop) ── */
:is(.toc,[data-bx~="toc"]){position:fixed;right:22px;top:50%;transform:translateY(-50%);z-index:30;display:flex;flex-direction:column;gap:14px}
:is(.toc,[data-bx~="toc"]) a{position:relative;display:block;width:9px;height:9px;background:transparent;border:1px solid var(--ink-soft);transition:background .15s,border-color .15s}
:is(.toc,[data-bx~="toc"]) a:hover{border-color:var(--accent)}
:is(.toc,[data-bx~="toc"]) a.is-active{background:var(--accent);border-color:var(--accent)}
:is(.toc,[data-bx~="toc"]) a .lbl{position:absolute;right:20px;top:50%;transform:translateY(-50%);white-space:nowrap;background:var(--ink);color:var(--white);font-size:11.5px;font-weight:500;line-height:1;padding:7px 10px;opacity:0;pointer-events:none;transition:opacity .15s}
:is(.toc,[data-bx~="toc"]) a:hover .lbl,:is(.toc,[data-bx~="toc"]) a:focus-visible .lbl{opacity:1}
@media(max-width:1120px){:is(.toc,[data-bx~="toc"]){display:none}}

/* ── read next ── */
:is(.readnext,[data-bx~="readnext"]){border-top:1px solid var(--line);padding:72px 0 88px;background:var(--paper)}
:is(.readnext,[data-bx~="readnext"]) :is(.section-head,[data-bx~="section-head"]){max-width:760px;margin-bottom:44px}
:is(.readnext,[data-bx~="readnext"]) h2:is(.rn-title,[data-bx~="rn-title"]){margin-top:14px;font-size:clamp(28px,3.4vw,40px)}
.rn-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
@media(max-width:960px){.rn-grid{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.rn-grid{grid-template-columns:1fr}}
:is(.card,[data-bx~="card"]){display:flex;flex-direction:column;background:var(--white);border:1px solid var(--line);text-decoration:none;transition:transform .18s,border-color .18s,box-shadow .18s}
:is(.card,[data-bx~="card"]):hover{transform:translateY(-4px);border-color:var(--ink);box-shadow:0 16px 44px rgba(29,23,36,.12)}
:is(.card-body,[data-bx~="card-body"]){display:flex;flex-direction:column;flex:1;gap:12px;padding:20px 22px 22px}
:is(.card,[data-bx~="card"]) h3{font-size:21px;line-height:1.22}
:is(.card,[data-bx~="card"]) :is(.excerpt,[data-bx~="excerpt"]){font-size:14.5px;line-height:1.6;color:var(--ink-soft)}
:is(.card-meta,[data-bx~="card-meta"]){margin-top:auto;padding-top:14px;border-top:1px solid var(--line);font-size:12px;font-weight:500;letter-spacing:.04em;color:var(--ink-soft);display:flex;gap:8px}
:is(.card-meta,[data-bx~="card-meta"]) i{font-style:normal;color:var(--line)}

/* thumbnail art (shared system) */
.art{position:relative;aspect-ratio:16/9.4;overflow:hidden;background:var(--cs,var(--accent-soft));border-bottom:1px solid var(--line)}
.art .g{position:absolute;font-family:var(--serif);line-height:1;color:var(--c)}
.art--protocol{background:
  linear-gradient(135deg,rgba(255,92,134,.14),rgba(255,92,134,0) 55%),
  repeating-linear-gradient(90deg,rgba(255,255,255,.05) 0,rgba(255,255,255,.05) 1px,transparent 1px,transparent 54px),
  linear-gradient(180deg,#251c30,#1d1724 70%)}
.art--protocol::before{content:"";position:absolute;right:12%;top:14%;width:30%;height:38%;border:1px solid rgba(255,92,134,.5)}
.art--protocol .g{left:8%;bottom:-14%;font-size:110px;color:var(--rasp);letter-spacing:-.04em}
.art--burnout::before{content:"";position:absolute;left:16%;top:18%;width:34%;height:64%;background:linear-gradient(180deg,transparent 55%,var(--c) 55%)}
.art--burnout::after{content:"";position:absolute;left:16%;top:18%;width:34%;height:64%;border:1px solid var(--c)}
.art--burnout .g{right:10%;bottom:-8%;font-size:96px;font-style:italic}
.art--check::before{content:"";position:absolute;left:14%;right:14%;top:24%;height:52%;
  background:
    linear-gradient(0deg,var(--c) 0,var(--c) 1px,transparent 1px) 0 30%/100% 1px no-repeat,
    linear-gradient(0deg,var(--c) 0,var(--c) 1px,transparent 1px) 0 65%/100% 1px no-repeat,
    linear-gradient(0deg,var(--c) 0,var(--c) 1px,transparent 1px) 0 100%/100% 1px no-repeat}
.art--check::after{content:"";position:absolute;left:14%;top:26%;width:14px;height:14px;background:var(--c);box-shadow:0 32px 0 0 var(--cs),0 32px 0 1px var(--c),0 64px 0 0 var(--cs),0 64px 0 1px var(--c)}
.art--check .g{right:10%;top:12%;font-size:74px;font-style:italic}

/* newsletter + footer (echo of listing) */
:is(.news,[data-bx~="news"]){background:var(--ink);color:var(--white);border-bottom:1px solid var(--line)}
:is(.news,[data-bx~="news"]) :is(.wrap,[data-bx~="wrap"]){display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center;padding-top:64px;padding-bottom:64px}
@media(max-width:860px){:is(.news,[data-bx~="news"]) :is(.wrap,[data-bx~="wrap"]){grid-template-columns:1fr;gap:28px}}
:is(.news,[data-bx~="news"]) :is(.bxj-eyebrow,[data-bx~="bxj-eyebrow"]){color:var(--rasp)}
:is(.news,[data-bx~="news"]) h2{margin-top:14px;font-size:clamp(28px,3.4vw,40px)}
:is(.news,[data-bx~="news"]) h2 em{font-style:italic;color:var(--rasp)}
:is(.news,[data-bx~="news"]) p:is(.sub,[data-bx~="sub"]){margin-top:12px;font-size:15.5px;color:rgba(255,255,255,.6);max-width:32em}
:is(.news-form,[data-bx~="news-form"]){display:flex;border:1px solid rgba(255,255,255,.35);background:rgba(255,255,255,.04)}
:is(.news-form,[data-bx~="news-form"]) input{flex:1;min-width:0;border:0;background:transparent;color:var(--white);padding:14px 16px;font-family:var(--sans);font-size:15px}
:is(.news-form,[data-bx~="news-form"]) input::placeholder{color:rgba(255,255,255,.45)}
:is(.news-form,[data-bx~="news-form"]) input:focus{outline:none}
:is(.news-form,[data-bx~="news-form"]) :is(.bxj-button,[data-bx~="bxj-button"]){border:0;border-left:1px solid rgba(255,255,255,.35);background:var(--rasp);color:var(--ink);min-height:52px}
:is(.news-form,[data-bx~="news-form"]) :is(.bxj-button,[data-bx~="bxj-button"]):hover{transform:none;background:#ff7ba0}
:is(.news-note,[data-bx~="news-note"]){margin-top:10px;font-size:12.5px;color:rgba(255,255,255,.5)}
:is(.news-done,[data-bx~="news-done"]){display:none;font-family:var(--serif);font-size:19px;font-style:italic;color:var(--rasp)}
:is(.news,[data-bx~="news"]).is-done :is(.news-form,[data-bx~="news-form"]),:is(.news,[data-bx~="news"]).is-done :is(.news-note,[data-bx~="news-note"]){display:none}
:is(.news,[data-bx~="news"]).is-done :is(.news-done,[data-bx~="news-done"]){display:block}
.bxj-site-footer{background:var(--paper);padding:44px 0 40px}
.footer-top{display:flex;justify-content:space-between;gap:32px;flex-wrap:wrap;align-items:flex-start}
.footer-links{display:flex;gap:26px;flex-wrap:wrap;font-size:14px;font-weight:500}
.footer-links a{text-decoration:none;color:var(--ink-soft)}
.footer-links a:hover{color:var(--ink)}
.bxj-footer-bottom{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:28px;padding-top:18px;border-top:1px solid var(--line);font-size:13px;color:var(--ink-soft)}
.bxj-footer-bottom a{color:inherit;text-decoration:none}
.bxj-footer-bottom a:hover{color:var(--ink)}

:is(.rv,[data-bx~="rv"]){opacity:0;transform:translateY(12px);transition:opacity .5s,transform .5s}
:is(.rv,[data-bx~="rv"]).is-in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  :is(.rv,[data-bx~="rv"]){opacity:1;transform:none;transition:none}
  :is(.card,[data-bx~="card"]),:is(.bxj-button,[data-bx~="bxj-button"]),:is(.toc,[data-bx~="toc"]) a .lbl{transition:none}
}


/* ===== webflow glue overrides (bx) ===== */
#grid{display:block}
#grid .w-dyn-items{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;grid-auto-flow:dense}
@media(max-width:960px){#grid .w-dyn-items{grid-template-columns:1fr 1fr}}
@media(max-width:640px){#grid .w-dyn-items{grid-template-columns:1fr}}
.w-dyn-item{display:contents}
.w-dyn-item.is-hidden{display:none}
.w-dyn-empty{display:none}
#bx-readnext .w-dyn-items{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
@media(max-width:960px){#bx-readnext .w-dyn-items{grid-template-columns:1fr 1fr}}
@media(max-width:640px){#bx-readnext .w-dyn-items{grid-template-columns:1fr}}
:is(.bx-slug,[data-bx~="bx-slug"]),:is(.bx-cat,[data-bx~="bx-cat"]),:is(.bx-post-slug,[data-bx~="bx-post-slug"]),:is(.bx-post-cat,[data-bx~="bx-post-cat"]){display:none!important}
/* banner theming by category (runtime adds bn-<cat>) */
:is(.banner,[data-bx~="banner"]).bn-academics{--accent:var(--mathematics);--accent-soft:var(--mathematics-soft)}
:is(.banner,[data-bx~="banner"]).bn-college{--accent:var(--physics);--accent-soft:var(--physics-soft)}
:is(.banner,[data-bx~="banner"]).bn-wellbeing{--accent:var(--biology);--accent-soft:var(--biology-soft)}
:is(.banner,[data-bx~="banner"]).bn-courses{--accent:var(--business);--accent-soft:var(--business-soft)}
/* CMS rich text inside the article */
:is(.article,[data-bx~="article"]) .w-richtext>p{margin:0 0 26px}
:is(.article,[data-bx~="article"]) .w-richtext h2{margin-top:42px}
:is(.article,[data-bx~="article"]) .w-richtext img{max-width:100%;height:auto;border:1px solid var(--line);margin:8px 0 26px}
:is(.article,[data-bx~="article"]) .w-richtext ul,:is(.article,[data-bx~="article"]) .w-richtext ol{margin:0 0 26px;padding-left:22px}
:is(.article,[data-bx~="article"]) .w-richtext li{margin-bottom:10px}
:is(.article,[data-bx~="article"]){counter-reset:sec}
/* back link in post head */
.bx-back{display:inline-flex;align-items:center;gap:8px;margin-bottom:18px;font-size:13.5px;font-weight:600;color:var(--ink-soft);text-decoration:none}
.bx-back:hover{color:var(--ink)}
/* keep header components above cover */
:is(.cover,[data-bx~="cover"]){position:relative;z-index:1}

/* ===== v1b: webflow-render fixes ===== */
:is(.bx-hide,[data-bx~="bx-hide"]){display:none!important}
:is(.chip,[data-bx~="chip"])[aria-pressed="true"]{background:var(--c,var(--ink));color:var(--white)}
:is(.filter-chips,[data-bx~="filter-chips"]) a:is(.chip,[data-bx~="chip"]){text-decoration:none}
:is(.news,[data-bx~="news"]) .w-form{margin:0}
:is(.news,[data-bx~="news"]) form{display:flex;border:1px solid rgba(255,255,255,.35);background:rgba(255,255,255,.04)}
:is(.news,[data-bx~="news"]) form input[type="email"]{flex:1;min-width:0;border:0;background:transparent;color:var(--white);padding:14px 16px;font-family:var(--sans);font-size:15px}
:is(.news,[data-bx~="news"]) form input[type="email"]::placeholder{color:rgba(255,255,255,.45)}
:is(.news,[data-bx~="news"]) form input[type="email"]:focus{outline:none}
:is(.news,[data-bx~="news"]) form input[type="submit"]{border:0;border-left:1px solid rgba(255,255,255,.35);background:var(--rasp);color:var(--ink);min-height:52px;padding:11px 22px;font-weight:600;font-size:14px;cursor:pointer;font-family:var(--sans)}
:is(.news,[data-bx~="news"]) form input[type="submit"]:hover{background:#ff7ba0}
:is(.news,[data-bx~="news"]) .w-form-done{background:transparent;color:var(--rasp);font-family:var(--serif);font-style:italic;font-size:19px;text-align:left;padding:8px 0}
:is(.news,[data-bx~="news"]) .w-form-fail{background:transparent;color:#ffb3c4;margin-top:10px;font-size:13px;padding:0}
#grid .w-dyn-item>a:is(.card,[data-bx~="card"]){height:100%}
:is(.readnext,[data-bx~="readnext"]) .w-dyn-list{margin-top:0}

/* v1c */
:is(.bxj-button--ghost,[data-bx~="bxj-button--ghost"]){border-color:var(--line)}

/* ===== v2: featured images ===== */
:is(.art-img,[data-bx~="art-img"]){display:block;width:100%;aspect-ratio:16/9.4;object-fit:cover;border-bottom:1px solid var(--line);background:var(--paper-deep)}
:is(.card--wide,[data-bx~="card--wide"]) :is(.art-img,[data-bx~="art-img"]){aspect-ratio:16/7}
:is(.post-img,[data-bx~="post-img"]){display:block;width:100%;object-fit:cover;border:1px solid var(--line);margin:0 0 34px}
img.w-dyn-bind-empty{display:none!important}

/* ===== v3: broadsheet masthead hero (option A) ===== */
#bx-masthead-zone>div:first-child{max-width:var(--max);margin:0 auto;padding:0 24px}
#bx-masthead-zone>div:first-child>div{padding:58px 0 0;text-align:center}
#bx-masthead-zone>div:first-child>div>p:first-of-type{display:flex;align-items:center;gap:18px;justify-content:center;font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-soft);margin:0}
#bx-masthead-zone>div:first-child>div>p:first-of-type::before,
#bx-masthead-zone>div:first-child>div>p:first-of-type::after{content:"";height:1px;width:64px;background:var(--line)}
#bx-masthead-zone>div:first-child>div>p:first-of-type b{color:var(--accent);font-weight:600}
#bx-masthead-zone h1{margin:20px 0 6px;font-family:var(--serif);font-weight:400;line-height:1.05;font-size:clamp(44px,7vw,88px);letter-spacing:-0.015em;color:var(--ink)}
#bx-masthead-zone h1 em{font-style:italic;color:var(--accent)}
#bx-masthead-zone h1+p{font-family:var(--serif);font-style:italic;font-size:17px;color:var(--ink-soft);margin:0}
:is(.dateline,[data-bx~="dateline"]){margin-top:28px;border-top:1px solid var(--ink);border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:12px;padding:9px 2px;font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft)}
:is(.dateline,[data-bx~="dateline"]) b{font-weight:600;color:var(--ink);font-style:normal}
:is(.dl-mid,[data-bx~="dl-mid"]){color:var(--accent)}
#bx-masthead-zone>div:last-child{position:sticky;top:0;z-index:30;background:var(--paper);border-top:3px double var(--ink);border-bottom:3px double var(--ink);margin-top:34px}
:is(.sectionbar-inner,[data-bx~="sectionbar-inner"]){display:flex;align-items:center;gap:4px;overflow-x:auto;scrollbar-width:none;max-width:var(--max);margin:0 auto;padding:0 24px}
:is(.sectionbar-inner,[data-bx~="sectionbar-inner"])::-webkit-scrollbar{display:none}
:is(.sectionbar-inner,[data-bx~="sectionbar-inner"])>span:first-child{flex:0 0 auto;font-size:10.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft);padding:12px 14px 12px 0;border-right:1px solid var(--line)}
:is(.filter-btn,[data-bx~="filter-btn"]){flex:0 0 auto;appearance:none;border:0;background:transparent;cursor:pointer;font-family:var(--sans);font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft);padding:13px 15px;position:relative;transition:color .15s;text-decoration:none}
:is(.filter-btn,[data-bx~="filter-btn"]):hover{color:var(--ink)}
:is(.filter-btn,[data-bx~="filter-btn"])[aria-pressed="true"]{color:var(--fc,var(--ink))}
:is(.filter-btn,[data-bx~="filter-btn"])[aria-pressed="true"]::after{content:"";position:absolute;left:15px;right:15px;bottom:0;height:3px;background:var(--fc,var(--ink))}
[data-bx~="filter-btn"][data-cat="guidance"]{--fc:var(--accent)}
[data-bx~="filter-btn"][data-cat="academics"]{--fc:var(--mathematics)}
[data-bx~="filter-btn"][data-cat="college"]{--fc:var(--physics)}
[data-bx~="filter-btn"][data-cat="wellbeing"]{--fc:var(--biology)}
[data-bx~="filter-btn"][data-cat="courses"]{--fc:var(--business)}
#count{flex:0 0 auto;margin-left:auto;padding:12px 0 12px 14px;border-left:1px solid var(--line);font-size:10.5px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft);white-space:nowrap;font-family:var(--sans);font-style:normal}
#count b{color:var(--accent)}
@media(max-width:720px){
  :is(.dateline,[data-bx~="dateline"]){font-size:10px;letter-spacing:.08em}
  :is(.dl-mid,[data-bx~="dl-mid"]){display:none}
  #count{display:none}
}

/* ===== v4: component header integration + mobile polish ===== */
.sub-site-header a[aria-label="Alt Academy home"]{display:inline-flex;align-items:center}
.bx-restag{display:inline-block;margin-left:12px;font-family:var(--sans);font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}
#bx-masthead-zone>div:last-child{top:66px}
@media(max-width:640px){
  #bx-masthead-zone>div:first-child>div{padding-top:38px}
  #bx-masthead-zone h1{font-size:clamp(38px,11vw,56px)}
  #bx-masthead-zone>div:first-child>div>p:first-of-type{flex-wrap:wrap;gap:10px}
  #bx-masthead-zone>div:first-child>div>p:first-of-type::before,
  #bx-masthead-zone>div:first-child>div>p:first-of-type::after{display:none}
  :is(.stories,[data-bx~="stories"]){padding-top:40px}
}