/* ==========================================================================
   PAGE: DOCUMENT — shared content pages (about, privacy, terms, security)
   ========================================================================== */

/* Reusable document section */
.doc-section {
    padding: var(--padding-md) 0;
    border-top: 1px solid rgba(0, 0, 0, 0.03);
}

.doc-section:first-of-type {
    border-top: none;
    padding-top: var(--padding-xs);
}

/* Section headings */
.section-heading {
    margin: 0 0 var(--margin-md);
    font-size: clamp(var(--font-size-lg), 2.4vw, var(--font-size-2xl));
    font-weight: var(--font-weight-bold);
}

/* Paragraphs */
.doc-section p {
    margin: 0 0 var(--margin-md);
    color: var(--color-text-primary);
    font-size: clamp(var(--font-size-sm), 2vw, var(--font-size-md));
}

/* Small vertical rhythm for lists inside document sections */
.doc-section ul {
    margin: 0;
    padding-left: var(--padding-md);
}

.doc-section li + li {
    margin-top: var(--margin-sm);
}

/* Links inside document pages */
.doc-section a {
    color: var(--color-link);
    text-decoration: none;
    transition: color 120ms ease, text-decoration 120ms ease;
}

.doc-section a:hover,
.doc-section a:active {
    color: var(--color-link-hover);
    text-decoration: none;
}

/* Desktop tweaks */
@media (min-width: 768px) {
    .doc-section {
        padding: var(--padding-lg) 0;
    }
}