/* Janisse12 — додаткові блоки сторінок політик.
   Підключається ПІСЛЯ jn-doc-1.css. */

:root {
    --jn-olive: #4a5320;
    --jn-moss: #7d8b39;
    --jn-teal: #17a2a2;
    --jn-ink: #22261a;
    --jn-mute: #6b7154;
    --jn-edge: #dde2c6;
    --jn-paper: #f8f9f0;
    --jn-tint: #eaeedb;
    --jn-deep: #333a13;
}

/* ---- декоративний роздільник розділів ---- */
.jn-rule-15 {
    display: block;
    margin: 34px 0;
    text-align: center;
    line-height: 1;
    border: none;
    height: auto;
    overflow: visible;
}
.jn-rule-15::before {
    content: "◆";
    display: inline-block;
    font-family: Didot, "Bodoni MT", Georgia, serif;
    font-size: 13px;
    letter-spacing: .9em;
    color: var(--jn-moss);
    opacity: .75;
}

/* ---- акцентна врізка ---- */
.jn-note-12 {
    margin: 26px 0;
    padding: 18px 22px 18px 24px;
    border-left: 4px solid var(--jn-teal);
    border-radius: 0 18px 18px 0;
    background: linear-gradient(100deg, rgba(23, 162, 162, .1), rgba(248, 249, 240, .55));
}
.jn-note-12 p { margin: 0; color: var(--jn-ink); font-size: 15px; }

/* ---- список визначень «термін — пояснення» з крапковим лідером ---- */
.jn-defs-10 {
    margin: 22px 0 28px;
    padding: 4px 0 0;
}
.jn-defs-row-10 {
    display: flex;
    align-items: baseline;
    gap: 6px;
    padding: 9px 0;
    font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif;
    font-size: 14px;
    line-height: 1.6;
}
.jn-defs-term-10 {
    flex: 0 1 auto;
    color: var(--jn-deep);
    font-weight: 700;
}
.jn-defs-dots-10 {
    flex: 1 1 24px;
    min-width: 22px;
    align-self: flex-end;
    height: 1px;
    margin-bottom: 5px;
    border-bottom: 2px dotted rgba(125, 139, 57, .55);
}
.jn-defs-val-10 {
    flex: 0 1 auto;
    text-align: right;
    color: var(--jn-mute);
}
@media (max-width: 560px) {
    .jn-defs-row-10 {
        display: block;
        padding: 10px 0;
        border-bottom: 1px dotted rgba(125, 139, 57, .45);
    }
    .jn-defs-dots-10 { display: none; }
    .jn-defs-val-10 { display: block; text-align: left; }
}

/* ---- зміст сторінки (використовується в «Умовах використання») ---- */
.jn-toc-16 {
    margin: 0 0 30px;
    padding: 18px 22px;
    border: 1px dashed rgba(125, 139, 57, .55);
    border-radius: 14px;
    background: rgba(234, 238, 219, .5);
}
.jn-toc-16 strong {
    display: block;
    font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .2em;
    text-transform: uppercase;
    color: var(--jn-moss);
    margin-bottom: 8px;
}
.jn-toc-16 ol {
    margin: 0;
    padding-left: 20px;
    font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif;
    font-size: 13.5px;
    line-height: 1.85;
    color: var(--jn-mute);
}
.jn-toc-16 ol li { margin: 0; }
.jn-toc-16 a { color: var(--jn-olive); }
.jn-toc-16 a:hover { color: var(--jn-teal); text-decoration: underline; }

/* ---- великий вступний абзац (використовується на сторінці повернень) ---- */
.jn-lead-17 {
    margin: 0 0 26px;
    font-family: Didot, "Bodoni MT", Georgia, serif;
    font-size: 19px;
    line-height: 1.62;
    color: var(--jn-deep);
}
.jn-lead-17 strong { color: var(--jn-olive); }

/* ---- колонка-обгортка та смуга cookie ---- */
.jn-col-14 { max-width: 640px; margin: 0 auto; padding: 0 20px; }
.jn-body-14 { max-width: 640px; margin: 0 auto; }

.jn-cookie-13 {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(34, 38, 26, .96);
    color: var(--jn-paper);
    padding: 18px 22px;
    z-index: 1000;
    backdrop-filter: blur(12px);
}
.jn-cookie-row-13 {
    max-width: 1100px;
    margin: 0 auto;
    display: flex;
    gap: 16px;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}
.jn-cookie-text-13 {
    flex: 1;
    min-width: 220px;
    font: 14px/1.7 "Lucida Grande", "Lucida Sans Unicode", sans-serif;
    color: #c7ceb0;
}
.jn-cookie-text-13 a { color: var(--jn-teal); text-decoration: underline; }
.jn-cookie-actions-13 { display: flex; gap: 10px; flex-wrap: wrap; }
.jn-cookie-yes-13,
.jn-cookie-no-13 {
    padding: 10px 18px;
    border-radius: 24px;
    cursor: pointer;
    border: none;
    font: 700 13px/1 "Lucida Grande", "Lucida Sans Unicode", sans-serif;
    text-transform: uppercase;
    letter-spacing: .08em;
}
.jn-cookie-yes-13 { background: linear-gradient(135deg, var(--jn-olive), var(--jn-moss)); color: var(--jn-paper); }
.jn-cookie-no-13 { background: var(--jn-tint); color: var(--jn-ink); border: 1px solid rgba(74, 83, 32, .18); }