:root {
    --vl5-deep: #24384f;
    --vl5-blue: #3f6591;
    --vl5-coral: #ff6f5e;
    --vl5-ink: #17222e;
    --vl5-mute: #64748b;
    --vl5-edge: #dbe4ee;
    --vl5-paper: #f5f8fb;
}

/* дрібна службова примітка на полях документа */
.vl5-note {
    margin: 24px 0;
    padding: 14px 0 14px 18px;
    border-left: 2px dashed var(--vl5-edge);
    font: 13px/1.7 Georgia, "Times New Roman", serif;
    color: var(--vl5-mute);
}
.vl5-note b { color: var(--vl5-deep); }

/* перелік «термін — пояснення» без карток */
.vl5-defs { margin: 20px 0 24px; }
.vl5-defs-t {
    font: 700 13px/1.5 "Franklin Gothic Medium", "Arial Narrow", Arial, sans-serif;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: var(--vl5-blue);
    padding-top: 14px;
    border-top: 1px solid var(--vl5-edge);
}
.vl5-defs-d {
    margin: 4px 0 0;
    font: 15px/1.75 Georgia, "Times New Roman", serif;
    color: var(--vl5-ink);
}

/* нумерований порядок дій у стилі друкованого документа */
.vl5-steps {
    counter-reset: vl5step;
    list-style: none;
    margin: 22px 0 26px;
    padding: 0;
}
.vl5-steps li {
    counter-increment: vl5step;
    position: relative;
    padding: 0 0 14px 46px;
    margin: 0 0 14px;
    border-bottom: 1px solid var(--vl5-edge);
}
.vl5-steps li:last-child { border-bottom: none; margin-bottom: 0; }
.vl5-steps li::before {
    content: counter(vl5step, decimal-leading-zero);
    position: absolute;
    left: 0;
    top: 2px;
    font: 700 15px/1 "Franklin Gothic Medium", "Arial Narrow", Arial, sans-serif;
    letter-spacing: .05em;
    color: var(--vl5-coral);
}

/* виділення ключового слова просто в рядку */
.vl5-key {
    font: 700 13px/1.4 "Franklin Gothic Medium", "Arial Narrow", Arial, sans-serif;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: var(--vl5-deep);
    border-bottom: 2px solid var(--vl5-coral);
    padding-bottom: 1px;
}

/* завершальний рядок документа */
.vl5-sig {
    margin-top: 34px;
    padding-top: 16px;
    border-top: 3px solid var(--vl5-deep);
    font: 12px/1.7 "Franklin Gothic Medium", "Arial Narrow", Arial, sans-serif;
    letter-spacing: .16em;
    text-transform: uppercase;
    color: var(--vl5-mute);
}