.article-visuals{margin:2rem 0;scroll-margin-top:110px}
.article-visuals h2{margin-top:1.5rem}
.article-visuals .visual-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;list-style:none;padding:0;margin:0 0 1.5rem;counter-reset:visual-step}
.article-visuals .visual-steps li{counter-increment:visual-step;display:flex;align-items:center;gap:10px;background:#f8f4ef;border:1px solid #e7dbd3;border-radius:12px;padding:12px;line-height:1.35;margin:0}
.article-visuals .visual-steps li::before{content:counter(visual-step);flex:0 0 26px;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#8e0b18;color:white;font-weight:700}
.article-visuals .visual-formats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:12px;background:#f8f4ef;border-radius:12px;margin:0 0 1.4rem;text-align:center}
.article-visuals .visual-formats svg{display:block;width:100%;height:clamp(72px,16vw,145px)}
.article-visuals .visual-formats strong,.article-visuals .visual-formats small{display:block;line-height:1.35}
.article-visuals .visual-photo{max-width:570px;margin:1rem 0 0}
.article-visuals .visual-photo img{display:block;width:100%;height:auto;max-height:470px;object-fit:contain;object-position:left;border-radius:12px}
.article-visuals .visual-photo figcaption{padding-top:.6rem}
.article-visuals table th[scope=row]{text-align:left}
.article-visuals .visual-size-table{overflow-x:auto}
.article-visuals .visual-size-table table{min-width:0;width:100%}
.article-visuals .visual-size-table th,.article-visuals .visual-size-table td{overflow-wrap:anywhere}
@media(max-width:620px){.article-visuals .visual-steps{grid-template-columns:1fr}.article-visuals .visual-size-table th,.article-visuals .visual-size-table td{font-size:.87rem;padding:.5rem .38rem}}