:root{--lake:#2c6378;--deep:#173d4a;--reed:#6e8155;--paper:#f2e6cc;--light:#fff9ec;--pencil:#42443f;--rust:#a54a32;--line:rgba(66,68,63,.19);--shadow:0 18px 50px rgba(34,45,43,.15);--radius:6px;--shell:min(1160px,calc(100% - 42px));--serif:"Vollkorn","Palatino Linotype",Georgia,serif;--sans:"Nunito","Avenir Next","Segoe UI",sans-serif}
*{box-sizing:border-box}html{background:#d7d5c9;color:var(--pencil);font-family:var(--sans);font-size:16px;scroll-behavior:smooth}body{margin:0;min-width:320px;background:radial-gradient(circle at 20% 8%,rgba(255,255,255,.6),transparent 28%),linear-gradient(135deg,#dde2da,#c9d2cb);line-height:1.65}a{color:var(--deep);text-underline-offset:.2em}a:hover{text-decoration-thickness:2px}a:focus-visible,summary:focus-visible{outline:3px solid #0e536d;outline-offset:4px}.shell{width:var(--shell);margin-inline:auto}.skip-link{position:fixed;left:16px;top:12px;z-index:1000;background:var(--deep);color:white;padding:10px 16px;transform:translateY(-150%);border-radius:4px}.skip-link:focus{transform:none}.site-header{background:rgba(255,249,236,.96);border-bottom:1px solid #aaa997;position:relative;z-index:20}.header-top{min-height:92px;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{display:flex;align-items:center;gap:12px;color:var(--pencil);text-decoration:none}.brand-mark{display:grid;place-items:center;width:48px;height:48px;border:2px solid var(--pencil);border-radius:50% 43% 48% 39%;font:700 18px var(--serif);background:var(--paper);transform:rotate(-3deg)}.brand strong{display:block;font:700 clamp(1.05rem,2vw,1.32rem) var(--serif)}.brand small{display:block;color:#5a5c56}.header-call{display:flex;flex-direction:column;align-items:flex-end;background:var(--lake);color:white;text-decoration:none;padding:10px 20px;border-radius:2px 2px 8px 2px;box-shadow:5px 5px 0 rgba(23,61,74,.22)}.header-call span{font-size:.76rem;text-transform:uppercase;letter-spacing:.09em}.header-call strong{font-size:1.22rem}.chapter-strip{border-top:1px solid #d5cdbb;background:var(--paper)}.chapter-scroll{display:flex;align-items:stretch;gap:0;overflow-x:auto;scrollbar-width:none}.chapter-scroll::-webkit-scrollbar{display:none}.chapter-scroll a{flex:0 0 auto;padding:12px 17px;color:var(--pencil);text-decoration:none;border-right:1px solid rgba(66,68,63,.22);font-size:.92rem}.chapter-scroll a:first-child{border-left:1px solid rgba(66,68,63,.22)}.chapter-scroll a[aria-current=page],.chapter-scroll a:hover{background:var(--lake);color:white}.page-edge{position:fixed;right:0;top:190px;z-index:8;display:flex;flex-direction:column;gap:9px}.page-edge span{writing-mode:vertical-rl;background:var(--deep);color:white;padding:13px 8px;font-size:.63rem;letter-spacing:.14em;border-radius:6px 0 0 6px}.page-edge span:nth-child(2){background:var(--reed)}.page-edge span:nth-child(3){background:var(--rust)}main{padding:44px 0 70px}.hero{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);background:var(--light);min-height:560px;border:1px solid #b3aa97;border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;position:relative}.hero:before{content:"";position:absolute;left:56%;top:0;bottom:0;width:1px;background:rgba(66,68,63,.18);box-shadow:8px 0 24px rgba(66,68,63,.08)}.hero-copy{padding:clamp(34px,6vw,76px);position:relative;z-index:2;background:repeating-linear-gradient(to bottom,transparent 0,transparent 31px,rgba(44,99,120,.08) 32px)}.breadcrumbs{display:flex;gap:8px;align-items:center;font-size:.82rem;margin-bottom:20px}.chapter-label,.pencil-label{font-size:.74rem;letter-spacing:.13em;text-transform:uppercase;color:var(--rust);font-weight:800}.chapter-label span{margin-left:10px;color:var(--reed)}h1,h2,h3{font-family:var(--serif);line-height:1.08;color:#313531}h1{font-size:clamp(2.35rem,5.3vw,5.2rem);letter-spacing:-.035em;margin:.12em 0 .34em;max-width:15ch}h2{font-size:clamp(1.55rem,3.1vw,2.55rem);margin:1.6em 0 .48em;letter-spacing:-.018em}h3{font-size:1.25rem}.hero-intro{font-size:clamp(1.02rem,1.8vw,1.24rem);max-width:62ch}.hero-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin-top:28px}.bookmark-button{display:inline-flex;flex-direction:column;min-width:235px;background:var(--lake);color:white;text-decoration:none;padding:13px 21px 18px;border-radius:2px 2px 10px 2px;clip-path:polygon(0 0,100% 0,100% 88%,88% 100%,0 100%);box-shadow:7px 7px 0 rgba(23,61,74,.2);font-weight:800}.bookmark-button strong{font-size:1.25rem;letter-spacing:.025em}.text-action{font-weight:800}.relationship-note{margin-top:25px;border-left:4px solid var(--reed);padding:10px 14px;background:rgba(110,129,85,.09);font-size:.82rem;max-width:72ch}.hero-art{display:flex;align-items:center;justify-content:center;padding:28px;background:linear-gradient(150deg,#dce6df,#b7ccd2)}.hero-art img{display:block;width:min(100%,480px);height:auto;filter:drop-shadow(0 16px 24px rgba(23,61,74,.15))}.notebook{display:grid;grid-template-columns:minmax(0,1fr) 315px;gap:0;margin-top:38px;background:var(--light);border:1px solid #b3aa97;box-shadow:var(--shadow);border-radius:var(--radius);overflow:hidden}.notebook-copy{padding:clamp(30px,5vw,68px);background:repeating-linear-gradient(to bottom,transparent 0,transparent 31px,rgba(44,99,120,.075) 32px)}.notebook-copy>h2:first-child{margin-top:.1em}.notebook-copy p,.notebook-copy li{max-width:74ch}.notebook-copy p{font-size:1.045rem}.note-list{list-style:none;padding:0;display:grid;gap:12px;margin:18px 0 34px}.note-list li{position:relative;padding:11px 14px 11px 42px;background:rgba(242,230,204,.58);border:1px solid rgba(66,68,63,.18);border-radius:3px}.note-list li:before{content:"";position:absolute;left:15px;top:16px;width:11px;height:6px;border-left:3px solid var(--reed);border-bottom:3px solid var(--reed);transform:rotate(-45deg)}.margin-card{padding:34px 27px;background:var(--paper);border-left:1px solid #b3aa97}.margin-card img{display:block;width:100%;height:auto;max-height:330px;object-fit:contain;margin-bottom:24px}.margin-card h2{font-size:1.6rem;margin:.35em 0}.margin-card ol{padding-left:1.25rem}.margin-card>a{display:inline-block;margin-top:14px;font-weight:900}.call-page{margin-top:38px;background:var(--deep);color:white;padding:clamp(28px,4vw,48px);display:grid;grid-template-columns:1fr auto;gap:26px;align-items:center;border-radius:var(--radius);box-shadow:var(--shadow)}.call-page h2{color:white;margin:.1em 0}.call-page .relationship-note{grid-column:1/-1;background:rgba(255,255,255,.08);border-color:#bfcf8d}.call-page .pencil-label{color:#d9dfa9}.call-page .bookmark-button{background:#d4e2e4;color:var(--deep);box-shadow:7px 7px 0 rgba(255,255,255,.12)}.site-footer{background:#273632;color:#eef3e9;padding:52px 0 24px}.footer-grid{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:36px}.site-footer h2{color:white;font:800 .82rem var(--sans);letter-spacing:.11em;text-transform:uppercase;margin:0 0 14px}.site-footer a{display:block;color:#ecf3e7;margin:7px 0}.site-footer p{max-width:38ch}.footer-title{font:700 1.4rem var(--serif);margin-top:0}.footer-phone{font-size:1.25rem;font-weight:900}.legal-line{border-top:1px solid rgba(255,255,255,.2);padding-top:20px;margin-top:35px;font-size:.8rem;color:#ccd6cf}.mobile-call{display:none}.not-found{min-height:65vh;display:grid;place-items:center}.not-found-card{background:var(--light);border:1px solid #b3aa97;box-shadow:var(--shadow);padding:clamp(35px,8vw,90px);max-width:780px}.not-found-card h1{font-size:clamp(2.8rem,7vw,5.5rem)}code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;background:rgba(66,68,63,.09);padding:.08em .3em;border-radius:3px}
@media(max-width:850px){:root{--shell:min(100% - 26px,720px)}.header-top{min-height:78px}.brand small{display:none}.header-call span{display:none}.page-edge{display:none}.hero{grid-template-columns:1fr}.hero:before{display:none}.hero-copy{padding:34px 25px 30px}.hero-art{min-height:250px}.hero-art img{max-height:280px}.notebook{grid-template-columns:1fr}.margin-card{border-left:0;border-top:1px solid #b3aa97;display:grid;grid-template-columns:140px 1fr;gap:10px 24px}.margin-card img{grid-row:1/5;max-height:220px}.margin-card .pencil-label,.margin-card h2,.margin-card ol,.margin-card>a{grid-column:2}.call-page{grid-template-columns:1fr}.call-page .relationship-note{grid-column:1}.footer-grid{grid-template-columns:1.25fr 1fr}.mobile-call{position:fixed;z-index:60;left:12px;right:12px;bottom:10px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--lake);color:white;text-decoration:none;border:2px solid var(--light);box-shadow:0 8px 24px rgba(0,0,0,.28);padding:10px 16px;border-radius:4px}.mobile-call span{font-size:.78rem;text-transform:uppercase;letter-spacing:.07em}.mobile-call strong{font-size:1.05rem}body{padding-bottom:76px}}
@media(max-width:540px){:root{--shell:calc(100% - 20px)}.header-top{gap:10px}.brand-mark{width:42px;height:42px}.brand strong{font-size:.95rem}.header-call{padding:8px 10px}.header-call strong{font-size:.91rem}.chapter-scroll{width:100%;padding-left:10px;padding-right:10px}.chapter-scroll a{padding:10px 12px;font-size:.82rem}main{padding-top:18px}.hero-copy{padding:28px 20px}.hero-actions{align-items:stretch}.bookmark-button{width:100%;min-width:0}.hero-art{min-height:205px;padding:14px}.notebook{margin-top:20px}.notebook-copy{padding:28px 20px}.notebook-copy p{font-size:1rem}.margin-card{display:block;padding:25px 20px}.margin-card img{max-height:190px}.margin-card .pencil-label,.margin-card h2,.margin-card ol,.margin-card>a{grid-column:auto}.call-page{margin-top:20px;padding:26px 20px}.footer-grid{grid-template-columns:1fr}.site-footer{padding-bottom:38px}h1{font-size:clamp(2.15rem,12vw,3.4rem);overflow-wrap:anywhere}h2{overflow-wrap:anywhere}.mobile-call span{max-width:45%;line-height:1.2}.mobile-call strong{font-size:.98rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
.hero-art img{object-fit:contain}.header-call strong{white-space:nowrap}.margin-heading{font:700 1.6rem var(--serif);line-height:1.08;color:#313531;margin:.35em 0}@media(max-width:850px){.margin-card .margin-heading{grid-column:2}}@media(max-width:540px){.margin-card .margin-heading{grid-column:auto}}
@media(min-width:851px){.hero-copy{padding:clamp(34px,4.4vw,60px)}h1{font-size:clamp(2.35rem,4.5vw,4.25rem)}}
