@font-face{font-family:Fraunces;src:url('/brand/fraunces.ttf') format('truetype');font-display:swap;font-weight:100 900}@font-face{font-family:'DM Sans';src:url('/brand/dm-sans.ttf') format('truetype');font-display:swap;font-weight:100 900}
:root{--paper:#f5f1e8;--card:#fffcf6;--ink:#233e35;--muted:#627167;--green:#237b52;--blue:#52798a;--wood:#ad7d53;--line:#dcded2;--loss:#a33c36;--serif:Fraunces,Georgia,serif;--sans:'DM Sans',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 var(--sans);-webkit-font-smoothing:antialiased}a{color:var(--green);text-underline-offset:4px}a:hover{color:var(--ink)}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--blue);outline-offset:5px}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:var(--serif);font-weight:530;line-height:1.12;letter-spacing:-.035em}h1{font-size:clamp(42px,5.7vw,76px);margin-bottom:25px}h2{font-size:clamp(29px,3.2vw,43px);margin-bottom:22px}h3{font-size:25px;line-height:1.2;letter-spacing:-.025em}p{margin-bottom:18px}strong{font-weight:650}img{max-width:100%;height:auto}button,input{font:inherit}.skip{position:absolute;top:-100px;left:20px;background:white;padding:12px;z-index:100}.skip:focus{top:10px}.hub-header{background:rgba(245,241,232,.98);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10}.nav-wrap{max-width:1260px;padding:13px 36px;display:flex;align-items:center;gap:38px;margin:auto}.brand{text-decoration:none;color:var(--ink);flex-shrink:0}.hub-wordmark{display:flex;align-items:center;gap:5px;font:570 26px var(--serif);letter-spacing:-1px;white-space:nowrap}.hub-wordmark>span>span{color:var(--green)}.hub-wordmark img{width:69px;mix-blend-mode:darken}.hub-wordmark i{font-style:normal;color:var(--wood)}nav{display:flex;gap:26px}nav a{text-decoration:none;color:var(--muted);font-size:14px;font-weight:570;white-space:nowrap;padding:10px 0}nav a[aria-current]{color:var(--ink);box-shadow:inset 0 -2px var(--green)}.workspace-link{margin-left:auto;font-size:13px;white-space:nowrap;text-decoration:none;border:1px solid var(--line);border-radius:30px;padding:8px 16px}.hub-main{max-width:1190px;margin:auto;padding:0 36px 65px}.hero{display:grid;grid-template-columns:1.04fr 1fr;align-items:center;gap:38px;padding:60px 0 45px}.eyebrow{font:650 11px/1.5 var(--sans);letter-spacing:.16em;color:var(--green);margin-bottom:19px}.lede{font-size:19px;line-height:1.65;color:var(--muted);max-width:640px}.hero-copy .lede{max-width:465px}.actions{display:flex;gap:10px;flex-wrap:wrap;margin:28px 0}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:25px;text-decoration:none;background:var(--green);color:white;border:1px solid var(--green);padding:12px 21px;border-radius:7px;font-size:14px;font-weight:620;min-height:47px}.button:hover{background:var(--ink);color:white}.button.secondary{background:transparent;color:var(--ink);border-color:#bbc7ba}.button.secondary:hover{background:#e7ecdf}.quiet,.caption{font-size:13px;line-height:1.55;color:var(--muted)}.hero-foot{margin:10px 0 0}.hero-art{position:relative;isolation:isolate;padding-bottom:29px}.hero-art>img{display:block;width:100%;aspect-ratio:1.06;object-fit:cover;border-radius:140px 140px 10px 10px;mix-blend-mode:multiply}.art-note{background:var(--card);border:1px solid var(--line);border-radius:7px;padding:16px 22px;position:absolute;bottom:0;right:12px;left:38px;box-shadow:0 9px 18px #233e3505}.little-number{font-size:10px;letter-spacing:.15em;color:var(--wood);font-weight:650}.art-note p{font-size:14px;margin:7px 0 0;line-height:1.5}.principles{display:grid;grid-template-columns:repeat(3,1fr);padding:25px 0 32px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);gap:35px}.principles>div{position:relative;padding-left:41px}.round-icon{display:flex;align-items:center;justify-content:center;border:1px solid #becbbc;border-radius:50%;width:29px;height:29px;font-size:11px;font-weight:600;flex-shrink:0}.principles .round-icon{position:absolute;left:0;top:0}.principles h2{font-size:20px;line-height:1.25;margin:3px 0 8px}.principles p{color:var(--muted);font-size:14px;margin:0}.section{padding-top:60px}.section-head{display:flex;gap:35px;justify-content:space-between;align-items:end;margin-bottom:25px}.section-head h2{margin-bottom:0;max-width:570px}.section-head>p{max-width:275px;font-size:14px;color:var(--muted);margin:0 0 4px}.study-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.study-card{display:flex;flex-direction:column;background:var(--card);border:1px solid var(--line);border-radius:10px;padding:24px}.study-card.featured{border-color:#8eb49a;background:#edf2e7}.card-top{display:flex;flex-direction:column;align-items:flex-start;gap:10px}.card-top .quiet{font-size:10px;letter-spacing:.08em}.tag{font:650 9px/1.5 var(--sans);letter-spacing:.1em;display:inline-block;border:1px solid #d5dccf;border-radius:20px;padding:5px 9px;white-space:nowrap}.tag.green{background:#dceadb;color:#275c3f;border-color:#c6d9c4}.tag.blue{background:#e2eced;color:#345869;border-color:#cbdce0}.tag.amber{background:#f1e6cf;color:#755223;border-color:#e3d4b9}.study-number{font:500 47px var(--serif);color:#97ac99;margin:23px 0 15px}.study-card h3{font-size:28px;margin-bottom:15px}.study-card p{color:var(--muted);font-size:14px}.study-card dl{font-size:12px;border-top:1px solid var(--line);padding-top:15px;margin:auto 0 22px}.study-card dl div{display:flex;justify-content:space-between;gap:12px;margin:7px 0}.study-card dt{color:var(--muted)}dd{margin:0}.text-link{font-size:14px;font-weight:650;text-decoration:none;display:inline-flex;gap:16px;align-items:center}.study-grid+.caption{margin-top:16px}.learning-band{margin-top:60px;background:#dfe9e6;border:1px solid #cbd9d2;border-radius:10px;padding:37px;display:grid;grid-template-columns:1.15fr 1fr;gap:45px;align-items:center}.learning-band h2{font-size:35px}.learning-band p{font-size:15px;max-width:510px}.lesson-preview{list-style:none;margin:0;padding:0}.lesson-preview li{padding:18px 0;border-bottom:1px solid #bfcec7;font-size:15px;display:flex;gap:16px}.lesson-preview li:last-child{border:0}.lesson-preview span{font:500 20px var(--serif);color:var(--blue)}.closing-note{padding:60px 70px 0;max-width:820px;margin:auto;text-align:center}.closing-note p:not(.eyebrow){color:var(--muted)}.hub-footer{max-width:1190px;margin:auto;border-top:1px solid var(--line);padding:34px 36px 48px;display:flex;justify-content:space-between;gap:40px;color:var(--muted);font-size:12px}.hub-footer>div:last-child{max-width:410px}.hub-footer p{margin:10px 0}.hub-footer strong{color:var(--ink);font-size:14px}.back-link{display:inline-block;font-size:13px;text-decoration:none;margin-top:34px}.page-intro{max-width:890px;padding:36px 0 38px}.page-intro h1{font-size:clamp(42px,5.5vw,66px)}.tags{display:flex;gap:9px;flex-wrap:wrap;margin:24px 0 0}.two-panels{display:grid;grid-template-columns:1fr 1fr;gap:25px}.panel{background:var(--card);border:1px solid var(--line);padding:30px;border-radius:9px}.panel h2{font-size:32px}.panel p:last-child{margin-bottom:0}.blue-panel{background:#e7edeb}.process-list{list-style:none;padding:0;margin:30px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:32px}.process-list li{display:flex;gap:20px}.process-list .round-icon{margin-top:2px;width:34px;height:34px}.process-list h3{margin-bottom:10px}.process-list p{color:var(--muted);font-size:15px;margin:0}.rule-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.rule-card{border:1px solid var(--line);padding:22px;background:var(--card);border-radius:7px}.rule-card h3{font-size:21px;margin:14px 0 10px}.rule-card strong{font-size:14px;color:var(--green)}.rule-card p{font-size:13px;color:var(--muted);margin:10px 0 0}.rule-grid+.caption{margin-top:18px}.limits ul{padding-left:22px;max-width:890px}.limits li{padding-left:6px;margin-bottom:15px}.next-question{padding:32px;margin-top:48px;border-top:2px solid var(--green);background:#ebeee3}.next-question h2{font-size:34px}.next-question p{max-width:830px}.article-layout{display:grid;grid-template-columns:205px minmax(0,1fr);gap:55px}.contents{align-self:start;position:sticky;top:115px}.contents nav{flex-direction:column;gap:2px;margin-bottom:25px}.contents nav a{font-size:13px;padding:7px 0;white-space:normal}.article-body{max-width:790px}.article-body section{padding:15px 0 43px;scroll-margin-top:105px}.article-body section+section{border-top:1px solid var(--line);padding-top:38px}.article-body h2{font-size:36px;line-height:1.2}.article-body h3{margin:25px 0 14px;font-size:24px}.article-body p{color:#485d50}.source-link{font-size:12px;white-space:normal}.takeaway{padding:21px 24px;margin:28px 0 0;background:#e5ecdf;border-left:3px solid var(--green);border-radius:0 7px 7px 0}.takeaway p{font-size:14px;margin:8px 0 0}.mini-process{display:grid;grid-template-columns:1fr 1fr;list-style:none;padding:0;gap:13px;margin:26px 0}.mini-process li{border:1px solid var(--line);padding:18px;border-radius:7px;background:var(--card)}.mini-process strong{display:block;color:var(--green);font-size:15px}.mini-process span{font-size:14px;display:block;margin-top:7px}.ai-panels{gap:14px;margin:27px 0}.ai-panels .panel{padding:20px}.ai-panels h3{margin-top:0}.ai-panels ul{font-size:14px;padding-left:20px}.ai-panels li{margin:7px 0}.calculator{border:1px solid #c4d1bf;border-radius:10px;background:var(--card);display:grid;grid-template-columns:1fr 1fr;overflow:hidden;margin:25px 0 15px}.calculator form{padding:25px}.calculator label{font-size:14px;font-weight:620;display:flex;justify-content:space-between;gap:15px}.calculator output{font-variant-numeric:tabular-nums;color:var(--green)}input[type=range]{width:100%;accent-color:var(--green);margin:15px 0 3px;min-height:25px;cursor:pointer}.range-labels{display:flex;justify-content:space-between;font-size:11px;color:var(--muted);margin-bottom:22px}.calculator-result{background:#e5eddf;padding:25px}.calculator-result>span{font-size:12px}.calculator-result>strong{display:block;font:550 49px var(--serif);margin:10px 0 16px;font-variant-numeric:tabular-nums}.calculator-result p{font-size:14px;line-height:1.5;min-height:65px}.calculator-result dl{font-size:12px;margin:0}.calculator-result dl div{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-top:1px solid #cbd7c5}.calculator-result dd{font-weight:650;white-space:nowrap}.text-button{border:0;background:none;padding:7px 0;text-decoration:underline;text-underline-offset:4px;color:var(--green);font-size:13px;cursor:pointer}.negative{color:var(--loss)!important}.positive{color:var(--green)!important}.evidence-stages{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.evidence-stages h3{font-size:22px}.evidence-stages p{font-size:14px}.reader-checks{padding-left:22px}.reader-checks li{margin:10px 0}.glossary details{border-bottom:1px solid var(--line);padding:15px 0}.glossary summary{font-size:16px;font-weight:620;cursor:pointer}.glossary p{font-size:15px;margin:14px 0 0}.sources ul{padding-left:20px}.sources li{font-size:14px;margin:12px 0}.article-body .next-question{padding:28px;margin-top:0;border-top:2px solid var(--green)}.method-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.method-grid h2{font-size:28px;margin:18px 0}.method-grid p{font-size:15px}.roles{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.roles p{font-size:15px;color:var(--muted)}.preview-note{background:#e7edf0;border:1px solid #c9d8de;border-radius:6px;padding:9px 14px;font-size:12px;color:#375c6e;margin-top:24px}.edition-cutoff{font-size:13px;color:var(--muted);max-width:750px}.score-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.score-grid article{padding:22px;background:var(--card);border:1px solid var(--line);border-radius:9px}.score-grid span,.score-grid small{display:block;font-size:12px;color:var(--muted)}.score-grid strong{display:block;font:550 39px var(--serif);margin:12px 0}.notice{border-left:3px solid var(--wood);padding:15px 20px;background:#efe8da;margin:22px 0;font-size:15px}.jump-links{display:flex;flex-wrap:wrap;gap:9px}.jump-links a{padding:7px 12px;border:1px solid var(--line);border-radius:30px;font-size:12px;text-decoration:none}.section-lede{max-width:790px;color:var(--muted)}.check-list{margin-top:25px;border:1px solid var(--line);border-radius:9px;overflow:hidden;background:var(--card)}.check-row{display:grid;grid-template-columns:1fr 340px;gap:25px;border-bottom:1px solid var(--line);padding:21px 25px;align-items:center}.check-row:last-child{border:0}.check-row h3{font:650 15px var(--sans);margin:8px 0;letter-spacing:0}.check-row p{font-size:13px;margin:0;color:var(--muted)}.state{font-size:11px;font-weight:650}.state.passed{color:var(--green)}.state.failed{color:var(--loss)}.state.unavailable{color:#806128}.check-row dl{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:0;font-size:13px}.check-row dt{color:var(--muted);font-size:11px}.check-row dd{font-weight:650;margin-top:7px}.evidence-detail{border:1px solid var(--line);border-radius:7px;padding:17px 21px;margin-top:20px;background:var(--card);font-size:14px}.evidence-detail summary{cursor:pointer;font-weight:620}.evidence-detail[open] summary{margin-bottom:20px}.timeline{padding:0;list-style:none;max-width:900px;margin:30px 0 0}.timeline>li{display:flex;gap:22px;padding-bottom:30px}.timeline .round-icon{width:36px;height:36px}.timeline h3{margin:8px 0 12px}.timeline p{font-size:15px}.timeline details summary{font-size:13px;color:var(--green);cursor:pointer}.timeline .check-row{grid-template-columns:1fr}.cost-ledger>div{display:flex;justify-content:space-between;gap:18px;padding:13px 0;border-bottom:1px solid var(--line);font-size:15px}.cost-ledger strong{white-space:nowrap;font-variant-numeric:tabular-nums}.cost-ledger .total{border-top:1px solid var(--ink);border-bottom:0;margin-top:6px;padding-top:18px;font-weight:650}.cost-ledger+.caption{margin:15px 0 0}.comparison-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:25px}.comparison-card{border:1px solid var(--line);padding:20px;border-radius:8px;background:var(--card)}.comparison-card h3{font-size:22px}.comparison-card dl div{margin:15px 0}.comparison-card dt{font-size:11px;color:var(--muted)}.comparison-card dd{font-size:18px;font-weight:620;margin-top:3px}.comparison-grid+.caption{margin-top:18px}.provenance>div{display:grid;grid-template-columns:200px minmax(0,1fr);gap:20px;border-top:1px solid var(--line);padding:10px 0}.provenance dt{color:var(--muted)}code{overflow-wrap:anywhere;font-size:11px}
@media(max-width:960px){.nav-wrap{gap:20px;padding:10px 25px}.nav-wrap nav{gap:18px}.hub-wordmark{font-size:22px}.hub-wordmark img{width:57px}.workspace-link{padding:7px 11px}.hub-main{padding-left:25px;padding-right:25px}.hero{gap:22px;padding-top:42px}.hero-art>img{aspect-ratio:.84}.study-grid{gap:12px}.study-card{padding:20px}.study-card h3{font-size:25px}.study-card dl div{display:block}.learning-band{gap:25px;padding:28px}.article-layout{grid-template-columns:170px minmax(0,1fr);gap:28px}.calculator{grid-template-columns:1fr}.calculator-result p{min-height:0}.method-grid{grid-template-columns:1fr 1fr}.check-row{grid-template-columns:1fr 280px}.comparison-grid{grid-template-columns:1fr 1fr}.evidence-stages{grid-template-columns:1fr}.evidence-stages article{border-bottom:1px solid var(--line)}.evidence-stages h3{margin:10px 0}.hero .button{gap:12px;padding:11px 15px}}
@media(max-width:700px){html{scroll-padding-top:130px}.hub-header{position:relative}.nav-wrap{padding:11px 20px 0;gap:0;flex-wrap:wrap;justify-content:space-between}.nav-wrap .brand{order:0}.nav-wrap .workspace-link{order:1;margin-left:10px;font-size:11px;padding:6px 10px}.nav-wrap nav{order:2;width:100%;justify-content:space-between;gap:12px;padding-top:7px}.nav-wrap nav a{font-size:13px;padding:10px 2px}.hub-main{padding:0 20px 40px}.hero{grid-template-columns:1fr;padding:32px 0 30px;gap:18px}.hero h1{font-size:53px}.hero .lede{font-size:17px;max-width:470px}.eyebrow{font-size:10px;margin-bottom:16px}.actions{margin:22px 0 17px;gap:8px}.hero-art{max-width:470px;width:100%;margin:0 auto;padding-bottom:18px}.hero-art>img{aspect-ratio:1.65;border-radius:80px 80px 8px 8px;object-position:center 57%}.art-note{left:18px;right:18px;padding:10px 15px}.art-note p{font-size:12px;margin-top:5px}.art-note .little-number{font-size:9px}.hero-foot{font-size:12px}.principles{grid-template-columns:1fr;gap:21px;padding:25px 0}.principles h2{font-size:21px}.principles p{font-size:14px}.section{padding-top:39px}.section-head{display:block;margin-bottom:20px}.section-head>p{margin:17px 0 0;max-width:none}.section-head h2{font-size:34px}.study-grid{grid-template-columns:1fr;gap:15px}.study-card{padding:23px}.card-top{flex-direction:row;align-items:center;justify-content:space-between;gap:8px}.card-top .quiet{font-size:9px}.study-number{font-size:38px;margin:16px 0 12px}.study-card h3{font-size:29px}.study-card p{font-size:15px}.study-card dl{margin-top:6px;margin-bottom:20px}.study-card dl div{display:flex}.learning-band{grid-template-columns:1fr;margin-top:36px;padding:26px 22px;gap:20px}.learning-band h2{font-size:30px}.lesson-preview li{font-size:14px;padding:13px 0}.closing-note{padding:38px 0 0}.closing-note h2{font-size:33px}.hub-footer{display:block;padding:28px 20px 35px}.hub-footer>div+div{margin-top:25px}.page-intro{padding:25px 0 30px}.page-intro h1{font-size:42px}.lede{font-size:17px}.back-link{margin-top:23px}.two-panels,.process-list,.rule-grid,.method-grid,.roles{grid-template-columns:1fr}.panel{padding:24px}.panel h2{font-size:29px}.process-list{gap:25px}.rule-grid{gap:12px}.rule-card{padding:20px}.rule-card h3{margin:9px 0;font-size:22px}.rule-card p{font-size:14px}.next-question{padding:24px 20px;margin-top:34px}.next-question h2{font-size:29px}.article-layout{display:block}.contents{position:static;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:22px 0;margin-bottom:32px}.contents nav{display:grid;grid-template-columns:1fr 1fr;gap:5px 20px;margin-bottom:8px}.contents nav a{font-size:12px}.contents .quiet{font-size:12px}.article-body h2{font-size:30px}.article-body p{font-size:16px}.article-body section{scroll-margin-top:20px}.mini-process{grid-template-columns:1fr}.ai-panels{gap:14px}.calculator{grid-template-columns:1fr}.calculator form,.calculator-result{padding:22px}.calculator-result>strong{font-size:46px}.calculator-result p{font-size:14px}.calculator-result dl{font-size:13px}.article-body .caption{font-size:12px}.roles{gap:15px}.score-grid{grid-template-columns:1fr}.score-grid article{display:grid;grid-template-columns:1fr auto;gap:8px;padding:18px}.score-grid strong{grid-column:2;grid-row:1/3;margin:0;align-self:center;font-size:31px}.score-grid small{grid-column:1}.notice{font-size:14px}.check-row{grid-template-columns:1fr;padding:18px;gap:18px}.check-row dl{grid-template-columns:1fr 1fr}.check-row dd{font-size:13px}.timeline>li{gap:14px}.timeline h3{font-size:25px}.timeline .round-icon{width:28px;height:28px}.timeline .check-row{padding:13px}.cost-ledger>div{font-size:13px}.comparison-grid{gap:10px}.comparison-card{padding:16px}.comparison-card h3{font-size:20px}.comparison-card dd{font-size:17px}.provenance>div{grid-template-columns:1fr;gap:5px}.evidence-detail{padding:15px}.edition-cutoff{font-size:12px}}
@media(max-width:365px){.hub-main{padding-left:15px;padding-right:15px}.nav-wrap{padding-left:15px;padding-right:15px}.hub-wordmark{font-size:20px}.hub-wordmark img{width:47px}.workspace-link{font-size:10px!important;padding:6px 8px!important}.hero h1{font-size:46px}.actions{display:grid;grid-template-columns:1fr}.hero .button{justify-content:center}.card-top{align-items:flex-start;flex-direction:column}.comparison-grid{grid-template-columns:1fr}.contents nav{grid-template-columns:1fr}.page-intro h1{font-size:37px}.score-grid strong{font-size:27px}.study-card dl div{display:block}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* A short, explicit path from first visit to an actual study design. */
.hero h1{font-size:clamp(42px,4.9vw,62px);max-width:540px}.hero .for-you{font-size:14px;color:var(--ink);max-width:445px;margin:0}.hero .actions{align-items:center;gap:16px}.hero-foot{max-width:475px}.nav-wrap{gap:28px}.nav-wrap nav{gap:21px}.starter-intro{max-width:800px}.starter-intro h1{max-width:780px}.starter-intro .caption{max-width:690px;margin:18px 0 0}.starter-body{max-width:850px}.starter-step{border-top:1px solid var(--line);padding:36px 0}.starter-step h2{font-size:36px}.starter-step>p{max-width:770px}.example-observations{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:25px 0}.example-observations>div{background:var(--card);border:1px solid var(--line);border-radius:8px;padding:22px}.example-observations span,.example-observations small{display:block;color:var(--muted);font-size:13px}.example-observations strong{display:block;font:530 36px var(--serif);margin:12px 0}.why-rule{font-size:15px}.decision-question{border:1px solid #c4d1bf;background:#e5ecdf;border-radius:8px;margin:25px 0 16px;padding:20px 24px 6px;min-width:0}.decision-question legend{font-weight:650;font-size:15px;padding:0 8px}.choice-buttons{display:flex;gap:12px}.choice-buttons button{min-width:100px;justify-content:center;cursor:pointer;background:var(--card)}#decision-feedback{font-size:14px;line-height:1.65;margin:18px 0;min-height:48px}.answer-key summary{cursor:pointer;font-size:14px;font-weight:600}.answer-key p{margin:14px 0 0;font-size:14px}.starter-step .evidence-stages{margin:30px 0}.starter-step .evidence-stages h3{margin:16px 0}.starter-step .evidence-stages p{font-size:14px}.starter-body .next-question{margin-top:0}.next-alternative{font-size:14px;margin:20px 0 0}.guide-start{font-size:15px}
@media(max-width:960px){.nav-wrap{gap:18px}.nav-wrap nav{gap:15px}.nav-wrap nav a{font-size:13px}.hub-wordmark{font-size:24px}.hub-wordmark img{width:58px}.workspace-link{padding:8px 12px;font-size:12px}.hero .actions{gap:14px}.hero .text-link{font-size:13px}}
@media(max-width:700px){.hero h1{font-size:45px;max-width:450px;margin-bottom:20px}.hero .lede{margin-bottom:15px}.hero .for-you{font-size:13px}.hero .actions{margin:20px 0 17px;gap:14px}.hero .hero-foot{font-size:12px;line-height:1.6}.nav-wrap nav{gap:12px}.nav-wrap nav a{font-size:12px;min-height:44px}.starter-step{padding:28px 0}.starter-step h2{font-size:30px}.starter-intro .tags{gap:6px;margin-top:20px}.starter-intro .caption{font-size:12px}.example-observations{gap:10px}.example-observations>div{padding:16px}.example-observations span,.example-observations small{font-size:12px}.example-observations strong{font-size:29px}.decision-question{padding:16px 16px 4px}.decision-question legend{font-size:14px}.starter-step .evidence-stages{grid-template-columns:1fr;gap:8px}.starter-step .evidence-stages article{border-bottom:1px solid var(--line)}.starter-step .evidence-stages h3{margin:10px 0}.starter-step .takeaway{padding:20px}.starter-body .next-question{padding:24px 20px}.starter-body .next-question .button{gap:15px;font-size:13px}.guide-start{font-size:14px}}
@media(max-width:365px){.hero h1{font-size:39px}.hub-wordmark{font-size:20px}.hub-wordmark img{width:47px}.nav-wrap nav{gap:8px}.nav-wrap nav a{font-size:11px}.hero .actions{display:flex;align-items:flex-start;flex-direction:column}.hero .button{font-size:13px;width:100%}.example-observations{grid-template-columns:1fr}.starter-body .next-question .button{gap:10px;font-size:12px}}
@media(max-width:700px){.nav-wrap{gap:0}}

/* Keep the comparison readable on a phone without widening the page. */
.model-comparison{max-width:100%;overflow-x:auto;margin:1.5rem 0;border:1px solid var(--line,#d9d9cc);border-radius:12px}.model-comparison table{width:100%;min-width:640px;border-collapse:collapse;font-size:.9rem;line-height:1.6}.model-comparison caption{text-align:left;padding:1rem;font-weight:600;background:#e8eee5}.model-comparison th,.model-comparison td{padding:1rem;text-align:left;vertical-align:top;border-bottom:1px solid #deded3}.model-comparison thead{background:#edf1f2}.model-comparison th[scope=row]{min-width:125px;color:#236347}.model-comparison:focus-visible{outline:3px solid #356e84;outline-offset:3px}

.hero-foot a{display:table;margin-top:.35rem}

/* Reader navigation and a shorter first screen; existing brand assets retained. */
.principles h2 a{color:var(--ink);text-decoration:none}.principles h2 a:hover{text-decoration:underline}
.study-card dd{text-align:right;max-width:58%}.study-card .text-link{margin-top:auto}
.hero h1{max-width:570px}.research-model-section+section{margin-top:8px}
@media(max-width:960px) and (min-width:701px){.study-card dd{text-align:left;max-width:none}}
@media(max-width:365px){.study-card dd{text-align:left;max-width:none}}

.research-model-section {
  max-width: 1118px;
  margin-inline: auto;
}

.research-model-intro,
.research-model-text,
.research-model-caption {
  max-width: 68ch;
}

.research-model-grid {
  display: grid;
  gap: 1rem;
  grid-template-columns: minmax(0, 1fr);
  margin-block: 1.25rem;
}

.research-model-grid-studies {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.research-model-card {
  background: var(--card);
  border: 1px solid var(--line);
  border-radius: 0.5rem;
  padding: 1rem;
}

.research-model-card-title {
  font-family: var(--serif);
  color: var(--ink);
  margin: 0 0 0.25rem;
}

.research-model-label {
  font-family: var(--sans);
  font-size: 0.75rem;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--muted);
  margin: 0 0 0.75rem;
}

.research-model-dl,
.research-model-shared {
  margin: 0;
}

.research-model-dl dt,
.research-model-shared dt {
  font-family: var(--sans);
  font-weight: 600;
  color: var(--ink);
  margin-top: 0.75rem;
}

.research-model-dl dd,
.research-model-shared dd {
  margin: 0.15rem 0 0;
  color: var(--ink);
}

.research-model-output {
  margin: 0.75rem 0 0;
  color: var(--muted);
}

.research-model-details {
  margin-block: 1rem;
}

.research-model-details summary {
  cursor: pointer;
  font-family: var(--sans);
  font-weight: 600;
  color: var(--ink);
}

.research-model-details p {
  margin: 0.5rem 0 0;
}

@media (max-width: 700px) {
  .research-model-grid-studies {
    grid-template-columns: minmax(0, 1fr);
  }
}

.research-model-grid-roles,.research-model-count-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.research-model-count-1{grid-template-columns:minmax(0,1fr)}
.research-model-card{padding:24px}
.research-model-card-title{font-size:26px;margin-bottom:12px}
.research-model-dl,.research-model-shared,.research-model-output{font-size:14px;line-height:1.65}
.research-model-shared{display:grid;grid-template-columns:100px minmax(0,1fr);gap:8px 20px;max-width:850px}
.research-model-shared dt,.research-model-shared dd{margin:0}
.research-model-dl dt{color:var(--green);font-size:12px}
.research-model-output{border-top:1px solid var(--line);padding-top:14px}
.research-model-subheading{font-size:24px;margin:28px 0 12px}
.research-model-details{border:1px solid var(--line);border-radius:8px;padding:20px;max-width:850px;background:var(--card)}
.research-model-details p{font-size:15px;margin-top:14px}
.research-model-caption{margin-top:20px}
@media(max-width:700px){.research-model-grid-roles,.research-model-count-3{grid-template-columns:minmax(0,1fr)}.research-model-shared{grid-template-columns:1fr;gap:4px}.research-model-shared dd+dt{margin-top:12px}.research-model-card{padding:22px}}

/* A beginner narrative, illustrative decisions and current study designs. */
.cc-front { --front-blue: #e8eeed; }
.cc-front :is(section, article, aside, div) { min-width: 0; }
.cc-front h1 { font-size: clamp(45px, 4.7vw, 60px); line-height: 1.04; letter-spacing: -.045em; }
.cc-front h2 { font-size: clamp(30px, 3.3vw, 42px); }
.cc-front .text-link { font-size: 14px; }
.cc-front .eyebrow { margin-bottom: 17px; }
.cc-front-hero { display: grid; grid-template-columns: 1.25fr 1fr; gap: 64px; align-items: center; padding: 44px 0 38px; }
.cc-front-intro .lede { max-width: 535px; font-size: 18px; line-height: 1.7; }
.cc-front-promise { font-size: 14px; max-width: 440px; color: var(--muted); }
.cc-front-intro .actions { align-items: center; gap: 18px; margin: 24px 0 18px; }
.cc-front-intro .caption { max-width: 460px; margin: 0; }
.cc-front-anatomy { background: var(--front-blue); padding: 30px; border: 1px solid #cfdad5; border-radius: 10px; }
.cc-front-anatomy h2 { font-size: 29px; margin-bottom: 23px; }
.cc-front-anatomy .eyebrow { color: #426779; }
.cc-front-anatomy ol { list-style: none; padding: 0; margin: 0; }
.cc-front-anatomy li { display: grid; grid-template-columns: 24px 1fr; gap: 14px; padding: 12px 0; border-top: 1px solid #cbd8d3; }
.cc-front-anatomy li > span { font-size: 11px; padding-top: 3px; color: #526d78; font-variant-numeric: tabular-nums; }
.cc-front-anatomy strong { font-size: 15px; }
.cc-front-anatomy p:not(.eyebrow) { font-size: 14px; line-height: 1.6; margin: 4px 0 0; color: #52665d; }
.cc-front-anatomy > a { display: inline-block; margin-top: 17px; }
.cc-front-section { margin-top: 58px; scroll-margin-top: 0; }
.cc-front-heading { max-width: 730px; margin-bottom: 26px; }
.cc-front-heading h2 { margin-bottom: 17px; }
.cc-front-heading > p:last-child { color: var(--muted); margin: 0; }
.cc-front-strategies { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.cc-front-strategy { background: var(--card); border: 1px solid var(--line); border-radius: 8px; padding: 25px; display: flex; flex-direction: column; }
.cc-front-strategy:first-child { border-top: 3px solid var(--green); padding-top: 23px; }
.cc-front-strategy:nth-child(2) { border-top: 3px solid var(--blue); padding-top: 23px; }
.cc-front-strategy:nth-child(3) { border-top: 3px solid var(--wood); padding-top: 23px; }
.cc-front-label { display: inline-block; font: 600 11px/1.5 var(--sans); letter-spacing: .02em; color: #39634c; background: #e8eee3; border-radius: 4px; padding: 4px 8px; }
.cc-front-cardhead { margin-bottom: 18px; }
.cc-front-market { font-size: 11px; letter-spacing: .08em; color: var(--muted); margin: 14px 0 0; }
.cc-front-strategy h3 { font-size: 28px; margin-bottom: 22px; }
.cc-front-models { list-style: none; padding: 0; margin: 0 0 22px; display: grid; gap: 12px; }
.cc-front-models li { font-size: 14px; color: var(--muted); }
.cc-front-models strong { display: block; color: var(--ink); }
.cc-front-question { font-size: 14px; color: var(--muted); border-top: 1px solid var(--line); padding-top: 18px; margin-top: auto; }
.cc-front-strategy > a { align-self: flex-start; }
.cc-front-publication { margin: 18px 0 0; }
.cc-front-directions { display: grid; grid-template-columns: 1fr 1fr; gap: 44px; }
.cc-front-directions article { border-top: 1px solid #afbfb5; padding-top: 20px; }
.cc-front-index { font-size: 11px; color: var(--wood); display: block; margin-bottom: 12px; }
.cc-front-directions h3 { font-size: 28px; margin-bottom: 15px; }
.cc-front-directions .cc-front-label { margin-bottom: 15px; }
.cc-front-directions article:not(:first-child) .cc-front-label { background: #e7ecee; color: #476678; }
.cc-front-directions article > p { font-size: 15px; color: var(--muted); }
.cc-front-section > .caption { max-width: 920px; }
.cc-front-evidence { margin-top: 62px; padding: 38px; background: #e9eee4; border: 1px solid #d4dfcd; border-radius: 9px; }
.cc-front-evidence h2 { margin-bottom: 22px; }
.cc-front-evidence > p:not(.eyebrow) { max-width: 850px; color: #52665a; }
.cc-front-evidence > a { display: inline-block; margin-top: 8px; }
.cc-front-workshop { display: grid; grid-template-columns: 1fr 1fr; gap: 64px; margin-top: 64px; scroll-margin-top: 0; }
.cc-front-workshop h2 { margin-bottom: 22px; }
.cc-front-workshop .cc-front-label { background: #e7ecee; color: #476678; margin-bottom: 22px; }
.cc-front-workshop > div > p:not(.eyebrow, .cc-front-label) { color: var(--muted); }
.cc-front-worksheet { background: var(--card); border: 1px solid var(--line); border-top: 3px solid var(--blue); border-radius: 8px; padding: 28px; align-self: start; }
.cc-front-worksheet .eyebrow { color: #476678; }
.cc-front-worksheet ol { padding: 0; margin: 22px 0; list-style: none; counter-reset: step; }
.cc-front-worksheet li { display: grid; grid-template-columns: 25px 1fr; gap: 16px; padding: 15px 0; border-top: 1px solid var(--line); counter-increment: step; }
.cc-front-worksheet li::before { content: "0" counter(step); font-size: 11px; color: #476678; padding-top: 4px; }
.cc-front-worksheet strong { font-size: 15px; }
.cc-front-worksheet li p { font-size: 14px; margin: 3px 0 0; color: var(--muted); }
.cc-front-worksheet .caption { margin-bottom: 0; }
.cc-front-learn { margin-top: 54px; padding-top: 38px; border-top: 1px solid var(--line); display: grid; grid-template-columns: 240px 1fr; align-items: center; gap: 36px; }
.cc-front-learn img { width: 100%; aspect-ratio: 4/3; object-fit: cover; border-radius: 8px; }
.cc-front-learn h2 { font-size: 31px; margin-bottom: 13px; }
.cc-front-learn p:not(.eyebrow) { max-width: 660px; color: var(--muted); font-size: 15px; }
.cc-front-learnlinks { display: flex; flex-wrap: wrap; gap: 12px 27px; }
/* The definitions connect to examples before the first lesson invitation. */
.cc-front-purpose { max-width: 540px; color: var(--muted); font-size: 16px; line-height: 1.7; }
.cc-front-anatomy .cc-front-example-note { margin-top: 17px; padding-top: 16px; border-top: 1px solid #cbd8d3; font-size: 12px; }
.cc-front-foundation { margin-top: 22px; padding-top: 38px; border-top: 1px solid var(--line); }
.cc-front-directions article > .cc-front-synopsis { font-size: 18px; color: var(--ink); margin-bottom: 12px; }
.cc-front-directions article > .cc-front-example-heading { font-size: 12px; color: var(--ink); font-weight: 650; margin: 24px 0 10px; }
.cc-front-examples { list-style: none; padding: 0; margin: 0; }
.cc-front-examples li { font-size: 14px; color: var(--muted); line-height: 1.7; padding: 12px 0; border-top: 1px solid var(--line); }
.cc-front-examples strong { color: var(--ink); }
.cc-front-directions article > .cc-front-takeaway { margin: 15px 0 0; font-size: 14px; color: #3c6350; font-weight: 550; }
.cc-front-model-note { display: grid; grid-template-columns: .9fr 1.4fr; gap: 36px; background: var(--front-blue); padding: 30px; border-radius: 8px; margin-top: 32px; }
.cc-front-model-note h3 { font-size: 27px; line-height: 1.25; }
.cc-front-model-note p:not(.eyebrow) { font-size: 15px; color: #52665d; }
.cc-front-model-note p.caption { font-size: 13px; margin-bottom: 0; }
.cc-front-proof { list-style: none; padding: 0; margin: 28px 0 20px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 28px; }
.cc-front-proof li { border-top: 1px solid #bdcbb7; padding-top: 18px; }
.cc-front-proof strong { font-size: 15px; }
.cc-front-proof p { font-size: 14px; color: #52665a; margin: 8px 0 0; }
.cc-front-evidence > .cc-front-evidence-close { font-size: 14px; margin-top: 26px; }
.cc-front-learnlinks { align-items: center; }
.cc-front-learn .cc-front-learn-caption { font-size: 12px; margin: 14px 0 0; }
.nav-wrap nav { gap: 20px; }
@media (max-width: 1000px) {
  .nav-wrap { flex-wrap: wrap; justify-content: space-between; gap: 0; padding-top: 11px; padding-bottom: 0; }
  .nav-wrap .workspace-link { order: 1; }
  .nav-wrap nav { order: 2; width: 100%; justify-content: space-between; gap: 14px; padding-top: 5px; }
  .nav-wrap nav a { min-height: 44px; }
  .cc-front-hero, .cc-front-workshop { gap: 30px; }
  .cc-front-strategies { gap: 14px; }
  .cc-front-strategy { padding: 20px; }
  .cc-front-strategy:first-child, .cc-front-strategy:nth-child(2), .cc-front-strategy:nth-child(3) { padding-top: 18px; }
  .cc-front-strategy h3 { font-size: 25px; }
}
@media (max-width: 700px) {
  html { scroll-padding-top: 16px; }
  .cc-front h1 { font-size: 49px; }
  .cc-front-hero { grid-template-columns: 1fr; padding: 30px 0; gap: 28px; }
  .cc-front-intro .lede { font-size: 17px; }
  .cc-front-intro .actions { gap: 16px; }
  .cc-front-anatomy { padding: 23px; }
  .cc-front-section { margin-top: 40px; scroll-margin-top: 0; }
  .cc-front-heading > p:last-child { font-size: 15px; }
  .cc-front-strategies, .cc-front-directions, .cc-front-workshop { grid-template-columns: 1fr; gap: 24px; }
  .cc-front-strategy h3 { font-size: 29px; }
  .cc-front-models { gap: 9px; }
  .cc-front-directions article > p:last-child { margin-bottom: 0; }
  .cc-front-directions + .caption { margin-top: 22px; }
  .cc-front-evidence { margin-top: 40px; padding: 26px 22px; }
  .cc-front-evidence > p:not(.eyebrow) { font-size: 15px; }
  .cc-front-model-note, .cc-front-proof { grid-template-columns: 1fr; gap: 18px; }
  .cc-front-model-note { padding: 24px; }
  .cc-front-model-note h3 { margin-bottom: 0; }
  .cc-front-foundation { margin-top: 10px; padding-top: 30px; }
  .cc-front-workshop { margin-top: 40px; scroll-margin-top: 0; }
  .cc-front-workshop > div > p { font-size: 15px; }
  .cc-front-workshop .cc-front-label { font-size: 11px; }
  .cc-front-workshop .caption { font-size: 13px; }
  .cc-front-worksheet { padding: 24px; }
  .cc-front-learn { margin-top: 40px; grid-template-columns: 1fr; gap: 22px; padding-top: 28px; }
  .cc-front-learn img { height: 140px; object-position: center 60%; }
}
@media (max-width: 420px) {
  .nav-wrap nav { display: grid; grid-template-columns: repeat(5, max-content); justify-content: space-between; gap: 0 6px; }
  .nav-wrap nav a { font-size: 11px; }
}
@media (max-width: 365px) {
  .nav-wrap nav { grid-template-columns: repeat(3, max-content); justify-content: space-between; }
  .nav-wrap nav a { font-size: 12px; }
  .cc-front h1 { font-size: 42px; }
  .cc-front-intro .actions { flex-direction: column; align-items: flex-start; }
  .cc-front-intro .button { width: 100%; }
}

/* Search landing guides share the same quiet, readable visual language. */
.seo-breadcrumbs { margin: 24px 0 0; }
.seo-breadcrumbs ol { display: flex; flex-wrap: wrap; gap: 8px 12px; list-style: none; margin: 0; padding: 0; font-size: 12px; color: var(--muted); }
.seo-breadcrumbs li { display: flex; gap: 12px; }
.seo-breadcrumbs li + li::before { content: '/'; color: #89958d; }
.seo-breadcrumbs a { font: inherit; white-space: normal; padding: 0; }
.seo-article { max-width: 800px; }
.seo-article section { margin: 36px 0; }
.seo-article h2 { font-size: clamp(27px, 3vw, 36px); }
.seo-article .process-list { grid-template-columns: 1fr; }
.seo-article .process-list h3 { font-size: 26px; }
.seo-guides { margin: 44px 0; padding: 28px 0; border-block: 1px solid var(--line); }
.seo-guides h2 { font-size: 32px; }
.seo-guides > div { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
.seo-guides > div > a { display: block; text-decoration: none; padding: 21px; background: var(--card); border: 1px solid var(--line); border-radius: 8px; }
.seo-guides strong { display: block; }
.seo-guides span { display: block; font-size: 14px; color: var(--muted); margin-top: 8px; }
@media(max-width:700px) { .seo-guides > div { grid-template-columns: 1fr; gap: 14px; } .seo-breadcrumbs ol { font-size: 11px; } }