:root{color-scheme:light;--ink:#222c25;--paper:#f8f5ec;--green:#264a3b;--muted:#45584c;--rule:#c9d0bf}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:19px/1.6 system-ui,sans-serif}a{color:inherit}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #a84c26;outline-offset:5px}.wrap{width:min(1120px,calc(100% - 48px));margin:auto}header{border-bottom:1px solid var(--rule)}header .wrap,footer .wrap{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;padding:15px 0}nav{display:flex;gap:24px}.logo{font:700 32px Georgia,serif;text-decoration:none}.logo span{color:#865132}.hero{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:50px;padding:66px 0}.label{font-size:14px;font-weight:750;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}h1,h2,h3{font-family:Georgia,serif;font-weight:500;line-height:1.04;margin:0}h1{font-size:clamp(3.1rem,6.7vw,6rem);letter-spacing:-.055em}h1 em{color:var(--green)}h2{font-size:clamp(2.4rem,5vw,4rem);letter-spacing:-.04em}h3{font-size:30px}.hero p{max-width:38ch}.button{display:inline-block;background:var(--green);color:#fff;padding:13px 22px;border-radius:7px;text-decoration:none;font-weight:700}.button:hover{background:#17372a}.art{margin:0}.art svg{display:block;width:100%;height:auto;border-radius:16px}.art figcaption{font-size:14px;margin-top:8px;color:var(--muted)}#stories{background:#eaf0e6;padding:46px 0 60px}#stories p{margin:10px 0 22px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}details{background:#fffdf7;border:1px solid var(--rule);border-radius:12px;padding:22px}summary{cursor:pointer;color:var(--green);font-weight:700;list-style-position:inside;min-height:44px}summary:hover{text-decoration:underline}summary h3{margin:12px 0 15px;color:var(--ink)}details[open]{grid-column:1/-1}details p{max-width:65ch}.about{padding:48px 0}.about p{max-width:60ch}footer{border-top:1px solid var(--rule);font-size:15px}.skip{position:absolute;transform:translateY(-150%);background:white;padding:10px}.skip:focus{transform:none}@media(max-width:760px){.wrap{width:calc(100% - 34px)}.hero,.cards{grid-template-columns:1fr}.hero{gap:26px;padding:40px 0}nav{gap:17px}}

.people-link{display:inline-block;padding:12px 0;margin-left:12px;font-weight:700;color:var(--green)}
#advocates{padding:48px 0 55px;border-top:1px solid var(--rule)}
#advocates .cards{align-items:start;margin:24px 0}
#advocates details{padding:0;overflow:hidden}
#advocates details[open]{grid-column:auto}
#advocates summary{display:block;list-style:none}
#advocates summary::-webkit-details-marker{display:none}
#advocates summary:focus-visible{outline-offset:-4px}
#advocates summary img{width:100%;height:auto;aspect-ratio:5/4;object-fit:cover;object-position:50% 29%;display:block;background:#e2e8dc}
#advocates .profile-copy,#advocates .profile-bio{padding:17px 20px;display:block}
#advocates .profile-name{display:block;font:30px/1.1 Georgia,serif;color:var(--ink);margin-bottom:10px}
#advocates .profile-bio{border-top:1px solid var(--rule)}
#advocates .profile-bio p{margin:0 0 10px}
#advocates .close-label,#advocates details[open] .open-label{display:none}
#advocates details[open] .close-label{display:inline}
.directory{color:var(--green);font-weight:700}

:root{--ink:#212121;--paper:#fffdfa;--green:#0b0b7f;--muted:#1b4d44;--rule:#ccd3e8}
header{background:#fff} .logo span{color:#0b0b7f}
.button:hover{background:#080854}
#stories{background:#e7f1da}
a:focus-visible,button:focus-visible,summary:focus-visible{outline-color:#0b0b7f}
.hero{gap:clamp(24px,4vw,52px)}
.hero-art{background:#c9d6ff;border-radius:18px;overflow:hidden}
.hero-art svg{border-radius:0}
.hero-art figcaption{margin:0;padding:8px 14px;background:#ecebff}
#advocates{background:#ecebff;border:0}
#advocates .cards{grid-template-columns:repeat(4,minmax(0,1fr))}
#advocates details,.directory-card{background:#fff;border-color:#ccd3e8}
#advocates summary img,.directory-card img{aspect-ratio:4/5;object-fit:cover;object-position:center 30%;width:100%;display:block}
.directory-intro{padding:48px 0 36px;background:#ecebff}
.directory-intro p{max-width:58ch}
.directory-grid{padding:35px 0 55px;display:grid;gap:20px;grid-template-columns:repeat(4,minmax(0,1fr))}
.directory-card{border:1px solid var(--rule);border-radius:12px;overflow:hidden}
.directory-card div{padding:16px}
.directory-card h2{font-size:27px;letter-spacing:0;margin:0 0 10px}
.directory-card a{display:inline-flex;align-items:center;min-height:44px;color:var(--green);font-weight:700}
@media(max-width:950px){#advocates .cards,.directory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){#advocates .cards,.directory-grid{grid-template-columns:1fr}.people-link{margin:8px 0 0}}

nav{flex-wrap:wrap;gap:8px 18px}nav a{font-size:16px;display:inline-block;padding:8px 0}
h1{font-size:clamp(2.8rem,6vw,5.4rem)}
.group{margin:24px auto 0}.group img{width:100%;height:auto;display:block;border-radius:14px}.group figcaption{font-size:15px;color:var(--muted);margin-top:7px}
.welcome{padding:32px 0 46px}.welcome p{max-width:64ch}
.feature{display:grid;grid-template-columns:minmax(180px,290px) 1fr;gap:clamp(20px,5vw,60px);align-items:center;padding:42px 0}
.feature img{width:100%;max-height:310px;object-fit:cover;object-position:center 32%;border-radius:12px}
.band{background:#ecebff}.band.green{background:#e7f1da}.section-pad{padding:40px 0 48px}
.tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:22px 0}
.tile{background:#fff;border:1px solid var(--rule);border-radius:12px;padding:22px;display:flex;flex-direction:column;align-items:start}
.tile p{flex:1}.tile a,.text-link{color:var(--green);font-weight:700}.reading{max-width:64ch}
.directory-card p{font-size:16px;line-height:1.5;margin:8px 0}
.directory-card{display:flex;flex-direction:column}.directory-card div{display:flex;flex:1;flex-direction:column;align-items:start}.directory-card a{margin-top:auto}
@media(max-width:760px){.feature,.tiles{grid-template-columns:1fr}.feature img{max-width:340px}}

.caregiver-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.share-panel{padding:24px 0 38px;border-top:1px solid var(--rule)}
.share-panel h2{font-size:2rem}
.share-panel button{border:0;font:inherit;font-weight:700;cursor:pointer}
#copy-status{overflow-wrap:anywhere}
@media(max-width:950px){.caregiver-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.caregiver-grid{grid-template-columns:1fr}}

:root{--photo-radius:16px}
main img{border-radius:var(--photo-radius)}
.directory-card>img{width:calc(100% - 20px);margin:10px 10px 0}
.tile h2{font-size:1.75rem;letter-spacing:0}

.blog-form{display:grid;gap:16px;margin:24px 0}
.blog-form label{display:grid;gap:6px}
.blog-form input:not([type=checkbox]),.blog-form textarea{width:100%;padding:10px;border:1px solid #777;border-radius:8px;font:inherit}
.blog-form input[type=checkbox]{justify-self:start}
.blog-form button,.reading button{justify-self:start;border:0;font:inherit;font-weight:700;cursor:pointer}
.blog-photo{width:100%;height:auto}
.blog-paragraph{white-space:pre-wrap;overflow-wrap:anywhere}

.blog-article h2{font-size:clamp(1.55rem,3vw,2.1rem);letter-spacing:-.02em;margin-top:1.5em}
.blog-article .blog-photo{display:block;margin:24px 0}

.home-blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.home-blog-photo{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;margin-bottom:16px}
@media(max-width:760px){.home-blog-grid{grid-template-columns:1fr}}

.article-table{overflow-x:auto;margin:1.25em 0}
.article-table table{border-collapse:collapse;width:100%}
.article-table th,.article-table td{padding:.45em .6em;border:1px solid var(--rule);text-align:left;vertical-align:top}
.article-table th{background:#ecebff}

.home-nav, footer nav { flex-wrap: wrap; }
footer a { display: inline-flex; align-items: center; min-height: 44px; padding: 6px 0; color: var(--green); font-size: 18px; text-underline-offset: 0.18em; }

.home-footer nav a { color: inherit; }