@font-face{font-family:Fredoka;src:url('assets/fonts/Fredoka-700.ttf') format('truetype');font-style:normal;font-weight:700;font-display:swap}
@font-face{font-family:Fredoka;src:url('assets/fonts/Fredoka-Variable.ttf') format('truetype');font-style:normal;font-weight:300 600;font-display:swap}
@font-face{font-family:'DM Sans';src:url('assets/fonts/DMSans-400.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:'DM Sans';src:url('assets/fonts/DMSans-600.ttf') format('truetype');font-style:normal;font-weight:600;font-display:swap}
@font-face{font-family:'Shantell Sans';src:url('assets/fonts/ShantellSans-400.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
:root{--paper:#fff;--ink:#0f2d46;--muted:#466172;--line:#c9dce3;--soft:#f1fafb;--aqua:#e4f5f6;--teal:#0d6e74;--coral:#b84258;--yellow:#ffd34d;--navy:#062d5b;--focus:#b84258;color-scheme:light}
:root[data-theme=dark]{--paper:#0b1724;--ink:#e8f4f8;--muted:#b6cbd5;--line:#3b5364;--soft:#112838;--aqua:#173847;--teal:#79d7d6;--coral:#ffb0be;--focus:#ffd34d;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:2rem}body.cc-story{margin:0;background:var(--paper);color:var(--ink);font:400 18px/1.65 'DM Sans',sans-serif;font-synthesis:none}img{max-width:100%;height:auto}a{color:var(--teal);text-underline-offset:.2em}a:hover{text-decoration-thickness:2px}a:focus-visible,summary:focus-visible{outline:3px solid var(--focus);outline-offset:5px;border-radius:4px}.wrap{width:min(1160px,calc(100% - 80px));margin-inline:auto}.skip{position:absolute;left:20px;top:-100px;padding:12px 20px;z-index:30;background:var(--yellow);color:#0f2d46}.skip:focus{top:14px}.masthead{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:24px 0;border-bottom:1px solid var(--line)}.brand{display:flex;gap:17px;align-items:center;text-decoration:none;color:var(--ink);font-weight:600;line-height:1.2}.brand img{width:62px;height:auto;display:block}.brand small{font-size:13px;font-weight:400;color:var(--muted)}.brand .logo-dark{display:none}[data-theme=dark] .brand .logo-light{display:none}[data-theme=dark] .brand .logo-dark{display:block}.home-link{font-size:15px;min-height:44px;display:flex;align-items:center;gap:10px;font-weight:600}.hero{display:grid;grid-template-columns:minmax(0,1.34fr) minmax(0,1fr);gap:32px;align-items:center;padding:72px 0 66px}.hero-copy{position:relative;z-index:1}.eyebrow,.small-label{font-size:13px;font-weight:600;letter-spacing:.06em;line-height:1.4;color:var(--ink);margin:0 0 18px}h1,h2,h3,h4{font-family:Fredoka,sans-serif;line-height:1.14;margin:0 0 22px;text-wrap:balance}h1{font-size:clamp(48px,5.7vw,76px);font-weight:700;letter-spacing:0;line-height:1.08;margin:0 0 28px}h1 span.title-first,h1 span.title-second{display:block;position:relative;width:max-content;max-width:100%}.title-first{transform:rotate(-2deg);transform-origin:left center}.title-second{color:var(--teal);padding-left:.28em;transform:rotate(1deg);transform-origin:left center}.amp{color:var(--coral)}h2{font-size:clamp(32px,3.6vw,44px);font-weight:600;letter-spacing:.005em}h3{font-size:26px;font-weight:500;letter-spacing:.008em;margin-bottom:12px}h4{font-size:22px;font-weight:500;letter-spacing:.01em}p{margin:0 0 23px}strong,b{font-weight:600}p.standfirst{font-size:23px;line-height:1.48;max-width:36ch;color:var(--ink);margin-bottom:23px}.hero-copy>p:not(.standfirst,.eyebrow){max-width:57ch}.button{font:600 16px/1.35 'DM Sans',sans-serif;display:inline-flex;justify-content:center;align-items:center;gap:18px;min-height:50px;padding:14px 24px;border:1px solid transparent;border-radius:999px;text-decoration:none}.button.primary{background:#ffd34d;color:#0f2d46}.button.primary:hover{background:#f5c43d}.hero-art{position:relative;align-self:end;display:flex;flex-direction:column;align-items:center;gap:22px;padding-bottom:20px}.explorer{display:block;width:100%;max-width:470px}.open-note{font:400 24px/1.4 'Shantell Sans',sans-serif;position:relative;transform:rotate(-3deg);width:max-content;max-width:100%;text-align:center;margin:0 0 14px}.hero-art .open-note{margin-left:55px;margin-bottom:0}.flares{position:absolute;width:70px;left:-38px;top:-40px;transform:rotate(-20deg)}.underpaint{display:block;width:210px;height:22px;object-fit:fill;margin:7px auto 0;pointer-events:none}.summary-strip{background:var(--soft);border-block:1px solid var(--line)}.strip-inner{display:grid;grid-template-columns:1fr 1fr;gap:60px;padding-block:27px}.strip-inner p{margin:0;font-size:16px;line-height:1.6}.strip-inner p:last-child{font-size:15px;padding-left:32px;border-left:1px solid var(--line)}.strip-inner span{color:var(--teal);margin-right:8px}code{font:500 .95em/1.4 ui-monospace,SFMono-Regular,Consolas,monospace;overflow-wrap:anywhere}.contents{display:flex;align-items:center;gap:10px 21px;flex-wrap:wrap;padding-block:26px 28px;border-bottom:1px solid var(--line)}.contents>span{color:var(--muted);font-size:13px;margin-right:8px}.contents a{font-size:14px;line-height:1.4;min-height:44px;display:inline-flex;align-items:center;font-weight:600}.chapter{padding-block:84px 12px;scroll-margin-top:16px}.chapter-head{display:grid;grid-template-columns:72px 1fr;gap:26px;margin-bottom:32px}.chapter-number{font:400 30px/1.2 'Shantell Sans',sans-serif;color:var(--teal);padding-top:42px}.chapter-head .eyebrow{margin-bottom:13px}.chapter-head h2{max-width:24ch;margin-bottom:18px}.section-lead{font-size:22px;line-height:1.5;max-width:61ch;margin-bottom:0;color:var(--muted)}.reading-offset{margin-left:98px;max-width:790px}.reading-offset>p{max-width:70ch}.baseline-note{border-left:3px solid var(--teal);padding:8px 0 1px 25px;margin:32px 0 30px}.baseline-note .small-label{margin-bottom:10px}.baseline-note p{margin-bottom:13px}.small{font-size:15px;line-height:1.6;color:var(--muted)}.idea-map{display:grid;grid-template-columns:1fr 30px 1fr 30px 1fr;gap:14px;align-items:start;margin:34px 0;background:var(--soft);padding:28px 25px;border-radius:16px}.idea-map h3{font-size:24px;max-width:13ch}.idea-map .small-label{font-size:11px;letter-spacing:.035em;margin-bottom:16px}.idea-map p:last-child{font-size:15px;line-height:1.55;margin-bottom:0}.map-arrow{font-size:25px;color:var(--teal);padding-top:65px}.disclosure{border-block:1px solid var(--line);margin:30px 0 26px}.disclosure summary{padding:17px 0;cursor:pointer;font-weight:600;line-height:1.45;min-height:54px}.disclosure>div{padding:7px 0 8px}.disclosure>div p:last-child{margin-bottom:12px}.comparison-wrap{margin:34px 0 38px 98px}.comparison{width:100%;border-collapse:collapse;table-layout:fixed;font-size:16px;line-height:1.55}.comparison caption{text-align:left;font-size:15px;color:var(--muted);margin-bottom:17px}.comparison th,.comparison td{text-align:left;vertical-align:top;padding:20px 23px;border-bottom:1px solid var(--line)}.comparison th:first-child{width:20%}.comparison thead th{font-weight:600;background:var(--soft);border-top:1px solid var(--line)}.comparison tbody th{font-weight:600;padding-left:0}.comparison td:last-child{background:var(--soft)}.evidence-line{font-size:16px;line-height:1.65;background:var(--soft);padding:23px 27px;border-radius:12px;margin:32px 0}.workflow{list-style:none;margin:0 0 40px 98px;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:27px;counter-reset:steps}.workflow li{position:relative;min-width:0}.workflow li:before{content:'';height:1px;background:var(--line);position:absolute;left:45px;right:-27px;top:21px}.workflow li:last-child:before{display:none}.step-marker{position:relative;display:inline-flex;justify-content:center;align-items:center;border:1px solid var(--teal);color:var(--teal);border-radius:50%;width:44px;height:44px;background:var(--paper);font-weight:600;margin-bottom:22px}.workflow h3{font-size:25px;max-width:12ch}.workflow p{font-size:16px;line-height:1.6;margin:0}.example{margin:0 0 34px 98px;border:1px solid var(--line);border-radius:18px;padding:32px}.example-heading{display:flex;justify-content:space-between;align-items:start;gap:24px}.example-heading .small-label{margin-bottom:12px}.example h3{font-size:28px;margin-bottom:20px}.example-stamp{border:1px solid var(--line);border-radius:99px;padding:5px 12px;font-size:12px;color:var(--muted);white-space:nowrap}.example-quote{font-size:24px;line-height:1.5;max-width:42ch;margin:4px 0 28px}.exchange-fields{display:grid;grid-template-columns:1fr 1fr;gap:20px 32px;margin:0}.exchange-fields div{border-top:1px solid var(--line);padding-top:15px}.exchange-fields dt{font-size:13px;font-weight:600;color:var(--muted);margin-bottom:5px}.exchange-fields dd{margin:0;font-size:17px}.review-pair{display:grid;grid-template-columns:1fr 1fr;gap:32px}.review-pair h4{margin:2px 0 12px}.review-pair p{font-size:16px}.example .disclosure{margin-bottom:20px}.example-limit{margin:0;max-width:72ch}.feedback-layout{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:50px;margin-left:98px}.feedback-item{display:grid;grid-template-columns:26px 1fr;gap:17px;padding:25px 0;border-bottom:1px solid var(--line)}.feedback-item:first-child{padding-top:0}.feedback-index{font:400 21px/1.3 'Shantell Sans',sans-serif;color:var(--teal);padding-top:4px}.feedback-item h3{font-size:27px}.feedback-item p{font-size:17px;line-height:1.65;margin:0}.feedback-aside{padding-top:48px;align-self:start}.feedback-aside>img{display:block;width:240px;margin:auto auto 22px}.feedback-aside .open-note{font-size:21px;margin:0 auto 18px}.feedback-aside .underpaint{width:190px;height:18px}.feedback-aside>p{font-size:14px;text-align:center;max-width:24ch;margin-inline:auto}.test-next{margin-top:36px;background:var(--soft);border-radius:16px;padding:28px 30px}.test-next h3{font-size:28px}.test-next p{font-size:17px}.test-next p:last-child{margin:0}.sources-chapter{padding-bottom:28px}.source-list{margin:0 0 25px}.source-list>div{display:grid;grid-template-columns:160px 1fr;gap:22px;border-top:1px solid var(--line);padding:20px 0}.source-list dt{font-size:15px;font-weight:600}.source-list dd{font-size:16px;line-height:1.65;margin:0;color:var(--muted)}.closing{position:relative;margin-top:58px;padding:48px 0 135px;overflow:hidden}.closing>div{position:relative;z-index:1;max-width:770px;margin-left:98px}.closing h2{font-size:clamp(32px,3.4vw,43px);max-width:28ch}.closing p:not(.open-note){max-width:58ch}.closing .open-note{text-align:left;font-size:23px;margin:0 0 23px}.closing-ground{position:absolute;width:100%;height:180px;object-fit:cover;object-position:center bottom;bottom:0;opacity:.92;pointer-events:none}.text-link{min-height:44px;display:inline-flex;gap:12px;align-items:center;font-weight:600;font-size:16px}.page-footer{display:flex;justify-content:space-between;align-items:center;gap:24px;border-top:1px solid var(--line);padding-block:29px 36px;font-size:14px}.page-footer p{margin:0}.page-footer span{font-size:13px;color:var(--muted)}.page-footer a{min-height:44px;display:inline-flex;align-items:center;gap:10px}
[data-theme=dark] .hero-art,[data-theme=dark] .feedback-aside{background:radial-gradient(ellipse at 60% 70%,#173847 0,transparent 68%)}[data-theme=dark] .closing-ground{opacity:.35}
@media(min-width:1500px){.hero{padding-top:90px;padding-bottom:85px}}
@media(max-width:1050px){.wrap{width:calc(100% - 56px)}.hero{gap:20px;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}h1{font-size:58px}p.standfirst{font-size:21px}.hero-art .open-note{font-size:21px;margin-left:20px}.flares{left:-24px;top:-35px;width:58px}.chapter-head{grid-template-columns:52px 1fr;gap:20px}.reading-offset,.comparison-wrap,.workflow,.example,.feedback-layout{margin-left:72px}.closing>div{margin-left:72px}.feedback-layout{grid-template-columns:minmax(0,1fr) 190px;gap:28px}.feedback-aside .open-note{font-size:20px}.feedback-aside .underpaint{width:160px}.idea-map{gap:10px;padding:24px 20px}.idea-map h3{font-size:22px}.workflow{gap:20px}.workflow h3{font-size:23px}.comparison th,.comparison td{padding:18px 16px}}
@media(max-width:760px){body.cc-story{font-size:17px}.wrap{width:calc(100% - 36px)}.masthead{padding-block:18px}.brand{gap:13px}.brand img{width:53px}.brand>span{font-size:16px}.brand small{font-size:11px}.home-link{font-size:13px;gap:5px}.hero{display:flex;flex-direction:column;align-items:stretch;padding:43px 0 35px;gap:30px}.hero-copy{width:100%}h1{font-size:clamp(43px,10.5vw,68px);line-height:1.1;margin-bottom:25px}.title-second{padding-left:.1em}.hero .eyebrow{font-size:12px;margin-bottom:22px}.standfirst,p.standfirst{font-size:22px;max-width:34ch}.hero-copy>p:not(.standfirst,.eyebrow){max-width:62ch}.hero-art{align-self:stretch;display:grid;grid-template-columns:.85fr 1fr;gap:0;align-items:center;padding:0;max-width:550px;margin-inline:auto}.hero-art .open-note{font-size:20px;z-index:1;margin:0 -20px 25px 15px}.hero-art .underpaint{width:165px;height:18px}.hero-art .flares{width:50px;left:-10px;top:-32px}.explorer{width:100%;min-width:0;transform:scale(1.06);transform-origin:right center}.strip-inner{grid-template-columns:1fr;gap:18px;padding-block:24px}.strip-inner p{font-size:15px}.strip-inner p:last-child{padding:17px 0 0;border-left:0;border-top:1px solid var(--line)}.contents{gap:0 19px;padding-block:17px 18px}.contents>span{width:100%;margin-bottom:6px}.contents a{font-size:13px}.chapter{padding-top:54px;padding-bottom:2px}.chapter-head{grid-template-columns:29px 1fr;gap:13px;margin-bottom:25px}.chapter-number{font-size:22px;padding-top:32px}.chapter-head .eyebrow{font-size:11px;margin-bottom:13px}.chapter-head h2{font-size:34px;max-width:25ch;margin-bottom:16px}.section-lead{font-size:20px}.reading-offset,.comparison-wrap,.workflow,.example,.feedback-layout{margin-left:0}.reading-offset{max-width:none}.baseline-note{padding-left:19px;margin-block:28px}.idea-map{grid-template-columns:1fr;gap:10px;padding:24px}.idea-map h3{font-size:25px;max-width:none}.idea-map .small-label{font-size:11px;margin-bottom:10px}.idea-map p:last-child{font-size:16px}.map-arrow{padding:0;transform:rotate(90deg);width:max-content;margin-left:2px;line-height:1.2}.idea-map>div{padding:4px 0}.comparison{font-size:16px}.comparison thead{position:absolute;clip:rect(0 0 0 0);width:1px;height:1px;overflow:hidden}.comparison tbody,.comparison tr,.comparison th,.comparison td{display:block;width:100%}.comparison tr{margin-bottom:25px;border:1px solid var(--line);border-radius:12px;overflow:hidden}.comparison tbody th{width:100%;padding:14px 18px;background:var(--soft);border:0;font-size:18px}.comparison td{padding:15px 18px;border:0}.comparison td::before{content:attr(data-label);display:block;font-size:12px;font-weight:600;letter-spacing:.05em;margin-bottom:7px;color:var(--muted)}.comparison td:last-child{border-top:1px solid var(--line);background:transparent}.evidence-line{padding:21px;font-size:15px}.workflow{grid-template-columns:1fr;gap:0;margin-bottom:30px}.workflow li{display:grid;grid-template-columns:44px 1fr;gap:20px;padding-bottom:27px}.workflow li:before{width:1px;height:auto;inset:44px auto 0 21px}.workflow li:last-child{padding-bottom:0}.workflow h3{font-size:25px;max-width:none;margin-top:7px}.workflow p{font-size:16px}.step-marker{margin:0}.example{padding:23px 21px;margin-bottom:28px;border-radius:14px}.example-heading{display:block}.example-stamp{display:none}.example h3{font-size:27px}.example-quote{font-size:22px}.exchange-fields{grid-template-columns:1fr;gap:16px}.exchange-fields dt{font-size:12px}.exchange-fields dd{font-size:16px}.review-pair{grid-template-columns:1fr;gap:10px}.review-pair h4{font-size:22px}.feedback-layout{grid-template-columns:1fr;gap:25px}.feedback-item{gap:13px;grid-template-columns:24px 1fr;padding-block:23px}.feedback-item h3{font-size:27px}.feedback-item p{font-size:17px}.feedback-aside{padding-top:0;display:grid;grid-template-columns:140px 1fr;gap:5px 16px;align-items:center;max-width:450px;margin:auto}.feedback-aside>img{grid-row:1/3;width:140px;margin:0}.feedback-aside .open-note{font-size:20px;margin:0 0 5px}.feedback-aside>p{font-size:13px;margin:0;max-width:24ch;text-align:left}.feedback-aside .underpaint{width:160px}.test-next{padding:24px 22px;margin-top:27px}.test-next h3{font-size:27px}.source-list>div{grid-template-columns:1fr;gap:8px;padding-block:18px}.source-list dt{font-size:14px}.source-list dd{font-size:15px}.closing{padding-top:28px;margin-top:30px;padding-bottom:115px}.closing>div{margin-left:0}.closing .open-note{font-size:21px}.closing h2{font-size:32px}.closing-ground{height:115px}.page-footer{display:block;padding-top:23px}.page-footer p{font-size:13px;margin-bottom:15px}.page-footer a{font-size:13px}}
@media(max-width:360px){.wrap{width:calc(100% - 28px)}.brand small{font-size:10px}.brand img{width:47px}.brand{gap:10px}.home-link{font-size:12px}h1{font-size:40px}.hero-art .open-note{font-size:20px;margin-left:4px}.hero-art .underpaint{width:140px}.feedback-aside{grid-template-columns:115px 1fr;gap:5px 10px}.feedback-aside>img{width:115px}.feedback-aside .underpaint{width:145px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}[data-motion=reduced],[data-motion=off]{scroll-behavior:auto}
@media(forced-colors:active){.underpaint,.flares,.closing-ground{display:none}.button.primary{background:ButtonFace;color:ButtonText;border:2px solid ButtonText}.step-marker{border-color:CanvasText;color:CanvasText}.amp,.title-second,.chapter-number,.feedback-index{color:CanvasText}}
@media print{.cc-story{font-size:11pt!important;color:#000!important;background:#fff!important}.wrap{width:100%;max-width:none}.contents,.button,.skip,.home-link,.page-footer>a,.text-link{display:none}.hero{padding-block:20px;grid-template-columns:1.5fr 1fr}h1{font-size:36pt}h2{font-size:25pt}.chapter{padding-top:30px;break-inside:auto}.chapter-head{break-after:avoid}.hero-art .open-note{font-size:14pt}.reading-offset,.comparison-wrap,.workflow,.example,.feedback-layout{margin-left:0}.feedback-layout{grid-template-columns:1fr 150px}.comparison th,.comparison td{font-size:10pt;padding:10px}.workflow{grid-template-columns:repeat(2,1fr)}.source-list dd{font-size:10pt}.closing{padding-bottom:85px}.closing>div{margin-left:0}}
/* Recompose the complete source character beside the note on phones. The
   source's transparent left margin can sit behind the open reading space. */
@media(max-width:760px){.hero-art{display:block;position:relative;min-height:280px;width:100%;max-width:500px;overflow:hidden}.hero-art .open-note{position:absolute;top:12px;left:10px;max-width:180px;margin:0;text-align:center}.hero-art .explorer{position:absolute;right:0;bottom:0;width:390px;max-width:none;transform:none}.hero-art .flares{left:0;top:-24px}}
@media(max-width:360px){.hero-art{min-height:275px}.hero-art .open-note{left:0;max-width:170px}.hero-art .explorer{width:350px;right:0}.feedback-aside .open-note{width:auto;max-width:100%}.feedback-aside .underpaint{max-width:100%}}
@media(max-width:760px){.comparison tbody th:first-child{width:100%}}

@media(max-width:760px){.hero-art{min-height:370px}}
@media(max-width:360px){.hero-art{min-height:360px}.hero-art .open-note{left:6px}}