.topics{list-style:none;margin:0 0 16px;padding:0;border-top:1px solid var(--hair)}
.topics li{display:flex;flex-direction:column;gap:2px;margin:0;padding:16px 0;border-bottom:1px solid var(--hair)}
.topics a{text-decoration:none}
.topics a:hover{text-decoration:underline}
.topics span{color:var(--second);font-size:15px}
.crumb{margin:0 0 24px;font-size:15px}
.steps{list-style:none;margin:0 0 24px;padding:0;counter-reset:step}
.steps li{position:relative;margin:0 0 24px;padding-left:40px;counter-increment:step}
.steps li::before{content:counter(step);position:absolute;left:0;top:0;display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid var(--hair);border-radius:50%;color:var(--ink);font:700 14px Manrope,system-ui,sans-serif}
.steps p{margin:0 0 12px}
.steps img{display:block;width:100%;max-width:322px;height:auto;border:1px solid var(--hair);border-radius:16px}
@media (min-width:900px){
.topics span{font-size:16px}
.steps li{padding-left:48px}
}