/* How It Works extends the frozen homepage. No shared visual rules are changed. */
.how-page h1,.how-page h2,.how-page h3{text-wrap:balance}
.how-page .desktop-nav [aria-current=page]{border-bottom:1px solid var(--olive)}
.how-page .how-hero{padding-block:76px 0}
.how-hero h1{max-width:1050px;font-size:clamp(3.65rem,6.4vw,6.7rem)}
.how-hero-details{display:grid;grid-template-columns:1fr 1fr;gap:100px;margin-top:48px;align-items:start}
.how-intro,.how-prose{font-size:1rem;line-height:1.8;color:var(--navy)}
.how-intro{max-width:590px}
.how-hero .how-intro{font-size:1.0625rem;max-width:570px}
.how-hero-evidence{font-size:1rem;line-height:1.8}
.how-hero-evidence>p+p{margin-top:6px}
.how-hero-evidence .verdict-inline{margin-top:26px;font-size:1.375rem}
.how-hero-evidence .how-decides{font:500 1.85rem/1.25 var(--serif);margin-top:14px}
.how-journey-line{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));list-style:none;margin:52px 0 0;padding:0;border-top:1px solid var(--rule)}
.how-journey-line li{padding:23px 0;font:600 .875rem/1.6 var(--sans);letter-spacing:.09em}
.how-journey-line li+li{padding-left:28px;border-left:1px solid var(--rule)}
.how-journey-line li:nth-child(4){border-left-color:var(--navy)}
.how-section{border-top:1px solid var(--rule)}
.how-split,.how-step-layout{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:start}
.how-split>*,.how-step-layout>*,.how-hero-details>*,.how-engine-layout>*{min-width:0}
.how-split h2,.how-step-layout h2{margin-top:22px}
.how-split>.how-prose,.how-split>.how-intro{padding-top:38px}
.how-step-layout .how-prose{margin-top:28px}
.how-contents{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 40px;margin:54px 0 0;padding:0}
.how-contents li{border-top:1px solid var(--rule)}
.how-contents a{display:flex;align-items:center;gap:24px;min-height:106px;padding:24px 0;font:600 .875rem/1.6 var(--sans);letter-spacing:.025em}
.how-contents-number{font:500 2.55rem/1 var(--serif);color:var(--clay);flex-shrink:0;letter-spacing:-.03em}
.how-contents a:hover>span:last-child{text-decoration:underline;text-underline-offset:5px}
.how-step-layout{align-items:center}
.asset-slot{border:1px solid var(--rule);background:rgba(15,22,32,.025);width:100%;min-width:0;display:flex;align-items:center;justify-content:center;aspect-ratio:16/9;padding:36px}
.asset-slot figcaption{max-width:390px;text-align:center;font:600 .75rem/1.8 var(--sans);letter-spacing:.1em;text-wrap:balance}
.slot-mark{display:block;width:34px;height:2px;background:var(--olive);margin:0 auto 22px}
.how-product-slot{aspect-ratio:5/4}
.how-step-reverse .how-step-copy{grid-column:2;grid-row:1}
.how-step-reverse .asset-slot{grid-column:1;grid-row:1}
.how-workbook-slot{aspect-ratio:4/5}
.how-actions{font:600 .875rem/1.9 var(--sans);letter-spacing:.035em;border-block:1px solid var(--rule);padding:22px 0;margin-top:25px}
.how-test-actions{list-style:none;padding:0;margin:30px 0;font:500 1.85rem/1.4 var(--serif);letter-spacing:-.02em}
.how-test-actions li+li{margin-top:9px}
.how-real-world-slot{aspect-ratio:4/5}
.how-supporting{font:500 2.3rem/1.2 var(--serif);letter-spacing:-.025em;margin-top:28px}
.how-record-lines{margin-top:20px;padding-left:24px;border-left:1px solid var(--rule)}
.how-record-lines p+p{margin-top:8px}
.how-prose .how-evidence-emphasis{font-weight:600;margin-top:26px}
.how-evidence-slot{aspect-ratio:3;margin-top:52px}
.how-engine h2{max-width:1030px;margin-top:25px;font-size:clamp(3.25rem,5.25vw,5.8rem)}
.how-page .dark .section-no{color:var(--cream)}
.how-engine-layout{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center;margin-top:45px}
.how-page .dark .how-prose,.how-page .dark .how-intro{color:var(--cream)}
.how-engine-aside{border-left:1px solid rgba(233,228,219,.28);padding-left:52px}
.how-engine-aside .how-supporting{font-size:2.9rem;margin:0}
.how-engine-aside .text-link{margin-top:32px}
.dark .asset-slot{border-color:rgba(233,228,219,.28);background:transparent;color:var(--cream)}
.how-engine-slot{aspect-ratio:2.65;margin-top:52px}
.how-engine-slot figcaption{max-width:520px}
.how-result{border-top:1px solid rgba(233,228,219,.28)}
.how-outcomes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:52px;border-block:1px solid rgba(233,228,219,.28)}
.how-outcomes article{padding:38px 34px 38px 0}
.how-outcomes article+article{border-left:1px solid rgba(233,228,219,.28);padding-left:34px}
.how-outcomes h3.outcome{font:500 4.75rem/1.1 var(--serif);letter-spacing:-.035em;margin-bottom:24px}
.how-outcomes p{font-size:1rem;line-height:1.8;max-width:380px}
.how-result-footer{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-top:32px}
.how-result-footer p+p{margin-top:5px}
.how-result-footer .text-link{flex-shrink:0;line-height:1.7}
.how-next-actions{margin:45px 0 0}
.how-next-actions>div{display:grid;grid-template-columns:170px 1fr;gap:50px;align-items:center;border-top:1px solid var(--rule);padding:27px 0}
.how-next-actions>div:last-child{border-bottom:1px solid var(--rule)}
.how-next-actions dt{font:500 2.7rem/1.1 var(--serif);letter-spacing:-.03em}
.how-next-actions dd{font-size:1rem;line-height:1.8;margin:0;max-width:850px}
.how-principles{list-style:none;margin:48px 0 0;padding:28px 0 0;border-top:1px solid var(--rule);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;font:500 1.9rem/1.25 var(--serif);letter-spacing:-.025em}
.how-page .final-cta>div>p:not(.eyebrow):not(.decides){max-width:660px;margin-inline:auto;font-size:1rem}
@media(max-width:1200px){
 .how-hero-details,.how-split,.how-step-layout,.how-engine-layout{gap:60px}
 .how-contents{gap:0 30px}.how-contents a{gap:18px}
 .how-engine-aside{padding-left:32px}.how-engine-aside .how-supporting{font-size:2.5rem}
 .how-result-footer{flex-direction:column;align-items:start;gap:22px}
}
@media(max-width:950px){
 .how-page .how-hero{padding-top:58px}.how-hero h1{font-size:clamp(3.8rem,7vw,5.5rem)}
 .how-hero-details,.how-split,.how-step-layout,.how-engine-layout{gap:38px}
 .how-contents{gap:0 24px}.how-contents a{font-size:.8125rem;gap:15px}.how-contents-number{font-size:2.2rem}
 .how-journey-line li+li{padding-left:20px}
 .how-outcomes article{padding:28px 22px 28px 0}.how-outcomes article+article{padding-left:22px}.how-outcomes h3.outcome{font-size:4rem}
 .how-next-actions>div{grid-template-columns:120px 1fr;gap:35px}
}
@media(max-width:700px){
 .how-page .how-hero{padding-top:40px}
 .how-hero h1{font-size:clamp(3.15rem,11.5vw,4.7rem);line-height:1.03}
 .how-hero-details{grid-template-columns:1fr;gap:25px;margin-top:28px}
 .how-hero .how-intro{font-size:1rem}
 .how-hero-evidence .verdict-inline{margin-top:22px;gap:19px}
 .how-hero-evidence .verdict-inline>.outcome+.outcome{padding-left:19px}
 .how-hero-evidence .how-decides{font-size:1.8rem}
 .how-journey-line{margin-top:32px;grid-template-columns:1fr 1fr 1.45fr 1.25fr 1.2fr}
 .how-journey-line li{font-size:.75rem;letter-spacing:0;padding:18px 4px;text-align:center}
 .how-journey-line li+li{padding-left:4px}
 .how-page h2{font-size:clamp(2.65rem,9.5vw,3.6rem);line-height:1.06}
 .how-split,.how-step-layout,.how-engine-layout{grid-template-columns:1fr;gap:28px}
 .how-split h2,.how-step-layout h2{margin-top:18px}
 .how-split>.how-prose,.how-split>.how-intro{padding-top:0}
 .how-step-layout .how-prose{margin-top:23px}
 .how-contents{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px;margin-top:32px}
 .how-contents a{display:block;min-height:138px;padding:22px 0;font-size:.8125rem;line-height:1.7;letter-spacing:0}
 .how-contents-number{display:block;margin-bottom:15px;font-size:2.3rem}
 .how-contents a>span:last-child{display:block}
 .how-step-reverse .how-step-copy,.how-step-reverse .asset-slot{grid-column:auto;grid-row:auto}
 .asset-slot{padding:28px 24px}
 .asset-slot figcaption{font-size:.75rem;letter-spacing:.07em;line-height:1.8}
 .how-product-slot,.how-workbook-slot,.how-real-world-slot{aspect-ratio:1.2}
 .how-actions{font-size:.875rem;letter-spacing:0;padding-block:20px}
 .how-test-actions{font-size:1.85rem;margin-block:25px}
 .how-supporting{font-size:2.2rem;margin-top:25px}
 .how-record-lines{padding-left:18px}
 .how-evidence-slot{aspect-ratio:1.5;margin-top:34px}
 .how-engine h2{font-size:clamp(2.85rem,10vw,4rem);margin-top:22px}
 .how-engine-layout{margin-top:28px;gap:30px}
 .how-engine-aside{padding:27px 0 0;border-left:0;border-top:1px solid rgba(233,228,219,.28)}
 .how-engine-aside .how-supporting{font-size:2.5rem}.how-engine-aside .text-link{margin-top:24px}
 .how-engine-slot{aspect-ratio:1.4;margin-top:34px}
 .how-outcomes{grid-template-columns:1fr;margin-top:34px;border-bottom:0}
 .how-outcomes article,.how-outcomes article+article{padding:26px 0 30px;border-left:0;border-bottom:1px solid rgba(233,228,219,.28)}
 .how-outcomes h3.outcome{font-size:4.1rem;margin-bottom:16px}
 .how-result-footer{margin-top:26px;gap:25px;font-size:1rem}
 .how-result-footer .text-link{font-size:.8125rem;max-width:100%;flex-shrink:1;gap:12px}
 .how-next-actions{margin-top:30px}.how-next-actions>div{grid-template-columns:80px 1fr;gap:20px;padding-block:25px;align-items:start}
 .how-next-actions dt{font-size:2.05rem;padding-top:3px}
 .how-principles{grid-template-columns:1fr;gap:18px;margin-top:30px;padding-top:26px;font-size:1.9rem}
 .how-page .final-cta h2{font-size:clamp(4rem,15vw,5.8rem)}
 .how-page .final-cta .button{max-width:100%;padding-inline:18px;font-size:.75rem;gap:18px}
}
@media(max-width:360px){.how-journey-line li{padding-inline:2px}.how-journey-line li+li{padding-left:2px}.how-next-actions>div{grid-template-columns:1fr;gap:14px}}