.fw-site .fw-editorial + .fw-r3-professional {
    margin-block-start: clamp(24px, 3.2vw, 40px);
}

.fw-site :is(.fw-editorial, .fw-r3-professional) > h3 {
    margin-block-end: .48em;
    font-size: clamp(23px, 2.1vw, 29px);
    line-height: 1.18;
}

.fw-site .fw-r3-professional > h3:first-child {
    margin-block-start: 0;
}

.fw-site .fw-editorial-card > :is(h3, h4) {
    margin-block-end: .4em;
    font-size: clamp(19px, 1.65vw, 22px);
    line-height: 1.2;
}

.fw-site :is(.fw-editorial, .fw-r3-professional) .fw-drawn-steps {
    max-width: none;
    margin-block: .75em 1.35em;
    padding-inline-start: 1.65em;
    list-style: decimal outside;
}

.fw-site .fw-drawn-steps > li {
    margin: 0;
    padding: .75em 0 .85em .25em;
    border-block-start: 1px solid var(--fw-line);
}

.fw-site .fw-drawn-steps > li::marker {
    color: var(--fw-red-dark);
    font-weight: 700;
}

.fw-site .fw-drawn-step {
    display: grid;
    grid-template-columns: minmax(200px, .8fr) minmax(0, 1.45fr);
    align-items: start;
    gap: clamp(12px, 2.2vw, 24px);
}

.fw-site .fw-schematic-img {
    display: block;
    width: 100%;
    max-width: 360px;
    height: auto;
    border: 1px solid var(--fw-line);
    background: #f8f7f3;
}

.fw-site .fw-drawn-step-text > strong:first-child {
    display: block;
    margin-block-end: .25em;
    font-size: 1.06em;
    line-height: 1.25;
}

.fw-site .fw-drawn-card .fw-schematic-img {
    margin-block: .5em .7em;
}

.fw-site .fw-schematic-caption {
    margin-block: -.4em 1.2em;
    color: var(--fw-muted);
    font-size: .9em;
}

@media (max-width: 670px) {
    .fw-site .fw-drawn-step {
        grid-template-columns: minmax(0, 1fr);
        gap: 9px;
    }
}