/*
Theme Name: Voice for Families
Author: Voice for Families – Webprojekt
Description: Redaktionelle WordPress-Umsetzung des Voice-for-Families-HTML-Prototyps. Acht Themenbereiche, eigene Farben und Bildkarussells.
Version: 1.0.0
Text Domain: voice-for-families
*/
:root{--ink:#132a2a;--muted:#536562;--paper:#f7f7f0;--white:#fff;--teal:#0d6b61;--deep:#123c38;--lime:#e5edab;--orange:#e8a46a;--line:#dbe4da;--shadow:0 18px 50px #173a3020}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:Inter,system-ui,-apple-system,'Segoe UI',Arial,sans-serif;line-height:1.58}a{color:inherit}button,input,select{font:inherit}button{cursor:pointer}.skip{position:absolute;left:-999px}.skip:focus{left:12px;top:12px;z-index:99;background:white;padding:8px}.bar{background:var(--deep);color:#fff;font-size:.77rem;padding:9px 0}.wrap{max-width:1200px;margin:auto;padding:0 28px}.bar .wrap{display:flex;align-items:center;justify-content:space-between;gap:12px}.bar a{color:#fff;text-underline-offset:3px}header{position:sticky;top:0;z-index:20;background:#f7f7f0ed;backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.nav{min-height:83px;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand{text-decoration:none;display:flex;gap:12px;align-items:center;line-height:1.17;font-weight:800;letter-spacing:-.035em;font-size:1.04rem}.mark{background:var(--teal);color:white;border-radius:15px;width:43px;height:43px;display:grid;place-items:center;font-size:1.5rem;flex-shrink:0}.brand small{display:block;font-size:.67rem;font-weight:600;color:var(--muted);letter-spacing:.025em;margin-top:4px}nav{display:flex;align-items:center;gap:17px;flex-wrap:wrap}nav a{text-decoration:none;font-size:.86rem;font-weight:650;padding:8px 0}nav a:hover,nav a[aria-current="page"]{color:var(--teal)}.nav-pill{background:var(--deep);color:white!important;padding:11px 15px;border-radius:99px}#nav-toggle{display:none;background:none;border:1px solid var(--line);border-radius:9px;padding:8px 12px}.hero{padding:92px 0 102px;position:relative;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:62px}.eyebrow{font-size:.75rem;text-transform:uppercase;letter-spacing:.13em;font-weight:850;color:var(--teal);display:inline-flex;gap:10px;align-items:center}.eyebrow:before{content:"";width:22px;height:2px;background:var(--teal)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(2.85rem,5.7vw,5.65rem);letter-spacing:-.065em;line-height:1.04;margin:20px 0 24px;max-width:900px}h2{font-size:clamp(2rem,3.3vw,3.25rem);letter-spacing:-.05em;line-height:1.13;margin:10px 0 20px}h3{font-size:1.25rem;letter-spacing:-.03em;line-height:1.25;margin:0 0 12px}.lead{font-size:1.14rem;color:#425a54;max-width:660px;line-height:1.75}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:29px}.btn{background:var(--teal);color:#fff;border:none;padding:14px 20px;border-radius:100px;display:inline-flex;align-items:center;gap:10px;font-weight:750;text-decoration:none;font-size:.89rem}.btn:hover{background:#09554d}.btn.secondary{border:1px solid #a9c1b8;color:var(--deep);background:transparent}.btn.white{background:#fff;color:var(--deep)}.visual{min-height:440px;border-radius:30px;background:var(--deep);color:white;position:relative;overflow:hidden;padding:37px;display:flex;flex-direction:column;justify-content:space-between}.visual:before,.visual:after{position:absolute;content:"";border-radius:50%;border:2px solid #ffffff30}.visual:before{height:440px;width:440px;right:-175px;top:-150px}.visual:after{height:290px;width:290px;right:-72px;top:-74px}.visual .symbol{font-size:9rem;line-height:1;opacity:.95;letter-spacing:-.18em;color:var(--lime);z-index:1}.visual strong{font-size:2rem;line-height:1.2;letter-spacing:-.045em;z-index:1;max-width:340px}.visual span{z-index:1;color:#d6e6de;font-size:.84rem}.strip{background:var(--lime);padding:22px 0}.strip .wrap{display:flex;justify-content:space-between;gap:30px;align-items:center}.strip strong{font-size:1.05rem}.strip p{margin:0;font-size:.92rem}.section{padding:90px 0}.section.tint{background:#eaf1e9}.section.dark{background:var(--deep);color:white}.section.dark .lead,.section.dark .muted{color:#d6e5df}.section-head{display:flex;justify-content:space-between;gap:35px;align-items:end;margin-bottom:30px}.section-head p{max-width:580px;color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:19px}.cards.two{grid-template-columns:repeat(2,1fr)}.card{background:#fff;border:1px solid var(--line);padding:30px;border-radius:23px;min-height:220px;box-shadow:0 7px 20px #23483009}.card .num{display:inline-grid;place-items:center;background:var(--lime);border-radius:12px;height:42px;width:42px;margin-bottom:25px;font-weight:800}.card p,.card li{color:var(--muted);font-size:.94rem}.card a.link,.text-link{font-weight:800;color:var(--teal);text-underline-offset:5px}.card ul{padding-left:19px}.card.feature{background:var(--deep);color:#fff}.card.feature p{color:#dce9e2}.card.feature .text-link{color:var(--lime)}.card.highlight{background:#f1efdc}.grid-half{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}.quote{background:#e5edab;border-radius:26px;padding:43px;font-size:1.5rem;font-weight:720;line-height:1.4;letter-spacing:-.035em}.quote small{display:block;font-size:.84rem;letter-spacing:0;font-weight:550;color:var(--muted);margin-top:20px}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.stat{border:1px solid #ffffff30;border-radius:19px;padding:24px;background:#ffffff0c}.stat strong{font-size:2.4rem;letter-spacing:-.06em;line-height:1.2;display:block;color:var(--lime)}.stat span{font-size:.86rem;color:#dce8e1}.note{font-size:.85rem;color:var(--muted);max-width:950px;margin-top:20px}.dark .note{color:#c6dbd0}.details{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line);padding:20px 0}summary{cursor:pointer;font-weight:760;font-size:1.05rem;list-style:none;display:flex;justify-content:space-between;gap:30px}summary:after{content:"+";font-size:1.4rem;color:var(--teal)}details[open] summary:after{content:"−"}details p{margin:14px 0 0;color:var(--muted);max-width:870px}.alert{background:#fff4e7;border-left:5px solid #bb6f3a;padding:20px 24px;border-radius:0 15px 15px 0;margin:27px 0}.alert p{margin:0}.tags{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}.tag{background:#e7eeea;border-radius:50px;padding:6px 12px;font-size:.76rem;font-weight:750}.steps{counter-reset:step}.step{border-left:2px solid #b0c8b8;padding:3px 0 30px 28px;position:relative;margin-left:13px}.step:before{counter-increment:step;content:counter(step);height:31px;width:31px;position:absolute;top:0;left:-17px;background:var(--teal);color:white;border-radius:50%;display:grid;place-items:center;font-size:.82rem;font-weight:800}.step p{color:var(--muted);max-width:800px}.directory{display:grid;grid-template-columns:repeat(2,1fr);gap:13px}.resource{border:1px solid var(--line);background:white;border-radius:15px;padding:20px}.resource strong{display:block;margin-bottom:7px}.resource p{font-size:.88rem;color:var(--muted);margin-bottom:9px}.resource a{color:var(--teal);font-size:.86rem;font-weight:750;overflow-wrap:anywhere}.search{width:100%;border:1px solid #b8cec3;border-radius:13px;padding:15px 18px;margin:0 0 20px;background:white}.filter-row{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:20px}.filter{border:1px solid #b9cec2;border-radius:80px;padding:7px 12px;background:transparent;color:var(--deep);font-size:.82rem}.filter.active{background:var(--teal);color:#fff}.event{border-top:1px solid var(--line);padding:24px 0;display:grid;grid-template-columns:105px 1fr auto;gap:20px;align-items:center}.event-date{font-size:1rem;font-weight:850;color:var(--teal)}.event p{margin:3px 0;color:var(--muted);font-size:.85rem}.event .tag{white-space:nowrap}.path-links{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.path-links a{border:1px solid var(--line);background:#fff;padding:23px;border-radius:16px;text-decoration:none;font-weight:800}.path-links a:hover{border-color:var(--teal)}.path-links span{display:block;font-size:.8rem;font-weight:450;color:var(--muted)}.footer{background:#0c2c29;color:#fff;padding:60px 0 25px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:50px}.footer p,.footer a{color:#bbd1c7;font-size:.87rem}.footer a{display:block;margin:9px 0}.footer-bottom{margin-top:44px;padding-top:23px;border-top:1px solid #ffffff30;color:#bbd1c7;font-size:.78rem}.mini{font-size:.81rem;color:var(--muted)}.citation{font-size:.81rem;color:var(--muted);margin-top:22px}.citation a{color:var(--teal)}.callout{background:var(--lime);border-radius:25px;padding:38px}.callout p{max-width:750px}.checklist{padding:0;list-style:none}.checklist li{padding:9px 0 9px 32px;position:relative}.checklist li:before{content:'✓';color:var(--teal);position:absolute;left:0;font-weight:900}.badge{display:inline-block;background:#dcebe3;border-radius:30px;padding:6px 11px;color:var(--teal);font-size:.74rem;font-weight:800;margin-bottom:14px}.formbox{border:1px solid var(--line);background:#fff;padding:30px;border-radius:20px}.field{margin-bottom:16px}.field label{display:block;font-weight:700;font-size:.85rem;margin-bottom:6px}.field input,.field select,.field textarea{width:100%;border:1px solid #bbcfc5;border-radius:10px;padding:12px;background:#fff}.field textarea{min-height:95px}.formbox .mini{margin-top:13px}.success{display:none;color:var(--teal);font-weight:700}.mini-divider{border-top:1px solid var(--line);margin:18px 0}@media(max-width:1000px){.hero-grid{gap:28px}.stat-grid{grid-template-columns:repeat(2,1fr)}nav{gap:10px}nav a{font-size:.8rem}}@media(max-width:760px){.wrap{padding:0 19px}.bar .wrap{display:block}.bar span+span{display:none}#nav-toggle{display:block}nav{display:none;position:absolute;top:100%;left:0;right:0;padding:18px;background:var(--paper);border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch}nav.open{display:flex}nav a{padding:8px}.hero{padding:54px 0}.hero-grid,.grid-half,.cards,.cards.two,.directory,.path-links,.footer-grid{grid-template-columns:1fr}.hero-grid{gap:35px}.visual{min-height:330px}.visual .symbol{font-size:7rem}h1{font-size:clamp(2.7rem,11vw,4rem)}.section{padding:60px 0}.section-head{display:block}.strip .wrap{display:block}.strip p{margin-top:7px}.event{grid-template-columns:1fr;gap:6px}.stat strong{font-size:2.1rem}.footer-grid{gap:14px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}


/* Drei klar unterscheidbare, barrierebewusst kontrastreiche Identitaeten */
body.theme-start{--ink:#352522;--muted:#695751;--paper:#fff7ee;--white:#fff;--teal:#a84132;--deep:#632c27;--lime:#f8d89b;--orange:#e6a36b;--line:#ecd9cb;}
body.theme-family{--ink:#173044;--muted:#4d6674;--paper:#f0f8fb;--white:#fff;--teal:#106b83;--deep:#123e58;--lime:#b9e7e9;--orange:#ffc685;--line:#d2e4e9;}
body.theme-network{--ink:#302742;--muted:#635970;--paper:#f8f5fe;--white:#fff;--teal:#6544a0;--deep:#362451;--lime:#e3d3ff;--orange:#e7b4ce;--line:#e1d8ef;}
body.theme-start header{background:#fff7eef0}
body.theme-family header{background:#f0f8fbef}
body.theme-network header{background:#f8f5feef}
body.theme-start .hero{background:radial-gradient(ellipse at 90% 5%,#f9dcc1 0,transparent 53%)}
body.theme-family .hero{background:radial-gradient(ellipse at 90% 5%,#c6eaf1 0,transparent 53%)}
body.theme-network .hero{background:radial-gradient(ellipse at 90% 5%,#e7d6ff 0,transparent 53%)}
body.theme-start .section.tint{background:#fbece0}
body.theme-family .section.tint{background:#e2f1f5}
body.theme-network .section.tint{background:#eee7fa}
body.theme-start .footer{background:#47251f}
body.theme-family .footer{background:#112f44}
body.theme-network .footer{background:#281b3f}
body.theme-start .card.highlight{background:#fff0d9}
body.theme-family .card.highlight{background:#e5f4f7}
body.theme-network .card.highlight{background:#eee5ff}
body.theme-start .quote{background:#f8d89b}
body.theme-family .quote{background:#b9e7e9}
body.theme-network .quote{background:#e3d3ff}
body.theme-start .tag{background:#f8e6d8}
body.theme-family .tag{background:#d7ecf1}
body.theme-network .tag{background:#eae1f8}
body.theme-start .badge{background:#f7dfca}
body.theme-family .badge{background:#d6ebf3}
body.theme-network .badge{background:#e9dff8}
body.theme-start .lead{color:#654f47}
body.theme-family .lead{color:#426374}
body.theme-network .lead{color:#61546f}
body.theme-start .btn:hover{background:#852e24}
body.theme-family .btn:hover{background:#0b5369}
body.theme-network .btn:hover{background:#4d3280}
body.theme-start .btn.secondary{border-color:#bb8b75}
body.theme-family .btn.secondary{border-color:#88b8c7}
body.theme-network .btn.secondary{border-color:#bba7db}
body.theme-start .visual{background:linear-gradient(155deg,#632c27,#a34735)}
body.theme-family .visual{background:linear-gradient(155deg,#123e58,#14788b)}
body.theme-network .visual{background:linear-gradient(155deg,#362451,#7650a9)}
body.theme-start .visual span,body.theme-family .visual span,body.theme-network .visual span{color:#fff}
body.theme-start .card.feature p,body.theme-family .card.feature p,body.theme-network .card.feature p{color:#f5f1ff}
body.theme-start .section.dark .lead,body.theme-family .section.dark .lead,body.theme-network .section.dark .lead{color:#fff}
body.theme-start .section.dark .muted,body.theme-family .section.dark .muted,body.theme-network .section.dark .muted{color:#f5edf8}
body.theme-start .stat span,body.theme-family .stat span,body.theme-network .stat span{color:#f6f0fa}
body.theme-start .footer p,body.theme-start .footer a,body.theme-start .footer-bottom,
body.theme-family .footer p,body.theme-family .footer a,body.theme-family .footer-bottom,
body.theme-network .footer p,body.theme-network .footer a,body.theme-network .footer-bottom{color:#e9deed}
body.theme-start .section.dark .eyebrow,body.theme-family .section.dark .eyebrow,body.theme-network .section.dark .eyebrow{color:var(--lime)}
body.theme-start .section.dark .eyebrow:before,body.theme-family .section.dark .eyebrow:before,body.theme-network .section.dark .eyebrow:before{background:var(--lime)}
:focus-visible{outline:3px solid var(--orange);outline-offset:3px}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Bildwelten und Hauptnavigation 2026 */
header .nav{min-height:88px}header nav{gap:14px}header nav a{border-radius:999px;padding:11px 15px;font-weight:800}header nav a[aria-current="page"]{background:var(--teal);color:#fff}
.subnav{background:var(--deep);color:white;overflow:auto;position:relative;z-index:2}.subnav-inner{display:flex;gap:25px;white-space:nowrap;align-items:center;min-height:50px}.subnav a{font-size:.85rem;color:#fff;text-decoration:none;font-weight:650;padding:10px 0}.subnav a:hover{text-decoration:underline}
.photo-slider{position:relative;height:clamp(400px,45vw,620px);overflow:hidden;background:var(--deep);isolation:isolate}.photo-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .6s ease,visibility .6s ease;display:flex;align-items:center}.photo-slide.is-active{opacity:1;visibility:visible}.photo-slide>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 40%;transform:scale(1.02)}.photo-slide:has(img[src*="hijab-family"])>img{object-position:50% 28%}.photo-shade{position:absolute;inset:0;background:linear-gradient(90deg,#071b22dd 0%,#071b22b9 39%,#071b2250 70%,#071b221a 100%)}.photo-caption{width:100%;position:relative;z-index:1;color:#fff;padding-top:38px;padding-bottom:50px}.photo-caption h2{color:#fff;font-size:clamp(2.4rem,5.2vw,5.1rem);max-width:780px;line-height:1.06;letter-spacing:-.045em;text-shadow:0 3px 25px #0005}.photo-caption p{max-width:610px;color:#f6f8f5;font-size:clamp(1.04rem,1.7vw,1.35rem);line-height:1.55;text-shadow:0 2px 10px #0009}.photo-kicker{color:#fff;font-size:.77rem;font-weight:850;letter-spacing:.1em;background:#0006;padding:9px 12px;border-radius:100px}.photo-link{display:inline-block;border-radius:99px;background:var(--lime);color:var(--deep);padding:14px 23px;margin-top:15px;font-weight:850;text-decoration:none}.photo-slider>button{position:absolute;z-index:4;top:50%;transform:translateY(-50%);border:0;border-radius:100%;width:47px;height:47px;background:#fff;cursor:pointer;font-size:2rem;color:var(--deep);box-shadow:0 8px 22px #0003}.slider-prev{left:20px}.slider-next{right:20px}.slider-dots{position:absolute;z-index:4;bottom:20px;left:50%;transform:translateX(-50%);display:flex;gap:11px}.slider-dot{width:12px;height:12px;border:2px solid white;border-radius:50%;background:#ffffff80;cursor:pointer;padding:0}.slider-dot.active{background:var(--lime);border-color:var(--lime);width:28px;border-radius:12px}.intro-below-banner{padding-top:52px;padding-bottom:52px}.intro-below-banner .visual{display:none}.intro-below-banner .hero-grid{grid-template-columns:1fr}.intro-below-banner h1{font-size:clamp(2rem,3.1vw,3.7rem)}.intro-below-banner .hero-grid>.wrap{max-width:none}
.image-gallery{padding-top:55px;padding-bottom:70px}.gallery-header{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:26px}.gallery-header h2{margin:.25em 0}.gallery-controls{display:flex;gap:10px}.gallery-controls button{border:1px solid var(--line);border-radius:50%;background:white;color:var(--deep);height:44px;width:44px;cursor:pointer;font-size:1.4rem}.gallery-track{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;padding-bottom:10px}.gallery-card{position:relative;flex:0 0 min(330px,78vw);height:230px;border-radius:22px;overflow:hidden;scroll-snap-align:start;text-decoration:none;background:var(--deep);box-shadow:0 7px 22px #0001}.gallery-card img{width:100%;height:100%;object-fit:cover;transition:transform .35s}.gallery-card:hover img{transform:scale(1.05)}.gallery-card:after{content:"";position:absolute;inset:30% 0 0;background:linear-gradient(transparent,#071b22d8)}.gallery-card span{position:absolute;bottom:18px;left:20px;right:16px;z-index:1;color:#fff;font-weight:800;font-size:1.1rem}.gallery-credit{font-size:.74rem;color:var(--muted);margin-top:14px}
@media(max-width:760px){header nav a{border-radius:12px}.photo-slider{height:520px}.photo-caption{padding-left:26px;padding-right:26px}.photo-caption h2{font-size:clamp(2.35rem,10vw,3.7rem)}.photo-slider>button{width:34px;height:34px;font-size:1.35rem}.slider-prev{left:6px}.slider-next{right:6px}.photo-caption p{max-width:85%}.subnav-inner{gap:17px}.image-gallery{padding:44px 0}.gallery-card{height:200px}.gallery-header{align-items:flex-end}}
@media(prefers-reduced-motion:reduce){.photo-slide,.gallery-card img{transition:none}}

/* Ausfuehrliche Projektseiten */
.page-banner{height:clamp(360px,39vw,530px);position:relative;display:flex;align-items:end;overflow:hidden;background:#332032}.page-banner>img{position:absolute;width:100%;height:100%;inset:0;object-fit:cover}.page-banner-shade{position:absolute;inset:0;background:linear-gradient(90deg,#151c27ec 0%,#151c279e 60%,#151c2730 100%)}.page-banner-text{position:relative;color:#fff;padding-bottom:65px;padding-top:90px;width:100%}.page-banner h1{font-size:clamp(2.9rem,6vw,6rem);line-height:1.02;color:white;margin:25px 0 13px}.page-banner p{font-size:clamp(1.1rem,2vw,1.5rem);color:#fff;max-width:760px;line-height:1.45}.reading-page p{line-height:1.85;max-width:76ch}.reading-page .section{padding-top:75px;padding-bottom:75px}.reading-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:75px}.reading-aside{align-self:start;position:sticky;top:30px;display:grid;gap:14px;padding-top:8px}.reading-aside a{color:var(--teal);font-weight:750;text-decoration:none;border-bottom:1px solid var(--line);padding-bottom:9px}.reading-aside a:hover{text-decoration:underline}.reading-content{max-width:850px}.reading-lead{font-size:1.26rem;line-height:1.75!important;font-weight:500}.feature-row{display:grid;grid-template-columns:1.1fr 1fr;gap:45px;align-items:center}.feature-row:has(img:first-child){grid-template-columns:1fr 1.1fr}.inline-photo{width:100%;height:420px;object-fit:cover;border-radius:26px;box-shadow:0 13px 30px #16141b16}.reading-page .section-intro{max-width:900px;font-size:1.1rem}.reading-page h2{max-width:950px}.source-line{font-size:.9rem;margin-top:24px;color:var(--muted)}.source-line a{overflow-wrap:anywhere}.statement{font-size:1.5rem;font-weight:750;line-height:1.5;border-left:6px solid var(--teal);margin:30px 0;padding:15px 30px;background:#fff;border-radius:0 16px 16px 0}.reading-page .section.dark p{color:#fff}.reading-page .section.dark .card p{color:var(--muted)}.reading-page .section.dark .card{background:#fff}.reading-page .section.dark .card h3{color:#23213c}.reading-page .stats-on-light .stat{background:#f1ebe5;border-radius:17px;padding:20px}.reading-page .stats-on-light .stat strong{color:#672c45}.reading-page .stats-on-light .stat span{color:#47404b}.reading-page .cards.three{grid-template-columns:repeat(3,minmax(0,1fr))}.footer-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}header nav{flex-wrap:wrap}header nav a{font-size:.83rem;padding:10px 12px}@media(max-width:850px){.reading-layout,.feature-row,.feature-row:has(img:first-child){grid-template-columns:1fr;gap:28px}.reading-aside{position:static;display:flex;flex-wrap:wrap;gap:8px 16px}.reading-aside .eyebrow{width:100%}.reading-aside a{font-size:.9rem}.reading-page .cards.three{grid-template-columns:1fr 1fr}.inline-photo{height:290px}}@media(max-width:580px){.reading-page .cards.three{grid-template-columns:1fr}.page-banner{height:450px}.page-banner-text{padding:45px 15px}.reading-page .section{padding-top:49px;padding-bottom:49px}}


/* Three standalone additional Voice for Families pages */
.new-topics{background:var(--paper,#fff);border-bottom:1px solid #e7e3ec}.new-topics-inner{display:flex;flex-wrap:wrap;gap:.6rem 1.15rem;align-items:center;padding:12px 0;font-size:.93rem}.new-topics-inner span{font-weight:750;color:var(--deep,#333)}.new-topics a{color:var(--deep,#333);font-weight:650;text-decoration:none;border-bottom:2px solid transparent}.new-topics a:hover,.new-topics a[aria-current=page]{border-color:var(--accent,#e2a22d)}.extra-footer-links{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px}.extra-footer-links a{color:inherit;text-decoration:underline}
.theme-care{--deep:#245949;--accent:#d5a551;--light:#eef5ed;--paper:#fffaf0;--ink:#173b32;--muted:#557067}
.theme-justice{--deep:#3b2959;--accent:#d79c64;--light:#f3eef9;--paper:#fffcfb;--ink:#302147;--muted:#756783}
.theme-youth{--deep:#134f70;--accent:#f7b35d;--light:#e9f7fb;--paper:#fffdf8;--ink:#173e58;--muted:#56798a}
.vff-newpage{background:var(--paper);color:var(--ink)}
.vff-newpage .bar{background:var(--deep);color:#fff}.vff-newpage .mark{color:var(--deep)}
.vff-newpage .photo-slider{height:clamp(460px,53vw,630px)}
.vff-newpage .photo-caption{max-width:1100px}.vff-newpage .photo-caption h2{max-width:770px;font-size:clamp(2.15rem,5vw,4.5rem);line-height:1.06;color:white;text-shadow:0 2px 15px #0009}
.vff-newpage .photo-caption p{max-width:630px;font-size:clamp(1.02rem,1.5vw,1.35rem);color:white;text-shadow:0 2px 10px #0009}
.vff-newpage .photo-kicker{display:inline-block;background:var(--accent);color:#271d12;border-radius:30px;padding:.5rem 1rem;font-weight:850;letter-spacing:.06em}
.vff-newpage .photo-shade{background:linear-gradient(90deg,rgba(8,26,24,.83),rgba(8,26,24,.47) 48%,rgba(0,0,0,.09))}
.vff-newpage .photo-slide img{object-fit:cover}
.vff-page{max-width:1140px;margin:0 auto;padding:0 25px 70px}
.vff-intro{padding:55px 0 25px;max-width:880px}.vff-intro h1{font-size:clamp(2.1rem,4vw,3.5rem);margin:0 0 14px;line-height:1.1}.vff-intro p{font-size:1.16rem;line-height:1.75}
.vff-jump{display:flex;gap:9px;flex-wrap:wrap;margin:16px 0 40px}.vff-jump a{border:1px solid #cfcbd0;border-radius:30px;padding:10px 17px;text-decoration:none;color:var(--deep);font-weight:700;background:white}.vff-jump a:hover{background:var(--light)}
.vff-section{padding:35px 0;border-top:1px solid #ded9d4;scroll-margin-top:130px}.vff-section h2{font-size:clamp(1.7rem,2.5vw,2.55rem);line-height:1.2;margin:0 0 18px;color:var(--deep)}.vff-section p{max-width:910px;line-height:1.8;font-size:1.07rem}
.vff-section h3{font-size:1.19rem;margin:15px 0 8px;color:var(--deep)}.vff-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;margin:24px 0}.vff-card{padding:24px;background:var(--light);border-radius:19px;border:1px solid #d8dfdb}.vff-card p{font-size:1rem;margin:.3rem 0 0}.vff-card h3{margin:0 0 10px}.vff-card a{font-weight:750}.vff-accent{background:var(--light);border-left:6px solid var(--accent);padding:22px 26px;border-radius:0 16px 16px 0;margin:24px 0;max-width:940px}.vff-accent p{margin:0}.vff-steps{counter-reset:steps;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin:22px 0}.vff-step{background:#fff;border:1px solid #ddd;border-radius:15px;padding:20px}.vff-step:before{counter-increment:steps;content:counter(steps);display:inline-grid;place-items:center;background:var(--deep);color:white;width:32px;height:32px;border-radius:50%;font-weight:750;margin-bottom:9px}.vff-step h3{margin:0 0 8px}.vff-step p{margin:0;font-size:1rem}.vff-sources{background:#f1f1f1;padding:26px;border-radius:18px}.vff-sources a{overflow-wrap:anywhere}.vff-gallery{display:flex;gap:14px;overflow:auto;scroll-snap-type:x mandatory;padding:8px 0 22px}.vff-gallery .vff-gallery-item{position:relative;flex:0 0 min(75vw,330px);height:220px;border-radius:17px;overflow:hidden;scroll-snap-align:center}.vff-gallery img{width:100%;height:100%;object-fit:cover}.vff-gallery strong{position:absolute;bottom:0;left:0;right:0;padding:24px 12px 12px;color:white;background:linear-gradient(transparent,#000b);font-size:1.05rem}.vff-newpage a:focus-visible,.vff-newpage button:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
@media(max-width:750px){.vff-grid,.vff-steps{grid-template-columns:1fr}.vff-newpage .photo-slider{height:510px}.vff-newpage .photo-caption h2{font-size:2.1rem}.vff-page{padding:0 17px 50px}.new-topics-inner{font-size:.84rem}.vff-section{scroll-margin-top:75px}}


/* 2026 navigation update: accessible dropdown + distinct project identities */
.theme-voice{--ink:#34283e;--muted:#65586b;--paper:#fff9f4;--teal:#9b486a;--deep:#562541;--lime:#f6d5df;--orange:#e9a87b;--line:#eadbe4}
.theme-about{--ink:#253e41;--muted:#52696b;--paper:#f5faf9;--teal:#276a68;--deep:#234d52;--lime:#cce8df;--orange:#e8b487;--line:#d8e9e5}
.theme-care{--teal:#245949;--lime:#e1ebc8;--line:#d9e4d7}
.theme-justice{--teal:#654484;--lime:#e4d7f1;--line:#e3d8e9}
.theme-youth{--teal:#116c91;--lime:#c8edf5;--line:#d3e8ed}
header .nav{gap:22px}
header nav#mainnav{gap:8px;flex-wrap:nowrap;align-items:center}
header nav#mainnav>a{padding:12px 13px;white-space:nowrap;border-radius:10px}
header nav#mainnav>a:hover,header nav#mainnav>a[aria-current=page]{background:var(--lime);color:var(--deep)}
.project-menu{position:relative}
.projects-trigger{background:var(--deep);color:#fff;padding:13px 18px;border:0;border-radius:99px;display:flex;gap:15px;align-items:center;font-weight:800;font-size:.92rem}
.projects-trigger:hover,.projects-trigger:focus-visible,.projects-trigger.is-current{box-shadow:0 0 0 3px var(--lime)}
.drop-chevron{display:inline-block;font-size:1.24rem;line-height:.6;transition:transform .2s}
.project-menu.is-open .drop-chevron{transform:rotate(180deg)}
.projects-panel{display:none;position:absolute;right:0;top:100%;width:min(365px,calc(100vw - 30px));background:#fff;color:#273334;border:1px solid #dae5de;box-shadow:0 20px 45px #0002;border-radius:18px;padding:14px;z-index:55;max-height:70vh;overflow:auto}
.project-menu:hover .projects-panel,.project-menu:focus-within .projects-panel,.project-menu.is-open .projects-panel{display:block}
.dropdown-label{display:block;padding:9px 12px 5px;font-weight:850;font-size:.72rem;color:#68746d;text-transform:uppercase;letter-spacing:.09em}
.dropdown-more{border-top:1px solid #e4e8e5;margin-top:6px;padding-top:16px}
header nav#mainnav .project-dropdown-link{display:block;color:#243937;border-radius:11px;padding:10px 12px;text-decoration:none;white-space:normal}
header nav#mainnav .project-dropdown-link strong,header nav#mainnav .project-dropdown-link small{display:block}
header nav#mainnav .project-dropdown-link small{color:#5b6b68;font-weight:450;margin-top:2px;line-height:1.35}
header nav#mainnav .project-dropdown-link:hover,header nav#mainnav .project-dropdown-link[aria-current=page]{background:#eff5f1;color:#234d43}
.section-shortcuts{background:var(--paper);border-bottom:1px solid var(--line)}
.section-shortcuts-inner{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding-top:13px;padding-bottom:13px}
.shortcuts-label{font-size:.8rem;font-weight:850;color:var(--deep);margin-right:7px}
.section-shortcuts a{display:inline-block;font-size:.8rem;font-weight:750;color:var(--deep);text-decoration:none;border:1px solid var(--line);background:#fff;padding:7px 11px;border-radius:100px}
.section-shortcuts a:hover,.section-shortcuts a:focus-visible{background:var(--lime)}
.project-overview{padding:65px 0 80px;background:#fff9f2}
.project-overview h2{max-width:920px;margin:15px 0;font-size:clamp(2rem,4vw,3.8rem)}
.overview-lead{color:#665853;max-width:780px;font-size:1.1rem;margin-bottom:30px}
.project-tile-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:18px}
.project-tile{grid-column:span 2;min-height:340px;position:relative;overflow:hidden;border-radius:24px;color:#fff;text-decoration:none;isolation:isolate;box-shadow:0 12px 24px #25232218;display:flex;align-items:end;background:#354}
.project-tile:nth-child(1),.project-tile:nth-child(2){grid-column:span 3}
.project-tile img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform .35s ease}
.project-tile::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#061a22ef 0%,#09232ba8 35%,transparent 95%);z-index:-1}
.project-tile:hover img{transform:scale(1.045)}
.tile-copy{display:flex;flex-direction:column;gap:5px;padding:26px;width:100%}
.tile-copy strong{font-size:clamp(1.4rem,2.2vw,2rem);line-height:1.15;letter-spacing:-.03em}
.tile-copy>span{font-size:.96rem}.tile-go{font-weight:850;margin-top:12px;color:#fff}
.tile-family{border-bottom:7px solid #106b83}.tile-network{border-bottom:7px solid #6544a0}.tile-care{border-bottom:7px solid #3b8867}.tile-justice{border-bottom:7px solid #9b5bc2}.tile-youth{border-bottom:7px solid #f2a54c}
@media (max-width:960px){header .nav{min-height:76px}header nav#mainnav{gap:1px}header nav#mainnav>a{padding:9px 8px;font-size:.78rem}.projects-trigger{padding:10px 12px}.project-tile-grid{gap:12px}}
@media(max-width:760px){header nav#mainnav{display:none;position:absolute;top:100%;left:0;right:0;background:var(--paper);padding:15px 20px 24px;box-shadow:0 15px 24px #0002;flex-direction:column;align-items:stretch;max-height:calc(100vh - 82px);overflow:auto}header nav#mainnav.open{display:flex}header nav#mainnav>a{font-size:1rem;padding:13px}.project-menu{width:100%}.projects-trigger{width:100%;justify-content:space-between;border-radius:12px;padding:15px}.projects-panel{display:none!important;position:static;width:100%;max-height:none;margin-top:7px;box-shadow:none;border-radius:13px}.project-menu.is-open .projects-panel{display:block!important}.project-menu:hover:not(.is-open) .projects-panel{display:none!important}.project-tile-grid{grid-template-columns:1fr 1fr}.project-tile,.project-tile:nth-child(1),.project-tile:nth-child(2){grid-column:span 1;min-height:310px}.project-overview{padding:38px 0 50px}}
@media(max-width:550px){.project-tile-grid{grid-template-columns:1fr}.project-tile,.project-tile:nth-child(1),.project-tile:nth-child(2){min-height:270px}.project-tile img{object-position:center 32%}}
@media(prefers-reduced-motion:reduce){.project-tile img,.drop-chevron{transition:none}}

/* Text-only topic overview for families */
.family-topic-section{padding-top:56px;padding-bottom:68px;background:var(--light)}
.family-topic-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.family-topic-card{display:flex;flex-direction:column;align-items:flex-start;min-height:225px;background:#fff;color:var(--deep);text-decoration:none;border:1px solid var(--line);border-radius:20px;padding:25px;box-shadow:0 8px 24px #1029230a;transition:transform .2s,border-color .2s}
.family-topic-card:hover{transform:translateY(-3px);border-color:var(--accent)}
.family-topic-card:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
.family-topic-card .topic-icon{display:inline-flex;align-items:center;justify-content:center;width:43px;height:43px;background:var(--light);border-radius:12px;color:var(--deep);font-size:1.5rem;font-weight:800;margin-bottom:13px}
.family-topic-card h3{font-size:1.18rem;margin:0 0 8px}
.family-topic-card p{font-size:.96rem;margin:0 0 18px;color:var(--muted)}
.family-topic-card .topic-more{margin-top:auto;font-size:.9rem;font-weight:800;color:var(--deep)}
@media(max-width:900px){.family-topic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:580px){.family-topic-grid{grid-template-columns:1fr}}

/* Editorial additions: retain original design and colors */
.editorial-addition {border-top:1px solid rgba(80,80,80,.10)}
.editorial-addition .editorial-lead {max-width:810px;font-size:1.08rem;line-height:1.8;margin:0 0 1.55rem}
.editorial-addition .editorial-note {margin-top:1.4rem;padding:1rem 1.2rem;border-left:3px solid var(--accent, #477e76);background:rgba(130,130,130,.06);border-radius:0 8px 8px 0;line-height:1.7}
.editorial-addition .cards {margin-top:1.5rem}
.editorial-addition .card p {line-height:1.7}
@media(max-width:700px){.editorial-addition .editorial-lead{font-size:1rem}}

/* Accessibility and compact cross-language control */
.vff-languages{display:inline-flex;align-items:center;gap:.35rem;margin-left:.65rem;white-space:nowrap;color:inherit;font-weight:600}
.vff-language-select{font:inherit;font-size:.88rem;max-width:145px;padding:.49rem .6rem;border:1px solid rgba(50,65,65,.25);border-radius:7px;background:rgba(255,255,255,.94);color:#203238;cursor:pointer}
.sr-only{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.localized-hero{position:relative;isolation:isolate;min-height:380px;display:flex;align-items:center;overflow:hidden;background:#172d32;color:white}
.localized-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.47)}
.localized-hero .wrap{position:relative;z-index:1;width:100%;padding-top:4rem;padding-bottom:4rem}
.localized-hero h1{color:white;max-width:760px;font-size:clamp(2.1rem,5vw,4.3rem);line-height:1.08;margin:.7rem 0}
.localized-hero p{color:white;max-width:620px;font-size:1.2rem;line-height:1.55}
.localized-topnav{display:flex;flex-wrap:wrap;gap:.7rem;margin:1.7rem 0}
.localized-topnav a{border:1px solid currentColor;border-radius:50px;padding:.55rem .85rem;text-decoration:none;font-size:.9rem}
.localized-card{background:white;border:1px solid #e3e4e0;border-radius:14px;padding:1.65rem;box-shadow:0 6px 24px rgba(30,50,55,.035)}
.localized-card h2{margin-top:0;font-size:1.5rem}.localized-card p{line-height:1.8}
.localized-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem}
.localized-grid .localized-card:first-child{grid-column:span 2}
.localized-section{padding:3.25rem 0}.localized-section:nth-of-type(even){background:#f8f9f7}
.localized-projects{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin:1.5rem 0}
.localized-projects a{background:white;border:1px solid #ddd;border-radius:13px;padding:1.25rem;text-decoration:none;display:flex;flex-direction:column;gap:.4rem;color:#17343b;box-shadow:0 4px 22px rgba(0,0,0,.025)}
.localized-projects a:hover,.localized-projects a:focus-visible{outline:2px solid var(--accent,#27665e);outline-offset:2px}
.localized-projects a strong{font-size:1.06rem}.localized-projects a small{font-size:.86rem;color:#556}
.vff-languages select:focus-visible{outline:3px solid #edb76b}
@media(max-width:850px){.localized-projects{grid-template-columns:repeat(2,minmax(0,1fr))}.localized-grid{grid-template-columns:1fr}.localized-grid .localized-card:first-child{grid-column:auto}.vff-languages{margin:.6rem 0}}
@media(max-width:530px){.localized-projects{grid-template-columns:1fr}}

/* Accessibility and compact cross-language control */
.vff-languages{display:inline-flex;align-items:center;gap:.35rem;margin-left:.65rem;white-space:nowrap;color:inherit;font-weight:600}
.vff-language-select{font:inherit;font-size:.88rem;max-width:145px;padding:.49rem .6rem;border:1px solid rgba(50,65,65,.25);border-radius:7px;background:rgba(255,255,255,.94);color:#203238;cursor:pointer}
.sr-only{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.localized-hero{position:relative;isolation:isolate;min-height:380px;display:flex;align-items:center;overflow:hidden;background:#172d32;color:white}
.localized-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.47)}
.localized-hero .wrap{position:relative;z-index:1;width:100%;padding-top:4rem;padding-bottom:4rem}
.localized-hero h1{color:white;max-width:760px;font-size:clamp(2.1rem,5vw,4.3rem);line-height:1.08;margin:.7rem 0}
.localized-hero p{color:white;max-width:620px;font-size:1.2rem;line-height:1.55}
.localized-topnav{display:flex;flex-wrap:wrap;gap:.7rem;margin:1.7rem 0}
.localized-topnav a{border:1px solid currentColor;border-radius:50px;padding:.55rem .85rem;text-decoration:none;font-size:.9rem}
.localized-card{background:white;border:1px solid #e3e4e0;border-radius:14px;padding:1.65rem;box-shadow:0 6px 24px rgba(30,50,55,.035)}
.localized-card h2{margin-top:0;font-size:1.5rem}.localized-card p{line-height:1.8}
.localized-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem}
.localized-grid .localized-card:first-child{grid-column:span 2}
.localized-section{padding:3.25rem 0}.localized-section:nth-of-type(even){background:#f8f9f7}
.localized-projects{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin:1.5rem 0}
.localized-projects a{background:white;border:1px solid #ddd;border-radius:13px;padding:1.25rem;text-decoration:none;display:flex;flex-direction:column;gap:.4rem;color:#17343b;box-shadow:0 4px 22px rgba(0,0,0,.025)}
.localized-projects a:hover,.localized-projects a:focus-visible{outline:2px solid var(--accent,#27665e);outline-offset:2px}
.localized-projects a strong{font-size:1.06rem}.localized-projects a small{font-size:.86rem;color:#556}
.vff-languages select:focus-visible{outline:3px solid #edb76b}
@media(max-width:850px){.localized-projects{grid-template-columns:repeat(2,minmax(0,1fr))}.localized-grid{grid-template-columns:1fr}.localized-grid .localized-card:first-child{grid-column:auto}.vff-languages{margin:.6rem 0}}
@media(max-width:530px){.localized-projects{grid-template-columns:1fr}}

/* Optional full-page automatic translation: unchanged original layout */
.vff-full-lang{display:inline-flex;align-items:center;gap:.35rem;margin-left:.5rem;white-space:nowrap}
.vff-full-lang select{border:1px solid rgba(50,50,50,.2);border-radius:9px;background:#fff;color:#1e293b;font:inherit;font-size:.85rem;padding:.55em .7em;max-width:145px}
#vff-google-translate{position:absolute;left:-9999px;top:-9999px;width:1px;height:1px;overflow:hidden}
.goog-te-banner-frame,.skiptranslate iframe{display:none!important}body{top:0!important}
.vff-translation-disclaimer{font-size:.8rem;padding:.45rem 1rem;text-align:center;background:#fff7e6;color:#5a421d}

/* WordPress compatibility */
body.admin-bar header {top:0;}