/* Guide pages use the site's USWDS chrome and keep their own content layout. */
.guide-page .usa-header { position: relative; }
.guide-page .usa-nav-container {
  border-bottom: 1px solid rgba(18, 38, 58, .08);
  background: rgba(255, 255, 255, .96);
  backdrop-filter: blur(10px);
  box-shadow: 0 12px 30px rgba(16, 24, 40, .04);
}
.guide-page .usa-logo a,
.guide-page .usa-nav__link span { letter-spacing: .01em; }

/* guide.css has a generic footer rule intended for its former short footer. */
.guide-page .usa-footer {
  padding: 0;
  box-shadow: none;
  clip-path: none;
  font-size: inherit;
}

@media (min-width: 64em) {
  .guide-page .usa-header { z-index: 100; }
  .guide-page .usa-nav__submenu { z-index: 200; }
}
@media (max-width: 63.99em) {
  .guide-page .usa-nav-container { backdrop-filter: none; }
  .guide-page .usa-nav { z-index: 1001; }
  .guide-page .usa-overlay.is-visible { z-index: 1000; }
}

/* Preserve the guide content against the site's universal square-corner reset. */
.guide-page main .hero { border-radius: 22px !important; }
.guide-page main #website-plan { border-radius: 20px !important; }
.guide-page main .graph-wrap { border-radius: 16px !important; }
.guide-page main .map-home-node { border-radius: 12px !important; }
.guide-page main :is(.button,details,.keyword-table) { border-radius: 10px !important; }
.guide-page main .author-avatar { border-radius: 50% !important; }
.guide-page main .graph-pages a { border-radius: 6px !important; }
.guide-page main .graph-home > a, .guide-page main .graph-group h3 a { border-radius: 8px !important; }
.guide-page main .offer { box-shadow: 0 0 0 100vmax var(--green) !important; }
.guide-page.usa-js-modal--active .mobile-action { display: none !important; }