/* Deployments-page eyebrow treatment.
 *
 * /deployments is exempt from pico-theme.css (owner request), so it kept the
 * original eyebrows: uppercase, left-aligned, 10px in the system mono stack,
 * where every other route shows them as no-caps, centred, 12px in IBM Plex Mono.
 * This file gives it exactly that treatment and nothing else.
 *
 * Deliberately NOT included from the overlay: the 11px type floor (this page is
 * built on 7.2-8.8px text and raising all of it would rebuild the page), the
 * accent roles, and the button hover. Scoped to this page only, and loaded after
 * the site's own stylesheets so it wins on equal specificity.
 */
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:400;font-display:swap;src:url('/assets/fonts/ibm-plex-mono-400.woff2') format('woff2');unicode-range:U+20-7e, U+b7, U+2013-2014, U+2018-2019, U+201c-201d, U+2026, U+2191, U+2193, U+221e, U+25aa, U+25ad-25af, U+25b3, U+25b6, U+25b8, U+25cf, U+2691, U+26a0, U+2713, U+2715}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:600;font-display:swap;src:url('/assets/fonts/ibm-plex-mono-600.woff2') format('woff2');unicode-range:U+20-7e, U+b7, U+2013-2014, U+2018-2019, U+201c-201d, U+2026, U+2191, U+2193, U+221e, U+25aa, U+25ad-25af, U+25b3, U+25b6, U+25b8, U+25cf, U+2691, U+26a0, U+2713, U+2715}
:root {
  --font-mono: 'IBM Plex Mono', ui-monospace, SFMono-Regular, Menlo, Consolas,
               'Liberation Mono', 'Courier New', monospace;
}

p.mono-label:has(+ h1),
p.mono-label:has(+ h2),
p.mono-label:has(+ h3) {
  font-family: var(--font-mono);
  font-size: .75rem;
  text-transform: none;
  letter-spacing: .04em;
  text-align: center;
}
p.mono-label:has(+ h1) + h1,
p.mono-label:has(+ h2) + h2,
p.mono-label:has(+ h3) + h3 {
  text-align: center;
  margin-inline: auto;
}

/* Same completion as pico-theme.css rule 24: those blocks were pinned left
   while their eyebrow was centred, so the content sat off-centre. */
div.reveal.max-w-4xl:has(> p.mono-label),
div.reveal.max-w-4xl:has(> p[class*="tracking-[0.3em]"]) {
  margin-inline: auto;
}

/* Deployment IV — The Field Record. Owner request: the box and its text
 * centred, the same treatment the two /architecture intro blocks got
 * (pico-theme.css rule 25).
 *
 * The box and the two lines above the prose were already centred: the rule
 * above puts the box on the centre line, and the eyebrow rule centres the
 * eyebrow and the h2 within it. The body paragraph was the part still
 * start-aligned, so the block read as left-hand even though its box was not.
 * Measured at 1302px before this rule: the box spanned 203-1098, centred on
 * 650 against a page centre of 651, while the paragraph lines began at x=204 --
 * the box's own left edge.
 *
 * Hooked on the h2's id rather than the shared class signature, because the
 * page's other max-w-4xl wrapper -- the "Deployments / Proof of Architecture"
 * intro -- is not in scope for this request and keeps its alignment. */
div.reveal.max-w-4xl:has(> h2#field-record-title) {
  margin-inline: auto;
  text-align: center;
}