/* Advisor Booking site variation landers (/v2/: home and blog).
   The site's own look (assets/pilot.css: Geist, white, floating pill nav, green accent, dark FAQ band) with page
   patterns taken from the Clients Blackbox site: a rotating-word hero, fit stats beside the pitch, problem rows,
   a dark "enter the system" stage block, a do / don't block, a fit grid, and the email-first "Ready to talk?" card.
   Loads after pilot.css and lp.css. */

/* ---------- nav: links beside the mark ---------- */
.lnav{display:flex;align-items:center;gap:4px;margin-right:auto;margin-left:18px}
.lnav a{padding:8px 12px;border-radius:999px;font-size:14.5px;font-weight:500;color:var(--ink-2);text-decoration:none;transition:background-color .2s,color .2s}
.lnav a:hover,.lnav a[aria-current=page]{background:var(--well);color:var(--ink)}
@media (max-width:640px){.lnav{display:none}}
.brand{color:var(--ink)}

/* anchors land below the floating nav, with or without the script */
#start,#who,#sys,#faq,#guarantee,#main{scroll-margin-top:calc(var(--nav-h) + 28px)}
.no-js .bl-filter{display:none}

/* ---------- section rhythm ---------- */
.v2-sec{padding-block:clamp(72px,9vw,128px)}
.v2-sec--tight{padding-block:clamp(48px,6vw,88px)}
.v2-sec--well{background:var(--well)}
.v2-head{text-align:center;max-width:780px;margin:0 auto clamp(36px,5vw,64px)}
.v2-head .lead{margin:16px auto 0}
.v2-head .h2 .hl{display:block}

/* ---------- hero with the rotating word ---------- */
.v2-hero{padding:calc(var(--nav-h) + clamp(72px,10vw,132px)) 0 clamp(48px,6vw,80px);text-align:center;position:relative;overflow:hidden}
.v2-hero::before{content:"";position:absolute;left:50%;top:clamp(280px,38vw,420px);width:min(1800px,180vw);height:1400px;transform:translateX(-50%);border-radius:50%;background:radial-gradient(closest-side,var(--accent-soft),rgba(231,243,238,0) 70%);z-index:-1}
.v2-hero .eyebrow{margin-bottom:22px}
.v2-h1{font-weight:500;font-size:min(max(30px,10vw),max(38px,6vw),80px);line-height:1.02;letter-spacing:-.048em;color:var(--ink);max-width:14.5em;margin:0 auto;text-wrap:balance}
.rot{display:block;position:relative;height:1.08em;overflow:hidden;color:var(--accent)}
.rot__w{position:absolute;inset:0;display:block;white-space:nowrap;opacity:0;transform:translateY(40%);transition:opacity .5s var(--ease),transform .6s var(--ease)}
.rot__w.is-on{opacity:1;transform:none}
.rot__w.is-out{opacity:0;transform:translateY(-40%)}
.no-js .rot__w:first-child,.rot--static .rot__w:first-child{opacity:1;transform:none}
.v2-sub{max-width:640px;margin:26px auto 0;font-size:clamp(17px,1.5vw,19.5px);line-height:1.6;color:var(--muted);text-wrap:pretty}
.v2-sub b{color:var(--ink);font-weight:600}
.v2-rate{margin-top:18px}
.v2-hero .ec{margin:30px auto 0}
.v2-hero__alt{margin-top:16px;font-size:14.5px}
.v2-hero__alt a{color:var(--ink-2);font-weight:500;text-underline-offset:3px}

