:root {
  --paper:#FAFAF7; --white:#FFFFFF; --ink:#152229; --muted:#53646A;
  --blue:#00B3E6; --blue-deep:#00657F; --blue-soft:#E7F7FC; --rule:#CBD4D5; --yellow:#F4DF8A;
  --sans:Arial,Helvetica,sans-serif; --mono:ui-monospace,SFMono-Regular,Consolas,monospace;
  --max:1240px; --gutter:clamp(20px,4vw,56px);
}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:108px}body{margin:0;color:var(--ink);background:var(--paper);font-family:var(--sans);-webkit-font-smoothing:antialiased;font-size:18px;line-height:1.6}button,a,summary{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button{color:inherit}a{color:inherit;text-decoration-thickness:1px;text-underline-offset:5px}a:hover{color:var(--blue-deep)}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--blue-deep);outline-offset:6px}::selection{background:var(--blue);color:var(--ink)}h1,h2,h3,h4,p,figure{margin:0}h1,h2,h3,h4{line-height:1.08;letter-spacing:-.045em}h2{font-size:clamp(36px,4.5vw,62px);font-weight:700}h3{font-size:clamp(25px,2.5vw,34px)}p+p{margin-top:16px}button{cursor:pointer}svg{display:block}small{font-size:13px}.wrap{max-width:calc(var(--max) + var(--gutter)*2);padding-inline:var(--gutter);margin:auto}.eyebrow,.micro,.section-number,.tag,.meta{font-family:var(--mono);font-size:12px;font-weight:500;letter-spacing:.075em;line-height:1.5;text-transform:uppercase}.eyebrow{display:flex;align-items:center;gap:10px}.dot{width:7px;height:7px;border-radius:50%;background:var(--blue-deep);flex-shrink:0}.muted{color:var(--muted)}.arrow{font-family:Arial,sans-serif;font-size:22px;line-height:1}.skip{position:fixed;top:-100px;left:20px;background:var(--ink);color:white;padding:12px 20px;z-index:100}.skip:focus{top:10px}.site-header{height:96px;border-bottom:1px solid var(--rule);background:rgba(250,250,247,.96);position:sticky;top:0;z-index:50}.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:25px}.identity{display:flex;align-items:center;gap:14px;text-decoration:none;color:var(--ink)!important}.mark{font-size:22px;font-family:var(--mono);font-weight:800;letter-spacing:-3px;color:var(--blue-deep);white-space:nowrap}.identity-name{font-weight:700;font-size:16px;letter-spacing:-.025em;line-height:1.2}.identity-label{display:block;font:10px/1.5 var(--mono);letter-spacing:.07em;color:var(--muted);text-transform:uppercase;margin-top:5px}.nav{display:flex;align-items:center;gap:30px}.nav a{font-size:13px;text-decoration:none;padding:12px 0;border-bottom:1px solid transparent}.nav a[aria-current]{border-color:var(--ink)}.nav .nav-out{border:1px solid var(--ink);padding:10px 14px;display:flex;gap:15px;align-items:center}.menu-toggle{display:none;background:none;border:1px solid var(--ink);padding:9px 14px;font:12px var(--mono);min-height:44px}.hero{padding-top:67px;padding-bottom:56px}.hero-grid{display:grid;grid-template-columns:1.17fr 1fr;gap:40px;align-items:center;margin-top:33px}.hero h1{font-size:clamp(66px,7.65vw,108px);line-height:.975;font-weight:750;letter-spacing:-.065em;max-width:660px}.hero h1 .love{position:relative;display:inline-block;color:var(--blue-deep);z-index:0}.hero h1 .love::after{content:"";position:absolute;inset:auto -4px 0;height:17%;background:var(--blue);transform:rotate(-3deg);z-index:-1;opacity:.45}.hero-lede{margin-top:28px;max-width:475px;font-size:19px;line-height:1.6;color:var(--muted)}.hero-actions{display:flex;align-items:center;gap:25px;flex-wrap:wrap;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:22px;text-decoration:none;background:var(--ink);color:var(--white);border:1px solid var(--ink);padding:15px 21px;font-weight:600;font-size:14px;min-height:52px}.button:hover{background:var(--blue);color:var(--ink)}.text-link{display:inline-flex;align-items:center;gap:12px;font-size:14px;min-height:44px}.hero-art{position:relative;padding:25px 2px 48px 22px;min-width:0}.poster{background:var(--blue);min-height:395px;position:relative;transform:rotate(2deg);padding:31px 31px 28px;border:1px solid var(--ink);box-shadow:8px 8px 0 #1522290C;display:flex;flex-direction:column;justify-content:space-between}.poster::before{content:'';position:absolute;top:15px;right:15px;bottom:15px;left:15px;border:1px solid #15222936;pointer-events:none}.poster .micro{position:relative;z-index:2}.poster-title{font-size:clamp(42px,4.5vw,66px);letter-spacing:-.06em;line-height:1.02;font-weight:700;position:relative;padding:27px 0 42px}.poster-title .equals{display:block;font:40px/1.15 var(--mono);letter-spacing:0;margin:6px 0 8px}.poster-graphic{position:absolute;right:8px;bottom:8px;width:180px;height:138px;opacity:.7}.poster-bottom{font:11px/1.5 var(--mono);letter-spacing:.02em;width:62%;position:relative}.scribble{position:absolute;right:-4px;top:-13px;font:italic 20px/1.2 Georgia,serif;transform:rotate(5deg);z-index:2}.sticky-note{position:absolute;bottom:11px;left:2px;padding:22px 25px 23px;background:var(--yellow);border:1px solid #cbb975;transform:rotate(-5deg);box-shadow:3px 5px 0 #1522290c;max-width:260px}.sticky-note .micro{font-size:10px;margin-bottom:7px}.sticky-note p{font:italic 25px/1.08 Georgia,serif;letter-spacing:-.025em}.art-caption{margin-top:17px;font:10px/1.5 var(--mono);color:var(--muted);text-align:right;letter-spacing:.015em;padding-left:105px}.origin-strip{display:grid;grid-template-columns:1fr 1.22fr;gap:40px;border-top:1px solid var(--rule);padding-top:27px;margin-top:43px}.origin-strip .micro{margin-bottom:9px}.origin-title{font-size:20px;font-weight:650;letter-spacing:-.025em}.origin-copy{max-width:640px;font-size:14px;line-height:1.65;color:var(--muted)}.source-ref{font:11px var(--mono);font-weight:600;white-space:nowrap;color:var(--blue-deep);text-decoration:none;display:inline-block;vertical-align:super;margin-left:4px;padding:4px 2px}.section{padding-block:94px;border-top:1px solid var(--rule)}.section-head{display:grid;grid-template-columns:1fr 1.15fr;gap:45px;margin-bottom:43px;align-items:end}.section-head .eyebrow{margin-bottom:19px}.section-intro{font-size:17px;color:var(--muted);max-width:470px;padding-bottom:4px}.principles-list{display:grid;grid-template-columns:1fr 1fr;column-gap:56px}.principle{border-top:1px solid var(--rule);position:relative;align-self:start}.principle summary{list-style:none;display:grid;grid-template-columns:35px 1fr 24px;gap:14px;align-items:start;padding:25px 0;min-height:122px;cursor:pointer}.principle summary::-webkit-details-marker{display:none}.principle-number{font:14px var(--mono);color:var(--blue-deep);padding-top:5px}.principle h3{font-size:25px;letter-spacing:-.035em;line-height:1.18}.principle summary p{font-size:14px;margin-top:8px;color:var(--muted)}.plus{font:23px/1.1 var(--mono);text-align:right;padding-top:3px}.principle[open] .plus{font-size:0}.principle[open] .plus::after{content:'−';font-size:23px}.principle-detail{padding:0 30px 29px 49px;font-size:16px;color:var(--muted)}.principle-detail .practice{padding-left:14px;border-left:2px solid var(--blue);margin-top:22px;color:var(--ink);font-size:15px}.principle-detail .tag{font-size:10px;margin-top:21px;display:block;color:var(--blue-deep)}.lesson{background:var(--blue-soft);padding-block:77px;border-top:1px solid #c6e1e8}.lesson-heading{display:flex;align-items:center;justify-content:space-between;gap:30px}.lesson h2{font-size:clamp(33px,3.7vw,50px)}.lesson .eyebrow{margin-bottom:15px}.lesson-heading .annotation{font:italic 22px/1.4 Georgia,serif;max-width:190px;transform:rotate(-4deg);border-bottom:2px solid var(--blue);padding-bottom:8px}.lesson-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:33px;margin-top:38px}.lesson-step{border-top:1px solid #83A5AF;padding-top:17px}.lesson-step .step-line{display:flex;justify-content:space-between;align-items:center;margin-bottom:13px}.lesson-step h3{font-size:24px}.lesson-step p{font-size:16px;color:var(--muted);line-height:1.6}.lesson-step .step-label{font:11px var(--mono);color:var(--blue-deep);margin-top:22px;display:block}.component-note{font-size:12px;color:var(--muted);line-height:1.55;margin-top:28px;max-width:760px}.lab{background:var(--ink);color:var(--white);border:none}.lab .dot{background:var(--blue)}.lab .section-intro,.lab .component-note{color:#B6C8CF}.lab .eyebrow{color:#B6C8CF}.lab-grid{display:grid;grid-template-columns:310px 1fr;gap:45px;align-items:start}.scenario-buttons{display:none}.js .scenario-buttons{display:flex;flex-direction:column;gap:10px}.scenario-button{background:transparent;border:1px solid #5b6c74;color:#ecf1f3;padding:18px 19px;text-align:left;display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:16px;min-height:61px;transition:background 160ms,color 160ms}.scenario-button[aria-pressed=true]{background:var(--blue);color:var(--ink);border-color:var(--blue)}.scenario-button:hover{border-color:var(--blue)}.scenario-button:focus-visible{outline-color:white}.lab-panel{border-top:1px solid #647780;padding-top:20px;min-height:320px}.lab-panel .micro{color:#78D7F3;font-size:11px}.lab-quote{font-size:clamp(25px,2.65vw,36px);font-weight:600;letter-spacing:-.025em;line-height:1.3;margin-top:17px;max-width:810px}.lab-why{font-size:16px;color:#BDD0D7;margin-top:22px;max-width:760px}.lab .source-ref{color:#78D7F3}.follow-up{border-top:1px solid #4C616B;margin-top:24px;padding-top:17px;display:grid;grid-template-columns:160px 1fr;gap:16px}.follow-up span{font:11px/1.7 var(--mono);color:#BDD0D7;text-transform:uppercase;letter-spacing:.04em}.follow-up p{font-size:15px}.lab-cue{font:italic 19px/1.35 Georgia,serif;color:#B6C8CF;max-width:250px;margin-top:25px}.scenario-panel{margin-bottom:35px}.scenario-panel h3{font-size:23px;margin-bottom:25px}.js .scenario-panel h3{display:none}.js .scenario-panel[hidden]{display:none}.js .scenario-panel{margin-bottom:0}.no-js-lab-intro{font-size:15px;color:#BDD0D7}.js .no-js-lab-intro{display:none}.practice-stories{display:grid;grid-template-columns:1fr 1fr;column-gap:56px;row-gap:39px}.story{border-top:1px solid var(--rule);padding-top:25px}.story-meta{font:11px var(--mono);text-transform:uppercase;letter-spacing:.065em;color:var(--blue-deep);display:flex;justify-content:space-between;gap:20px;margin-bottom:18px}.story h3{font-size:30px;max-width:420px}.story>p{font-size:16px;color:var(--muted);margin-top:17px;max-width:540px}.curriculum-modules{list-style:none;padding:0;margin:25px 0 0}.curriculum-modules li{font-size:14px;border-top:1px solid var(--rule);padding:10px 0;display:flex;gap:15px}.curriculum-modules li span{font:11px/1.8 var(--mono);color:var(--blue-deep)}.quote-small{margin:24px 0 0;border-left:2px solid var(--blue);padding:2px 0 2px 20px;font-size:23px;font-weight:600;line-height:1.3;letter-spacing:-.03em}.quote-small cite{display:block;font:11px/1.6 var(--mono);color:var(--muted);margin-top:12px;letter-spacing:0}.rituals{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}.rituals span{padding:5px 10px;border:1px solid var(--rule);font-size:12px;background:var(--white)}.feedback-loop{font:12px/1.9 var(--mono);margin-top:23px;border:1px solid var(--rule);padding:15px 18px}.feedback-loop span{color:var(--blue-deep);padding-inline:10px}.source-section{background:var(--white)}.source-top-note{font-size:13px;line-height:1.6;color:var(--muted);max-width:680px;margin-top:18px}.source-list{border-bottom:1px solid var(--rule)}.source{border-top:1px solid var(--rule);scroll-margin-top:112px}.source summary{display:grid;grid-template-columns:40px 170px 1fr 25px;gap:20px;align-items:center;padding:22px 0;list-style:none;cursor:pointer;min-height:82px}.source summary::-webkit-details-marker{display:none}.source-id{font:11px var(--mono);color:var(--blue-deep)}.source-kind{font:11px var(--mono);color:var(--muted);text-transform:uppercase;letter-spacing:.045em}.source summary h3{font-size:20px;letter-spacing:-.025em;line-height:1.3}.source[open] .plus{font-size:0}.source[open] .plus::after{content:'−';font-size:23px}.source-body{padding:0 45px 30px 230px;font-size:15px;color:var(--muted)}.source-body blockquote{margin:0 0 20px;border-left:2px solid var(--blue);padding:5px 0 5px 20px;font-size:23px;font-weight:600;line-height:1.3;color:var(--ink);letter-spacing:-.025em}.source-boundary{font-size:13px;background:var(--paper);border-left:2px solid var(--rule);padding:14px 17px;margin-top:16px!important;line-height:1.6}.source-original{margin-top:17px;display:inline-flex;gap:15px;align-items:center;min-height:44px;font-size:13px;color:var(--blue-deep)}.closing{padding-top:84px;padding-bottom:67px;background:var(--blue)}.closing-grid{display:grid;grid-template-columns:1.4fr 1fr;align-items:end;gap:65px}.closing .eyebrow{margin-bottom:20px}.closing h2{font-size:clamp(43px,5.4vw,75px)}.closing-right p{font-size:17px;max-width:360px}.closing .button{margin-top:28px}.closing .button:hover{background:white}.footer{background:var(--ink);color:#B6C8CF;padding:28px 0 32px;font-size:12px}.footer-grid{display:flex;justify-content:space-between;align-items:start;gap:35px}.footer .footer-name{font-size:14px;font-weight:600;color:white}.footer .footer-copy{max-width:650px;line-height:1.6;margin-top:7px}.footer-links{display:flex;gap:22px;white-space:nowrap}.footer a:hover{color:white}.footer a:focus-visible{outline-color:var(--blue)}
/* Visual companion page */
.guide-hero{padding-block:70px}.guide-hero h1{font-size:clamp(52px,7vw,92px);max-width:920px;margin-top:22px}.guide-hero .guide-lede{font-size:20px;color:var(--muted);max-width:700px;margin-top:27px}.guide-block{padding-block:65px;border-top:1px solid var(--rule)}.guide-block .eyebrow{margin-bottom:20px}.guide-block h2{font-size:42px;margin-bottom:26px}.swatches{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.swatch{border:1px solid var(--rule)}.swatch-color{height:115px}.swatch-label{padding:13px;background:white;font:12px/1.7 var(--mono)}.guide-type{display:grid;grid-template-columns:170px 1fr;gap:25px;border-top:1px solid var(--rule);padding:24px 0}.guide-type-label{font:12px/1.6 var(--mono);color:var(--muted)}.guide-quote{font:italic 28px Georgia,serif}.guide-copy{max-width:700px;color:var(--muted)}.guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px}.guide-grid h3{font-size:26px;margin-bottom:15px}.guide-grid p{font-size:16px;color:var(--muted)}.example-control{margin-top:25px;display:flex;align-items:center;gap:25px;flex-wrap:wrap}.guide-token{font:12px var(--mono);background:var(--blue-soft);padding:8px 12px;display:inline-block;margin:5px 3px 5px 0}
@media(min-width:1600px){.hero-grid{gap:75px}.poster{min-height:430px}}
@media(max-width:1100px){.nav{gap:20px}.nav .nav-out{display:none}.hero h1{font-size:clamp(64px,8.5vw,92px)}.hero-grid{gap:24px;grid-template-columns:1.17fr 1fr}.poster{min-height:360px;padding:26px}.poster-title{font-size:clamp(40px,4.85vw,57px)}.hero-lede{font-size:17px}.principles-list{column-gap:35px}.principle h3{font-size:22px}.source summary{grid-template-columns:30px 150px 1fr 25px;gap:18px}.source-body{padding-left:198px}.lab-grid{grid-template-columns:270px 1fr;gap:32px}.origin-strip{grid-template-columns:1fr 1.15fr}.closing-grid{gap:35px}}
@media(max-width:760px){html{scroll-padding-top:87px}.site-header{height:76px}.identity-label{font-size:9px}.identity-name{font-size:14px}.mark{font-size:20px}.js .menu-toggle{display:block}.nav{gap:13px}.nav a{font-size:12px}.js .nav{position:absolute;left:0;right:0;top:75px;background:var(--paper);border-bottom:1px solid var(--rule);padding:16px var(--gutter) 22px;flex-direction:column;align-items:stretch;display:none;gap:3px;box-shadow:0 12px 14px #15222908}.js .nav.is-open{display:flex}.js .nav a{font-size:16px;padding:12px}.js .nav .nav-out{display:flex;margin-top:8px}.hero{padding-top:39px;padding-bottom:45px}.hero-grid{grid-template-columns:1fr;margin-top:28px;gap:37px}.hero h1{font-size:clamp(63px,11vw,86px);max-width:640px}.hero-lede{font-size:18px;max-width:500px;margin-top:25px}.hero-actions{margin-top:26px;gap:23px}.hero-art{width:100%;max-width:510px;margin:auto;padding:18px 12px 57px 16px}.poster{min-height:340px;padding:29px}.poster-title{font-size:clamp(40px,8vw,62px);padding-top:25px}.poster-title .equals{font-size:31px}.sticky-note{padding:18px 21px;bottom:14px;max-width:230px}.sticky-note p{font-size:24px}.scribble{right:0;top:-8px;font-size:18px}.origin-strip{grid-template-columns:1fr;gap:15px;padding-top:22px;margin-top:25px}.origin-copy{font-size:14px}.section{padding-block:65px}.section-head{grid-template-columns:1fr;gap:22px;margin-bottom:34px}.section-intro{font-size:16px;max-width:520px}.section-head .eyebrow{margin-bottom:16px}.principles-list{grid-template-columns:1fr}.principle summary{min-height:100px;padding-block:22px}.principle h3{font-size:24px}.principle-detail{padding-right:12px}.lesson{padding-block:62px}.lesson-heading{align-items:start}.lesson-heading .annotation{display:none}.lesson-steps{grid-template-columns:1fr;gap:25px;margin-top:29px}.lesson-step p{max-width:570px}.lesson-step .step-label{margin-top:13px}.lab-grid{grid-template-columns:1fr;gap:25px}.js .scenario-buttons{display:grid;grid-template-columns:1fr 1fr;gap:8px}.scenario-button{font-size:13px;min-height:58px;padding:13px}.scenario-button .arrow{font-size:18px}.lab-cue{display:none}.lab-panel{min-height:340px}.lab-quote{font-size:28px}.follow-up{grid-template-columns:1fr;gap:6px}.practice-stories{grid-template-columns:1fr;gap:35px}.story h3{font-size:30px}.source summary{grid-template-columns:27px 1fr 24px;gap:11px;padding-block:21px;min-height:80px}.source-kind{display:none}.source summary h3{font-size:18px}.source-body{padding:0 0 27px 38px}.source-body blockquote{font-size:21px}.closing{padding-top:63px;padding-bottom:55px}.closing-grid{grid-template-columns:1fr;gap:29px}.closing h2{font-size:clamp(44px,8.8vw,67px)}.closing-right p{max-width:500px;font-size:16px}.footer-grid{flex-direction:column;gap:20px}.footer-links{gap:20px}.guide-hero{padding-block:45px}.guide-hero h1{font-size:58px}.guide-block{padding-block:50px}.swatches{grid-template-columns:1fr 1fr;gap:14px}.guide-type{grid-template-columns:1fr;gap:12px}.guide-grid{grid-template-columns:1fr;gap:30px}.guide-block h2{font-size:35px}.no-js .site-header{height:auto;position:relative;padding-block:17px}.no-js .header-inner{flex-direction:column;align-items:start}.no-js .nav{display:flex;flex-wrap:wrap}.no-js .lab-grid{grid-template-columns:1fr}.no-js .lab-panel{margin-top:15px}}
@media(max-width:380px){.hero h1{font-size:59px}.poster{padding:25px}.poster-title{font-size:38px}.hero-actions{gap:15px}.button{padding:14px 17px}.text-link{font-size:13px}.scenario-button{font-size:12px;padding:12px 10px}.principle h3{font-size:22px}.identity{gap:10px}.mark{font-size:19px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
@media print{html{scroll-padding-top:0}.site-header{position:static;background:white;height:auto;padding:15px 0}.nav,.menu-toggle,.hero-actions,.hero-art,.scenario-buttons,.source-original,.footer-links,.skip,.closing .button{display:none!important}body{font-size:11pt;background:white}.wrap{padding-inline:0}.hero,.section,.lesson,.closing,.lab{padding:24px 0;background:white;color:black}.hero-grid,.section-head,.origin-strip,.lab-grid,.closing-grid{display:block}.hero h1{font-size:44pt}.hero-lede{font-size:12pt}.hero h1 .love{color:black}.hero h1 .love::after{display:none}h2{font-size:26pt}h3{font-size:18pt}.lab .component-note,.lab .section-intro,.lab-why,.lab .micro,.lab .eyebrow,.lab-cue,.follow-up span{color:#333}.principles-list,.practice-stories{display:block}.principle,.story,.source{break-inside:avoid}.principle-detail,.source-body{display:block!important;padding:5px 0 20px}.principle summary,.source summary{min-height:0;padding:15px 0}.principle .plus,.source .plus{display:none}.lab-panel{min-height:0;border-color:#ccc}.lab-quote{font-size:17pt}.js .scenario-panel[hidden]{display:block!important}.js .scenario-panel h3{display:block}.scenario-panel{margin-bottom:24px!important}.lab-grid aside{display:none}.lesson-steps{gap:15px}.lesson-step p,.story>p{font-size:11pt}.source summary{grid-template-columns:35px 1fr}.source-kind{display:none}.footer{background:white;color:#333;border-top:1px solid #aaa}.footer .footer-name{color:black}.closing-right{margin-top:20px}.source-ref{color:#333}.guide-hero h1{font-size:40pt}}

/* The source label is kept outside the intentional note overlap. */
.poster>.micro .source-ref{vertical-align:baseline;color:var(--ink);font-size:12px}.poster-bottom{width:auto;font-size:11px;max-width:240px;padding-bottom:8px}.sticky-note{bottom:-2px}.art-caption{margin-top:25px;padding-left:230px}.poster-title{padding-bottom:67px}
@media(max-width:760px){.sticky-note{bottom:9px}.art-caption{padding-left:180px;font-size:10px;margin-top:25px}.poster-bottom{padding-bottom:22px;font-size:10px}.poster-title{padding-bottom:55px}}