/* fondira.world — правові сторінки */

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

:root {
    --fd-slate: #2f4858;
    --fd-slate-deep: #1f323e;
    --fd-salmon: #e07a5f;
    --fd-text: #22313a;
    --fd-dim: #5f717c;
    --fd-line: #dde5e8;
    --fd-bg: #f5f7f7;
    --fd-font: Verdana, Geneva, "DejaVu Sans", sans-serif;
}

body {
    background: var(--fd-bg);
    color: var(--fd-text);
    font-family: var(--fd-font);
    font-size: 14px;
    line-height: 1.75;
}

.FdMast {
    padding: 15px 20px;
    text-align: center;
    background: var(--fd-slate);
}

.FdMast-name {
    font-size: 19px;
    font-weight: 700;
    letter-spacing: .3em;
    text-transform: uppercase;
    text-decoration: none;
    color: #fff;
}

.FdDocHead {
    padding: 40px 20px 34px;
    text-align: center;
    background: var(--fd-slate-deep);
    color: #fff;
}

.FdDocHead-title {
    font-size: clamp(22px, 3.6vw, 34px);
    line-height: 1.25;
}

.FdDocHead-lead {
    max-width: 640px;
    margin: 10px auto 0;
    color: #c9d5db;
}

.FdDocHead-date {
    display: inline-block;
    margin-top: 14px;
    padding: 3px 12px;
    font-size: 12px;
    color: var(--fd-slate-deep);
    background: var(--fd-salmon);
    border-radius: 10px;
}

.FdDocList {
    max-width: 800px;
    margin: -16px auto 0;
    padding: 0 16px;
}

.FdQa {
    margin-bottom: 10px;
    background: #fff;
    border: 1px solid var(--fd-line);
    border-radius: 10px;
}

.FdQa-q {
    position: relative;
    padding: 16px 48px 16px 18px;
    cursor: pointer;
    list-style: none;
    font-size: 15px;
    font-weight: 700;
    color: var(--fd-slate);
}

.FdQa-q::-webkit-details-marker {
    display: none;
}

.FdQa-q::after {
    content: "+";
    position: absolute;
    right: 18px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 22px;
    color: var(--fd-salmon);
}

.FdQa[open] .FdQa-q::after {
    content: "−";
}

.FdQa-a {
    padding: 0 18px 16px;
    border-top: 1px dashed var(--fd-line);
}

.FdQa-a p,
.FdQa-a ul {
    margin-top: 10px;
}

.FdQa-a ul {
    padding-left: 20px;
}

.FdQa-a li {
    margin-bottom: 4px;
}

.FdQa-a a {
    color: var(--fd-salmon);
}

.FdFoot {
    margin-top: 48px;
    padding: 24px 20px;
    text-align: center;
    background: #fff;
    border-top: 3px solid var(--fd-salmon);
}

.FdFoot-inner {
    max-width: 860px;
    margin: 0 auto;
}

.FdFoot-nav {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 6px 22px;
    margin-bottom: 12px;
}

.FdFoot-nav a {
    font-size: 12px;
    color: var(--fd-slate);
    text-decoration: none;
}

.FdFoot-nav a:hover {
    color: var(--fd-salmon);
}

.FdFoot-copy {
    font-size: 11px;
    color: var(--fd-dim);
}

.FdFoot-legal {
    max-width: 760px;
    margin: 10px auto 0;
    font-size: 11px;
    line-height: 1.7;
    color: #8a989f;
}