/* Made by the components tool from not-found 1.0. Change it in shared/components/not-found instead. */
/* The not-found page's layout. Its colours, fonts and buttons come from the brand component's
   theme.css and base.css: link those first, then this file. */
.nsys-not-found {
  display: grid; gap: 8px; justify-items: start; align-content: center;
  min-height: 300px; padding-top: 48px; padding-bottom: 56px;
}
.nsys-not-found__heading { margin: 0; color: var(--text); font: 800 30px/1.15 var(--heading-font); }
.nsys-not-found__lead { margin: 0; color: var(--muted); font-size: 16px; }
.nsys-not-found .nsys-buttons { margin-top: 12px; }
@media (max-width: 480px) {
  .nsys-not-found { min-height: 260px; padding-top: 36px; padding-bottom: 44px; }
  .nsys-not-found__heading { font-size: 26px; }
}
