/* Shared site styles */
.logo-img{width:42px;height:42px;border-radius:10px;object-fit:cover;display:block}
.logo-text{font-weight:700;color:var(--primary)}
.topnav{display:flex;gap:1.25rem;flex-wrap:wrap;justify-content:flex-end}
.topnav a{font-size:0.92rem;color:var(--text-medium);font-weight:500}
.topnav a:hover{color:var(--primary)}
.topnav a,.nav-link,.dropdown-menu a,.mobile-nav-menu a,.mobile-group a{text-decoration:none}
.nav-item{position:relative}
.nav-link{display:inline-flex;align-items:center;gap:0.35rem}
.dropdown-toggle::after{content:"\25BE";font-size:0.72em;line-height:1;opacity:0.75}
.dropdown-menu{display:none;position:absolute;top:100%;left:0;min-width:250px;background:var(--white);border:1px solid var(--light-gray);border-radius:8px;box-shadow:0 10px 28px rgba(0,0,0,0.14);padding:0.35rem 0;z-index:250}
.dropdown-menu a{display:block;padding:0.55rem 0.9rem;white-space:nowrap;color:var(--text-medium)}
.dropdown-menu a:hover{background:var(--off-white);color:var(--primary)}
.nav-item:hover .dropdown-menu,.nav-item:focus-within .dropdown-menu{display:block}
.mobile-nav{display:none;position:relative}
.mobile-nav summary{list-style:none;cursor:pointer;color:var(--text-medium);font-weight:600;padding:0.5rem 0.75rem;border:1px solid var(--light-gray);border-radius:8px;background:var(--white)}
.mobile-nav summary::-webkit-details-marker{display:none}
.mobile-nav-menu{position:absolute;right:0;top:calc(100% + 0.5rem);background:var(--white);border:1px solid var(--light-gray);border-radius:8px;box-shadow:0 8px 24px rgba(0,0,0,0.12);min-width:210px;overflow:hidden;z-index:200}
.mobile-nav-menu a{display:block;padding:0.75rem 1rem;color:var(--text-medium);border-bottom:1px solid var(--light-gray)}
.mobile-nav-menu a:last-child{border-bottom:none}
.mobile-nav-menu a:hover{background:var(--off-white);color:var(--primary)}
.mobile-group{border-bottom:1px solid var(--light-gray)}
.mobile-group:last-of-type{border-bottom:1px solid var(--light-gray)}
.mobile-group summary{list-style:none;cursor:pointer;padding:0.75rem 1rem;color:var(--text-medium);font-weight:600}
.mobile-group summary::-webkit-details-marker{display:none}
.mobile-group[open] summary{background:var(--off-white)}
.mobile-group a{padding-left:1.4rem;background:#fff}

/* Shared image helper classes */
.hero{background-image:linear-gradient(135deg, rgba(9,58,84,0.92), rgba(13,79,110,0.72)), url('/images/hero-home.jpg');background-size:cover;background-position:center}
.guide-image{background-size:cover !important;background-position:center !important}

@media (max-width: 900px){
  .topnav{display:none}
  .mobile-nav{display:block}
}