#options-menu .float-right{ float:none !important; }

/* The template renders: <ul class="menu vertical medium-horizontal" ...>  */
#options-menu .menu{
  display:flex !important;          /* force the row layout */
  flex-direction:row !important;    /* override "vertical" */
  justify-content:flex-end;
  align-items:center;
  gap:.75rem;
  margin:0;
  padding:.5rem 0;
  background:transparent;
}
#options-menu .menu > li{
  margin:0;
  list-style:none;
}

/* phone fallback */
/* Mobile tweaks */
@media (max-width: 640px) {
  .topbar .topbar-inner {
    grid-template-columns: 1fr auto 1fr;
  }
  .topbar .main-nav > ul {
    gap: .75rem;
  }
}
/* keep the sticky mini-bar tidy */
.mini-bar.sticky.columns .row{
  display:flex;
  align-items:center;
  min-height:44px;
}
/* ----- Article Options toolbar: closed by default + alignment ----- */
.title-bar[data-responsive-toggle="options-menu"]{ cursor: pointer; }
/* Center nav when auth/search are hidden */
.topbar .topbar-inner.press-home {
  display: grid;
  grid-template-columns: 1fr auto 1fr;   /* left | center | right */
  align-items: center;
  gap: 1rem;
}

.topbar .topbar-inner.press-home .brand-wrap {
  justify-self: start;
  min-width: 0;
}

.topbar .topbar-inner.press-home .main-nav {
  justify-self: center;
}
.topbar .topbar-inner.press-home .auth-menu,
.topbar .topbar-inner.press-home .site-search {
  justify-self: end;
}

/* On press homepage: center the nav */
.topbar-inner.press-home .main-nav {
  margin: 0 auto;
}
/* Optional: ensure nav UL looks tidy */
.topbar .main-nav > ul {
  display: flex;
  align-items: center;
  gap: 1.25rem;
  margin: 0;
  padding: 0;
  list-style: none;
}
.topbar .auth-menu,
.topbar .site-search {
  justify-self: end;
}
.topbar .main-nav { margin: 0 !important; }

/* Featured Journals section */
.featured-journals .box.journal-list .box-link {
  display: block;
  width: 200px;             /* pick a width you like */
  aspect-ratio: 3 / 4;      /* consistent portrait ratio */
  overflow: hidden;
}

.featured-journals .box.journal-list .box-link img {
  width: 100%;
  height: 100%;
  object-fit: cover;         /* crops edges to fill the frame without distortion */
  display: block;
  border-radius: 4px;        /* optional */
}

/* Layout spacing between the three columns (optional) */
.featured-journals .row > .columns {
  display: flex;
  justify-content: center;   /* centers each card within its column */
}

.featured-journals .box.journal-list {
  text-align: center;
}

#options-menu{
  display: none;                 /* closed on first paint */
  position: relative;
  z-index: 2;
  background: #fff;
  border-bottom: 1px solid rgba(0,0,0,.06);
}
#options-menu.open{ display:block; }  /* class toggled by JS */

#options-menu .float-right{ float:none !important; }

#options-menu .menu{
  display: flex !important;
  flex-direction: row !important;   /* override .vertical */
  flex-wrap: wrap;
  gap: 0.75rem;
  align-items: center;
  justify-content: flex-start;
  margin: 0;
  padding: .75rem 1rem;
  background: transparent;
}
#options-menu .menu > li{ list-style: none; margin:0; }
/* ===== Press homepage: center nav strongly ===== */
.is-press-home .topbar .topbar-inner{
  /* beat earlier flex rule */
  display: grid !important;
  grid-template-columns: 1fr auto 1fr !important; /* brand | nav | (empty) */
  align-items: center !important;
  /* gap: 22px !important; */
}

.is-press-home .topbar .brand-wrap{ justify-self: start !important; }
.is-press-home .topbar .main-nav{ justify-self: center !important; margin: 0 !important; }

/* Make sure UL is horizontal even if a framework rule interferes */
.is-press-home .topbar .main-nav > ul{
  display: flex !important;
  align-items: center !important;
  /* gap: 22px !important; */
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

/* Hide right column components on press pages (you already gated them in template) */
.is-press-home .topbar .auth-menu,
.is-press-home .topbar .site-search{ display: none !important; }
/* ===== Featured Journals: uniform cover frames ===== */
[aria-labelledby="featured-journals-title"] .box.journal-list .box-link{
  display: block !important;
  width: 200px !important;           /* adjust 180–240px to taste */
  aspect-ratio: 3 / 4 !important;    /* portrait; use 4/3 or 16/9 if you prefer */
  overflow: hidden !important;
  margin-inline: auto !important;    /* center image in its column */
}

[aria-labelledby="featured-journals-title"] .box.journal-list .box-link img{
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;      /* crops edges to fill without distortion */
  display: block !important;
  border-radius: 4px;                 /* optional */
}

/* Center each card within its Foundation column */
[aria-labelledby="featured-journals-title"] .row > .columns{
  display: flex !important;
  justify-content: center !important;
}