/* ============================================================
   steel-kit.css — Draw Steel KIT pages, High-Fantasy Steel.
   Loads AFTER steel-ability-cards.css. The kit page is one forged
   `.sc-kit` plate (header + flavor + equipment box + all-8 bonus
   grid + a Signature Ability band); the signature-ability
   `.sc-ability` card is spliced beneath by the embedItemCards
   post-pass (via the preserved {data-scc} marker) and fused flush
   here. The bonus grid reuses .sc-card__stats from steel-redesign.css.
   ============================================================ */

/* ── MkDocs H1 hide (the plate carries its own name) — leaf pages only,
   keyed on h1+hr+plate ADJACENCY so container pages embedding kits keep
   their titles. Regression test: tests/e2e/page-titles.e2e.cjs. ── */
.md-typeset > h1:first-child:has(+ hr + .sc-kit),
.md-typeset > h1:first-child + hr:has(+ .sc-kit) { display: none; }

/* ── PLATE ── */
.md-typeset .sc-kit {
  position: relative; max-width: 47rem; margin: 1.7rem auto 0;
  padding: 0 1.2rem 1.1rem;
  border: 1px solid rgba(255,255,255,.06);
  border-radius: .65rem;                      /* a complete card; the ability card sits below */
  background: var(--fx-card-bg);
  box-shadow: var(--fx-bevel), 0 10px 26px rgba(0,0,0,.36);
  color: var(--md-default-fg-color);
}
[data-md-color-scheme="default"] .md-typeset .sc-kit {
  border-color: var(--md-default-fg-color--lightest);
  box-shadow: var(--fx-bevel), 0 5px 14px rgba(0,0,0,.09);
}

/* ── HEADER ──
   The header itself is the shared 6-slot .sc-head (steel-cardhead.css); we only
   re-attach the kit plate's head chrome via the Class="sc-kit__head" hook: a full-
   bleed separator band between the head and the plate body. */
.sc-kit__head {
  margin: 0 -1.2rem .9rem; padding: 1rem 1.2rem 1.05rem;
  border-bottom: 1px solid var(--fx-metal-faint);
}

/* ── FLAVOR ── */
.sc-kit__flavor {
  font-size: .92rem; line-height: 1.55; color: var(--md-default-fg-color--light);
  margin: 0 0 1rem; text-wrap: pretty;
}
.md-typeset .sc-kit__flavor a { color: var(--md-typeset-a-color); text-decoration: none; }
.md-typeset .sc-kit__flavor a:hover { text-decoration: underline; }

/* ── BANDS (Equipment / Kit Bonuses / Signature Ability) ── */
.sc-kit__band { margin-top: 1rem; }
.sc-kit__band-head {
  font-family: var(--md-small-header-font); font-variant: small-caps;
  text-transform: uppercase; letter-spacing: .07em; font-size: .8rem;
  color: var(--fx-metal); margin-bottom: .45rem;
  padding-bottom: .25rem; border-bottom: 1px solid var(--fx-metal-faint);
}
.sc-kit__band--sig { margin-bottom: 0; }
.sc-kit__band--sig .sc-kit__band-head { border-bottom: 0; margin-bottom: 0; }

/* ── EQUIPMENT box ── */
.sc-kit__equip {
  background: rgba(0,0,0,.22); border: 1px solid var(--fx-metal-faint);
  border-radius: 6px; padding: .65rem .8rem;
  font-size: .92rem; line-height: 1.5; color: var(--md-default-fg-color);
}
[data-md-color-scheme="default"] .sc-kit__equip { background: rgba(0,0,0,.04); }
.md-typeset .sc-kit__equip a { color: var(--md-typeset-a-color); text-decoration: none; }
.md-typeset .sc-kit__equip a:hover { text-decoration: underline; }

/* The bonus grid (.sc-card__stats / .sc-card__stat) is styled globally by
   steel-redesign.css — no per-.sc-kit rules needed. Pin its top margin so it
   tucks under the band head consistently. */
.sc-kit .sc-card__stats { margin-top: .2rem; }

/* ── SIGNATURE ABILITY ──
   embedItemCards leaves: </section>, the (redundant) marker heading, then the
   spliced .sc-ability card. Hide the marker heading; the ability card is its own
   card below the kit plate — same width, aligned, with a gap between the two. */
.md-typeset .sc-kit + h3[data-scc] { display: none; }
.md-typeset .sc-kit + h3[data-scc] + .sc-ability {
  max-width: 47rem; margin: 1.1rem auto 1.7rem;
}