/* ── Sitewide chrome ──────────────────────────────────────────────
   The ident and footer appear on every page. home.css carries their
   look (and the design tokens they read); this file supplies only what
   an inner page needs that the homepage does not.
   ───────────────────────────────────────────────────────────────── */

  body.bmp-page{
    margin:0;background:var(--bmp-ink);color:var(--bmp-white);
    font-family:var(--bmp-body);font-size:16px;line-height:1.65;
    caret-color:var(--bmp-gold-1);-webkit-font-smoothing:antialiased;
  }
  .bmp-page,.bmp-page *{box-sizing:border-box}
  .bmp-page ::selection{background:var(--bmp-gold-2);color:#0A0A0A}
  .bmp-page :focus-visible{outline:2px solid var(--bmp-gold-1);outline-offset:3px}
  .bmp-page a{color:var(--bmp-gold-1);text-underline-offset:4px}
  .bmp-page .bmp-navlist{display:flex;gap:26px;align-items:center;flex-wrap:wrap;
    justify-content:flex-end;list-style:none;margin:0;padding:0}

  /* The ident released from the field: it flows instead of overlaying. */
  .bmp-topbar{background:var(--bmp-ink);border-bottom:1px solid var(--bmp-line)}
  .bmp-topbar .bmp-ident{position:static;width:auto;padding:22px 0;pointer-events:auto}

  @media (max-width:600px){
    .bmp-topbar .bmp-ident{flex-direction:column;gap:14px}
    .bmp-js .bmp-topbar .bmp-ident{flex-direction:row;align-items:center;gap:16px}
    .bmp-page .bmp-navlist{justify-content:flex-start;gap:12px 20px}
  }