/* The guided refund (doc 100 mockup 3): the mockup's own additions to app.css, with app.css's tokens only. */
ol.steps{list-style:none;margin:0;padding:0;counter-reset:step}
ol.steps>li{display:grid;grid-template-columns:2.6rem 1fr auto;gap:.4rem 1rem;padding:1.1rem 0;border-top:1px solid var(--row);counter-increment:step}
ol.steps>li:first-child{border-top:0;padding-top:.2rem}
ol.steps>li::before{content:counter(step);font:400 1.7rem/1 var(--austin);color:var(--eyebrow);grid-row:span 2}
ol.steps h3{margin:0;font:600 .98rem/1.3 var(--sans)}
ol.steps .body{grid-column:2 / 4;font-size:.86rem;line-height:1.5;color:var(--lead)}
ol.steps .body p{margin:.3rem 0}
ol.steps .actions{margin-top:.7rem}
ol.steps li.later h3,ol.steps li.later .body{opacity:.62}
ul.checks{list-style:none;margin:.4rem 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:.35rem 1.2rem}
ul.checks li{font-size:.84rem}
.facts{border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.04);padding:.9rem 1rem;font-size:.86rem;line-height:1.5;color:#eef2fb}
@media (max-width:760px){
  ol.steps>li{grid-template-columns:2rem 1fr}
  ol.steps>li>.st{grid-column:2}
  ol.steps .body{grid-column:1 / 3}
  ul.checks{grid-template-columns:1fr}
  dl.kv dt{flex:0 0 7rem}
}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}