/* Shared, decorative icons always paired with visible labels. */
.ui-icon{display:inline-block;width:1.25em;height:1.25em;flex:none;vertical-align:-.22em;margin-right:.45em;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.starter-summary dt .ui-icon,.facts dt .ui-icon{color:var(--blue)}
.facts dt{flex:0 0 90px;width:90px}.step h3 .ui-icon{color:var(--green);width:1.35em;height:1.35em}
.lesson-flow{list-style:none;padding:0;counter-reset:lesson}.lesson-flow li{counter-increment:lesson;margin:18px 0;padding:18px;background:#eff8ee;border-radius:12px}.lesson-flow strong{display:block;margin-bottom:6px}.lesson-flow strong:before{content:counter(lesson,decimal-leading-zero) "　";font-size:13px;color:var(--green)}
.pill .ui-icon{width:1.1em;height:1.1em;margin-right:.35em}.access h2 .ui-icon{color:var(--blue)}
@media(max-width:600px){.facts dl>div{gap:10px}.facts dt{flex-basis:82px;width:82px}.step h3 .ui-icon{width:1.15em;height:1.15em;margin-right:.3em}}