/* Bridges our drawer menu into the legacy stylesheet's page shell.
   Deliberately tiny — anything bigger belongs in the legacy sheet itself. */

.legacy-topbar {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 60;
  padding: 0.6rem 0.75rem;
}
.legacy-topbar .menu-btn span { background: #fff; }

/* The legacy sheet's own nav markup is not emitted; make sure nothing reserves
   space for it. */
.navigation_content { display: none !important; }

/* shape_block is an <a> here (the original was a div driven by jQuery), so the
   UA's link colours applied — blue, and purple once visited — over a dark navy
   ground. Both fail WCAG contrast badly. Pin every state to white, which is
   what the original divs inherited. */
a.shape_block,
a.shape_block:link,
a.shape_block:visited,
a.shape_block:hover,
a.shape_block:active,
a.shape_block:focus {
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}
a.shape_block .block_title,
a.shape_block .caption_text,
a.shape_block .sub_text {
  color: #fff;
}

/* Keyboard affordance: the original had none, since the tiles were divs. */
a.shape_block:focus-visible {
  outline: 3px solid #f79541;
  outline-offset: 2px;
}
/* Pointer affordance without relying on colour alone. */
a.shape_block:hover .block_title,
a.shape_block:focus-visible .block_title {
  text-decoration: underline;
  text-underline-offset: 3px;
}

/* The fixed menu button sits top-left; the legacy sheet indents this title by
   5% of the viewport, which is narrower than the button on small screens. */
.select_type .content_block.full_block { padding-left: max(5%, 4.5rem); }
.select_type .title h1 { padding-left: 0; }