/* Quick-facts grid */
.fact-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; }
.fact-tile { background: var(--sandstone); border: 1px solid var(--border);
    border-radius: 12px; padding: 26px 16px; text-align: center; }
.fact-tile .fact-num { font-family: "Space Grotesk", sans-serif; font-weight: 700;
    font-size: 32px; color: var(--orange); margin-bottom: 6px; }
.fact-tile .fact-label { font-size: 14px; color: var(--text-2); }

/* Numbered step header */
.step-head { display: flex; align-items: center; gap: 14px; margin-bottom: 18px; }
.step-head .step-num { flex-shrink: 0; width: 42px; height: 42px; border-radius: 50%;
    background: var(--orange); color: #fff; font-family: "Space Grotesk", sans-serif;
    font-weight: 700; font-size: 18px; display: flex; align-items: center; justify-content: center; }
.step-head h3 { margin: 0; font-size: 22px; }

/* Callout boxes */
.callout { border-radius: 10px; padding: 16px 18px; margin: 16px 0; }
.callout strong:first-child { display: block; margin-bottom: 6px; }
.callout--info { background: rgba(46,93,59,.08); border: 1px solid rgba(46,93,59,.2); }
.callout--warn { background: rgba(216,160,42,.1); border: 1px solid rgba(216,160,42,.3); }
.callout--danger { background: rgba(192,57,43,.08); border: 1px solid rgba(192,57,43,.25); }
.callout--good { background: rgba(46,93,59,.08); border: 1px solid rgba(46,93,59,.2); }
.callout ul { margin: 6px 0 0; padding-left: 20px; }

/* Scenario card icon */
.m-card .scen-head { display: flex; align-items: center; gap: 12px; margin-bottom: 14px; }
.m-card .scen-head .ico { margin: 0; width: 46px; height: 46px; }
.m-card .scen-head h3 { margin: 0; font-size: 19px; }
.m-card .scen-head .scen-sub { font-size: 13px; color: var(--text-2); }
.scenario-item { margin-bottom: 14px; }
.scenario-item ul { margin: 4px 0 0; padding-left: 20px; font-size: 14px; color: var(--text-2); }

.two-col { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
@media (max-width: 880px) {
    .fact-grid { grid-template-columns: 1fr 1fr; }
    .two-col { grid-template-columns: 1fr; }
}