.si-stack { display: flex; flex-direction: column; gap: 1.25rem; }
.si-hero-results { display: grid; grid-template-columns: 1fr 1fr; gap: 0.75rem; }
.si-hero-card { text-align: center; padding: 1.1rem 0.75rem; border-radius: var(--radius-md); background: var(--color-bg-base); border: 1px solid var(--color-border); }
.si-hero-card.hero-main { grid-column: span 2; background: color-mix(in srgb, var(--color-primary) 8%, var(--color-bg-card)); }
.si-hero-card .result-number { font-size: 1.75rem; font-weight: 800; color: var(--color-secondary); }
.si-hero-card.hero-main .result-number { font-size: 2.1rem; color: var(--color-primary); }
.si-compare-row { display: grid; grid-template-columns: 1fr 1fr; gap: 0.75rem; margin-top: 0.5rem; }
.si-compare-cell { text-align: center; padding: 0.85rem; border-radius: var(--radius-md); border: 1px solid var(--color-border); background: var(--color-bg-base); }
.si-compare-cell strong { display: block; font-size: 0.72rem; text-transform: uppercase; color: var(--color-text-muted); margin-bottom: 0.35rem; }
.si-compare-gap { text-align: center; padding: 0.85rem; border-radius: var(--radius-md); border: 1px solid var(--color-primary); background: color-mix(in srgb, var(--color-primary) 8%, transparent); margin-top: 0.75rem; }
#worked-solution { white-space: pre-line; }
#calculation-formula-breakdown { white-space: pre-line; }
.calc-calc-btn { width: 100%; padding: 0.9rem; margin-top: 1rem; }
@media (max-width: 640px) {
    .si-hero-results { grid-template-columns: 1fr; }
    .si-hero-card.hero-main { grid-column: span 1; }
    .si-compare-row { grid-template-columns: 1fr; }
}