/* Large desktop >=1200 (dasar). Menu horizontal hanya dari 1200px agar 9 tautan + 2 tombol muat. */
@media (max-width:1199px){
  .brand img{width:144px;height:36px}
  .js .nav-toggle{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border:1px solid var(--line);border-radius:12px}
  .js .nav-close{display:inline-flex;align-items:center;justify-content:center;position:absolute;top:14px;right:14px;width:44px;height:44px;border:1px solid var(--line);border-radius:12px}
  .js .site-nav{position:fixed;top:0;right:0;bottom:0;width:min(86vw,340px);flex-direction:column;align-items:stretch;gap:16px;padding:72px 20px 24px;background:var(--bg-alt);border-left:1px solid var(--line);overflow-y:auto;z-index:120;transform:translateX(100%);visibility:hidden;transition:transform .3s,visibility .3s}
  .js .site-nav.is-open{transform:none;visibility:visible}
  .js .site-nav ul{flex-direction:column;gap:4px}
  .js .nav-link{font-size:1rem;padding:0 14px}
  .js .nav-link[aria-current="page"]{box-shadow:inset 3px 0 0 var(--cyan);background:rgba(19,217,255,.06)}
  .js .nav-cta{margin:8px 0 0;flex-direction:column}
  html:not(.js) .header-in{flex-wrap:wrap;height:auto;padding:10px 0}
  html:not(.js) .site-nav{width:100%;flex-wrap:wrap}
  html:not(.js) .site-nav ul{flex-wrap:wrap}
  .footer-grid{grid-template-columns:repeat(3,1fr)}
  .footer-brand,.footer-news{grid-column:1/-1}
}
/* Tablet & di bawah desktop */
@media (max-width:991px){
  .hero-grid,.split,.article-layout,.feature-post{grid-template-columns:1fr}
  .g-4{grid-template-columns:repeat(2,1fr)}.g-3{grid-template-columns:repeat(2,1fr)}
  .filters{grid-template-columns:1fr 1fr}.filters .field:first-child{grid-column:1/-1}
  .side{position:static}
  .auth{grid-template-columns:1fr}.auth-visual{min-height:220px;padding:28px}
  .promo-band ul{grid-template-columns:1fr}
  .slider-track{grid-auto-columns:minmax(260px,calc(50% - 10px))}
}
/* Mobile */
@media (max-width:575px){
  :root{--header-h:64px}
  .wrap{width:min(100% - 32px,var(--wrap))}
  h1{font-size:clamp(1.75rem,8vw,2.2rem)}
  .g-2,.g-3,.g-4{grid-template-columns:1fr}
  .filters{grid-template-columns:1fr}
  .hero-actions .btn,.hero-actions{width:100%}
  .event{grid-template-columns:1fr}.event .date{display:flex;gap:10px;align-items:baseline;justify-content:flex-start;padding:8px 14px;width:max-content}
  .footer-grid{grid-template-columns:1fr 1fr}
  .footer-grid>*{min-width:0}
  .slider-track{grid-auto-columns:88%}
  .auth-visual{display:none}
  .stats{gap:12px 24px}
  .chips{flex-wrap:nowrap;overflow-x:auto;padding-bottom:6px}.chip{flex:none}
}
@media (max-width:360px){.footer-grid{grid-template-columns:1fr}.brand img{width:128px;height:32px}}