@font-face{font-family:Fraunces;src:url('assets/fraunces-500.ttf') format('truetype');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:Manrope;src:url('assets/manrope-400.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Manrope;src:url('assets/manrope-500.ttf') format('truetype');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:Manrope;src:url('assets/manrope-600.ttf') format('truetype');font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:Manrope;src:url('assets/manrope-700.ttf') format('truetype');font-weight:700;font-style:normal;font-display:swap}
:root{--paper:#faf9f6;--surface:#f1efeb;--ink:#171717;--muted:#54514d;--line:#d8d4ce;--accent:#d53d0a;--accent-hover:#b43107;--accent-tint:#fbeadc;--content:80rem;--s1:.25rem;--s2:.5rem;--s3:.75rem;--s4:1rem;--s6:1.5rem;--s8:2rem;--s12:3rem;--s16:4rem;--s24:6rem;--s32:8rem;--s40:10rem;--t-sm:.875rem;--t-base:1rem;--t-md:1.25rem;--t-lg:1.5rem;--t-xl:2rem;--t-2xl:2.5rem;--t-3xl:3rem;--t-4xl:4rem;--t-5xl:4.5rem}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:2rem}body{margin:0;min-height:100dvh;background:var(--paper);color:var(--ink);font:400 var(--t-base)/1.6 Manrope,Arial,sans-serif}h1,h2,h3,p,figure{margin:0}h1,h2,h3{text-wrap:balance}p{text-wrap:pretty}h1,h2,h3{font-family:Fraunces,Georgia,serif;font-weight:500}h1,h2{line-height:1.08;letter-spacing:-.035em}h1,h2{font-size:var(--t-2xl)}h3{font-size:var(--t-lg);line-height:1.2;letter-spacing:-.02em}p+p{margin-top:var(--s6)}a{color:inherit;text-underline-offset:5px;text-decoration-thickness:1px}button{font:inherit;color:inherit}button,summary{cursor:pointer}img{display:block;max-width:100%;height:auto}[hidden]{display:none!important}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:5px}.container{width:min(calc(100% - 3rem),var(--content));margin-inline:auto}.eyebrow{font-size:var(--t-sm);font-weight:500;line-height:1.5;text-transform:uppercase;letter-spacing:.12em;margin-bottom:var(--s6)}.lead,.section-intro{font-size:var(--t-md);line-height:1.55;margin-top:var(--s8)}.accent{color:var(--accent)}.button{display:inline-flex;align-items:center;justify-content:center;min-height:3.5rem;padding:var(--s4) var(--s6);border:1px solid var(--accent);border-radius:4px;background:var(--accent);color:#fff;font:600 var(--t-base)/1.4 Manrope,Arial,sans-serif;text-decoration:none;transition:background .16s}.button:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.button-small{min-height:3rem;padding:var(--s3) var(--s6);font-size:var(--t-sm)}.text-link{display:inline-block;font-weight:600;font-size:var(--t-sm);padding-block:var(--s2);min-height:1.5rem}
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.hero-meta{font-size:var(--t-sm);color:var(--muted);margin-top:var(--s4)}
.price-block{font-size:var(--t-xl);font-weight:600;font-family:Fraunces,Georgia,serif;margin-top:var(--s6)}
.price-old{color:var(--muted);text-decoration:line-through;font-size:var(--t-base);font-weight:400;margin-right:var(--s3)}
.price-new,.hero-meta .price-new{color:var(--accent)}
.hero-meta .price-old{margin-right:var(--s2)}
.offer-points{list-style:none;margin:var(--s6) 0 0;padding:0;display:grid;gap:var(--s3);max-width:30rem}
.offer-points li{padding-left:var(--s6);position:relative;font-size:var(--t-sm);line-height:1.5}
.offer-points li::before{content:'';position:absolute;left:0;top:.55em;width:.5rem;height:.5rem;border-radius:50%;background:var(--accent)}.actions{display:flex;gap:var(--s6);align-items:center;flex-wrap:wrap;margin-top:var(--s8)}.skip-link{position:absolute;top:1rem;left:1rem;z-index:3;background:var(--ink);color:#fff;padding:1rem;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.site-header{height:5rem;position:relative;z-index:2;background:var(--paper)}.header-inner{height:100%;display:flex;justify-content:space-between;align-items:center}.brand{display:flex;flex-direction:column;align-items:flex-start;gap:var(--s1);text-decoration:none}.wordmark{height:1.5rem;width:auto;aspect-ratio:2103/748;display:block;align-self:flex-start}.brand-author{font-size:var(--t-sm);line-height:1.4}.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:var(--s2);width:3rem;height:3rem;background:none;border:0;padding:var(--s3)}.menu-toggle span{width:100%;height:2px;background:var(--ink)}.site-header nav{display:none;position:absolute;inset:5rem 0 auto;flex-direction:column;gap:var(--s6);padding:var(--s8) var(--s6);background:var(--paper);border-bottom:1px solid var(--line)}.site-header nav.is-open{display:flex}.site-header nav>a:not(.button){text-decoration:none;font-size:var(--t-sm);padding-block:var(--s2)}.site-header nav>a:not(.button):hover{text-decoration:underline}.hero{min-height:calc(100dvh - 5rem);display:flex;align-items:stretch}.hero-grid{display:grid;gap:var(--s8);padding-top:var(--s12);align-items:center}.hero-copy{padding-bottom:var(--s6)}.hero-copy .lead{max-width:31rem}.hero-art{align-self:end;max-width:48rem;justify-self:center}.hero-art img{width:100%;object-fit:contain;object-position:bottom}.section{min-height:100dvh;padding-block:var(--s24);display:flex;flex-direction:column;justify-content:center}.benefits-grid{display:grid;gap:var(--s12)}.icon-list{list-style:none;margin:var(--s12) 0 0;padding:0;display:grid;gap:var(--s8)}.icon-list li{display:flex;gap:var(--s6);align-items:flex-start;min-width:0}.topic-icon{width:3rem;height:3rem;flex:0 0 3rem;display:grid;place-items:center;border-radius:50%;background:var(--accent-tint)}.topic-icon img{width:1.5rem;height:1.5rem}.icon-list p{font-size:var(--t-sm);line-height:1.6;margin-top:var(--s3);color:var(--muted)}.materials-panel{background:var(--surface);padding:var(--s8);min-width:0;display:flex;flex-direction:column}.materials-panel>h3{font-size:var(--t-xl);line-height:1.12}.materials-panel>p:not(.visual-note){margin-top:var(--s6)}.preview-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s3);margin-block:var(--s8);align-items:start}.preview-list figure{min-width:0;display:flex;flex-direction:column;height:100%}.preview-list a{display:block}.preview-list img{width:100%;height:auto;aspect-ratio:3/4}.preview-list figcaption{font-size:var(--t-sm);line-height:1.4;margin-top:var(--s4);text-align:center}.visual-note{color:var(--muted);font-size:var(--t-sm);line-height:1.5;margin-top:var(--s6)}.materials-panel>.visual-note{margin-top:auto;text-align:right}.contents-section{position:relative}.anchor-alias{position:absolute;top:0}.contents-grid{display:grid;gap:var(--s12)}.chapter-art img{width:100%;object-fit:contain;object-position:bottom}.content-captions{list-style:none;margin:var(--s6) 0 0;padding:0;display:grid;gap:var(--s8)}.content-captions li{text-align:center;display:flex;flex-direction:column;align-items:center}.number{display:grid;place-items:center;width:3rem;height:3rem;border:2px solid var(--accent);border-radius:50%;color:var(--accent);font-size:var(--t-md);font-weight:600;margin-bottom:var(--s4)}.content-captions h3{font-family:Manrope,Arial,sans-serif;font-size:var(--t-base);font-weight:600;min-height:3rem;display:flex;align-items:center;justify-content:center}.content-captions p{font-size:var(--t-sm);line-height:1.5;color:var(--muted);margin-top:var(--s2);max-width:17rem}.contents-visual>.visual-note{text-align:right}.spread-section{background:var(--surface)}.spread-grid{display:grid;gap:var(--s12)}.spread-copy .text-link{display:inline-block;margin-top:var(--s8)}.spread-art{align-self:end}.spread-art img{width:100%;object-fit:contain;object-position:bottom}.spread-art figcaption{text-align:right;font-size:var(--t-sm);color:var(--muted);margin-top:var(--s4)}.sample-container{margin-top:var(--s8)}.sample-details{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:var(--s6);font-weight:500;padding-block:var(--s6)}summary::-webkit-details-marker{display:none}summary span{font-size:var(--t-lg);font-weight:400}details[open]>summary>span{transform:rotate(45deg)}.sample-grid{display:grid;gap:var(--s8);padding-block:var(--s8)}.sample-grid h3{font-size:var(--t-xl);margin-bottom:var(--s6)}.example-switch{display:flex;gap:var(--s2);flex-wrap:wrap;margin-top:var(--s8)}.example-switch button{padding:var(--s3) var(--s4);min-height:3rem;border:1px solid var(--line);border-radius:4px;background:var(--paper);font-size:var(--t-sm);font-weight:500}.example-switch button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--paper)}.ui-demo{border:1px solid var(--line);border-radius:12px;background:#fff;overflow:hidden}.demo-header,.demo-footer{padding:var(--s4) var(--s6);font-size:var(--t-sm)}.demo-header{border-bottom:1px solid var(--line);font-weight:500}.demo-footer{border-top:1px solid var(--line);color:var(--muted)}.demo-body{padding:var(--s8) var(--s6);min-height:20rem}.demo-body strong{font-weight:600}.demo-body p{font-size:var(--t-sm);color:var(--muted);margin-top:var(--s4)}.user-message{padding:var(--s4);margin-left:var(--s6);margin-bottom:var(--s8);background:var(--surface);font-size:var(--t-sm);border-radius:4px}.recovery-step{margin-top:var(--s8);padding-left:var(--s4);border-left:2px solid var(--accent)}.audience-section{min-height:auto}.audience-grid{display:grid;gap:var(--s12)}.audience-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s12) var(--s6)}.audience-list li{display:flex;flex-direction:column;align-items:center;text-align:center;min-width:0}.audience-list img{height:3rem;width:3rem;margin-bottom:var(--s6)}.audience-list h3{font-family:Manrope,Arial,sans-serif;font-size:var(--t-base);font-weight:500;line-height:1.5;min-height:4.5rem}.audience-list li::after{content:'';width:3rem;height:4px;background:var(--accent);margin-top:var(--s6);border-radius:2px}.author-section{min-height:auto;padding-top:var(--s8)}.author-grid{display:grid;gap:var(--s8);align-items:start}.author-photo{width:100%;max-width:20rem}.author-photo img{width:100%;height:auto;aspect-ratio:1;object-fit:contain}.author-grid h2{font-size:var(--t-xl)}.author-grid p{margin-top:var(--s4);max-width:34rem}.bio-group{margin-top:var(--s6);border-top:1px solid var(--line)}.bio-group>summary{font-size:var(--t-sm);padding-block:var(--s4)}.bio-content{padding-bottom:var(--s6)}.bio-content p{font-size:var(--t-sm);color:var(--muted);margin-top:0}.bio-content p+p{margin-top:var(--s4)}.final-section{min-height:70dvh;padding-top:var(--s8);padding-bottom:0}.final-grid{display:grid;gap:var(--s8);align-items:center}.final-copy{padding-bottom:var(--s8)}.final-art{align-self:end;max-width:40rem;justify-self:end}.final-art img{width:100%;object-fit:contain;object-position:bottom}.site-footer{padding-block:var(--s8);border-top:1px solid var(--line)}.footer-inner{display:flex;justify-content:space-between;gap:var(--s8);align-items:center;flex-wrap:wrap}.footer-brand{flex-direction:row;align-items:center;gap:var(--s4)}.site-footer nav{display:flex;flex-wrap:wrap;gap:var(--s6)}.site-footer nav a{display:inline-block;font-size:var(--t-sm);text-decoration:none;padding-block:var(--s2);min-height:1.5rem}.site-footer nav a:hover{text-decoration:underline}
@media(min-width:48rem){.container{width:min(calc(100% - 6rem),var(--content))}h1{font-size:var(--t-4xl)}h2{font-size:var(--t-3xl)}.section{padding-block:var(--s32)}.icon-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s8)}.icon-list li{padding-block:var(--s6);border-top:1px solid var(--line)}.materials-panel{padding:var(--s12)}.preview-list{gap:var(--s6)}.content-captions{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s6)}.sample-grid{grid-template-columns:1fr 1fr;gap:var(--s12)}.audience-list{grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--s8)}.author-section{padding-top:var(--s8);padding-bottom:var(--s16)}.author-grid{grid-template-columns:16rem 1fr;gap:var(--s8);align-items:center}.author-grid h2{font-size:var(--t-2xl)}.final-section{padding-top:var(--s8);padding-bottom:0}}
@media(min-width:64rem){.menu-toggle{display:none}.site-header nav{position:static;display:flex;flex-direction:row;align-items:center;padding:0;border:0;gap:var(--s8)}.hero-grid{grid-template-columns:1.1fr 1fr;gap:var(--s8);padding-top:var(--s8)}.hero-copy{padding-block:var(--s16)}.hero-art{width:calc(100% + 2rem);margin-right:-2rem}.section{padding-block:var(--s40)}.benefits-grid{grid-template-columns:1.3fr 1fr;gap:var(--s12);align-items:stretch}.icon-list{gap:var(--s8) var(--s6)}.materials-panel{padding:var(--s8)}.preview-list{gap:var(--s3);margin-top:auto;padding-top:var(--s12)}.materials-panel .visual-note{padding-top:var(--s8)}.contents-grid{grid-template-columns:.8fr 1.2fr;gap:var(--s8);align-items:center}.contents-copy .actions{gap:var(--s6)}.contents-visual{min-width:0}.spread-grid{grid-template-columns:.8fr 1.2fr;gap:var(--s8);align-items:center}.spread-art{width:calc(100% + 2rem);margin-right:-2rem}.audience-section{padding-block:var(--s24)}.audience-grid{grid-template-columns:.9fr 1.7fr;gap:var(--s8);align-items:start}.audience-grid h2{font-size:var(--t-2xl)}.audience-list{gap:var(--s6)}.author-section{padding-top:var(--s4);padding-bottom:var(--s12)}.author-grid{grid-template-columns:18rem 1fr;max-width:60rem;margin-left:max(3rem,calc((100% - var(--content))/2));margin-right:0;gap:var(--s8)}.final-section{padding-top:var(--s8);padding-bottom:0}.final-grid{grid-template-columns:1fr 1fr;gap:var(--s8)}.final-copy{align-self:center;padding-block:var(--s16)}.final-art{width:calc(100% + 2rem);max-width:none;margin-right:-2rem}.footer-brand .wordmark{height:1.25rem}}
@media(min-width:80rem){h1{font-size:var(--t-5xl)}.hero-copy{padding-block:var(--s24)}.benefits-grid{gap:var(--s16)}.materials-panel{padding:var(--s12)}.contents-copy h2,.spread-copy h2,.final-copy h2{font-size:var(--t-4xl)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}
@media print{.site-header,.site-footer,.menu-toggle,.actions,.bio-group,.sample-container{display:none}.hero,.section{min-height:0;padding-block:3rem;break-inside:avoid}.container{width:100%;margin-inline:0}.hero-grid,.benefits-grid,.contents-grid,.spread-grid,.final-grid{grid-template-columns:1fr 1fr}.hero-art,.final-art,.spread-art{width:100%;margin:0}body{background:white}}
/* Keep diagram illustrations monochrome; orange stays in the UI and book cover. */
.chapter-art img{filter:grayscale(1);mix-blend-mode:multiply}