/* Patch v0.4.80 - header halaman publik non-transparan */
body.home-shell-sync-page{--home-header-offset:118px}
body.home-shell-sync-page .top-line{display:none!important}

/*
 * FAQ, Galeri, Verifikasi Sertifikat, dan halaman Error memakai shell publik
 * di atas latar terang. Header dibuat solid agar menu selalu terbaca dan
 * konsisten dengan header biru tua pada halaman publik lain.
 */
body.home-shell-sync-page .home-reference-header,
body.home-shell-sync-page .home-reference-header.scrolled{
  position:relative!important;
  inset:auto!important;
  z-index:40!important;
  width:100%!important;
  background:linear-gradient(135deg,#071f49 0%,#0b376f 58%,#124b91 100%)!important;
  background-color:#082b61!important;
  border-bottom:1px solid rgba(255,255,255,.12)!important;
  box-shadow:0 12px 32px rgba(4,20,49,.22)!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}

body.home-shell-sync-page .home-reference-header .nav{color:#fff!important}
body.home-shell-sync-page .home-reference-header .nav-links a{color:rgba(255,255,255,.88)!important}
body.home-shell-sync-page .home-reference-header .nav-links a:hover,
body.home-shell-sync-page .home-reference-header .nav-links a:focus-visible,
body.home-shell-sync-page .home-reference-header .nav-links a.active,
body.home-shell-sync-page .home-reference-header .nav-links a[aria-current="page"]{color:#f4d58e!important}
body.home-shell-sync-page .home-reference-header .btn-outline{
  background:rgba(255,255,255,.08)!important;
  color:#fff!important;
  border-color:rgba(255,255,255,.30)!important;
}
body.home-shell-sync-page .home-reference-header .menu-toggle{
  background:rgba(255,255,255,.08)!important;
  color:#fff!important;
  border-color:rgba(255,255,255,.20)!important;
}

body.home-shell-sync-page .page-hero,
body.home-shell-sync-page .hero,
body.home-shell-sync-page .hero-section,
body.home-shell-sync-page .hero-banner,
body.home-shell-sync-page .page-banner,
body.home-shell-sync-page [class*="hero"]:not(.home-reference-header):not(.hero-card){padding-top:clamp(28px,4vw,56px)!important;padding-bottom:clamp(24px,4vw,48px)!important}
body.home-shell-sync-page .page-hero h1,
body.home-shell-sync-page .hero h1,
body.home-shell-sync-page .hero-section h1,
body.home-shell-sync-page .hero-banner h1,
body.home-shell-sync-page .page-banner h1{font-size:clamp(42px,7vw,92px)!important;line-height:.96!important;letter-spacing:-.04em!important;max-width:11ch}
body.home-shell-sync-page .page-hero p,
body.home-shell-sync-page .hero p,
body.home-shell-sync-page .hero-section p,
body.home-shell-sync-page .hero-banner p,
body.home-shell-sync-page .page-banner p{max-width:920px}
body.home-shell-sync-page main>section:first-child{margin-top:0!important}
body.home-shell-sync-page .home-shell-stack{display:grid;gap:18px}
@media (max-width:768px){
  body.home-shell-sync-page .page-hero h1,
  body.home-shell-sync-page .hero h1,
  body.home-shell-sync-page .hero-section h1,
  body.home-shell-sync-page .hero-banner h1,
  body.home-shell-sync-page .page-banner h1{font-size:clamp(34px,12vw,58px)!important;max-width:100%}
}