.map-shell[data-panel="resources"] > :is(.map-heading, .branch-rail, .learning-path, .journey-notice) { display: none; }
.resources-sheet {
  position: relative;
  z-index: 1;
  inset: auto;
  transform: none;
  max-height: none;
  width: min(680px, 100%);
  margin: 26px auto 0;
  padding: 0;
  overflow: visible;
  border: 0;
  border-radius: 0;
  background: none;
  box-shadow: none;
}
.resources-sheet > header { margin-bottom: 26px; }
.resources-sheet > header h2 { font-size: 1.7rem; }
.resources-sheet > header p { letter-spacing: .1em; }
.resources-sheet > header button { width: 44px; height: 44px; }
.resources-sheet > h3 { font-size: .7rem; letter-spacing: .09em; margin: 20px 0 10px; }
.resource-hub-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.resource-hub-grid button { min-height: 128px; align-content: center; gap: 7px; border-radius: 20px; padding: 15px; background: linear-gradient(145deg, #174360f5, #0c2241f5); }
.resource-hub-grid button > span { font-size: 1.5rem; font-weight: 750; }
.resource-hub-grid button > strong { font-size: .96rem; overflow-wrap: anywhere; }
.resource-hub-grid button > small { min-height: 0; font-size: .73rem; }
.resource-hub-grid [data-section="verbs"] { grid-column: 1 / -1; min-height: 86px; grid-template-columns: 38px 1fr; }
.resource-hub-grid [data-section="verbs"] > span { grid-row: 1 / span 2; align-self: center; }
.resources-sheet button:focus-visible { outline: 3px solid var(--gold); outline-offset: 3px; }
.library-future { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; margin: 24px 0 12px; font-size: .7rem; color: var(--muted); }
.library-future button { background: none; color: var(--muted); border: 1px dashed var(--line); border-radius: 9px; min-height: 36px; padding: 6px 10px; font: inherit; cursor: not-allowed; }
@media (min-width: 761px) {
  .resource-hub-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .resource-hub-grid [data-section="verbs"] { grid-column: auto; grid-template-columns: 1fr; min-height: 128px; }
  .resource-hub-grid [data-section="verbs"] > span { grid-row: auto; }
  .resources-sheet > .resource-hub-grid:nth-of-type(2) { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}