@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap');
:root{--paper:#f6f4ed;--ink:#171915;--yellow:#ffd600;--muted:#50564d;--line:#d5d9cc}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.55 'DM Sans',Arial,sans-serif}h1,h2,h3,.brand{font-family:Manrope,Arial,sans-serif}h1,h2,h3,p{margin:0}a{color:inherit;text-underline-offset:4px}button,input,textarea{font:inherit}button,a,summary{touch-action:manipulation}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #596cec;outline-offset:5px}.wrap{width:min(1160px,calc(100% - 72px));margin-inline:auto}.header{padding:21px 36px;display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid var(--line);background:var(--paper);position:sticky;top:0;z-index:5}.brand{font-size:16px;font-weight:800;text-decoration:none;letter-spacing:-.5px;white-space:nowrap}.brand span{font-size:29px;vertical-align:middle;margin-right:8px}.header nav{display:flex;align-items:center;gap:26px;font-size:14px;font-weight:700}.header nav>a:not(.button){text-decoration:none}.button{display:inline-flex;justify-content:center;align-items:center;gap:30px;min-height:56px;padding:15px 24px;border:1px solid var(--ink);border-radius:3px;text-decoration:none;font-weight:800;line-height:1.25;cursor:pointer;transition:transform .15s,box-shadow .15s}.button:hover{transform:translateY(-2px);box-shadow:3px 3px 0 var(--ink)}.primary{background:var(--yellow);color:var(--ink)}.dark{background:var(--ink);color:white}.compact{min-height:44px;padding:11px 16px}.text-link{padding:0;background:none;border:0;text-decoration:underline;font-weight:700;cursor:pointer}.eyebrow{font-size:12px;line-height:1.4;font-weight:800;letter-spacing:1.7px}.hero{padding-block:65px 60px;display:grid;grid-template-columns:1.45fr 1fr;gap:70px;align-items:center}h1{font-size:clamp(42px,5.1vw,66px);line-height:1.06;letter-spacing:-3px;margin:22px 0}h1 span{display:inline;background:linear-gradient(transparent 64%,var(--yellow) 64%,var(--yellow) 94%,transparent 94%)}.intro{max-width:510px;font-size:20px;line-height:1.5;margin-bottom:26px}.hero-help{display:block;margin-top:19px}.micro{font-size:13px;line-height:1.55;color:var(--muted);margin-top:12px}.proposal-card{background:#e5e9dd;border:1px solid #c9cebf;padding:26px 30px;border-radius:6px;transform:rotate(1deg)}.figures{display:grid;grid-template-columns:1fr 1fr;gap:20px;border-block:1px solid #b5bdab;padding-block:18px;margin:18px 0}.figures strong{display:block;font:800 48px/1.1 Manrope,Arial,sans-serif;letter-spacing:-2px}.figures span{font-size:14px}.address{font-size:15px;line-height:1.5}.proposal-card>a{display:block}.sun-art{height:150px;position:relative;overflow:hidden;margin-top:18px}.sun{width:102px;height:102px;border-radius:100%;background:var(--yellow);position:absolute;left:24px;top:6px}.window{position:absolute;width:121px;height:127px;right:42px;top:20px;border:7px solid var(--ink);background:linear-gradient(90deg,transparent 47%,var(--ink) 47%,var(--ink) 53%,transparent 53%),linear-gradient(transparent 47%,var(--ink) 47%,var(--ink) 53%,transparent 53%);z-index:1}.shadow{position:absolute;width:220px;height:155px;right:-65px;top:30px;background:#bbc2b2;transform:skewY(25deg)}.community-band{background:var(--ink);color:var(--paper);padding:22px 36px;text-align:center}.community-band p{font-weight:700;font-size:18px}.community-band span{display:block;font-size:14px;color:#d6dacd;margin-top:4px}.section{padding-block:65px}.section-head{max-width:700px;margin-bottom:32px}h2{font-size:clamp(28px,3.1vw,40px);line-height:1.15;letter-spacing:-1.5px;margin:12px 0 15px}.section-head>p:last-child{color:var(--muted)}.reasons{display:grid;grid-template-columns:repeat(6,1fr);gap:18px}.reasons article{grid-column:span 2;background:#fffdf8;border:1px solid var(--line);padding:25px;border-radius:4px}.reasons article:nth-child(n+4){grid-column:span 3}.number{display:block;font:800 16px Manrope,Arial,sans-serif;color:#646b5d;margin-bottom:15px}.reasons h3{font-size:21px;line-height:1.3;letter-spacing:-.6px;margin-bottom:12px}.reasons p{font-size:15px;line-height:1.6;color:var(--muted)}.reasons a{display:inline-block;font-size:13px;font-weight:700;margin-top:16px}.personal-tip{margin-top:24px;font-size:15px}.how-section{background:var(--ink);color:var(--paper);padding-block:55px}.how-layout{display:grid;grid-template-columns:1fr 1.3fr;gap:70px;align-items:start}.how-layout>div>p:not(.eyebrow){max-width:350px;margin-bottom:25px;color:#d6dacd}.how-layout .eyebrow{color:var(--yellow)}.steps{margin:0;padding:0;list-style:none}.steps li{display:flex;gap:20px;padding-block:18px;border-bottom:1px solid #4e5348}.steps li:first-child{padding-top:0}.steps li:last-child{border:0}.steps li>span{flex-shrink:0;width:33px;height:33px;border:1px solid #8a917e;border-radius:50%;display:grid;place-items:center;font-weight:700}.steps h3{font-size:19px;line-height:1.35;margin-bottom:6px}.steps p{font-size:15px;color:#d6dacd}.writing{padding-bottom:35px}.writing-help{border:1px solid var(--line);background:#fffdf8;border-radius:5px}summary{cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:25px;list-style:none;padding:27px 30px}summary::-webkit-details-marker{display:none}summary h2{font-size:28px;margin:9px 0}summary p:not(.eyebrow){font-size:15px;color:var(--muted)}.toggle{font-size:32px;font-weight:400}details[open]>summary .toggle{transform:rotate(45deg)}.writing-body{border-top:1px solid var(--line);padding:30px;display:grid;grid-template-columns:1fr;gap:35px}.writing-body:has(#draft-panel:not([hidden])){grid-template-columns:1fr 1.1fr}fieldset{border:0;margin:0 0 22px;padding:0}legend,label[for]{font-size:15px;font-weight:700;margin-bottom:10px;display:block}label[for] span{font-weight:400;color:var(--muted)}.check{display:flex;align-items:center;gap:12px;padding-block:9px;font-size:15px;cursor:pointer}.check input{width:20px;height:20px;accent-color:var(--ink);margin:0;flex-shrink:0}textarea{display:block;width:100%;resize:vertical;border:1px solid #b8beae;border-radius:3px;padding:12px;background:white;font-size:15px;line-height:1.5;color:var(--ink)}form>.button{margin-top:18px}.draft-actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-top:15px}button:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.finish{background:#eeeede;padding:20px;margin-top:20px;border-radius:3px}.finish p{font-size:14px;margin:7px 0 16px}.finish .button{width:100%;font-size:15px}.contact{margin-top:28px;display:flex;justify-content:space-between;align-items:start;gap:25px;font-size:15px}.contact .micro{max-width:245px;margin-top:0}.contact a{overflow-wrap:anywhere}.sources-section{padding-bottom:45px}#source-details{border-block:1px solid var(--line)}#source-details summary{padding-inline:0}#source-details h2{font-size:23px;max-width:650px}.source-body{padding-bottom:25px;max-width:850px}.source-body h3{font-size:18px;margin:25px 0 8px}.source-body p{font-size:14px;color:var(--muted);margin-top:10px}.source-body a{color:var(--ink)}footer{display:flex;justify-content:space-between;gap:30px;padding-block:30px 45px;border-top:1px solid var(--line);font-size:13px}footer p{margin-top:10px}footer a{overflow-wrap:anywhere}.mobile-cta{display:none}.skip{position:fixed;top:-100px;left:15px;background:white;padding:12px;z-index:20}.skip:focus{top:10px}[hidden]{display:none!important}
@media(max-width:900px){.header nav>a:not(.button){display:none}.hero{gap:30px}.reasons article{grid-column:span 3}.reasons article:last-child{grid-column:span 6}.how-layout{gap:35px}.writing-body:has(#draft-panel:not([hidden])){grid-template-columns:1fr}.hero .button{gap:18px;padding-inline:18px}}
@media(max-width:640px){html{scroll-padding-top:85px}.wrap{width:calc(100% - 36px)}.header{padding:15px 18px}.brand{font-size:13px}.brand span{font-size:23px;margin-right:4px}.header nav{display:none}.hero{grid-template-columns:1fr;padding-block:35px;gap:30px}h1{font-size:45px;letter-spacing:-2px}.intro{font-size:18px}.hero .button{width:100%;font-size:17px}.proposal-card{transform:none;padding:20px 24px}.sun-art{display:none}.figures{margin-top:15px}.figures strong{font-size:38px}.community-band{padding:20px 18px}.community-band p{font-size:16px}.section{padding-block:40px}.reasons{grid-template-columns:1fr;gap:12px}.reasons article,.reasons article:nth-child(n+4),.reasons article:last-child{grid-column:auto;padding:20px}.number{float:left;margin:3px 12px 0 0}.reasons h3{font-size:20px}.reasons p{clear:both}.how-layout{grid-template-columns:1fr;gap:32px}.how-section{padding-block:40px}.how-layout .button{width:100%}summary{padding:22px 20px;gap:15px}summary h2{font-size:25px}.writing-body{padding:20px}.contact{display:block}.contact .micro{max-width:none;margin-top:10px}.sources-section{padding-bottom:30px}footer{flex-direction:column;padding-bottom:100px;gap:22px}.mobile-cta{display:block;position:fixed;bottom:0;left:0;right:0;z-index:10;background:var(--yellow);border-top:1px solid var(--ink);padding:17px 20px calc(17px + env(safe-area-inset-bottom));text-align:center;font-weight:800;text-decoration:none;box-shadow:0 -3px 16px #00000015}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}

/* Homepage support and neighbour sharing */
.hero-support{display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:18px;font-size:14px}.hero-support a{font-weight:700}.source-link{display:flex;align-items:center;justify-content:space-between;gap:25px;padding-block:25px 40px;border-top:1px solid var(--line);font-size:15px}.source-link .eyebrow{margin-bottom:8px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
/* A separate, comfortable reading page for detailed sources */
.evidence-page{max-width:860px;padding-block:45px 65px}.back-link{display:inline-block;margin-bottom:35px;font-size:14px}.evidence-page h1{font-size:clamp(38px,4.5vw,56px);letter-spacing:-2px}.evidence-page .intro{max-width:680px}.source-nav{display:flex;flex-wrap:wrap;gap:10px;margin-block:26px}.source-nav a{font-size:14px;text-decoration:none;border:1px solid var(--line);padding:8px 12px;border-radius:3px;background:#fffdf8}.source-nav a:hover{border-color:var(--ink)}.source-intro{padding:18px 22px;background:#e5e9dd;border-radius:4px}.source-intro .micro{margin:0;font-size:15px}.source-topic{padding-block:35px;border-bottom:1px solid var(--line);scroll-margin-top:20px}.source-topic h2{font-size:28px;margin:0 0 18px}.source-topic p,.source-guidance p{font-size:18px;line-height:1.8;max-width:72ch;margin-top:18px;overflow-wrap:anywhere}.source-guidance{padding-block:12px 30px}.source-topic a,.source-guidance a{font-weight:500}
@media(max-width:640px){.hero-support{gap:10px 18px}.source-link{display:block}.source-link>a{display:inline-block;margin-top:14px}.evidence-page{padding-top:25px}.evidence-page h1{font-size:40px}.source-topic h2{font-size:25px}.source-topic p,.source-guidance p{font-size:17px;line-height:1.75}.source-intro{padding:16px}.source-nav{gap:8px}.source-nav a{font-size:13px}}

.hero-actions{display:flex;align-items:stretch;gap:12px;flex-wrap:wrap}.secondary{background:transparent;color:var(--ink)}.hero-support a{overflow-wrap:anywhere}.hero-support{gap:9px 22px}#neighbour-share-status:empty{display:none}.personal-tip{margin:0 0 24px;padding:18px 22px;background:#e5e9dd;border-left:4px solid #7b876c;border-radius:3px}.personal-tip p{margin-top:4px}.contact{display:block}.contact-warning{display:inline-block;margin-top:8px;color:#a52520;font-size:14px;font-weight:700;line-height:1.5}.contact>p{max-width:750px}
@media(max-width:640px){.hero-actions{flex-wrap:nowrap;gap:10px}.hero-actions .button{width:auto;font-size:15px;gap:8px;padding:13px 14px}.hero-actions .primary{flex:1}.hero-actions .secondary{flex-shrink:0}.hero-support{font-size:13px}.personal-tip{padding:15px 17px}.contact-warning{font-size:13px}}
