/* One shared header gives both views direct access to the Foundation's pillars. */
.site-header{gap:24px}
.header-values{display:flex;align-items:center;gap:8px;margin-left:-7px;padding-left:17px;border-left:1px solid #f6f1df30;flex-shrink:0}
.header-values a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-height:68px;min-width:65px;padding:7px 8px;line-height:1.3;color:#f6f1df;border-radius:5px;transition:background .2s,transform .2s;font:500 12px/1.3 var(--sans);white-space:nowrap;text-align:center}
.header-values a>span:first-child{display:grid;place-items:center;width:30px;height:30px}
.header-values svg{display:block;width:29px;height:29px;stroke-width:1.45}
.header-values a[data-tone=rojo]>span:first-child{color:#efb8b9}
.header-values a[data-tone=dorado]>span:first-child{color:#e7c777}
.header-values a[data-tone=azul]>span:first-child{color:#bdcfe9}
.header-values a:hover{background:#fff8e411;transform:translateY(-2px)}
.simple-mode .header-values{border-left-color:#25483f25}
.simple-mode .header-values a{color:#25483f}
.simple-mode .header-values a[data-tone=rojo]>span:first-child{color:#973c46}
.simple-mode .header-values a[data-tone=dorado]>span:first-child{color:#856122}
.simple-mode .header-values a[data-tone=azul]>span:first-child{color:#405c83}
.simple-mode .header-values a:hover{background:#25483f0a}
.site-header .donate-label{font-size:inherit;line-height:inherit}
.site-header .donate-symbol{display:none}
.foundation-values{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:28px 0 32px}
.foundation-values>a{position:relative;display:flex;flex-direction:column;gap:17px;padding:21px 17px 26px;border:1px solid #25483f26;border-top:3px solid var(--section-color);border-radius:5px;background:#fffaf1;min-width:0;transition:background .2s,transform .2s}
.foundation-values>a:hover{transform:translateY(-3px);background:#f3ecd9}
.foundation-value-icon{color:var(--section-number);line-height:0}
.foundation-value-icon svg{width:33px;height:33px}
.foundation-values>a>span:nth-child(2){display:flex;flex-direction:column;gap:9px}
.foundation-values small{font-size:9px;letter-spacing:1px;color:var(--section-number)}
.foundation-values strong{font:500 29px/1 var(--serif);color:#25483f}
.foundation-values>a>span:nth-child(2)>span{font-size:11px;line-height:1.8;color:#687460}
.foundation-value-arrow{position:absolute;right:12px;bottom:10px;font-size:17px;color:var(--section-number)}
.foundation-page-hero{padding-top:16px}
.foundation-page-icon{width:84px;height:84px;border:1px solid color-mix(in srgb,var(--section-color) 35%,transparent);border-radius:50%;display:grid;place-items:center;color:var(--section-number);background:color-mix(in srgb,var(--section-color) 8%,transparent);margin-bottom:23px}
.foundation-page-icon svg{width:49px;height:49px}
.foundation-page-hero>.eyebrow{color:var(--section-number)}
.foundation-siblings{display:flex;flex-wrap:wrap;gap:8px 16px;padding:0 0 16px;margin-top:-5px}
.foundation-siblings>:is(a,span){display:flex;align-items:center;justify-content:center;gap:8px;font-size:12px;min-height:44px;padding:8px 10px;color:#50664c}
.foundation-siblings svg{width:22px;height:22px}
.foundation-siblings>[aria-current=page]{color:var(--section-number);background:#fff7e6;border-radius:4px;font-weight:500}
@media(max-width:1200px){.site-header .desktop-nav{display:none}.site-header .menu-btn{display:grid}.site-header .header-actions{margin-left:auto}.header-values{gap:5px}}
@media(max-width:900px){.header-values{padding-left:13px;margin-left:-4px}.header-values a{min-width:60px;font-size:11px}.header-values svg{width:27px;height:27px}.simple-mode .site-header{gap:18px}}
@media(max-width:700px){
 .site-header,.simple-mode .site-header{gap:8px;padding-left:18px;padding-right:18px}
 .site-header .brand-logo,.simple-mode .site-header .brand-logo{height:60px}
 .header-values,.simple-mode .header-values{padding:0;margin:0;border:0;gap:0}
 .header-values a{min-width:44px;min-height:54px;padding:5px 4px;gap:5px;font-size:11px}
 .header-values a>span:first-child{width:24px;height:24px}
 .header-values svg{width:23px;height:23px;stroke-width:1.6}
 .site-header .header-actions,.simple-mode .site-header .header-actions{gap:6px;margin-left:auto}
 .site-header .header-actions .sound-toggle,.simple-mode .site-header .header-actions .sound-toggle{display:none}
 .site-header .donate-btn,.simple-mode .site-header .donate-btn{width:40px;min-width:40px;height:44px;min-height:44px;padding:10px;gap:0;border-radius:6px;justify-content:center}
 .site-header .donate-label,.site-header .donate-arrow{display:none}
 .site-header .donate-symbol{display:grid;place-items:center}
 .site-header .donate-symbol svg{width:20px;height:20px}
 .site-header .menu-btn,.simple-mode .site-header .menu-btn{width:40px;height:44px;padding:10px}
}
@media(max-width:600px){
 .foundation-values{grid-template-columns:1fr;gap:10px;margin:24px 0}
 .foundation-values>a{display:grid;grid-template-columns:34px minmax(0,1fr) 12px;gap:14px;align-items:center;padding:18px 16px}
 .foundation-values>a>span:nth-child(2){gap:7px}
 .foundation-values strong{font-size:28px}
 .foundation-values small{font-size:8px}
 .foundation-values>a>span:nth-child(2)>span{font-size:12px;line-height:1.7}
 .foundation-value-arrow{position:static;align-self:center}
 .foundation-page-icon{width:72px;height:72px;margin-bottom:20px}
 .foundation-page-icon svg{width:42px;height:42px}
 .foundation-siblings{gap:6px}
 .foundation-siblings>:is(a,span){font-size:11px;padding:8px 7px;gap:6px}
 .foundation-siblings svg{width:18px;height:18px}
}
@media(max-width:380px){
 .site-header,.simple-mode .site-header{gap:6px;padding-left:14px;padding-right:14px}
 .site-header .brand-logo,.simple-mode .site-header .brand-logo{height:54px}
 .header-values a{min-width:44px;padding-inline:2px;font-size:10px;min-height:52px}
 .header-values a>span:first-child{width:22px;height:22px}
 .header-values svg{width:21px;height:21px}
 .site-header .header-actions,.simple-mode .site-header .header-actions{gap:4px}
 .site-header .donate-btn,.simple-mode .site-header .donate-btn{width:32px;min-width:32px;padding:7px}
 .site-header .menu-btn,.simple-mode .site-header .menu-btn{width:32px;padding:7px}
 .site-header .donate-symbol svg{width:18px;height:18px}
}
@media(prefers-reduced-motion:reduce){.header-values a:hover,.foundation-values>a:hover{transform:none}}