:root{--bg-canvas:#f7f5f0;--bg-surface:#fff;--bg-surface-hover:#eeeae2;--text-primary:#111;--text-muted:#595650;--accent-primary:#d62828;--accent-secondary:#9f2020;--border-subtle:#d3cec4;--ease-kinetic:cubic-bezier(.16,1,.3,1);--shadow-elevation:0 12px 32px -4px rgba(0,0,0,.25);--glow-accent:0 0 24px -4px var(--accent-primary);--glass-backdrop:blur(16px) saturate(180%)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg-canvas);color:var(--text-primary);font:18px/1.65 Charter,Cambria,Georgia,serif;overflow-wrap:anywhere;hyphens:auto}a{color:inherit;text-decoration-thickness:1px;text-underline-offset:4px}a:hover{color:var(--accent-secondary)}button,input,textarea,select{font:inherit}button,a,input,textarea,summary{touch-action:manipulation}button{cursor:pointer}img{display:block;max-width:100%;object-fit:cover;border-radius:0}h1,h2,h3,p,figure{margin-top:0}h1,h2,h3{line-height:1.13;font-weight:500;text-wrap:balance}h1{font-size:clamp(2.6rem,5.8vw,5rem);letter-spacing:-.045em;max-width:17ch;margin-bottom:1.4rem}h2{font-size:clamp(1.8rem,3vw,2.65rem);letter-spacing:-.025em}h3{font-size:1.35rem}p{margin-bottom:1.25rem}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--accent-primary);outline-offset:5px}.skip-link{position:absolute;left:1rem;top:-8rem;background:white;padding:.6rem;z-index:20}.skip-link:focus{top:1rem}.site-header{position:relative;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.5rem clamp(1rem,3vw,3rem);border-bottom:1px solid var(--border-subtle);z-index:5}.brand{display:flex;align-items:center;gap:.65rem;font-size:1.2rem;text-decoration:none;font-weight:bold;letter-spacing:-.03em;white-space:nowrap}.brand-mark{color:var(--accent-primary);font-size:1.6rem;line-height:1}.site-nav{display:flex;align-items:center;gap:clamp(.65rem,1.3vw,1.35rem);font-size:.92rem}.site-nav a{text-decoration:none;white-space:nowrap}.site-nav a[aria-current=page]{text-decoration:underline;text-decoration-color:var(--accent-primary);text-underline-offset:7px}.menu-toggle{display:none;background:none;border:0;color:var(--text-primary);font-size:2rem;padding:0 .65rem}.wrapper{width:min(1200px,calc(100% - 4rem));margin:0 auto}.hero{display:grid;grid-template-columns:1.1fr .9fr;gap:2rem;align-items:center;padding:5rem 0 4.5rem}.eyebrow,.utility,.chapter-number{font-variant:small-caps;letter-spacing:.11em;font-size:.85rem}.eyebrow{color:var(--accent-secondary);margin-bottom:1.2rem}.lead{font-size:1.25rem;max-width:52ch;color:var(--text-muted)}.button{display:inline-block;border:0;border-radius:999px;background:var(--accent-primary);color:white;padding:.8rem 1.45rem;text-decoration:none;line-height:1.3;transition:transform .3s var(--ease-kinetic),box-shadow .3s var(--ease-kinetic),background .3s}.button:hover{background:var(--accent-secondary);color:white;transform:translateY(-3px);box-shadow:0 6px 0 #dfd8cc}.button.secondary{background:var(--text-primary);color:#fff}.photo-stack{position:relative;min-height:440px;margin:0}.photo-stack img{position:absolute;box-shadow:0 8px 20px #1112;width:64%;height:240px;aspect-ratio:4/3}.photo-stack .community-notes-photo{left:0;top:0;transform:rotate(-5deg)}.photo-stack .reply-planning-photo{right:0;top:100px;transform:rotate(4deg)}.photo-stack .shared-work-photo{left:7%;top:220px;width:58%;height:190px;transform:rotate(-2deg)}.photo-stack figcaption{position:absolute;bottom:-.5rem;right:0;font-size:.75rem;color:var(--text-muted);max-width:28ch;text-align:right}.ledger{border-left:1px solid var(--border-subtle);margin-left:1.2rem}.chapter{position:relative;padding:2.7rem 0 2.7rem 3rem;border-bottom:1px solid var(--border-subtle)}.chapter-number{position:absolute;left:-1.15rem;top:2.8rem;background:var(--bg-canvas);padding:.2rem .35rem;color:var(--accent-secondary)}.chapter-grid{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:start}.chapter p{max-width:68ch}.resource-list{border-top:1px solid var(--border-subtle);margin-top:1.5rem}.resource-row{display:flex;align-items:baseline;gap:1rem;padding:1.1rem .2rem;border-bottom:1px solid var(--border-subtle);text-decoration:none;transition:padding .25s var(--ease-kinetic),background .25s}.resource-row:hover{padding-left:.7rem;background:var(--bg-surface-hover)}.resource-icon{color:var(--accent-primary);flex:0 0 1.2rem}.resource-row strong{display:block;font-weight:500;font-size:1.1rem}.resource-row small{display:block;color:var(--text-muted);font-size:.9rem}.page-intro{padding:4rem 0 2rem;border-bottom:1px solid var(--border-subtle)}.page-intro h1{max-width:20ch}.reading{max-width:70ch;margin:0 auto}.article-body{padding:1.5rem 0 4rem}.article-body .ledger{margin-left:1rem}.article-body .chapter{padding-left:2.3rem}.article-meta{font-size:.9rem;color:var(--text-muted)}.article-photo{margin:2rem 0}.article-photo img{width:100%;aspect-ratio:16/9;height:auto}.article-photo figcaption{font-size:.85rem;color:var(--text-muted);padding-top:.5rem}.scenario{border-left:3px solid var(--accent-primary);padding:.25rem 0 .25rem 1.25rem;margin:1.7rem 0}.scenario p:last-child{margin:0}dl{margin:1.5rem 0}dt{font-weight:bold;margin-top:1.1rem}dd{margin:.3rem 0 1rem;color:var(--text-muted)}.table-wrap{overflow-x:auto;margin:1.5rem 0}table{width:100%;border-collapse:collapse;font-size:.93rem}caption{text-align:left;font-variant:small-caps;padding-bottom:.7rem}th,td{text-align:left;vertical-align:top;padding:.7rem .6rem;border-bottom:1px solid var(--border-subtle)}th{font-weight:bold;background:var(--bg-surface)}.note{font-size:.95rem;color:var(--text-muted)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}.faq-list details{border-bottom:1px solid var(--border-subtle);padding:1.25rem 0}.faq-list summary{font-size:1.18rem;cursor:pointer;line-height:1.4}.faq-list details p{margin:1rem 0 .3rem}.site-footer{border-top:1px solid var(--border-subtle);margin-top:4rem;padding:3rem 0 2rem}.footer-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:2rem}.footer-grid p{font-size:.95rem;max-width:42ch}.footer-grid a{display:inline-block;margin:0 .65rem .45rem 0;font-size:.95rem}.footer-bottom{margin-top:2rem;padding-top:1rem;border-top:1px solid var(--border-subtle);font-size:.85rem;color:var(--text-muted)}.letter-form{margin:2rem 0}.letter-step{border:0;border-top:1px solid var(--border-subtle);padding:1.5rem 0;margin:0;min-width:0}.letter-step legend{font-size:1.25rem;padding-right:1rem}label{display:block;margin:.7rem 0 .35rem}input,textarea{width:100%;max-width:100%;background:var(--bg-surface);border:1px solid #969086;border-radius:0;color:var(--text-primary);padding:.7rem}textarea{min-height:180px;resize:vertical}.review-text{min-height:240px;font-size:1rem}.form-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1rem}.status{min-height:1.7em;color:var(--accent-secondary);margin-top:1rem}.reveal{opacity:1;transform:none}.motion-ready .reveal{opacity:0;transform:translateY(16px);transition:opacity .7s var(--ease-kinetic),transform .7s var(--ease-kinetic)}.motion-ready .reveal.reveal-visible{opacity:1;transform:translateY(0)}
@media(min-width:1025px){.site-nav{gap:1.15rem}.hero{min-height:600px}}
@media(min-width:769px) and (max-width:1024px){.site-header{flex-wrap:wrap}.site-nav{width:100%;justify-content:space-between}.hero{gap:1rem}.photo-stack img{height:210px}.photo-stack .shared-work-photo{height:170px}.chapter-grid{gap:2rem}}
@media(max-width:768px){.site-header{padding:1rem;flex-wrap:nowrap}.brand{font-size:1.1rem}.menu-toggle{display:block}.site-nav{display:none;position:absolute;top:100%;left:0;right:0;padding:1rem 1.5rem;background:var(--bg-canvas);border-bottom:1px solid var(--border-subtle);box-shadow:0 12px 16px #1111;flex-direction:column;align-items:stretch;gap:0}.site-nav.is-open{display:flex;animation:menuEnter .2s var(--ease-kinetic)}.site-nav a{padding:.65rem 0}.wrapper{width:calc(100% - 2rem)}.hero{grid-template-columns:1fr;padding:3rem 0;gap:2.5rem}.hero h1{max-width:18ch}.photo-stack{min-height:370px;max-width:490px;width:100%;margin:0 auto}.photo-stack img{height:215px;width:59%}.photo-stack .reply-planning-photo{top:65px}.photo-stack .shared-work-photo{top:170px;height:165px}.chapter-grid,.footer-grid{grid-template-columns:1fr;gap:1rem}.chapter{padding:2rem 0 2rem 2rem}.chapter-number{top:2.1rem}.page-intro{padding-top:3rem}.article-body .chapter{padding-left:1.5rem}.footer-grid{gap:1.5rem}.site-footer{margin-top:2rem}.grid{grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr))}}
@media(max-width:480px){body{font-size:17px}.brand{font-size:1rem;gap:.4rem}.hero{padding-top:2.3rem}h1{font-size:2.8rem}.photo-stack{min-height:330px}.photo-stack img{height:170px}.photo-stack .shared-work-photo{height:140px;top:150px}.photo-stack figcaption{bottom:0}.ledger{margin-left:.8rem}.chapter{padding-left:1.5rem}.form-actions .button{width:100%;text-align:center}.table-wrap{font-size:.85rem}}
@keyframes menuEnter{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.motion-ready .reveal{opacity:1;transform:none}}