/* V15A: distant scenes, shorter chapter openings and clear ways to participate. */
.reading-controls{right:auto}
.discover-project{margin-top:25px;background:var(--gold);color:#303b3e;min-height:48px}
.discover-project:hover{color:#303b3e}.discover-project span{margin-left:12px}
#discover{scroll-margin-top:90px}
.topic-hero{position:relative;isolation:isolate;display:flex;align-items:flex-end;min-height:clamp(410px,58svh,590px);background:#303b3e;color:#f3ebdd;overflow:hidden}
.topic-hero>figure{position:absolute;inset:0;z-index:-1}
.topic-hero img{width:100%;height:100%;object-fit:cover;object-position:50% 48%}
.topic-hero>figure:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#202b30f2 0%,#263134aa 42%,#2631341a 100%)}
.topic-hero figcaption{position:absolute;top:23px;right:24px;z-index:1;background:#202b30c9;padding:4px 8px;color:#f3ebdd;font-size:.75rem;line-height:1.5}
.topic-copy{width:100%;max-width:1120px;padding:115px 48px 40px;margin-inline:auto}
.topic-copy h1{font-size:clamp(2.65rem,3.8vw,4.25rem);line-height:1.08;max-width:880px;color:#f3ebdd;margin-bottom:20px;text-wrap:balance}
.topic-copy .eyebrow,html[data-theme=dark] .topic-copy .eyebrow{color:#ffff9a;margin-bottom:17px}
.topic-copy .lead,.topic-copy>p:last-child{max-width:860px;font-size:1.125rem;line-height:1.65}
.topic-copy .header-note{color:#f3ebdd;max-width:900px;font-size:1rem;margin-top:18px}
.chapter-amanda .topic-copy h1 br{display:none}.chapter-amanda .topic-copy h1 br:after{content:' '}
.amanda-portrait{float:right;width:230px;max-width:40%;margin:0 0 26px 32px}
.amanda-portrait img{width:100%;height:auto;aspect-ratio:1;object-fit:cover;border-radius:4px}
.biography{display:flow-root}
.approach-lead{margin:20px 0 30px}
/* Original Lucide drawings gain colour, weight and a more lively silhouette. */
.icon-list>li{align-items:center;gap:14px;min-height:48px}
.icon-list .icon{width:44px;height:44px;padding:9px;stroke-width:1.9;flex:none;border-radius:38% 52% 43% 48%;background:#ffff9a80;color:#4b5745}
.icon-list>li:nth-child(3n+2) .icon{background:#a27ea038;color:#684765;border-radius:52% 38% 48% 43%;transform:rotate(-4deg)}
.icon-list>li:nth-child(3n) .icon{background:#9bae7b55;color:#465348;border-radius:43% 48% 38% 52%;transform:rotate(3deg)}
html[data-theme=dark] .icon-list .icon{color:#ffff9a;background:#ffff9a20}
html[data-theme=dark] .icon-list>li:nth-child(3n+2) .icon{color:#dfc4dd;background:#a27ea032}
html[data-theme=dark] .icon-list>li:nth-child(3n) .icon{color:#c5d2b1;background:#9bae7b22}
.contribution-options{display:grid;gap:12px;margin-top:28px}
.contribution-choice{border:1px solid var(--line);border-radius:4px;background:var(--paper)}
.contribution-choice>summary{font-weight:700;font-size:1.125rem;padding:19px 24px;cursor:pointer;min-height:62px}
.contribution-choice[open]>summary{border-bottom:1px solid var(--line);color:var(--forest)}
.contribution-body{padding:24px;max-width:820px}
.contribution-form label{display:block;font-size:1rem;font-weight:600;margin:20px 0 8px}
.contribution-form input,.contribution-form textarea{display:block;width:100%;font:inherit;font-size:1rem;line-height:1.5;padding:12px 14px;background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:3px}
.contribution-form textarea{resize:vertical}
.contribution-form :is(input,textarea):focus-visible{outline:3px solid var(--forest);outline-offset:3px}
.contribution-form :is(input,textarea)::placeholder{color:var(--muted);opacity:1}
.contribution-email{margin-top:22px}.contribution-form .small-note{margin-top:12px;font-size:.875rem}
@media(max-width:900px){.topic-copy{padding-inline:32px}.topic-hero{min-height:clamp(410px,55svh,560px)}.topic-hero figcaption{top:auto;bottom:9px;right:12px;font-size:.75rem}.topic-copy{padding-bottom:45px}}
@media(max-width:600px){.topic-copy{padding:100px 24px 50px}.topic-copy h1{font-size:2.65rem}.topic-hero{min-height:450px}.topic-copy .lead,.topic-copy>p:last-child{font-size:1.0625rem}.amanda-portrait{float:none;max-width:260px;width:100%;margin:0 auto 30px}.contribution-choice>summary{padding:18px;font-size:1rem}.contribution-body{padding:20px}.icon-list .icon{width:40px;height:40px;padding:8px}.practice-grid .icon-list{gap:0 16px}}
@media print{.topic-hero{display:block;min-height:0;color:#303b3e;background:none}.topic-hero>figure{display:none}.topic-copy{padding:0}.topic-copy h1,.topic-copy .eyebrow{color:#303b3e}.contribution-form{display:none}.contribution-choice{break-inside:avoid}}

html[data-theme="dark"] img.editorial-dog-icon{filter:invert(1)}

/* Version 1.0.3: each reading mode fades imagery into its own page colour. */
:root{--hero-base-rgb:243,235,221}
html[data-theme=dark]{--hero-base-rgb:48,59,62}
.opening-full-photo .house-hero,.topic-hero{background:var(--paper);color:var(--ink)}
.opening-full-photo .house-hero:before{background:linear-gradient(0deg,rgba(var(--hero-base-rgb),.97) 0%,rgba(var(--hero-base-rgb),.58) 55%,rgba(var(--hero-base-rgb),.06) 100%)}
.topic-hero>figure:after{background:linear-gradient(0deg,rgba(var(--hero-base-rgb),.97) 0%,rgba(var(--hero-base-rgb),.72) 42%,rgba(var(--hero-base-rgb),.08) 100%)}
.opening-full-photo .hero-copy h1,.opening-full-photo .hero-name,.opening-full-photo .hero-tribute,.topic-copy h1,.topic-copy .header-note{color:var(--ink)}
.opening-full-photo .hero-copy .eyebrow,.topic-copy .eyebrow{color:var(--muted)}
html[data-theme=dark] .opening-full-photo .hero-copy .eyebrow,html[data-theme=dark] .topic-copy .eyebrow{color:var(--gold)}
.topic-hero.patron-cover{min-height:100svh}
.patron-cover .topic-copy{padding-top:130px;padding-bottom:65px}
.patron-cover .topic-copy h1{font-size:clamp(3rem,5.4vw,6rem);max-width:940px}
.patron-cover figcaption{top:auto;bottom:16px}
@media(max-width:600px){
 .opening-full-photo .house-hero:before{background:linear-gradient(0deg,rgba(var(--hero-base-rgb),.98) 0%,rgba(var(--hero-base-rgb),.76) 65%,rgba(var(--hero-base-rgb),.12) 100%)}
 .patron-cover .topic-copy{padding:115px 24px 55px}
 .patron-cover .topic-copy h1{font-size:clamp(2.8rem,11vw,4rem)}
}
@media print{.topic-hero.patron-cover{min-height:0}.patron-cover .topic-copy{padding:0}}

/* Version 1.0.6 · Heather Brilliance and restrained side shading. */
:root{
 --paper:#fdffe7;
 --ink:#222829;
 --forest:#66745b;
 --moss:#66745b;
 --gold:#ffff9a;
 --heather:#a27ea0;
 --muted:#222829;
 --line:#9bae7b;
 --storm:#222829;
 --leaf:#9bae7b;
 --cream:#fdffe7;
 --hero-base-rgb:253,255,231;
}
html[data-theme=dark]{
 --paper:#222829;
 --ink:#fdffe7;
 --forest:#ffff9a;
 --moss:#9bae7b;
 --gold:#ffff9a;
 --heather:#a27ea0;
 --muted:#fdffe7;
 --line:#9bae7b;
 --storm:#fdffe7;
 --leaf:#9bae7b;
 --cream:#fdffe7;
 --hero-base-rgb:34,40,41;
}
.sidebar{background:var(--paper);color:var(--ink)}
html[data-theme=dark] .sidebar{background:#222829}
html[data-theme=dark] .sidebar nav a:hover{background:#66745b;color:#fdffe7}
.opening-full-photo .house-hero:before,
.topic-hero>figure:after{
 background:linear-gradient(90deg,rgba(var(--hero-base-rgb),.94) 0%,rgba(var(--hero-base-rgb),.78) 30%,rgba(var(--hero-base-rgb),.34) 55%,rgba(var(--hero-base-rgb),.08) 76%,transparent 100%);
}
.topic-hero.patron-cover>figure:after{
 background:linear-gradient(90deg,rgba(var(--hero-base-rgb),.94) 0%,rgba(var(--hero-base-rgb),.76) 32%,rgba(var(--hero-base-rgb),.28) 57%,rgba(var(--hero-base-rgb),.06) 78%,transparent 100%);
}
@media(max-width:600px){
 .opening-full-photo .house-hero:before,
 .topic-hero>figure:after,
 .topic-hero.patron-cover>figure:after{
  background:linear-gradient(90deg,rgba(var(--hero-base-rgb),.96) 0%,rgba(var(--hero-base-rgb),.82) 48%,rgba(var(--hero-base-rgb),.30) 82%,rgba(var(--hero-base-rgb),.10) 100%);
 }
}
/* Version 1.0.8 · Amanda's compact covers, Milk and clear diagrams. */
:root{--paper:#fdffe7;--cream:#fdffe7;--hero-base-rgb:253,255,231;--sidebar:230px}
html[data-theme=dark]{--paper:#222829;--ink:#fdffe7;--muted:#fdffe7;--cream:#fdffe7;--hero-base-rgb:34,40,41}
.sidebar{padding:24px 10px 20px}.sidebar-brand{padding-inline:10px}.sidebar nav a,.sidebar nav .sub-link{padding:10px;gap:9px}.menu-caption{margin:28px 10px 10px}.nav-group{margin-top:16px}
.reading-controls{top:12px;left:calc(var(--sidebar) + 14px);right:auto}.menu-collapsed .reading-controls{left:14px}
#menu-toggle,html[data-theme=dark] #menu-toggle{width:36px;height:36px;padding:7px;min-height:36px;background:rgba(var(--hero-base-rgb),.82);color:var(--ink);box-shadow:none;border-color:color-mix(in srgb,var(--ink) 20%,transparent)}
#menu-toggle svg{width:20px;height:20px}.view-controls{gap:5px}.theme-switch,html[data-theme=dark] .theme-switch{padding:1px;background:rgba(var(--hero-base-rgb),.82);border-color:color-mix(in srgb,var(--ink) 20%,transparent)}
.theme-switch button{padding:5px 7px;min-height:32px;font-size:.75rem;color:var(--ink)}.theme-switch button[aria-pressed=true]{background:var(--ink);color:var(--paper)}
.page-body{padding-inline:30px}.site-footer{margin-inline:30px}.site-footer p{font-size:.8125rem;line-height:1.6;max-width:750px}
.opening-full-photo .house-hero,.topic-hero,.topic-hero.patron-cover{align-items:center;min-height:clamp(510px,65svh,650px)}
.opening-full-photo .house-hero:before,.topic-hero>figure:after,.topic-hero.patron-cover>figure:after{background:linear-gradient(90deg,rgba(var(--hero-base-rgb),.99) 0%,rgba(var(--hero-base-rgb),.97) 22%,rgba(var(--hero-base-rgb),.88) 30%,rgba(var(--hero-base-rgb),.48) 40%,rgba(var(--hero-base-rgb),.08) 52%,transparent 65%)}
.opening-full-photo .hero-copy,.topic-copy,.patron-cover .topic-copy{width:35%;max-width:430px;margin:0;padding:85px 22px 45px}
.opening-full-photo .hero-copy h1,.topic-copy h1,.patron-cover .topic-copy h1{font-size:clamp(2rem,2.7vw,3.2rem);max-width:none;line-height:1.08;margin-bottom:18px;text-wrap:balance;color:var(--ink)}
.hero-copy .eyebrow,.topic-copy .eyebrow{font-size:.75rem;margin-bottom:15px}.hero-name{font-size:1.15rem;margin-bottom:14px}.hero-tribute,.topic-copy .lead,.topic-copy>p:last-child{font-size:.9375rem;line-height:1.55}.hero-tribute{max-width:none}
.discover-project{font-size:.875rem;margin-top:15px;min-height:42px;padding:10px 14px}.topic-hero figcaption{top:auto;bottom:10px;right:12px}.opening-full-photo .house-scene img,.topic-hero img{object-position:65% 50%}
.why-work-matters{border:1px solid var(--line);padding:0 22px;background:color-mix(in srgb,var(--heather) 8%,var(--paper));margin-top:42px}.why-work-matters>summary{color:var(--ink);font-size:1.25rem;padding-block:22px}.why-work-matters .details-content{padding-bottom:24px}
.sdg-statement{grid-template-columns:minmax(0,1fr) 190px;gap:26px;border:0;padding:24px 0}.sdg-statement blockquote{margin:0;font-size:1.125rem;line-height:1.6}.sdg-statement a.sdg-mark{display:grid;place-items:center;padding:14px;background:#fdffe7;border-radius:4px}.sdg-mark img{display:block;width:100%;height:auto;object-fit:contain}
.flow>li{display:flex;flex-direction:column;justify-content:center;gap:10px;min-height:225px;padding:20px 18px;font-size:1rem}.diagram-drawing{display:block;width:100px;height:86px;margin:0 auto;color:var(--forest)}.diagram-drawing svg{width:100%;height:100%}.strand-kinship{stroke:var(--heather)}.strand-livelihood{stroke:var(--forest)}.logic-approach .flow>li{border:0;background:none}.logic-approach .diagram-drawing{width:125px;height:108px}.flow>li>span:last-of-type{display:block}.rough-border{pointer-events:none}
#patron-options{scroll-margin-top:65px}
@media(min-width:901px) and (max-width:1150px){:root{--sidebar:210px}.opening-full-photo .hero-copy,.topic-copy,.patron-cover .topic-copy{width:41%;padding-inline:20px}.hero-copy h1,.topic-copy h1{font-size:2.1rem}}
@media(max-width:900px){.reading-controls,.menu-collapsed .reading-controls{left:14px;top:12px}.opening-full-photo .hero-copy,.topic-copy,.patron-cover .topic-copy{width:42%;padding-left:24px}.sidebar{width:285px}.opening-full-photo .house-hero,.topic-hero,.topic-hero.patron-cover{min-height:500px}}
@media(max-width:600px){.opening-full-photo .house-hero,.topic-hero,.topic-hero.patron-cover{min-height:640px;align-items:flex-end}.opening-full-photo .hero-copy,.topic-copy,.patron-cover .topic-copy{width:100%;max-width:none;padding:230px 24px 38px}.opening-full-photo .hero-copy h1,.topic-copy h1,.patron-cover .topic-copy h1{font-size:2.5rem;max-width:390px}.opening-full-photo .house-hero:before,.topic-hero>figure:after,.topic-hero.patron-cover>figure:after{background:linear-gradient(0deg,rgba(var(--hero-base-rgb),.98) 0%,rgba(var(--hero-base-rgb),.95) 35%,rgba(var(--hero-base-rgb),.65) 55%,transparent 80%)}.hero-tribute,.topic-copy .lead{max-width:400px}.page-body{padding-inline:24px}.sdg-statement{grid-template-columns:1fr;gap:18px}.sdg-statement a.sdg-mark{width:190px}.flow>li{min-height:190px}.site-footer{margin-inline:24px}}
@media print{.opening-full-photo .house-hero,.topic-hero,.topic-hero.patron-cover{min-height:0}.opening-full-photo .hero-copy,.topic-copy,.patron-cover .topic-copy{width:100%;max-width:none;padding:0}}

/* Amanda: page 01 cover fills the viewport with her exact supplied original. */
@media screen{.opening-full-photo.chapter-house .house-hero{min-height:100vh;min-height:100svh}.opening-full-photo.chapter-house .house-scene img{object-fit:cover;object-position:50% 50%}}

/* Reconciled rationale is an ordinary always-visible section. */
section.why-work-matters{padding:24px 22px}section.why-work-matters>h2{font-size:1.5rem;margin-bottom:24px}