.reader-return {
  border: 1px solid #a4e6f56b;
  border-radius: .15rem;
  color: #c9ebf2;
  display: inline-flex;
  align-items: center;
  font: 650 .78rem/1.3 system-ui, sans-serif;
  margin: .35rem .65rem .35rem 0;
  min-height: 38px;
  padding: .4rem .64rem;
  text-decoration: none;
  white-space: nowrap;
}
.reader-return:hover, .reader-return:focus-visible { background: #173241; color: #fff; }
.world-menu-toggle[hidden], .world-masthead > nav[hidden] { display: none !important; }

@media (max-width: 900px) {
  .world-masthead, .world-masthead.masthead {
    position: relative;
    inset: auto;
    z-index: 30;
    display: grid;
    grid-template-columns: minmax(0,1fr) auto auto;
    align-items: center;
    justify-content: stretch;
    gap: 6px;
    width: 100%;
    height: auto;
    min-height: 58px;
    padding: 6px clamp(12px,4vw,28px);
    background: #0b141c;
    border-bottom: 1px solid #a4e6f533;
    box-sizing: border-box;
  }
  .world-masthead > a:first-child {
    display: flex;
    align-items: center;
    min-width: 0;
    min-height: 44px;
    font: 700 clamp(.7rem,2.6vw,.96rem)/1.25 system-ui,sans-serif;
    letter-spacing: .065em;
    white-space: normal;
    color: #edf5f6;
  }
  .world-masthead > .wordmark > span, .world-masthead > .edge-brand > span,
  .world-masthead.hope-header > a:first-child > span, .world-masthead > .brand small,
  .world-masthead > .brand .seal { display: none; }
  .world-masthead > .brand > span:not(.seal) { display: inline; }
  .world-masthead .reader-return, .world-masthead .world-menu-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    min-width: 44px;
    margin: 0;
    padding: .45rem .55rem;
    border: 1px solid #a4e6f56b;
    border-radius: 3px;
    color: #d9f1f4;
    background: #132431;
    font: 650 .75rem/1.2 system-ui,sans-serif;
    white-space: nowrap;
    text-decoration: none;
    cursor: pointer;
  }
  .world-masthead > nav#world-menu {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    align-items: stretch;
    gap: .3rem .6rem;
    width: 100%;
    margin: .25rem 0 0;
    padding: .45rem 0 .35rem;
    border-top: 1px solid #a4e6f533;
    overflow: visible;
    white-space: normal;
  }
  .world-masthead > nav#world-menu :is(a,button,summary) {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    min-height: 44px;
    padding: .55rem .6rem;
    width: 100%;
    box-sizing: border-box;
    border: 0;
    border-radius: 3px;
    background: #14242d;
    color: #edf5f6;
    font: 550 .85rem/1.3 system-ui,sans-serif;
    text-align: left;
    white-space: normal;
  }
  .world-masthead > nav#world-menu [aria-current] { color: #a4e6f5; }
  .world-masthead .settings-toggle { position: static; }
  .world-masthead .books-menu[open] { grid-column: 1 / -1; }
  .world-masthead .books-dropdown {
    position: static;
    min-width: 0;
    width: 100%;
    margin: 0;
    box-sizing: border-box;
  }

  .cosmos-layout .view-tabs { flex-wrap: wrap; gap: .25rem .8rem; }
  .cosmos-layout .view-tabs button { min-height: 44px; }
  .world-layout, .story-layout { grid-template-columns: minmax(0,1fr); }
  .story-layout > *, .world-layout > * { min-width: 0; }
}