/* User-approved framed headings; retain V1 palette and type roles. */
#carbon-black {
  --carbon-accent: #9ae5c1;
  --carbon-secondary: #b7c9c9;
  --carbon-rule: #28544c;
}
#carbon-black .section-inner { padding-top: 64px; padding-bottom: 64px; }
#carbon-black .simple-heading p { margin-bottom: 0; }
#carbon-black .simple-heading h2 { letter-spacing: normal; }
#carbon-black h3 { margin: 0; font-size: var(--type-subtitle); font-weight: 610; line-height: 1.3; }
#carbon-black .carbon-emissions { display: grid; gap: 28px; margin-top: 36px; padding: 30px; background: #0b2b2b; }
#carbon-black .carbon-gauge-card { --gauge-accent: var(--carbon-accent); min-width: 0; text-align: center; }
#carbon-black .carbon-gauge-furnace { --gauge-accent: #eeb576; }
#carbon-black .carbon-emissions .carbon-gauge-label { margin: 12px 0 24px; color: var(--carbon-secondary); font-size: var(--type-body); }
#carbon-black .carbon-gauge { position: relative; width: 280px; max-width: 100%; aspect-ratio: 260 / 220; margin-inline: auto; }
#carbon-black .carbon-gauge svg { display: block; width: 100%; height: 100%; overflow: visible; }
#carbon-black .gauge-outline, #carbon-black .gauge-inner { fill: none; stroke: var(--carbon-rule); stroke-width: 1; }
#carbon-black .gauge-track { fill: none; stroke-width: 8; stroke-linecap: round; }
#carbon-black .gauge-index { fill: none; stroke: #64847d; stroke-width: 2; }
#carbon-black .gauge-needle { fill: var(--gauge-accent); }
#carbon-black .gauge-hub { fill: #0b2b2b; stroke: var(--gauge-accent); stroke-width: 2; }
#carbon-black .gauge-hub-center { fill: var(--gauge-accent); }
#carbon-black .carbon-gauge-reading { position: absolute; top: 62%; inset-inline: 0; display: grid; gap: 8px; justify-items: center; }
#carbon-black .carbon-gauge-reading strong { color: var(--gauge-accent); font-size: 48px; line-height: 1.1; letter-spacing: -.02em; font-weight: 610; font-variant-numeric: tabular-nums; }
#carbon-black .carbon-gauge-reading > span { color: var(--carbon-secondary); font-size: var(--type-body); white-space: nowrap; }
#carbon-black .carbon-qualities { display: grid; gap: 24px; margin-top: 40px; }
#carbon-black .carbon-qualities > article { border: 1px solid var(--carbon-rule); min-width: 0; }
#carbon-black .carbon-qualities h3 { padding: 20px 24px; background: #123c32; border-bottom: 1px solid var(--carbon-rule); }
#carbon-black .purity-values { margin: 0; padding: 28px 24px; gap: 16px; font-size: var(--type-body); }
#carbon-black .purity-values > div { grid-template-columns: 2em minmax(0, 1fr); gap: 16px; }
#carbon-black .purity-values dt { color: var(--carbon-secondary); }
#carbon-black .carbon-quality-value { display: flex; align-items: baseline; align-content: center; flex-wrap: wrap; gap: 12px; padding: 28px 24px; color: var(--carbon-accent); font-variant-numeric: tabular-nums; }
#carbon-black .carbon-quality-value strong { font-size: 36px; font-weight: 610; line-height: 1.2; letter-spacing: -.02em; white-space: nowrap; }
#carbon-black .carbon-measure { flex-basis: 100%; margin-bottom: 8px; color: var(--carbon-secondary); font-size: var(--type-body); }
#carbon-black .carbon-measure-unit { font-size: var(--type-body); }
@media (min-width: 861px) {
  #carbon-black .carbon-emissions { grid-template-columns: 1fr 1fr; gap: 40px; padding: 30px 32px; }
  #carbon-black .carbon-emissions article:last-child { padding-left: 40px; border-left: 1px solid var(--carbon-rule); }
  #carbon-black .carbon-qualities { grid-template-columns: 1.4fr 1fr 1fr; }
  #carbon-black .carbon-qualities > article { display: grid; grid-template-rows: auto 1fr; }
}