.counting-hero{background:linear-gradient(125deg,var(--green-dark) 0 70%,#12382f 70%)}
.decision-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem}
.decision{padding:1rem;background:#f6f7f2;border-top:4px solid var(--green)}
.decision strong,.decision span{display:block}
.decision span{margin:.3rem 0;color:var(--coral);font:600 1.35rem Georgia,serif}
.decision p{margin:.2rem 0;color:var(--muted);font-size:.92rem}
.callout,.source-note{margin:1rem 0;padding:1rem;background:#fff7dc;border-left:5px solid var(--yellow)}
.count-steps{padding-left:1.4rem}.count-steps li{margin:.55rem 0}
.gap-demo{display:flex;align-items:center;justify-content:center;gap:.45rem;margin:1rem 0;padding:1.2rem;background:var(--green-soft);overflow-x:auto}
.gap-demo span{padding:.3rem .45rem;color:var(--muted);border:1px dashed var(--green)}
.gap-demo b{display:grid;place-items:center;width:2.2rem;height:2.2rem;color:#fff;background:var(--green-dark);border-radius:50%}
.source-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}
.source-grid a{display:flex;flex-direction:column;padding:1rem;text-decoration:none;background:#f6f7f2;border:1px solid var(--line);border-radius:10px}
.source-grid a:hover{border-color:var(--green)}.source-grid span{color:var(--muted);font-size:.92rem}
@media(max-width:720px){.decision-grid,.source-grid{grid-template-columns:1fr 1fr}}
@media(max-width:460px){.decision-grid,.source-grid{grid-template-columns:1fr}}