/* Basic container */
.container{max-width:1200px;margin:0 auto;padding:0 24px}

/* Header & nav */
.site-header{position:sticky;top:0;z-index:100;background:#f5efe3}
.header-inner{display:flex;align-items:center;justify-content:space-between;gap:16px}
.brand{text-decoration:none;font-weight:700}

/* Desktop nav */
.nav{display:flex;gap:24px;align-items:center}
.nav a{text-decoration:none}

/* Mobile toggle hidden on desktop */
.nav-toggle{display:none;border:0;background:transparent;font-size:28px;line-height:1;padding:.25rem .5rem}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* Collapse nav on small screens */
@media (max-width: 768px){
  .nav-toggle{display:block}
  .nav{
    position:fixed;left:0;right:0;top:64px; /* below header */
    display:none;flex-direction:column;gap:16px;
    background:#f5efe3;padding:16px 24px;border-bottom:1px solid #e2d8c9;
  }
  .nav.open{display:flex}
  .no-scroll{overflow:hidden}
}
