:root {
    --ql-deep: #33401f;
    --ql-olive: #57682f;
    --ql-rust: #b8532b;
    --ql-ink: #1e2413;
    --ql-mute: #6e7657;
    --ql-edge: #dfe4cd;
    --ql-paper: #f9faf3;
}

.ql-lead-para-el {
    font-size: 17px;
    color: var(--ql-ink) !important;
}
.ql-lead-para-el::first-letter {
    float: left;
    font-family: "Rockwell", "Rockwell Nova", "Courier New", Courier, monospace;
    font-size: 66px;
    line-height: .82;
    font-weight: 700;
    color: var(--ql-rust);
    padding: 6px 14px 4px 0;
    margin: 4px 14px 0 0;
    border-right: 3px solid var(--ql-olive);
}

.ql-defs-el {
    margin: 26px 0 28px;
    column-count: 2;
    column-gap: 38px;
    column-rule: 2px solid var(--ql-edge);
}
.ql-defs-el dt {
    break-inside: avoid;
    page-break-inside: avoid;
    font-family: "Rockwell", "Rockwell Nova", "Courier New", Courier, monospace;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: var(--ql-olive);
    margin-bottom: 4px;
}
.ql-defs-el dd {
    break-inside: avoid;
    page-break-inside: avoid;
    margin: 0 0 18px;
    padding-left: 12px;
    border-left: 2px solid var(--ql-edge);
    font-size: 15px;
    line-height: 1.7;
    color: var(--ql-mute);
}
@media (max-width: 740px) {
    .ql-defs-el { column-count: 1; column-rule: none; }
}

.ql-note-el {
    margin: 26px 0 28px;
    padding: 20px 22px 18px;
    background: var(--ql-paper);
    border: 2px solid var(--ql-rust);
    box-shadow: none;
}
.ql-note-title-el {
    display: block;
    margin-bottom: 6px;
    font-family: "Rockwell", "Rockwell Nova", "Courier New", Courier, monospace;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ql-rust);
}
.ql-note-el p { margin: 0 !important; color: var(--ql-ink) !important; }

.ql-table-el {
    width: 100%;
    border-collapse: collapse;
    margin: 22px 0 28px;
    background: #fff;
    border: 2px solid var(--ql-deep);
}
.ql-table-el th {
    background: var(--ql-deep);
    color: var(--ql-paper);
    text-align: left;
    padding: 12px 15px;
    font-family: "Rockwell", "Rockwell Nova", "Courier New", Courier, monospace;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .12em;
    text-transform: uppercase;
}
.ql-table-el td {
    padding: 12px 15px;
    border-top: 2px solid var(--ql-edge);
    font-size: 15px;
    color: var(--ql-mute);
    vertical-align: top;
}
.ql-table-el tr:nth-child(even) td { background: #f5f7ea; }

.ql-steps-el {
    margin: 26px 0 28px;
    counter-reset: ql-step;
}
.ql-step-el {
    display: grid;
    grid-template-columns: 46px 1fr;
    gap: 16px;
    align-items: start;
    padding: 16px 0;
    border-top: 2px solid var(--ql-edge);
}
.ql-step-el:last-child { border-bottom: 2px solid var(--ql-edge); }
.ql-step-num-el {
    width: 46px;
    height: 46px;
    display: grid;
    place-items: center;
    background: var(--ql-olive);
    border: 2px solid var(--ql-deep);
    color: #fff;
    font-family: "Rockwell", "Rockwell Nova", "Courier New", Courier, monospace;
    font-size: 17px;
    font-weight: 700;
}
.ql-step-title-el {
    font-family: "Rockwell", "Rockwell Nova", "Courier New", Courier, monospace;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: var(--ql-ink);
    margin-bottom: 3px;
}
.ql-step-text-el {
    font-size: 15px;
    line-height: 1.7;
    color: var(--ql-mute);
}
