/* PRANA INTEGRITY v185 — mobile-first navigation priorities */
@media (max-width: 959px) {
  .mobile-nav {
    padding: 0 0 max(2rem, env(safe-area-inset-bottom));
    overflow-y: auto;
    overscroll-behavior: contain;
  }

  .mobile-nav .mobile-nav__featured {
    margin: 0.75rem 1.25rem 0;
    padding: 1rem 1.1rem;
    border: 1px solid rgba(74, 124, 111, 0.32);
    border-radius: 0.75rem;
    background: rgba(74, 124, 111, 0.08);
    font-weight: 600;
  }

  .mobile-nav .mobile-nav__featured--books {
    margin-top: 1rem;
    color: #fff;
    border-color: #4a7c6f;
    background: #4a7c6f;
  }

  .mobile-nav .mobile-nav__featured--books::after {
    content: "\2192";
    float: right;
  }

  .mobile-nav .mobile-nav__featured.is-active,
  .mobile-nav .mobile-nav__featured--books.is-active {
    color: #fff;
    background: #d97757;
    border-color: #d97757;
  }

  .mobile-nav .mobile-nav__account {
    order: initial;
  }
}

/* Stage 4C: one session-aware account entry and an explicit logout action. */
.account-logout {
  appearance: none;
  border: 0;
  border-bottom: 1px solid currentColor;
  padding: 0;
  background: transparent;
  color: var(--ink-soft);
  font: inherit;
  font-size: .78rem;
  line-height: 1.3;
  cursor: pointer;
}
.account-logout:hover,
.account-logout:focus-visible { color: var(--ink); }
.account-logout:disabled { opacity: .55; cursor: wait; }
.account-logout[hidden],
.mobile-nav__logout[hidden],
[data-account-entry][hidden] { display: none !important; }
.mobile-nav__logout {
  width: 100%;
  border: 0;
  border-bottom: 1px solid var(--line);
  padding: .8rem 1rem;
  background: transparent;
  color: var(--ink-soft);
  font: inherit;
  text-align: left;
  cursor: pointer;
}
.mobile-nav__logout:focus-visible { outline: 2px solid var(--teal); outline-offset: -2px; }

@media (max-width: 760px) {
  .site-header .account-logout { display: none; }
}

@media (max-width: 340px) {
  .site-header__inner.container { padding-inline: 0.65rem; }
  .site-header .logo { gap: 0.3rem; font-size: 1.1rem; }
  .site-header .logo svg { width: 24px; height: 24px; }
  .site-header .header-tools { gap: 0.25rem; }
  .site-header .lang-switch .lang-btn { padding: 0.25rem 0.32rem; }
  .site-header .menu-toggle { padding: 0.3rem; }
}