/* MGPS refined, accessible shared site chrome */
:root { --mgps-forest:#174b37; --mgps-green:#216747; --mgps-gold:#c7a45a; --mgps-ink:#1f2b25; --mgps-muted:#68756d; }
.site-header { position:sticky; top:0; z-index:1000; width:100%; display:block; background:rgba(255,255,255,.97); border-bottom:1px solid #e4e9e4; box-shadow:0 6px 24px rgba(20,45,32,.075); -webkit-backdrop-filter:blur(16px); backdrop-filter:blur(16px); }
.site-topline { display:flex; justify-content:space-between; align-items:center; gap:16px; padding:8px clamp(16px,4vw,64px); background:var(--mgps-forest); color:#fff; font-size:12px; letter-spacing:.015em; }
.site-topline-message { line-height:1.55; }
.site-topline-message a { display:inline-block; margin-left:7px; color:#ffe7a9; font-weight:800; text-decoration:none; border-bottom:1px solid rgba(255,231,169,.7); }
.site-topline-actions { display:flex; align-items:center; flex-wrap:wrap; gap:15px; }
.site-topline-actions a { color:#fff; text-decoration:none; font-weight:650; transition:color .18s ease; }
.site-topline-actions a:hover { color:#ffe7a9; }
.site-header-main { display:flex; justify-content:space-between; align-items:center; gap:20px; padding:12px clamp(16px,4vw,64px); max-width:1600px; margin:0 auto; }
.site-logo { flex:0 0 auto; display:flex; align-items:center; text-decoration:none; border-radius:10px; }
.site-logo img { display:block; width:clamp(145px,17vw,205px); height:auto; max-height:72px; object-fit:contain; }
.site-header nav.mainnav { display:flex; align-items:center; justify-content:center; gap:clamp(10px,1.3vw,20px); margin-left:auto; }
.site-header .mainnav .mi { position:relative; }
.site-header .mainnav a { display:block; color:#34463b; text-decoration:none; font-size:13px; font-weight:700; line-height:1.45; padding:12px 0; transition:color .18s ease, background .18s ease; }
.site-header .mainnav a:hover,.site-header .mainnav a[aria-current=page] { color:var(--mgps-green); }
.site-header .mainnav .dd,.site-header .mainnav .dd2 { display:none; position:absolute; top:100%; left:0; min-width:245px; max-height:75vh; overflow-y:auto; padding:8px; background:#fff; border:1px solid #e4e9e4; border-radius:14px; box-shadow:0 18px 42px rgba(20,45,32,.16); }
.site-header .mainnav .mi:hover>.dd,.site-header .mainnav .mi:focus-within>.dd,.site-header .mainnav .mi.open>.dd { display:block; }
.site-header .mainnav .dd a,.site-header .mainnav .dd2 a { padding:10px 12px; border-radius:8px; font-size:13px; white-space:normal; }
.site-header .mainnav .dd a:hover,.site-header .mainnav .dd2 a:hover { background:#f2f7f3; }
.site-header .mainnav .sub { position:relative; }
.site-header .mainnav .dd2 { top:0; left:100%; margin-left:4px; }
.site-header .mainnav .sub:hover>.dd2,.site-header .mainnav .sub:focus-within>.dd2,.site-header .mainnav .sub.open>.dd2 { display:block; }
.site-header .menu-toggle { display:none; border:1px solid #d8e0d9; background:#fff; color:var(--mgps-forest); border-radius:10px; padding:9px; cursor:pointer; }
.site-header .menu-toggle svg { display:block; width:22px; height:22px; }
.site-header .site-header-main>.btn { flex:0 0 auto; border:0; border-radius:9px; padding:12px 19px; background:var(--mgps-green); color:#fff; font-family:inherit; font-size:13px; font-weight:800; line-height:1.2; cursor:pointer; white-space:nowrap; text-decoration:none; box-shadow:0 5px 14px rgba(33,103,71,.18); transition:background .18s ease, transform .18s ease; }
.site-header .site-header-main>.btn:hover { background:var(--mgps-forest); color:#fff; transform:translateY(-1px); }
.site-footer { margin-top:52px; padding:40px 20px 28px; background:#142f25; color:#f4f7f4; text-align:center; border-top:4px solid var(--mgps-gold); }
.site-footer-inner { max-width:1180px; margin:0 auto; }
.site-footer p { margin:0; line-height:1.85; font-size:14px; }
.site-footer p strong { color:#fff; font-size:16px; }
.site-footer p+p { margin-top:8px; }
.site-footer a { color:#f5dfaa; text-decoration:none; }
.site-footer a:hover { color:#fff; text-decoration:underline; }
.site-footer-tagline { opacity:.86; font-style:italic; }
.site-footer-copy { margin-top:14px !important; padding-top:16px; border-top:1px solid rgba(255,255,255,.15); font-size:12px !important; color:#cbd7cf; }
@media (max-width:1200px) { .site-header-main { flex-wrap:wrap; } .site-header .menu-toggle { display:inline-flex; align-items:center; justify-content:center; order:2; margin-left:auto; } .site-header .site-header-main>.btn { order:3; } .site-header nav.mainnav { display:none; order:4; width:100%; flex:1 0 100%; align-items:stretch; flex-direction:column; gap:0; margin:0; padding:8px 0 4px; border-top:1px solid #edf0ed; } .site-header nav.mainnav.show { display:flex; } .site-header .mainnav .mi { width:100%; } .site-header .mainnav a { padding:11px 12px; } .site-header .mainnav .dd,.site-header .mainnav .dd2 { display:none; position:static; min-width:0; max-height:none; overflow:visible; margin:0 0 0 12px; padding:4px 8px; border:0; border-left:2px solid #d9e8dc; border-radius:0; box-shadow:none; } .site-header .mainnav .mi.open>.dd,.site-header .mainnav .sub.open>.dd2 { display:block; } .site-header .mainnav .sub:hover>.dd2 { display:none; } .site-header .mainnav .sub.open>.dd2 { display:block; } }
@media (max-width:650px) { .site-topline { align-items:flex-start; flex-direction:column; gap:6px; padding:9px 14px; } .site-topline-actions { gap:12px; } .site-header-main { gap:10px; padding:10px 14px; } .site-logo img { width:145px; max-height:54px; } .site-header .site-header-main>.btn { padding:10px 13px; font-size:12px; } }
@media (prefers-reduced-motion:reduce) { .site-header * { transition:none !important; } }