/* Show Posts inline in top bar; hide hamburger */

/* Always ensure menu is visible and inline */
.menu,
.menu.hidden {
  display: block !important;
}
.menu-trigger { display: none !important; }

/* Make the list horizontal and tidy */
.menu__inner {
  list-style: none;
  display: flex !important;
  gap: 16px;
  margin: 0;
  padding: 0;
}
.menu__inner li { margin: 0; }
.menu__inner a { padding: 0; }

/* Keep header layout clean */
.header__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.header__right {
  display: flex;
  align-items: center;
  gap: 16px;
}

/* Make header slightly shorter */
.header {
  padding: 12px !important; /* default was 20px */
}

/* Avoid dropdown styling on small screens */
@media (max-width: 684px) {
  .menu { position: static !important; box-shadow: none !important; background: transparent !important; }
}

/* Mobile-only: make home page fit viewport with no scroll */
@media (max-width: 684px) {
  /* Only apply when on the home page (presence of #home-root) */
  html:has(#home-root),
  body:has(#home-root) {
    height: 100svh;
    overflow: hidden;
  }

  .container:has(#home-root) {
    min-height: 100svh;
    display: grid;
    grid-template-rows: auto 1fr auto; /* header, content, footer */
  }

  .header { padding: 8px !important; }
  .header__inner { width: 100% !important; }

  .content:has(#home-root) {
    padding: 8px 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
  }

  /* Tighter typography on the home hero */
  h1 { font-size: 1.3rem !important; margin: 0.4rem 0 0.5rem !important; }
  .tagline { font-size: 0.98rem !important; line-height: 1.5 !important; margin-bottom: 0.6rem !important; }

  /* Slightly smaller icons to save vertical space */
  .content:has(#home-root) svg { width: 20px !important; height: 20px !important; }
}