/* Hallmark · macrostructure: Narrative Workflow · tone: technical · anchor hue: 253
 * genre: modern-minimal · theme: existing CSM Cobalt · enrichment: E5 supplied AI line concept
 * nav/footer: synchronized existing-site adaptation · no motion · shared tokens preserved
 * pre-emit critique: P4 H4 E4 S5 R5 V4 */
html { scroll-behavior: auto; }
.solution-hero { padding-block: var(--space-6) var(--space-10); }
.solution-hero h1 { max-width: 22ch; font-size: clamp(2.2rem, 5.4vw, 4rem); line-height: 1.08; }
.solution-intro { display: grid; gap: var(--space-6); }
.solution-intro .lede { max-width: 60ch; }
.solution-actions { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-4); margin-block-start: var(--space-6); }
.solution-actions a, .solution-jump a, .solution-link { display: inline-flex; align-items: center; min-height: var(--control-height); white-space: nowrap; }
.solution-link { color: var(--color-accent-deep); text-underline-offset: .25em; font-weight: 600; }
.solution-figure { margin: var(--space-8) 0 0; }
.solution-figure img { width: 100%; height: auto; object-fit: contain; background: var(--color-paper-2); }
.solution-figure figcaption { margin-block-start: var(--space-3); max-width: 90ch; color: var(--color-muted); font-size: .88rem; }
.solution-figure .solution-link { font-size: .9rem; }
.solution-jump { display: flex; flex-wrap: wrap; gap: var(--space-2) var(--space-6); padding-block: var(--space-4); border-block-end: var(--line) solid var(--color-rule); }
.solution-jump a { color: var(--color-accent-deep); text-underline-offset: .25em; }
.solution-section { padding-block: var(--space-12); }
.solution-section h2 { margin: 0 0 var(--space-5); font: 600 clamp(1.7rem, 3.5vw, 2.65rem)/1.15 var(--font-display); letter-spacing: -.035em; }
.solution-section h3 { margin: 0 0 var(--space-3); font: 600 1.25rem/1.25 var(--font-display); }
.solution-section p { max-width: 65ch; }
.solution-section h1, .solution-section h2, .solution-section h3 { overflow-wrap: anywhere; min-width: 0; font-style: normal; }
.solution-section + .solution-section { border-block-start: var(--line) solid var(--color-rule); }
.solution-split { display: grid; gap: var(--space-8); }
.solution-inputs { margin: 0; font-variant-numeric: tabular-nums; }
.solution-inputs div { padding-block: var(--space-3); border-block-end: var(--line) solid var(--color-rule); }
.solution-inputs dt { color: var(--color-muted); }
.solution-inputs dd { margin: var(--space-1) 0 0; font-weight: 600; }
.solution-note { padding: var(--space-5); background: var(--color-paper-2); margin-block: var(--space-6); }
.solution-note p { margin: var(--space-2) 0 0; }
.solution-workflow { padding: 0; margin: var(--space-6) 0 0; list-style: none; counter-reset: operation; }
.solution-workflow li { counter-increment: operation; padding-block: var(--space-5); border-block-start: var(--line) solid var(--color-rule); }
.solution-workflow h3::before { content: counter(operation, decimal-leading-zero) " · "; color: var(--color-accent-deep); }
.solution-workflow p { margin: 0; }
.solution-machine { display: grid; gap: var(--space-6); padding-block: var(--space-8); border-block-start: var(--line) solid var(--color-rule); }
.solution-machine figure { margin: 0; }
.solution-machine img { width: 100%; height: auto; }
.solution-machine figcaption { font-size: .88rem; color: var(--color-muted); margin-block-start: var(--space-2); }
.solution-benefits { margin: var(--space-6) 0 0; padding: 0; list-style: none; }
.solution-benefits li { padding-block: var(--space-4); border-block-start: var(--line) solid var(--color-rule); }
.solution-benefits strong { display: block; }
.solution-benefits p { margin: var(--space-2) 0 0; }
.solution-faq { padding-block: var(--space-5); border-block-start: var(--line) solid var(--color-rule); }
.solution-faq p { margin: 0; }
.solution-brief { background: var(--color-paper-2); }
.solution-brief li { margin-block: var(--space-2); }
.solution-hub { display: grid; gap: var(--space-8); align-items: start; }
.solution-hub figure { margin: 0; }
.solution-hub img { width: 100%; height: auto; }
.solution-hub figcaption { color: var(--color-muted); font-size: .88rem; }
.solution-hub p { max-width: 60ch; }
.solution-hub h2 { max-width: 26ch; }
[id] { scroll-margin-top: 6rem; }
@media (min-width: 48rem) {
  .solution-intro { grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr); align-items: end; }
  .solution-split { grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr); gap: var(--space-12); }
  .solution-machine { grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); align-items: center; }
  .solution-hub { grid-template-columns: minmax(0, 1.2fr) minmax(0, .8fr); }
}
@media (min-width: 60rem) { .solution-section { padding-block: var(--space-16); } }
@media (pointer: coarse) { .solution-actions a, .solution-jump a, .solution-link { min-height: 3rem; } }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }