/* The Dossier reuses KMI's own terminal.css design system directly
   (loaded as-is in base_dossier.html, never duplicated) so the two stay
   pixel-identical forever, with exactly one deliberate difference: a red
   accent instead of KMI's slate one, matching Register's own button
   colour exactly (see static/css/register.css's --accent: #7C1F2C).
   CSS custom properties cascade — redefining --accent/--accent-dim here,
   loaded after terminal.css, is enough to retint every button, link,
   and accent badge terminal.css itself defines, with no changes to that
   file at all. */
:root {
  --accent: #7C1F2C;
  --accent-dim: #5C1620;
}

/* This page's header is the brand mark alone — no global search, no
   session controls, nothing to space it against — so it's centred
   rather than using KMI's own space-between header layout. */
.kmi-header-top {
  justify-content: center;
}

/* The home page's opening statement is a full sentence, not a short
   label like .kmi-section-head h2 is normally used for — kept at
   roughly the same size KMI itself uses for this element, just without
   forcing it into uppercase (which reads as shouting on a full
   sentence, not a two-word title). */
.kmi-section-head h2.dossier-lead {
  text-transform: none;
  letter-spacing: normal;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.5;
  max-width: 560px;
  margin: 0 auto;
}

/* The filter bar's search field is this page's primary tool (there's
   only one other field, a single sector dropdown), so it should fill
   the row instead of sitting at the same fixed min-width as every other
   .kmi-filterbar input on KMI's own, denser, multi-field filter bars. */
.kmi-filterbar .kmi-filterfield-search {
  flex: 1;
}
.kmi-filterbar .kmi-filterfield-search input {
  width: 100%;
}