@font-face{font-family:Nunito;src:url('/assets/Nunito.ttf') format('truetype');font-weight:200 1000;font-style:normal;font-display:swap}
@font-face{font-family:'Bree Serif';src:url('/assets/BreeSerif.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
:root{color-scheme:light;--paper:#f5efe3;--page:#fffaf0;--ink:#342f28;--muted:#686154;--line:#d7cdbb;--green:#415f44;--soft:#e7ecdd;--accent:#875137;--shadow:0 18px 55px #4b3b2510;font-family:Nunito,system-ui,sans-serif;font-size:18px;line-height:1.7;color:var(--ink);background:var(--paper)}
*{box-sizing:border-box}
body{margin:0}
a{color:var(--green);text-underline-offset:.2em;text-decoration-thickness:1px}
a:hover{text-decoration-thickness:2px}
a:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:5px;border-radius:3px}
img{max-width:100%;height:auto;display:block}
.wrap{width:min(1080px,calc(100% - 64px));margin-inline:auto}
.skip{position:absolute;top:-100px;left:20px;z-index:20;background:var(--page);padding:12px 20px}
.skip:focus{top:8px}
.site-header{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:106px;border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:12px;color:var(--ink);text-decoration:none;font:400 1.5rem/1.1 'Bree Serif',Georgia,serif;white-space:nowrap}
.brand img{width:48px;height:48px}
nav{display:flex;gap:26px;flex-wrap:wrap;font-size:.9rem;font-weight:750}
nav a{color:var(--muted);text-decoration:none;padding:10px 0}
nav a[aria-current=page]{color:var(--green);text-decoration:underline}
main{padding-bottom:72px}
h1,h2,h3{font-family:'Bree Serif',Georgia,serif;font-weight:400;line-height:1.17;text-wrap:balance}
h1{font-size:clamp(2.5rem,6.4vw,4.5rem);letter-spacing:-.035em;margin:12px 0 22px}
h2{font-size:1.8rem;margin:0 0 16px}
h3{font-size:1.25rem;margin:0 0 12px}
p{margin:0 0 18px}
.eyebrow{font-size:.72rem;font-weight:900;letter-spacing:.16em;text-transform:uppercase;color:var(--accent);margin-bottom:12px}
.lead{font-size:1.12rem;line-height:1.7;color:var(--muted);max-width:38rem}
.hero{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:36px;padding:70px 0 66px}
.hero-art{width:100%;max-width:440px;justify-self:end}
.hero-art img{width:100%}
.hero-art figcaption{text-align:center;color:var(--muted);font-size:.78rem;margin-top:10px}
figure{margin:0}
.actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-top:30px}
.button{display:inline-flex;justify-content:center;align-items:center;min-height:48px;background:var(--green);color:var(--page);font-size:.94rem;font-weight:800;border-radius:10px;padding:11px 22px;text-decoration:none}
.button:hover{filter:brightness(1.1);text-decoration:none}
.text-link{font-weight:800;font-size:.94rem}
.quiet-note{color:var(--muted);font-size:.8rem;margin-top:20px}
.intro-row{display:grid;grid-template-columns:.9fr 1.1fr;gap:60px;border-top:1px solid var(--line);padding:48px 0}
.intro-row p{color:var(--muted)}
.journal{background:var(--page);border:1px solid var(--line);border-radius:4px 15px 15px 4px;box-shadow:var(--shadow);padding:30px 32px;position:relative}
.journal::before{content:'';position:absolute;top:0;bottom:0;left:10px;border-left:1px solid var(--line)}
.journal p{margin:0 0 20px;color:var(--ink)}
.journal p:last-child{margin-bottom:0}
.journal-age{display:block;color:var(--accent);font-size:.75rem;font-weight:900;letter-spacing:.06em;margin-bottom:4px}
.help-strip{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:30px 34px;background:var(--soft);border-radius:14px}
.help-strip h2{font-size:1.45rem;margin-bottom:6px}
.help-strip p{color:var(--muted);margin:0;font-size:.92rem}
.help-strip a{flex-shrink:0}
.page-heading{padding:58px 0 34px;max-width:820px}
.page-heading h1{font-size:clamp(2.4rem,5.5vw,3.7rem)}
.updated{color:var(--muted);font-size:.82rem}
.reading-grid{display:grid;grid-template-columns:210px minmax(0,1fr);gap:44px;align-items:start}
.contents{position:sticky;top:28px;border-left:2px solid var(--line);padding-left:20px;font-size:.82rem;line-height:1.5}
.contents strong{display:block;margin-bottom:14px;font-size:.72rem;letter-spacing:.13em;text-transform:uppercase;color:var(--muted)}
.contents a{display:block;margin:0 0 12px;text-decoration:none}
.contents a:hover{text-decoration:underline}
.prose{background:var(--page);border:1px solid var(--line);border-radius:12px;padding:36px 40px;box-shadow:var(--shadow);overflow-wrap:anywhere}
.prose section+section{margin-top:36px;padding-top:30px;border-top:1px solid var(--line)}
.prose h2{font-size:1.55rem}
.prose p,.prose li{font-size:.96rem}
.prose ul{padding-left:23px}
.prose li{margin-bottom:10px}
.prose section{scroll-margin-top:24px}
.summary-note{padding:20px 24px;border-left:3px solid var(--green);background:var(--soft);margin-bottom:28px;border-radius:0 8px 8px 0}
.summary-note p{margin:0}
.contact-box{padding:30px;background:var(--soft);border-radius:12px;margin-bottom:35px;overflow-wrap:anywhere}
.contact-box h2{margin-bottom:8px}
.contact-address{display:inline-block;font-size:clamp(1rem,3vw,1.4rem);font-weight:800;margin:4px 0 16px}
.contact-box .button{margin-bottom:12px}
.contact-box p{max-width:660px}
.support-layout{max-width:810px}
.faq{margin-top:36px}
details{border-top:1px solid var(--line);padding:20px 0}
details:last-child{border-bottom:1px solid var(--line)}
summary{font-weight:850;cursor:pointer;padding-right:12px}
details p{padding-top:14px;margin-bottom:0;color:var(--muted)}
.site-footer{border-top:1px solid var(--line);padding:26px 0 36px;display:flex;justify-content:space-between;align-items:flex-start;gap:20px;color:var(--muted);font-size:.77rem}
.site-footer p{margin:0}
.footer-links{display:flex;gap:20px;flex-wrap:wrap}
.draft-banner{background:#f2d9a6;color:#473817;text-align:center;padding:10px 20px;font-size:.82rem;font-weight:800}
@media(min-width:1400px){.hero{padding-top:90px;padding-bottom:80px}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.site-header{min-height:92px;gap:16px}.brand{font-size:1.22rem;gap:8px}.brand img{width:39px;height:39px}nav{gap:18px;font-size:.82rem}.hero{gap:14px;padding:46px 0 40px}.hero h1{font-size:2.8rem}.lead{font-size:1rem}.hero-art{max-width:260px}.hero-art figcaption{display:none}.intro-row{gap:30px}.reading-grid{grid-template-columns:1fr;gap:20px}.contents{position:static;display:flex;flex-wrap:wrap;gap:9px 20px}.contents strong{width:100%;margin-bottom:0}.contents a{margin:0}.prose{padding:28px}.help-strip{padding:26px;align-items:flex-start;flex-direction:column}}
@media(max-width:520px){:root{font-size:17px}.wrap{width:calc(100% - 36px)}.site-header{flex-wrap:wrap;padding:20px 0 14px;gap:12px}nav{gap:24px;width:100%;font-size:.87rem}nav a{padding:4px 0}.hero{grid-template-columns:1fr;padding-top:32px;gap:12px}.hero h1{font-size:3rem;max-width:340px}.hero-art{max-width:250px;justify-self:center;margin-top:16px}.hero .lead{max-width:34rem}.actions{gap:18px}.intro-row{grid-template-columns:1fr;padding:32px 0;gap:18px}.journal{padding:25px 28px}.page-heading{padding-top:34px}.prose{padding:24px 20px}.contents{font-size:.82rem}.contact-box{padding:24px}.site-footer{flex-direction:column;gap:14px}.help-strip{padding:24px}.eyebrow{font-size:.69rem}}
@media(prefers-color-scheme:dark){:root{color-scheme:dark;--paper:#25251f;--page:#2e2e26;--ink:#f4ead8;--muted:#c5bdac;--line:#545344;--green:#b6cc9c;--soft:#343d2f;--accent:#e3af85;--shadow:0 18px 55px #0002}.button{background:#bdcfa5;color:#252e20}.brand img{border-radius:11px}.hero-art img{filter:brightness(.88)}.draft-banner{background:#594728;color:#ffe5b4}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
@media print{.site-header,.site-footer,.contents,.draft-banner{display:none}.wrap{width:100%}.reading-grid{display:block}.prose{border:0;box-shadow:none;padding:0}:root{color:#000;background:#fff}.page-heading{padding-top:0}a{color:#000}}
