/* Shared public interface: clear actions, quiet depth and frosted navigation. */
body{background-color:#f6f7f0;background-image:radial-gradient(ellipse at 0 15%,#eaf0e480,transparent 55%)}
.button.primary{background:#294e3b;color:#fff;border-color:#294e3b;box-shadow:0 3px 8px #163a2512}
.button.primary:hover{background:#1c3e2e;border-color:#1c3e2e;color:#fff}
.button.secondary{color:#294735;background:#fffef8}
.button.light{color:#233d2a;background:#e3edcc}
.button.outline{color:#fff;background:#ffffff0c;border-color:#c8d6bf}
.button.outline:hover{background:#ffffff1c;color:#fff}
.button,.header-workspace,.header-signin{white-space:normal;text-align:left}
.site-header,.has-scrolled .site-header{background:#f8faf5f5;border-bottom:1px solid #ced9cb;box-shadow:0 6px 30px #163a2509}
.site-header .nav-wrap{display:grid;grid-template-columns:auto minmax(0,1fr) auto;column-gap:20px;row-gap:0;width:min(1520px,calc(100% - 64px));min-height:0}
.site-header .brand{grid-column:1;grid-row:1;min-height:90px;gap:10px;font-size:26px;white-space:nowrap;justify-content:flex-start}
.site-header .brand small{font-size:7px;letter-spacing:1.1px}
.site-header .original-logo{width:48px;height:48px}
#site-navigation{display:contents}
.site-header .primary-nav{grid-column:2;grid-row:1;display:flex;justify-content:center;flex-wrap:nowrap;gap:2px;min-height:90px;padding:0;border:0}
.site-header .primary-nav>a:not(.button){font-size:13px;padding:10px;gap:6px;min-height:44px;border-radius:12px;white-space:nowrap}
.site-header .primary-nav .ui-icon{display:none}
.site-header nav>a:hover,.site-header nav>a[aria-current],.site-header nav>a.section-active{background:#e5eddf;color:#294b37}
.header-actions{grid-column:3;grid-row:1;display:flex;align-items:center;justify-content:flex-end;gap:10px}
.header-workspace,.header-signin{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:46px;padding:11px 15px;border-radius:14px;font-size:13px;font-weight:650;line-height:1.5;white-space:nowrap;transition:background .2s,box-shadow .2s}
.header-workspace{background:#254c39;color:#fff;border:1px solid #254c39;box-shadow:inset 0 1px 0 #ffffff20,0 4px 10px #1c3f2d14}
.header-workspace:hover{color:#fff;background:#183b2b;box-shadow:0 6px 16px #1c3f2d24}
.header-signin{color:#294b37;background:#fff9;border:1px solid #bccdb7;box-shadow:inset 0 1px 0 #fff}
.header-signin:hover{color:#163c28;background:#e8efdf}
.site-header .header-workspace .ui-icon,.site-header .header-signin .ui-icon{width:18px;height:18px}
.site-header .header-workspace .ui-icon:last-child{width:16px}
.site-header .menu-toggle{display:none}
.initiative-bar{grid-column:1/-1;grid-row:2;border-color:#d8e1d2}
.site-header .initiative-nav{display:flex;min-height:52px;gap:12px;justify-content:space-between;padding:0;border:0}
.site-header .initiative-nav>a:not(.button){font-size:13px;min-height:44px;padding:8px 12px;border-radius:11px}
.site-header .initiative-nav .ui-icon{width:17px;height:17px}
.site-header .nav-label{font-size:9px;letter-spacing:1.25px;color:#526a4b;white-space:nowrap;margin-right:12px}
.site-header .initiative-nav small{font-size:10px;color:#435c34;background:#e1ead7}
.split-panel[aria-label="ARforEarth workspace"]{margin-top:48px;margin-bottom:32px;border:1px solid #d5e0cf;background:linear-gradient(120deg,#ffffffd9,#eaf0e1d9);box-shadow:inset 0 1px 0 #fff,0 16px 50px #24432e09;gap:56px;align-items:center}
.split-panel[aria-label="ARforEarth workspace"] .button{box-shadow:0 6px 18px #24432e17}
.initiative-card,.platform-card,.course,.archive-photo{border-color:#d6dfce;box-shadow:0 4px 18px #213e2d04}
.footer{background:#f0f3e9}
@supports ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
 .site-header,.has-scrolled .site-header{background:#f8faf5de;-webkit-backdrop-filter:blur(24px) saturate(130%);backdrop-filter:blur(24px) saturate(130%)}
}
@media(max-width:1200px){
 .site-header .nav-wrap{width:calc(100% - 40px);grid-template-columns:minmax(0,1fr) auto;column-gap:16px;padding-bottom:12px}
 .site-header .brand{grid-column:1;grid-row:1;min-height:76px;font-size:26px}
 .header-actions{display:contents}
 .header-signin{grid-column:2;grid-row:1;justify-self:end}
 .header-workspace{grid-column:1;grid-row:2;justify-self:start;min-width:200px}
 .site-header .menu-toggle{grid-column:2;grid-row:2;display:flex;align-items:center;justify-content:center;gap:10px;min-height:46px;min-width:100px;padding:11px 14px;border:1px solid #bccdb7;border-radius:14px;background:#fff9;color:#294b37;font-size:13px;line-height:1.5;cursor:pointer}
 #site-navigation{display:none;grid-column:1/-1;grid-row:3;width:100%;max-height:calc(100svh - 150px);overflow:auto;overscroll-behavior:contain;padding:12px 0 0}
 #site-navigation.open{display:block}
 .site-header nav,.site-header .primary-nav,.site-header .initiative-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;gap:8px;min-height:0;padding:12px 0;border:0;justify-content:normal}
 .site-header .primary-nav{border-top:1px solid #d5e0cf}
 .site-header nav>a:not(.button),.site-header .primary-nav>a:not(.button),.site-header .initiative-nav>a:not(.button){padding:12px;min-height:46px;justify-content:flex-start;font-size:14px;white-space:normal;background:#edf2e7}
 .site-header .primary-nav .ui-icon{display:block;width:18px;height:18px}
 .site-header nav>a:hover,.site-header nav>a[aria-current]{background:#dfe9d5}
 .site-header .initiative-nav .nav-label{display:block;grid-column:1/-1;padding:8px 0 2px;margin:0}
 .site-header .initiative-nav>a:last-child{grid-column:1/-1}
 .site-header .initiative-nav small{margin-left:auto}
 html{scroll-padding-top:155px}#main{scroll-margin-top:150px}
}
@media(max-width:600px){
 .site-header .nav-wrap{width:calc(100% - 32px);column-gap:10px}
 .site-header .brand{font-size:23px;min-height:70px;gap:8px}
 .site-header .brand small{font-size:6px;letter-spacing:.7px}
 .site-header .original-logo{width:40px;height:40px}
 .header-workspace{min-width:0;width:100%;justify-content:flex-start;padding:11px 14px}
 .header-workspace .ui-icon:last-child{margin-left:auto}
 .header-signin{padding:10px 12px;gap:7px;font-size:13px}
 .site-header .menu-toggle{min-width:94px;padding:11px}
 .split-panel[aria-label="ARforEarth workspace"]{margin-top:28px;margin-bottom:16px;gap:32px}
 .actions>.button{max-width:100%}
}
@media(max-width:360px){.site-header .brand{font-size:21px}.site-header .brand small{font-size:5.5px;letter-spacing:.4px}.site-header .original-logo{width:34px;height:34px}.site-header .initiative-nav>a:not(.button){font-size:13px}}
@media(prefers-reduced-transparency:reduce){.site-header,.has-scrolled .site-header{background:#f8faf5;-webkit-backdrop-filter:none;backdrop-filter:none}}
@media(prefers-reduced-motion:reduce){.header-workspace,.header-signin{transition:none}}
@media print{.site-header{display:none}.split-panel[aria-label="ARforEarth workspace"]{box-shadow:none;background:#fff}}

/* Keep the featured planner and utility actions inside the smallest phones. */
@media(max-width:600px){
 .feature{grid-template-columns:minmax(0,1fr)}
 .feature-copy,.energy-visual{min-width:0;max-width:100%}
 .feature .status{white-space:normal}
 .energy-heading{flex-wrap:wrap}
}
@media(max-width:360px){
 .feature h2{font-size:34px}
 .feature .status{font-size:10px}
 .header-workspace .ui-icon:last-child{display:none}
}