/*
 * Stetworth marketing site — document pages (/terms, /privacy).
 *
 * Layout for the long-form legal documents: a single narrow reading
 * column (~46rem) set like a page from the reference volume the rest
 * of the site imitates.  This file is layout and typography measure
 * only — every color, font, and spacing value comes from the base
 * custom properties declared in css/style.css.  No token is redefined
 * here (docs/SITE.md, shared-asset rule).
 *
 * Pages link style.css first, then this file.
 */

.doc-main {
    position: relative;
    z-index: 2;
    padding: var(--s-8) var(--s-6) var(--s-10);
}

.doc {
    max-width: 46rem;
    margin: 0 auto;
}

/* Document head: serif title, then the dateline separated from the
   body by a hairline rule — the document's own "record head". */
.doc-title {
    font-size: clamp(2.1rem, 5vw, 2.8rem);
    margin-bottom: var(--s-3);
}

.doc-updated {
    font-size: 0.9rem;
    color: var(--c-ink-muted);
    padding-bottom: var(--s-5);
    margin-bottom: var(--s-6);
    border-bottom: 1px solid var(--c-rule);
}

.doc-intro {
    color: var(--c-ink-soft);
}

/* Numbered sections: serif headings carry the numerals in-line. */
.doc section {
    margin-top: var(--s-7);
}

.doc h2 {
    font-size: 1.45rem;
    margin-bottom: var(--s-4);
}

.doc p {
    color: var(--c-ink-soft);
    margin-bottom: var(--s-4);
}
.doc p:last-child { margin-bottom: 0; }

.doc ul {
    margin: 0 0 var(--s-4);
    padding-left: 1.25rem;
    color: var(--c-ink-soft);
}
.doc li { margin-bottom: var(--s-2); }
.doc li::marker { color: var(--c-burnished); }

.doc a {
    color: var(--c-oxblood);
    text-decoration: underline;
    text-decoration-color: var(--c-rule-strong);
    text-underline-offset: 2px;
    transition: color var(--t-fast);
}
.doc a:hover { color: var(--c-oxblood-deep); }

.doc strong {
    font-weight: 600;
    color: var(--c-ink);
}

/* The conventionally conspicuous ALL-CAPS clauses read better set a
   step smaller, with a touch of tracking. */
.doc-caps {
    font-size: 0.88rem;
    letter-spacing: 0.015em;
    line-height: 1.7;
}

@media (max-width: 720px) {
    .doc-main { padding: var(--s-7) var(--s-5) var(--s-8); }
}