*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

:root {
    --qz_clay: #8c3b21;
    --qz_terra: #c2603a;
    --qz_sand: #e8b44a;
    --qz_ink: #2e1c14;
    --qz_mute: #7d6455;
    --qz_edge: #ecd9c6;
    --qz_paper: #fdf7f0;
    --qz_panel: #fffdfa;
    --qz_ui: "Segoe UI", Arial, Helvetica, sans-serif;
    --qz_head: "Cambria", "Book Antiqua", Georgia, serif;
    --qz_r1: 10px;
    --qz_r2: 12px;
    --qz_r3: 14px;
    --qz_sh1: 0 4px 12px rgba(140, 59, 33, .08);
    --qz_sh2: 0 10px 26px rgba(46, 28, 20, .12);
}

html { scroll-behavior: smooth; }

body {
    font-family: var(--qz_head);
    background: var(--qz_paper);
    color: var(--qz_ink);
    line-height: 1.75;
    font-size: 17px;
}

a {
    color: var(--qz_clay);
    text-decoration: none;
    transition: color .2s ease;
}
a:hover { color: var(--qz_terra); }

/* ---------- шапка ---------- */
.qz_head {
    position: sticky;
    top: 0;
    z-index: 20;
    padding: 16px 20px;
    background: rgba(253, 247, 240, .94);
    border-bottom: 2px solid var(--qz_edge);
    box-shadow: var(--qz_sh1);
}
.qz_head_inner {
    max-width: 1080px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
}
.qz_head_brand {
    font-family: var(--qz_ui);
    font-size: 20px;
    font-weight: 700;
    letter-spacing: .24em;
    text-transform: uppercase;
    color: var(--qz_clay);
    border-bottom: 3px solid var(--qz_sand);
    padding-bottom: 3px;
}

/* ---------- шапка документа ---------- */
.qz_doc_top {
    max-width: 1040px;
    margin: 0 auto;
    padding: 56px 24px 30px;
    border-bottom: 2px dashed var(--qz_edge);
}
.qz_doc_kicker {
    font-family: var(--qz_ui);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .26em;
    text-transform: uppercase;
    color: var(--qz_terra);
    margin-bottom: 14px;
}
.qz_doc_title {
    font-size: clamp(28px, 4.6vw, 46px);
    line-height: 1.16;
    font-weight: 600;
    color: var(--qz_ink);
    margin-bottom: 14px;
    max-width: 22ch;
}
.qz_doc_title span {
    display: inline-block;
    padding: 1px 8px 3px;
    border: 2px dashed var(--qz_terra);
    border-radius: 2px;
    color: var(--qz_clay);
}
.qz_doc_sub {
    max-width: 70ch;
    color: var(--qz_mute);
    font-size: 17px;
}
.qz_doc_stamp {
    margin-top: 18px;
    font-family: var(--qz_ui);
    font-size: 12px;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: var(--qz_mute);
}

/* ---------- читалка ---------- */
.qz_doc_wrap {
    max-width: 1040px;
    margin: 0 auto;
    padding: 34px 24px 70px;
}

.qz_doc_sec {
    border-left: 5px solid var(--qz_edge);
    padding: 4px 0 4px 26px;
    margin-bottom: 40px;
    transition: border-color .2s ease;
}
.qz_doc_sec:hover { border-left-color: var(--qz_terra); }
.qz_doc_sec:first-child { margin-top: 0; }

.qz_doc_h {
    font-family: var(--qz_ui);
    font-size: clamp(15px, 2vw, 18px);
    font-weight: 700;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--qz_clay);
    margin-bottom: 14px;
}
.qz_doc_h small {
    display: inline-block;
    font-size: 13px;
    letter-spacing: .12em;
    color: var(--qz_sand);
    margin-right: 10px;
}

.qz_doc_sub_h {
    font-family: var(--qz_ui);
    font-size: 15px;
    font-weight: 700;
    letter-spacing: .06em;
    color: var(--qz_ink);
    margin: 20px 0 8px;
}

.qz_doc_txt {
    max-width: 78ch;
    color: var(--qz_mute);
    margin-bottom: 14px;
}
.qz_doc_txt strong { color: var(--qz_ink); }

.qz_doc_list {
    max-width: 78ch;
    list-style: none;
    margin: 0 0 16px;
    color: var(--qz_mute);
}
.qz_doc_list li {
    position: relative;
    padding-left: 22px;
    margin-bottom: 8px;
}
.qz_doc_list li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 13px;
    width: 10px;
    height: 2px;
    background: var(--qz_terra);
}
.qz_doc_list strong { color: var(--qz_ink); }

@media (max-width: 740px) {
    body { font-size: 16px; }
    .qz_doc_top { padding: 40px 18px 24px; }
    .qz_doc_wrap { padding: 26px 18px 54px; }
    .qz_doc_sec { padding-left: 16px; border-left-width: 4px; }
}

/* ---------- футер ---------- */
.qz_foot {
    margin-top: 0;
    background: #f4e5d3;
    border-top: 4px solid var(--qz_edge);
    padding: 24px 20px 22px;
    font-family: var(--qz_ui);
    text-align: center;
}
.qz_foot_inner {
    max-width: 900px;
    margin: 0 auto;
}
.qz_foot_nav {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 6px 22px;
    margin-bottom: 12px;
}
.qz_foot_nav a {
    color: var(--qz_clay);
    font-size: 12px;
    letter-spacing: .06em;
    border-bottom: 1px dashed rgba(140, 59, 33, .4);
}
.qz_foot_nav a:hover { color: var(--qz_terra); }
.qz_foot_note {
    font-size: 12px;
    color: var(--qz_mute);
    margin-bottom: 8px;
}
.qz_foot_disc {
    max-width: 760px;
    margin: 0 auto;
    font-size: 11px;
    line-height: 1.7;
    color: #8d7663;
}