:root{--header-green:#166534;--header-deep:#14532d;--header-saffron:#f59e0b;--header-text:#374151}
*{box-sizing:border-box}.public-header{position:fixed;inset:0 0 auto 0;z-index:1000;background:#fff;box-shadow:0 4px 18px rgba(15,23,42,.1)}
.public-header-container{width:min(100% - 32px,1480px);margin-inline:auto}.public-topbar{height:42px;background:linear-gradient(90deg,#14532d,#166534);color:#fff}.public-topbar-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:13px}.public-contact-links,.public-social-links{display:flex;align-items:center;gap:20px}.public-contact-links a,.public-social-links a{color:#fff;display:inline-flex;align-items:center;gap:8px;text-decoration:none;transition:.2s}.public-contact-links a:hover,.public-social-links a:hover{color:#fbbf24}.public-social-links{gap:12px}.public-social-links a{width:28px;height:28px;justify-content:center;border-radius:50%;background:rgba(255,255,255,.1)}
.public-navbar{height:78px;background:rgba(255,255,255,.98);border-bottom:1px solid #edf2f7}.public-navbar-inner{height:100%;display:grid;grid-template-columns:minmax(280px,1fr) auto auto;align-items:center;gap:24px}.public-brand{min-width:0;display:flex;align-items:center;gap:12px;text-decoration:none}.public-logo-circle{width:64px;height:64px;flex:0 0 64px;border-radius:50%;display:grid;place-items:center;background:#fff;border:3px solid #fff;box-shadow:0 0 0 2px #f59e0b,0 4px 12px rgba(22,101,52,.18);overflow:hidden}.public-logo-circle img{width:100%;height:100%;object-fit:contain;padding:3px}.public-logo-fallback{font-size:34px;color:#ea580c}.public-brand-name{font-size:clamp(17px,1.45vw,24px);font-weight:800;line-height:1.08;letter-spacing:-.02em;color:#166534;max-width:350px;white-space:normal}
.public-desktop-menu{display:flex;align-items:center;justify-content:center;gap:clamp(14px,1.35vw,25px);height:100%}.public-nav-link{height:100%;display:inline-flex;align-items:center;gap:6px;position:relative;border:0;background:none;color:#4b5563;font:600 14px/1 'Outfit',sans-serif;text-decoration:none;white-space:nowrap;cursor:pointer;padding:0}.public-nav-link:after{content:"";position:absolute;left:50%;bottom:14px;width:0;height:3px;border-radius:5px;background:#16a34a;transform:translateX(-50%);transition:.25s}.public-nav-link:hover,.public-nav-link.active{color:#15803d}.public-nav-link:hover:after,.public-nav-link.active:after{width:100%}.public-nav-link i{font-size:10px}.public-dropdown{height:100%;position:relative;display:flex;align-items:center}.public-dropdown-menu{position:absolute;top:68px;left:50%;transform:translateX(-50%);min-width:220px;padding:8px;background:#fff;border:1px solid #e5e7eb;border-radius:14px;box-shadow:0 18px 38px rgba(15,23,42,.16)}.public-dropdown-menu a{display:block;padding:11px 13px;border-radius:9px;color:#374151;text-decoration:none;font-size:14px;font-weight:600}.public-dropdown-menu a:hover{background:#f0fdf4;color:#15803d}
.public-header-actions{display:flex;align-items:center;gap:10px}.public-login-btn,.public-donate-btn{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 19px;border-radius:999px;font-size:14px;font-weight:800;text-decoration:none;white-space:nowrap;transition:.2s}.public-login-btn{border:1.5px solid #15803d;color:#15803d;background:#fff}.public-login-btn:hover{background:#f0fdf4}.public-donate-btn{background:#f59e0b;color:#fff;box-shadow:0 7px 18px rgba(245,158,11,.25)}.public-donate-btn:hover{background:#d97706;transform:translateY(-1px)}.public-mobile-toggle{display:none;border:0;background:#f0fdf4;color:#166534;width:44px;height:44px;border-radius:12px;font-size:21px}
.public-notice-bar{height:38px;display:flex;background:#fff7ed;border-top:1px solid #fed7aa;border-bottom:1px solid #fdba74;overflow:hidden}.public-notice-label{position:relative;z-index:2;min-width:126px;display:flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(90deg,#ea580c,#f59e0b);color:#fff;font-size:12px;font-weight:900;letter-spacing:.08em}.public-notice-label:after{content:"";position:absolute;right:-15px;border-top:19px solid transparent;border-bottom:19px solid transparent;border-left:15px solid #f59e0b}.public-notice-window{flex:1;overflow:hidden;display:flex;align-items:center}.public-notice-track{display:flex;align-items:center;width:max-content;animation:publicNotice var(--notice-duration) linear infinite;will-change:transform}.public-notice-window:hover .public-notice-track{animation-play-state:paused}.public-notice-item{display:inline-flex;align-items:center;gap:34px;padding-left:55px;padding-right:15px;color:#7c2d12;font-size:14px;font-weight:650;white-space:nowrap}.public-notice-item a{color:inherit;text-decoration:none}.public-notice-item i{color:#f59e0b}@keyframes publicNotice{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.public-main-content{padding-top:var(--public-header-offset)}.public-mobile-menu{position:fixed;inset:0;z-index:1200}.public-mobile-overlay{position:absolute;inset:0;background:rgba(15,23,42,.6);backdrop-filter:blur(3px)}.public-mobile-panel{position:absolute;right:0;top:0;bottom:0;width:min(92vw,390px);background:#fff;display:flex;flex-direction:column;padding:20px;overflow-y:auto;box-shadow:-14px 0 35px rgba(0,0,0,.18)}.public-mobile-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:16px;border-bottom:1px solid #e5e7eb}.public-mobile-head .public-logo-circle{width:52px;height:52px;flex-basis:52px}.public-mobile-head .public-brand-name{font-size:16px;max-width:220px}.public-mobile-head button{border:0;background:#f3f4f6;width:40px;height:40px;border-radius:50%;font-size:18px}.public-mobile-links{padding:18px 0;display:flex;flex-direction:column;gap:5px}.public-mobile-links>a,.public-mobile-links>div>button{width:100%;display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border:0;border-radius:10px;background:none;color:#374151;text-decoration:none;font:700 16px 'Outfit',sans-serif;text-align:left}.public-mobile-links>a:hover,.public-mobile-links>div>button:hover{background:#f0fdf4;color:#15803d}.public-mobile-submenu{padding:2px 0 5px 15px}.public-mobile-submenu a{display:block;padding:10px 14px;color:#6b7280;text-decoration:none;border-left:2px solid #dcfce7}.public-mobile-actions{margin-top:auto;display:grid;grid-template-columns:1fr 1fr;gap:10px;padding-top:18px;border-top:1px solid #e5e7eb}
.loader-container{display:flex;justify-content:center;align-items:center;height:100vh;width:100%;background:#fff;position:fixed;inset:0;z-index:9999}.loader-circle{width:55px;height:55px;border-radius:50%;border:4px solid #dcfce7;border-top-color:#16a34a;animation:headerSpin .8s linear infinite}@keyframes headerSpin{to{transform:rotate(360deg)}}
@media(max-width:1240px){.public-navbar-inner{grid-template-columns:minmax(250px,1fr) auto auto;gap:14px}.public-brand-name{max-width:270px;font-size:18px}.public-desktop-menu{gap:13px}.public-nav-link{font-size:13px}.public-login-btn,.public-donate-btn{padding-inline:14px}}
@media(max-width:1080px){:root{--public-header-offset:116px!important}.public-topbar{display:none}.public-navbar{height:78px}.public-navbar-inner{display:flex;justify-content:space-between}.public-desktop-menu,.public-header-actions{display:none}.public-mobile-toggle{display:inline-grid;place-items:center}.public-brand-name{max-width:min(65vw,430px);font-size:20px}.public-notice-bar{height:38px}.public-logo-circle{width:60px;height:60px;flex-basis:60px}}
@media(max-width:640px){.public-header-container{width:min(100% - 20px,1480px)}.public-navbar{height:70px}.public-logo-circle{width:52px;height:52px;flex-basis:52px}.public-brand{gap:9px}.public-brand-name{font-size:15px;max-width:220px}.public-notice-label{min-width:92px;font-size:10px}.public-notice-label span{display:none}.public-notice-item{font-size:12px;padding-left:35px;gap:22px}.public-mobile-toggle{width:40px;height:40px}:root{--public-header-offset:108px!important}}
@media(prefers-reduced-motion:reduce){.public-notice-track{animation:none;transform:none}.public-donate-btn{transition:none}}

/* 2026-08-04 notice/header separation correction */
.public-header{display:flex!important;flex-direction:column!important;align-items:stretch!important}
.public-topbar,.public-notice-bar,.public-navbar{position:relative!important;left:auto!important;right:auto!important;top:auto!important;width:100%!important;flex:0 0 auto!important}
.public-topbar{order:1!important}
.public-notice-bar{order:2!important;z-index:2!important}
.public-navbar{order:3!important;z-index:3!important;box-shadow:0 5px 16px rgba(15,23,42,.08)!important}
.public-notice-window{min-width:0!important}
.public-navbar-inner{overflow:visible!important}
@media(min-width:1081px){:root{--public-header-offset:158px!important}}
@media(max-width:1080px){.public-notice-bar{order:1!important}.public-navbar{order:2!important}}

/* APSHINFO language selector */
.s360-language-selector{position:relative}.s360-language-button{display:flex;align-items:center;gap:7px;border:1px solid #dbe3ea;background:#fff;color:#334155;border-radius:10px;padding:8px 10px;font-weight:700;cursor:pointer}.s360-language-menu{position:absolute;right:0;top:calc(100% + 8px);z-index:2000;min-width:170px;background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:7px;box-shadow:0 18px 45px rgba(15,23,42,.18)}.s360-language-menu a{display:block;padding:9px 11px;border-radius:9px;color:#334155;text-decoration:none;font-weight:700}.s360-language-menu a:hover,.s360-language-menu a.active{background:#fff7ed;color:#9a3412}.s360-mobile-languages{display:flex;flex-wrap:wrap;gap:7px;padding:14px}.s360-mobile-languages a{padding:7px 9px;border:1px solid #e2e8f0;border-radius:999px;font-size:12px;text-decoration:none;color:#334155}.s360-mobile-languages a.active{background:#166534;color:#fff}@media(max-width:1180px){.s360-language-selector{display:none}}


/* APSHINFO TOP-BAR LANGUAGE SELECTOR + NAVIGATION FIT FIX */
.public-topbar-right{display:flex;align-items:center;justify-content:flex-end;gap:14px;min-width:0}
.s360-language-top{display:block!important;z-index:5000}
.s360-language-top .s360-language-button{min-height:30px;padding:4px 9px;border:1px solid rgba(255,255,255,.3);background:rgba(255,255,255,.12);color:#fff;border-radius:8px;font-size:12px;box-shadow:none}
.s360-language-top .s360-language-button:hover{background:rgba(255,255,255,.2)}
.s360-language-top .s360-language-menu{top:calc(100% + 7px);min-width:165px}
.public-navbar-inner{grid-template-columns:minmax(270px,1fr) auto auto!important;gap:18px!important}
.public-desktop-menu{min-width:0}
.public-header-actions{display:flex!important;grid-column:auto!important;grid-row:auto!important;position:static!important;transform:none!important;margin:0!important}
.s360-google-translate-engine{position:fixed!important;left:-99999px!important;top:-99999px!important;width:1px!important;height:1px!important;overflow:hidden!important;opacity:0!important;pointer-events:none!important}
.goog-te-banner-frame.skiptranslate,.goog-te-banner-frame{display:none!important}
body{top:0!important}
#goog-gt-tt,.goog-te-balloon-frame,.goog-tooltip,.goog-tooltip:hover{display:none!important}
.goog-text-highlight{background:none!important;box-shadow:none!important}
@media(max-width:1320px){
 .public-header-container{width:min(100% - 20px,1540px)}
 .public-navbar-inner{gap:11px!important;grid-template-columns:minmax(245px,.92fr) auto auto!important}
 .public-brand-name{font-size:17px;max-width:260px}
 .public-desktop-menu{gap:11px}
 .public-nav-link{font-size:12.5px}
 .public-login-btn,.public-donate-btn{padding-inline:13px;font-size:13px}
}
@media(max-width:1120px){
 .public-topbar{display:flex!important}
 .public-topbar-inner{gap:8px}
 .public-social-links>span{display:none}
 .public-contact-links{gap:10px}
 .public-contact-links span{font-size:12px}
 .s360-language-top .s360-language-button span{max-width:85px;overflow:hidden;text-overflow:ellipsis}
}
@media(max-width:1080px){
 .public-topbar{height:38px!important}
 :root{--public-header-offset:154px!important}
 .public-navbar-inner{display:flex!important}
 .public-desktop-menu,.public-header-actions{display:none!important}
 .public-social-links a{display:none}
 .s360-language-top{display:block!important}
}
@media(max-width:650px){
 .public-contact-links a:nth-child(2){display:none}
 .public-topbar-inner{width:calc(100% - 16px)}
 .s360-language-top .s360-language-button{font-size:11px;padding:4px 7px}
}