/* Hallmark · macrostructure: Workbench reference · genre: modern-minimal
 * theme: studied-DNA (source: landing-codex) · tone: direct, technical
 * anchor: existing Ghost blue tokens · same-family request preserves typography
 * Shared source-rendered definitions, not cards. No new motion or runtime dependency.
 * Pre-emit critique: P4 H4 E4 S5 R4 V4. */
.g-spec { padding-block: clamp(3rem, 7vw, 6rem); border-top: 1px solid var(--g-border); scroll-margin-top: 6rem; }
.g-spec__grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: 2rem; }
.g-spec__label { margin: 0 0 1rem; color: var(--g-text-2); font: 0.75rem/1.5 var(--fp-font-outlier); }
.g-spec__intro h2 { margin: 0 0 1rem; color: var(--g-text); font-size: clamp(1.75rem, 3vw, 2.5rem); line-height: 1.15; letter-spacing: -0.035em; text-wrap: balance; overflow-wrap: anywhere; min-width: 0; }
.g-spec__intro > p:last-child { margin: 0; max-width: 34ch; color: var(--g-text-2); }
.g-spec__rows { margin: 0; min-width: 0; }
.g-spec__rows > div { display: grid; gap: 0.5rem; padding: 1.25rem 0; border-top: 1px solid var(--g-border); }
.g-spec__rows dt { color: var(--g-text); font-weight: 600; line-height: 1.6; }
.g-spec__rows dd { margin: 0; color: var(--g-text-2); line-height: 1.65; overflow-wrap: anywhere; }
@media (min-width: 60rem) {
  .g-spec__grid { grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.2fr); gap: 4rem; }
  .g-spec__rows > div { grid-template-columns: minmax(0, 0.7fr) minmax(0, 1.8fr); gap: 1.5rem; }
}