/* ---------- the email-first form ---------- */
.ec{position:relative;display:flex;gap:8px;width:100%;max-width:520px;padding:6px;border-radius:16px;background:#fff;box-shadow:var(--shadow-lift)}
.ec input[type=email]{flex:1 1 auto;min-width:0;border:0;background:transparent;padding:0 14px;font:inherit;font-size:16px;color:var(--ink);outline:none}
.ec input[type=email]::placeholder{color:var(--ink-2)}
.ec .btn{flex:0 0 auto;min-height:52px}
.ec:focus-within{box-shadow:var(--shadow-lift),0 0 0 3px var(--accent)}
.ec.is-bad{box-shadow:var(--shadow-lift),0 0 0 2px #d4483b}
.ec__err{margin:10px 0 0;font-size:13.5px;color:#b03023;font-weight:500}
.ec__fine{margin:12px 0 0;font-size:13.5px;color:var(--muted)}
.ec-wrap{display:flex;flex-direction:column;align-items:center}
.ec-wrap--left{align-items:flex-start}
.ec .lp-hp{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}
@media (max-width:520px){.ec{flex-direction:column;padding:8px}.ec input[type=email]{min-height:50px}.ec .btn{width:100%;justify-content:space-between}}
.btn.is-wait{opacity:.7;pointer-events:none}

/* ---------- pitch + fit stats (two columns) ---------- */
.v2-pitch{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:clamp(28px,5vw,72px);align-items:start}
.v2-pitch .h2{font-size:clamp(32px,4vw,54px)}
.v2-not{margin-top:22px;font-size:clamp(19px,1.8vw,23px);line-height:1.45;color:var(--muted)}
.v2-fit{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.v2-fit div{border-radius:18px;background:var(--accent-soft);padding:20px 18px}
.v2-fit b{display:block;font-weight:500;font-size:clamp(24px,2.6vw,34px);letter-spacing:-.04em;line-height:1.05;color:var(--accent-hover)}
.v2-fit span{display:block;margin-top:8px;font-size:14px;color:var(--ink-2)}
.v2-pitch p.lead{margin-top:22px;max-width:none}
.v2-pitch .btn{margin-top:24px}
@media (max-width:900px){.v2-pitch{grid-template-columns:1fr}}
@media (max-width:520px){.v2-fit{grid-template-columns:1fr}}

/* ---------- problem rows (title + blue sub on the left, text on the right) ---------- */
.v2-probs{display:grid;gap:0;max-width:1100px;margin:0 auto}
.v2-prob{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(20px,5vw,72px);padding:clamp(28px,4vw,44px) 0;border-top:1px solid var(--line)}
.v2-prob:last-child{border-bottom:1px solid var(--line)}
.v2-prob h3{font-weight:500;font-size:clamp(26px,3vw,38px);line-height:1.1;letter-spacing:-.04em;color:var(--ink)}
.v2-prob h3 span{display:block;color:var(--accent)}
.v2-prob p{font-size:17px;line-height:1.6;color:var(--muted)}
@media (max-width:760px){.v2-prob{grid-template-columns:1fr}}

/* ---------- dark system block with the stage cards ---------- */
.v2-dark{background:var(--night);color:var(--night-ink);border-radius:36px;margin-inline:clamp(8px,1.4vw,16px)}
.v2-dark .h2,.v2-dark h3{color:var(--night-ink)}
.v2-dark .lead,.v2-dark p{color:var(--night-muted)}
.v2-dark .eyebrow{color:var(--accent-bright)}
.v2-dark .eyebrow::before{background:var(--accent-bright);box-shadow:0 0 0 4px rgba(47,191,143,.18)}
.v2-tag{display:block;font-size:clamp(20px,2.2vw,28px);letter-spacing:-.03em;color:var(--night-ink);margin-top:14px}
.v2-stages{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;max-width:1140px;margin:0 auto;counter-reset:stg}
.v2-stage{position:relative;border-radius:22px;background:var(--night-2);border:1px solid var(--night-line);padding:24px 22px 22px;counter-increment:stg}
.v2-stage::before{content:counter(stg,decimal-leading-zero);display:block;font-family:var(--f-mono);font-size:12px;letter-spacing:.1em;color:var(--accent-bright);margin-bottom:16px}
.v2-stage h3{font-size:20px;font-weight:500;letter-spacing:-.03em;margin:0 0 10px}
.v2-stage p{font-size:15px;line-height:1.55}
.v2-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:16px}
.v2-chips span{font-size:12.5px;font-weight:500;border-radius:999px;padding:5px 10px;background:rgba(47,191,143,.12);color:var(--accent-bright)}
.v2-stage + .v2-stage::after{content:"";position:absolute;left:-14px;top:50%;width:14px;height:1px;background:var(--night-line)}
.v2-close{text-align:center;max-width:640px;margin:clamp(32px,4vw,48px) auto 0;font-size:17px}
.v2-close b{color:var(--night-ink);font-weight:500}
@media (max-width:1000px){.v2-stages{grid-template-columns:repeat(2,minmax(0,1fr))}.v2-stage + .v2-stage::after{display:none}}
@media (max-width:560px){.v2-stages{grid-template-columns:1fr}}

/* ---------- one number ---------- */
.v2-one{max-width:980px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,5vw,64px);align-items:center}
.v2-one__num{border-radius:28px;background:var(--accent);color:#fff;padding:clamp(28px,4vw,44px)}
.v2-one__num small{display:block;font-family:var(--f-mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase;opacity:.92;margin-bottom:14px}
.v2-one__num b,.v2-one__num h2{display:block;margin:0;color:#fff;font-weight:500;font-size:clamp(30px,3.6vw,46px);line-height:1.05;letter-spacing:-.04em}
.v2-one p{font-size:17px;line-height:1.65;color:var(--muted)}
.v2-one p + p{margin-top:14px}
@media (max-width:820px){.v2-one{grid-template-columns:1fr}}

/* ---------- flow strip ---------- */
/* Journey strip (same as the v1 home): one example prospect, start to booked */
/* Journey strip under the hero: one example prospect, start to booked */
.v2-jwrap{padding:0 24px}
.journey{width:100%;max-width:1320px;margin:0 auto;text-align:left}
.journey__row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
.jstep{--i:0;display:grid;grid-template-rows:auto 1fr;gap:12px}
.jstep__h{display:flex;align-items:center;gap:10px;font-size:14px;line-height:1.25;font-weight:500;color:var(--ink-2);min-width:0;min-height:2.6em}
.jstep__h::after{content:"";flex:1 1 16px;min-width:16px;height:1px;background:linear-gradient(90deg,var(--accent) 0 50%,var(--line) 50% 100%) 100% 0/200% 100% no-repeat}
.journey.is-in .jstep__h::after{animation:jLine 1s var(--ease) both;animation-delay:calc(var(--i) * .14s + .2s)}
.jic{flex:0 0 auto;width:26px;height:26px;border-radius:8px;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent);font:700 11px/1 var(--f-sans)}
.jic svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.jcard{min-height:104px;border-radius:16px;background:#fff;box-shadow:var(--shadow-soft);padding:14px;display:grid;gap:10px;align-content:start;font-size:13.5px;transition:transform .6s var(--ease),box-shadow .6s var(--ease)}
.jstep.is-on .jcard{transform:translateY(-4px);box-shadow:0 0 0 1.5px var(--accent),0 18px 40px -18px rgba(15,122,98,.45)}
.jwho{display:flex;align-items:center;gap:10px;min-width:0}
.jwho > span:nth-child(2){display:grid;min-width:0;line-height:1.3}
.jwho b{font-weight:600;font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.jwho small{font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.jav{flex:0 0 auto;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--well);font-size:11px;font-weight:600;color:var(--ink-2)}
.jtag{display:inline-flex;align-items:center;gap:6px;justify-self:start;padding:3px 9px;border-radius:999px;background:var(--accent-soft);color:var(--accent);font-family:var(--f-mono);font-size:10.5px;letter-spacing:.02em;white-space:nowrap}
.jwho .jtag{margin-left:auto}
.jmsg{color:var(--ink-2);line-height:1.45}
.jmsg--in{justify-self:start;background:var(--well);padding:8px 11px;border-radius:12px 12px 12px 4px}
.jchk{display:grid;gap:6px;font-size:13px;color:var(--ink-2)}
.jchk li{display:flex;align-items:flex-start;gap:8px;line-height:1.35}
.jchk li::before{content:"";flex:0 0 auto;width:14px;height:14px;margin-top:1px;border-radius:50%;background:var(--accent-soft) url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 12 12%27%3E%3Cpath d=%27M3 6.2L5 8.2 9 3.8%27 fill=%27none%27 stroke=%27%230f7a62%27 stroke-width=%271.8%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E") center/10px no-repeat}
.jcap{font-size:12.5px;line-height:1.4;color:var(--muted)}
.jby{font-family:var(--f-mono);font-size:10px;letter-spacing:.07em;text-transform:uppercase;color:var(--faint);margin-bottom:-5px}
.jmsg--out{justify-self:start;background:var(--accent-soft);color:var(--ink);padding:8px 11px;border-radius:12px 12px 12px 4px}
.jcard .jtag{justify-self:start}
.jcal{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px}
.jcal > span:last-child{display:grid;gap:3px;min-width:0;line-height:1.3}
.jcal b{font-weight:600}
.jcal small{font-size:12px;color:var(--muted)}
.jic{font-size:12px;font-weight:600}
.jsys{justify-self:start;font-family:var(--f-mono);font-size:11px;color:var(--accent)}
.jcard--cal{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:14px}
.jcard--cal > span:last-child{display:grid;gap:4px;min-width:0;line-height:1.3}
.jcard--cal b{font-weight:600}
.jcard--cal small{font-size:12px;color:var(--muted)}
.jdate{display:grid;justify-items:center;padding:8px 12px;border-radius:12px;background:var(--accent);color:#fff;line-height:1.1}
.jdate small{font-family:var(--f-mono);font-size:10px;letter-spacing:.08em;color:rgba(255,255,255,.8)}
.jdate b{font-family:var(--f-sans);font-weight:600;font-size:20px;letter-spacing:-.03em;color:#fff}
.jwho{flex-wrap:wrap;row-gap:8px}
.jwho .jtag{margin-left:40px}
.journey__note{margin-top:14px;text-align:center;font-size:13px;color:var(--muted)}
@keyframes jLine{from{background-position:100% 0}to{background-position:0 0}}
@media (max-width:1180px){
  .journey{width:100%}
  .journey__row{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:minmax(232px,72%);overflow-x:auto;scroll-snap-type:x mandatory;padding:6px 2px 16px;scrollbar-width:none}
  .journey__row::-webkit-scrollbar{display:none}
  .jstep{scroll-snap-align:start}
}
@media (prefers-reduced-motion:reduce){.journey .jstep__h::after{animation:none;background-position:0 0}.jcard{transition:none}}

/* ---------- included grid ---------- */
.v2-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;max-width:1140px;margin:0 auto}
.v2-card{border-radius:22px;background:#fff;box-shadow:var(--shadow-soft);padding:22px 22px 24px}
.v2-card .stat__ic{margin-bottom:14px}
.v2-card h3{font-size:18px;font-weight:500;letter-spacing:-.025em;color:var(--ink);margin:0 0 6px}
.v2-card p{font-size:15px;line-height:1.55;color:var(--muted)}
@media (max-width:900px){.v2-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.v2-grid{grid-template-columns:1fr}}

/* ---------- do / don't ---------- */
.v2-dd{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;max-width:980px;margin:0 auto}
.v2-dd--one{grid-template-columns:1fr;max-width:640px}
.v2-dd > div{border-radius:24px;padding:clamp(24px,3vw,34px)}
.v2-dd__do{background:var(--accent-soft)}
.v2-dd__dont{background:var(--well)}
.v2-dd h3{font-size:20px;font-weight:500;letter-spacing:-.03em;color:var(--ink);margin:0 0 16px}
.v2-dd ul{display:grid;gap:12px}
.v2-dd li{display:flex;gap:10px;align-items:center;font-size:16px;color:var(--ink)}
.v2-x{flex:0 0 22px;width:22px;height:22px;border-radius:6px;background:#fff;display:inline-flex;align-items:center;justify-content:center}
.v2-x svg{width:12px;height:12px;stroke:#8b948f;stroke-width:2;fill:none;stroke-linecap:round}
.v2-dd__dont li{color:var(--ink-2)}
@media (max-width:700px){.v2-dd{grid-template-columns:1fr}}

/* ---------- who we work with ---------- */
.v2-who{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;max-width:1140px;margin:0 auto}
.v2-who > div{border-radius:22px;border:1px solid var(--line);background:#fff;padding:24px}
.v2-who small{display:block;font-size:14px;color:var(--muted);margin-bottom:6px}
.v2-who b{display:block;font-weight:500;font-size:clamp(22px,2.2vw,28px);letter-spacing:-.035em;line-height:1.1;color:var(--accent-hover);margin-bottom:12px}
.v2-who p{font-size:15px;line-height:1.55;color:var(--muted)}
.v2-notfit{max-width:760px;margin:clamp(28px,4vw,44px) auto 0;text-align:center}
.v2-notfit h3{font-weight:500;font-size:clamp(22px,2.4vw,30px);letter-spacing:-.035em;color:var(--ink)}
.v2-notfit h3 span{color:var(--accent)}
.v2-notfit p{margin-top:12px;font-size:16.5px;line-height:1.6;color:var(--muted)}
@media (max-width:900px){.v2-who{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.v2-who{grid-template-columns:1fr}}

/* ---------- the "Ready to talk?" card ---------- */
.v2-cta{max-width:980px;margin:0 auto;border-radius:32px;padding:clamp(36px,6vw,72px) clamp(20px,4vw,56px);text-align:center;background:radial-gradient(120% 140% at 50% 0%,var(--accent-soft) 0%,#fff 62%);box-shadow:var(--shadow-soft)}
.v2-cta .h2{font-size:clamp(34px,4.6vw,60px)}
.v2-cta .lead{margin:14px auto 0}
.v2-cta .ec{margin:28px auto 0}

/* ---------- methodology ---------- */
.v2-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));max-width:900px;margin:clamp(40px,5vw,64px) auto 0;border-top:1px solid var(--line)}
.v2-facts div{padding:22px 16px 0;text-align:center}
.v2-facts div + div{border-left:1px solid var(--line)}
.v2-facts b{display:block;font-weight:500;font-size:clamp(40px,5vw,64px);line-height:1;letter-spacing:-.05em;color:var(--ink)}
.v2-facts span{display:block;margin-top:10px;font-size:15px;color:var(--muted)}
@media (max-width:560px){.v2-facts{grid-template-columns:1fr}.v2-facts div + div{border-left:0;border-top:1px solid var(--line);padding-top:18px;margin-top:18px}}
.v2-pains{max-width:900px;margin:0 auto;display:grid;gap:0}
.v2-pains p{font-weight:500;font-size:clamp(22px,2.6vw,32px);line-height:1.25;letter-spacing:-.03em;color:var(--ink);padding:22px 0;border-top:1px solid var(--line)}
.v2-pains p:last-child{border-bottom:1px solid var(--line)}
.v2-steps{max-width:1100px;margin:0 auto;display:grid;gap:14px}
.v2-step{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(20px,4vw,56px);border-radius:28px;background:#fff;box-shadow:var(--shadow-soft);padding:clamp(24px,3.4vw,44px)}
.v2-step__n{font-family:var(--f-mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin-bottom:14px}
.v2-step h3{font-weight:500;font-size:clamp(24px,2.8vw,34px);line-height:1.1;letter-spacing:-.04em;color:var(--ink)}
.v2-step h3 span{display:block;color:var(--muted);font-size:.62em;letter-spacing:-.02em;margin-top:8px;line-height:1.3}
.v2-step > div > p{margin-top:16px;font-size:16.5px;line-height:1.6;color:var(--muted)}
.v2-step .lp-plist{margin:0;align-self:center}
@media (max-width:820px){.v2-step{grid-template-columns:1fr}}
.v2-why{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;max-width:1140px;margin:0 auto}
.v2-why > div{border-radius:22px;background:var(--night-2);border:1px solid var(--night-line);padding:24px}
.v2-why h3{font-size:19px;font-weight:500;letter-spacing:-.03em;margin:0 0 8px}
.v2-why p{font-size:15px;line-height:1.55}
@media (max-width:900px){.v2-why{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.v2-why{grid-template-columns:1fr}}

/* ---------- blog index ---------- */
.bl-hero{padding:calc(var(--nav-h) + clamp(64px,8vw,112px)) 0 clamp(28px,4vw,44px)}
.bl-hero .wrap{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:end}
.bl-pill{display:inline-block;border-radius:999px;background:var(--accent-soft);color:var(--accent-hover);font-size:14px;font-weight:500;padding:8px 14px;margin-bottom:22px}
.bl-h1{font-weight:500;font-size:clamp(38px,5.4vw,72px);line-height:1.02;letter-spacing:-.048em;color:var(--ink)}
.bl-h1 span{display:block;color:var(--accent)}
.bl-hero .lead{margin-top:20px}
.bl-filter{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}
.bl-filter button{border:1px solid var(--line);background:#fff;border-radius:999px;padding:10px 16px;font:inherit;font-size:14.5px;font-weight:500;color:var(--ink-2);cursor:pointer;transition:background-color .2s,color .2s,border-color .2s}
.bl-filter button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:#fff}
@media (max-width:820px){.bl-hero .wrap{grid-template-columns:1fr}.bl-filter{justify-content:flex-start}}
.bl-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.bl-card{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:22px;background:#fff;padding:24px;text-decoration:none;color:inherit;transition:box-shadow .3s var(--ease),transform .3s var(--ease)}
@media (hover:hover) and (pointer:fine){.bl-card:hover{box-shadow:var(--shadow-lift);transform:translateY(-2px)}}
.bl-card[hidden]{display:none}
.bl-topic{align-self:flex-start;font-family:var(--f-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);margin-bottom:14px}
.bl-card h2{font-weight:500;font-size:clamp(21px,1.9vw,25px);line-height:1.15;letter-spacing:-.035em;color:var(--ink);margin:0 0 12px}
.bl-card p{font-size:15.5px;line-height:1.55;color:var(--muted);margin-bottom:20px}
.bl-by{margin-top:auto;display:flex;align-items:center;gap:10px;font-size:14px;color:var(--muted)}
.bl-by b{color:var(--ink);font-weight:600}
.bl-av{width:28px;height:28px;border-radius:8px;background:var(--accent);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:600}
.bl-by i{width:1px;height:14px;background:var(--line)}
@media (max-width:900px){.bl-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){.bl-grid{grid-template-columns:1fr}}

/* ---------- blog post ---------- */
.po-hero{padding:calc(var(--nav-h) + clamp(56px,7vw,96px)) 0 clamp(20px,3vw,32px)}
.po-col{max-width:720px;margin:0 auto;padding-inline:var(--gutter)}
.po-back{display:inline-flex;align-items:center;gap:6px;font-size:14.5px;color:var(--muted);text-decoration:none;margin-bottom:26px}
.po-back:hover{color:var(--ink)}
.po-h1{font-weight:500;font-size:clamp(34px,4.6vw,56px);line-height:1.05;letter-spacing:-.045em;color:var(--ink);text-wrap:balance}
.po-dek{margin-top:18px;font-size:clamp(18px,1.7vw,21px);line-height:1.5;color:var(--muted)}
.po-hero .bl-by{margin-top:24px}
.po-body{padding-bottom:clamp(40px,5vw,64px)}
.po-body h2{font-weight:500;font-size:clamp(24px,2.6vw,30px);line-height:1.15;letter-spacing:-.035em;color:var(--ink);margin:44px 0 14px}
.po-body p,.po-body li{font-size:18px;line-height:1.7;color:var(--ink-2)}
.po-body p{margin:0 0 18px}
.po-body ul,.po-body ol{margin:0 0 20px;padding-left:22px;display:grid;gap:8px}
.po-body ul{list-style:disc}
.po-body ol{list-style:decimal}
.po-body b{color:var(--ink);font-weight:600}
.po-body blockquote{margin:24px 0;padding:18px 22px;border-left:3px solid var(--accent);background:var(--accent-soft);border-radius:0 14px 14px 0;font-size:18px;line-height:1.6;color:var(--ink)}
.po-note{font-size:14.5px!important;color:var(--muted)!important;border-top:1px solid var(--line);padding-top:16px;margin-top:28px!important}
/* key takeaways (top of a post) and the question block (end of a post): plain headings and text, so answer engines
   can quote them */
.po-key{margin:0 0 28px;border-radius:20px;background:var(--accent-soft);padding:20px 24px}
.po-key h2{margin:0 0 10px!important;font-size:15px!important;font-family:var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--accent-hover)}
.po-key ul{margin:0;padding-left:20px;display:grid;gap:6px}
.po-key li{font-size:16.5px;line-height:1.5;color:var(--ink)}
.po-faq{margin-top:36px;border-top:1px solid var(--line);padding-top:28px}
.po-faq h3{font-weight:600;font-size:18px;letter-spacing:-.02em;color:var(--ink);margin:18px 0 6px}
.po-faq h3:first-of-type{margin-top:0}
.po-series{font-size:15.5px!important;color:var(--muted)!important}
.bl-grid--2{grid-template-columns:repeat(2,minmax(0,1fr));max-width:760px}
.v2-who--4{grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:1000px){.v2-who--4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.v2-who--4,.bl-grid--2{grid-template-columns:1fr}}
.po-more{padding-block:clamp(40px,5vw,72px);border-top:1px solid var(--line)}
.po-more .h2{font-size:clamp(26px,3vw,36px);margin-bottom:22px}

/* ---------- footer links above the legal line ---------- */
.v2-foot{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 18px;margin-bottom:4px}
.v2-foot a{color:var(--night-muted);text-decoration:none;font-size:14px;padding:6px 2px}
.v2-foot a:hover{color:var(--night-ink)}

/* Header links: the same as the live home page (index.html), so the blog header matches it */
.nav__links{display:flex;gap:4px}
.nav__links a{text-decoration:none;font-size:14.5px;color:var(--muted);padding:8px 12px;border-radius:999px;transition:color .15s,background-color .15s}
.nav__links a:hover,.nav__links a[aria-current=page]{color:var(--ink);background:var(--well)}
@media (max-width:860px){.nav__links{display:none}}
@media (max-width:480px){.nav__pill{padding-left:16px}.nav .brand span{display:none}.nav .btn--sm{font-size:13.5px;padding-left:14px}}