/* manual-cms.css — additive styles for Sanity-driven manuals.

   Loaded after manual.css / guidebook.css / hire-in-4k-manual.css. It extends
   the existing numbered-subhead treatment (originally `h5.sec` with a hand-keyed
   `.secnum` span) to the CMS output `<h2 class="sec">`, and supplies the number
   automatically via a per-section CSS counter — so editors write a heading and
   never type the "1 / 2 / 3". Numbering restarts at each section divider. */

.manual .prose { counter-reset: sec; }
/* Per-section reset (numbering restarts each part) — the default. A manual whose
   TOC targets subheads uses .prose--continuous, where numbering runs 1..N across
   the whole document and does NOT reset at each part divider. */
.manual .prose:not(.prose--continuous) .part-head { counter-reset: sec; }

/* Mirror the h5.sec look onto the CMS h2.sec, and auto-increment the counter. */
.manual .prose h2.sec {
  font-family: var(--font-display); font-weight: 300;
  font-size: clamp(28px, 3.4vw, 38px); line-height: 1.04;
  letter-spacing: -0.015em; text-transform: none;
  color: var(--color-ink);
  margin: 8px 0 18px;
  scroll-margin-top: 92px;
  display: flex; gap: 16px; align-items: baseline;
  counter-increment: sec;
}
.manual .prose h2.sec::before {
  content: counter(sec);
  font-family: var(--font-display); font-weight: 300; font-style: italic;
  font-size: .62em; color: var(--color-gold-antique); flex: none;
}
.manual .prose h2.sec em { font-style: italic; color: var(--color-ink); }

/* Lead paragraph (the bold intro under a value/subhead). */
.manual .prose p.value-lead { font-weight: 600; color: var(--color-ink); }

/* cardGrid 'plain' variant — an even, responsive grid with no highlighted card.
   (The 'rungs'/'zones' variants reuse .ear/.zones from the manual stylesheets.) */
.manual .prose .cardgrid-plain {
  display: grid; gap: 18px; margin: 0 0 28px;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}
.manual .prose .cardgrid-plain .cg-card {
  border: 1px solid rgba(170, 143, 87, .32);
  border-radius: 4px; padding: 22px;
  background: var(--color-bone, #fbf6f2);
}
.manual .prose .cardgrid-plain .cg-key {
  font-family: var(--font-display); font-style: italic;
  color: var(--color-gold-antique); font-size: 1.4em; line-height: 1;
}
.manual .prose .cardgrid-plain .cg-label {
  font-family: var(--font-display); font-weight: 400;
  color: var(--color-ink); font-size: 1.15em; margin: 6px 0 8px;
}
.manual .prose .cardgrid-plain .cg-card p { margin: 0; }