/* ===========================================
   ДОКУМЕНТЫ: политика ПДн, список документов
   Текстовые страницы — узкая колонка, спокойная типографика.
   =========================================== */

.doc {
    max-width: 760px;
}

.doc--after-list {
    margin-top: 48px;
}

.doc__section {
    margin-bottom: 40px;
}

.doc__section h2 {
    margin-bottom: 12px;
}

.doc__section p,
.doc__section li {
    font-size: var(--text-body-md);
    line-height: var(--text-body-md-lh);
    color: var(--color-on-surface-variant);
}

.doc__section p + p,
.doc__section ul + p {
    margin-top: 10px;
}

.doc__section ul {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: 10px;
    padding-left: 20px;
    list-style: disc;
}

.doc__updated {
    margin-top: 8px;
    font-size: var(--text-label-sm);
    color: var(--color-on-surface-variant);
}

/* ─── Список документов ─────────────────────────────────────── */
.doc-list {
    display: flex;
    flex-direction: column;
    gap: 16px;
    max-width: 760px;
}

.doc-item {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 24px 28px;
}

.doc-item__title {
    font-family: var(--font-display);
    font-size: 22px;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--color-primary-container);
    transition: color var(--transition);
}

a.doc-item:hover .doc-item__title {
    color: var(--color-secondary);
}

.doc-item__note {
    font-size: var(--text-body-md);
    color: var(--color-on-surface-variant);
}