/* ============================================================================
   SITE.CSS — the blackroad.io chrome, and nothing else.

   blackroad.css is the shared language. This file holds the handful of classes
   that are specific to THIS site's header, footer and section stride, declared
   once instead of pasted into every page as a style="" attribute.

   The first build emitted ~300 inline style attributes doing exactly this work:
   ten `margin-top:28px`, nine `gap:7px`, three copies of a footer-list reset.
   The kit's own notes call that out by name — a hand-set margin fighting the one
   stride rule is how spacing drifts to 12px here and 24px there without any
   single gap looking wrong. So the stride is declared once, here.

   THE RULES THIS FILE OBEYS
     · Nothing blackroad.css already owns is redeclared, even with the same value.
     · No colour. Every value below is a token or a measurement.
     · Loaded AFTER blackroad.css, so same-specificity refinements win on order.
   ========================================================================== */

/* The brand mark in the header. .brand exists in the kit but is built for the
   app rail (it has rail padding); this is the inline, in-bar version. */
.brandmark{font-size:13.5px;font-weight:700;letter-spacing:-.03em}

/* The one section stride for a marketing page. The kit's .mt-* utilities stop at
   36px and a top-level section on these pages wants more air than a prose block;
   this is that one measurement, named. */
.band{margin-top:34px}
.band:first-child{margin-top:0}

/* A run of badges or chips. The kit's .gap-2 is 8px for controls; stated values
   sit tighter than pressable ones. */
.pills{gap:7px}

/* The crumb trail at the top of a document, rather than inside a chrome bar.
   The kit's .crumbs carries the bar's rule and padding because it normally IS
   the bar; at the head of a .page it must not draw a second line under itself. */
.crumbs.bare{border:0;padding:0 0 10px}

/* The site footer. The kit's .foot is a single flex row — correct for a document
   byline, wrong for three columns of links — so the row behaviour is turned off
   here rather than a second footer component being invented. */
.foot.sitefoot{display:block}
.footcols{display:grid;grid-template-columns:repeat(auto-fit,minmax(176px,1fr));gap:28px}
.footlist{margin:11px 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:7px}

/* Print: the header, the crumb trail and the call to action are navigation, and
   navigation on paper is ink spent on something unclickable. */
@media print{
  .glassbar,.crumbs,.cta,.skip{display:none}
  .page{max-width:none;padding:0}
}