.information-page { background: #f7faff; }

.information-hero {
    padding: 64px 0 50px;
    border-bottom: 1px solid var(--line);
    background:
        radial-gradient(circle at 82% 10%, rgba(7, 94, 232, .13), transparent 26rem),
        linear-gradient(180deg, #edf5ff, #f7faff);
}

.information-breadcrumbs {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    margin: 0 0 24px;
    color: var(--muted);
    font-size: .86rem;
}

.information-breadcrumbs a { color: inherit; }
.information-breadcrumbs span:last-child { color: var(--ink); font-weight: 750; }

.information-hero h1 {
    max-width: 900px;
    margin: 0;
    color: var(--brand-navy);
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(2.35rem, 6vw, 5rem);
    line-height: .98;
    letter-spacing: -.045em;
}

.information-lead {
    max-width: 780px;
    margin: 22px 0 0;
    color: #506580;
    font-size: clamp(1.04rem, 2vw, 1.22rem);
}

.information-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 20px;
    margin-top: 22px;
    color: var(--muted);
    font-size: .85rem;
}

.information-layout {
    display: grid;
    grid-template-columns: minmax(210px, .55fr) minmax(0, 2fr);
    gap: clamp(34px, 6vw, 78px);
    align-items: start;
    padding-block: 48px 86px;
}

.information-toc {
    position: sticky;
    top: 102px;
    padding: 20px;
    border: 1px solid var(--line);
    border-radius: 15px;
    background: #fff;
}

.information-toc strong { display: block; margin-bottom: 10px; color: var(--ink); }
.information-toc a { display: block; padding: 7px 0; color: #49617f; text-decoration: none; font-size: .88rem; }
.information-toc a:hover { color: var(--brand-blue); }

.information-content { max-width: 830px; }
.information-content > :first-child { margin-top: 0; }

.information-content section {
    scroll-margin-top: 100px;
    padding-bottom: 34px;
}

.information-content section + section {
    padding-top: 34px;
    border-top: 1px solid var(--line);
}

.information-content h2 {
    margin: 0 0 15px;
    color: var(--brand-navy);
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(1.55rem, 3vw, 2.2rem);
    line-height: 1.12;
}

.information-content h3 { margin: 24px 0 8px; color: var(--ink); font-size: 1.08rem; }
.information-content p { margin: 0 0 14px; color: #405471; }
.information-content ul, .information-content ol { margin: 12px 0 18px; padding-left: 22px; color: #405471; }
.information-content li + li { margin-top: 9px; }
.information-content a { font-weight: 700; }

.principle-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 15px;
    margin: 22px 0;
}

.principle-card {
    padding: 21px;
    border: 1px solid var(--line);
    border-radius: 14px;
    background: #fff;
}

.principle-card h3 { margin-top: 0; }
.principle-card p { margin-bottom: 0; }

.information-note,
.configuration-warning {
    margin: 20px 0;
    padding: 17px 19px;
    border-left: 4px solid var(--brand-blue);
    border-radius: 8px;
    background: #edf5ff;
}

.configuration-warning { border-color: #b97800; background: #fff6df; }
.configuration-warning strong { color: #694500; }

.policy-table-wrap { margin: 20px 0; overflow-x: auto; }
.policy-table { width: 100%; min-width: 660px; border: 1px solid var(--line); border-collapse: separate; border-spacing: 0; border-radius: 12px; overflow: hidden; background: #fff; }
.policy-table th, .policy-table td { padding: 13px 14px; border-bottom: 1px solid var(--line); text-align: left; vertical-align: top; }
.policy-table th { color: var(--ink); background: #edf4fe; font-size: .84rem; }
.policy-table tr:last-child td { border-bottom: 0; }

@media (max-width: 820px) {
    .information-layout { grid-template-columns: 1fr; gap: 28px; }
    .information-toc { position: static; }
}

@media (max-width: 680px) {
    .information-hero { padding: 42px 0 34px; }
    .information-layout { padding-block: 28px 58px; }
    .principle-grid { grid-template-columns: 1fr; }
    .information-content section { padding-bottom: 27px; }
    .information-content section + section { padding-top: 27px; }
}

/* Списъци и CTA за съдържателните страници (Как работи, Методика). */
.numbered-steps { margin: 0; padding-left: 1.25rem; display: grid; gap: 12px; }
.numbered-steps li { line-height: 1.6; }
.meta-list { margin: 0; padding: 0; list-style: none; display: grid; gap: 8px; }
.meta-list li { line-height: 1.6; }
.information-cta {
    display: inline-flex; align-items: center; justify-content: center;
    min-height: 46px; padding: 0 24px; border-radius: 10px;
    color: #fff; background: var(--brand-blue);
    font-weight: 800; text-decoration: none;
    box-shadow: 0 10px 24px rgba(7, 94, 232, .18);
}
.information-cta:hover { color: #fff; background: #034dbf; }

/* Статуси на обещания — легенда в методиката. */
.status-legend { margin: 0; padding: 0; list-style: none; display: grid; gap: 12px; }
.status-legend li { display: flex; gap: 12px; align-items: flex-start; line-height: 1.6; }
.status-chip {
    flex: none; margin-top: 3px; padding: 3px 11px; border-radius: 999px;
    font-size: .74rem; font-weight: 800; white-space: nowrap;
}
.status-chip.fulfilled { color: #0a6c2f; background: rgba(16, 138, 62, .13); }
.status-chip.partial { color: #8a5a00; background: rgba(200, 132, 0, .15); }
.status-chip.progress { color: #034dbf; background: rgba(7, 94, 232, .12); }
.status-chip.unfulfilled { color: #8a1f2b; background: rgba(180, 42, 56, .12); }
.status-chip.broken { color: #7a1020; background: rgba(150, 20, 40, .16); }