/* Shared Simpur Talang navigation — identical on every page */
html{scroll-padding-top:82px}
body{padding-top:62px}
body:has(> .site-header + main > .hero:first-child){padding-top:0}
body:has(> .site-header + main > .hero:first-child) > .site-header{position:fixed}
.site-header{box-sizing:border-box!important;position:fixed!important;inset:0 0 auto 0!important;z-index:10000!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:22px!important;min-height:62px!important;height:auto!important;padding:12px clamp(18px,3.5vw,44px)!important;background:linear-gradient(180deg,#1b302d 0%,#2d4941 78%,#526c60 100%)!important;color:#fff9eb!important;box-shadow:0 2px 10px #12272030!important;font-family:Arial,Helvetica,sans-serif!important}
.site-header .brand{font-family:Georgia,"Times New Roman",serif!important;font-size:21px!important;font-weight:700!important;line-height:1.2!important;color:#fff9eb!important;white-space:nowrap!important;text-decoration:none!important}
.site-header #primary-nav{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:clamp(8px,1.6vw,22px);margin:0;padding:0;background:transparent;position:static;box-shadow:none;font-size:12px;letter-spacing:.1em;text-transform:uppercase}
.site-header #primary-nav>a,.site-header .nav-dropdown-toggle{font:500 12px/1.3 Arial,Helvetica,sans-serif!important;letter-spacing:.1em!important;text-transform:uppercase!important;color:#f7f4e9!important;background:transparent!important;border:0!important;padding:8px 0!important;cursor:pointer!important;white-space:nowrap!important;text-decoration:none!important}
.site-header .nav-group{position:relative!important;display:block!important}
.site-header .nav-dropdown{position:absolute!important;top:100%!important;left:0!important;display:none!important;flex-direction:column!important;min-width:235px!important;max-height:min(70vh,600px);overflow-y:auto!important;padding:8px!important;border-radius:0 0 9px 9px!important;background:#223f36!important;box-shadow:0 12px 25px #0004!important;z-index:10001!important}
.site-header .nav-group.is-open>.nav-dropdown,.site-header .nav-group:hover>.nav-dropdown,.site-header .nav-group:focus-within>.nav-dropdown{display:flex!important}
.site-header .nav-dropdown a{display:block!important;padding:9px 12px!important;color:#fff9eb!important;text-decoration:none!important;font:400 12px/1.45 Arial,Helvetica,sans-serif!important;letter-spacing:.01em!important;text-transform:none!important;border-bottom:1px solid #ffffff20!important}
.site-header .nav-dropdown a:hover,.site-header .nav-dropdown a:focus{background:#426c58!important}
.site-header .nav-toggle{display:none!important;background:#203d33!important;border:1px solid #ffffff55!important;border-radius:7px!important;padding:8px!important;width:44px!important;height:42px!important;cursor:pointer!important}
.site-header .nav-toggle span{display:block!important;background:#fff!important;width:100%!important;height:2px!important;margin:5px 0!important}
@media(max-width:950px){
 .site-header .nav-toggle{display:block!important;flex-shrink:0}
 .site-header #primary-nav{display:none!important;position:absolute!important;top:100%!important;left:0!important;right:0!important;max-height:calc(100vh - 62px)!important;overflow-y:auto!important;flex-direction:column!important;align-items:stretch!important;gap:0!important;padding:10px 18px!important;background:#1b302d!important}
 .site-header #primary-nav.is-open{display:flex!important}
 .site-header #primary-nav>a,.site-header .nav-dropdown-toggle{display:block!important;width:100%!important;text-align:left!important;padding:12px 8px!important;border-bottom:1px solid #ffffff25!important}
 .site-header .nav-dropdown{position:static!important;box-shadow:none!important;max-height:none!important;min-width:0!important;padding:4px 8px!important;background:#2a4b40!important}
 .site-header .nav-group:hover:not(.is-open)>.nav-dropdown{display:none!important}
}
@media(max-width:480px){.site-header{padding:10px 16px!important}.site-header .brand{font-size:19px!important}}
/* Visual deterrents only; these do not secure publicly served image files. */
img{-webkit-user-drag:none;user-select:none}

/* Shared left alignment for article headers and hero text, October 2026 */
.site-header{padding-left:18px!important;padding-right:24px!important}
.site-header .brand{margin-left:0!important;padding-left:0!important;font-size:20px!important}
/* Override centered 1000px .wrap on subpages while preserving page content */
body:not(:has(#top)) main > .hero > .wrap,
body:not(:has(#top)) main > .hero > .container,
body:not(:has(#top)) main > .hero > .hero-inner,
body:not(:has(#top)) main > .hero > .hero-content{
  width:auto!important;max-width:none!important;margin-left:0!important;
  margin-right:0!important;padding-left:18px!important;padding-right:24px!important;
}
body:not(:has(#top)) main > .hero h1{font-size:clamp(2.2rem,4.2vw,3.8rem)!important;line-height:1.16!important}
@media(max-width:680px){.site-header{padding-left:14px!important}body:not(:has(#top)) main > .hero > .wrap{padding-left:14px!important}}


/* Keep Simpur Talang branding close to the left edge on all pages */
.site-header {
  padding-left: 14px !important;
  padding-right: 18px !important;
}
.site-header .brand {
  margin-left: 0 !important;
  padding-left: 0 !important;
}

/* Shared header is inserted on every HTML page. */
body > header.site-header { width:100%; }