/* Phone polish for the portal front page. The desktop left rail is 222px of
   scroll and paper art; below 760px it stacks under the content, where that
   art no longer fits. Desktop is unchanged. */
.section-head .directory-toggle { display: none; }

@media (max-width: 760px) {
  /* The masthead already carries LOG IN / SIGN UP; the rail's scroll art is
     sized for the 222px desktop rail and cannot hold full-width buttons. */
  .left-rail .member-box { display: none; }

  /* Plain parchment instead of the 222px striped paper strip. */
  .left-rail { background-image: none; }

  /* The library menu is a two-column grid; its bar spans both columns. */
  .left-rail .side-menu > summary { grid-column: 1 / -1; }

  /* Site directory: a tappable tan bar like the Game Library bar, then a
     compact list when opened. */
  .directory > .section-head { min-height: 40px; margin: 0; padding: 0 12px; border: 0; background: #dcad68; cursor: pointer; }
  .directory > .section-head h2 { padding: 0; background: none; color: #fff; font-size: 15px; }
  .section-head .directory-toggle { display: inline-block; color: #fff; }
  .directory:not(.is-collapsed) .directory-tools { margin-top: 8px; }
  .directory.is-collapsed .directory-tools,
  .directory.is-collapsed .directory-list,
  .directory.is-collapsed .empty-state { display: none; }
  .directory-list { gap: 4px; }
  .directory-entry { min-height: 0; padding: 7px 8px; border-color: #d8c9a3; background: #fbf6e8; }
  .directory-entry strong { color: #6b4b24; font-size: 12px; }
  .directory-entry small { display: none; }

  /* Resource links two per row. */
  .resource-strip .resource-links { grid-template-columns: 1fr 1fr; }
}