/* Load Instrument Serif (the font used by shotaftershot.com) so the
   page heading matches the main site's typography. Two woff2 files: one
   for extended Latin chars, one for basic Latin. The unicode-range
   declarations are copied verbatim from shotaftershot.com's stylesheet
   so the browser only downloads what it needs for the visible text. */
@font-face {
  font-family: 'Instrument Serif';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/instrument-serif-latin.woff2) format('woff2');
  unicode-range: U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA-2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face {
  font-family: 'Instrument Serif';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/instrument-serif-ext.woff2) format('woff2');
  unicode-range: U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
/* Apply Instrument Serif to the page heading + the in-page dashboard
   heading + endpoint names so the whole page feels on-brand. */
header h1,
main h1,
main h3 {
  font-family: 'Instrument Serif', 'Instrument Serif Fallback', serif !important;
  font-weight: 400 !important;
}
/* Hide the "Monitor the health of your endpoints in real-time" subheading
   under the dashboard heading. It comes from window.config.dashboardSubheading
   injected by the gatus backend. Target by class — main > p is too broad
   because there are nested <p> elements elsewhere (e.g. inside cards). */
p.text-muted-foreground.mt-2 {
  display: none !important;
}
/* Strip the "01. " / "02. " / "03. " / "04. " ordering prefixes from the
   group header text. The prefixes exist only to force gatus's alphabetical
   sort into the order we want; the JS file at /cleanup.js rewrites the
   visible text to strip the prefix. This CSS just ensures the headers
   look the same regardless of whether JS has run yet. */
/* Keep the rest of the UI in a normal sans-serif so it remains readable */
body, button, input, p, span, div, td, th {
  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
}
footer { display: none !important; }
#social { display: none !important; }
/* Remove the hardcoded "System Monitoring Dashboard" subtitle that gatus
   renders under the page title when buttons are configured. Targets the
   <p> sibling of the <h1> inside the logo block. */
header .flex.items-center.gap-3 > div > p {
  display: none !important;
}
/* Center the logo block in the header */
header > div > .flex.items-center.justify-between {
  justify-content: center !important;
  flex-direction: column !important;
  gap: 0.75rem !important;
}
/* When stacked vertically, also center the App link below the logo */
header nav {
  margin-top: 0.25rem !important;
}