/**
 * saint-v2.css, deltas for the saint-v2 editorial template (St. Michael pilot).
 *
 * Loaded only on saint-v2 pages, AFTER saint-v1.css, which the v2 template
 * reuses wholesale (its sections are scoped under the same .er-saint-v1 classes).
 * Everything here is scoped under .er-saint-v2__* (or a v2 modifier class), so it
 * cannot affect saint-v1 pages. Tokens are the saint-v1 set already in scope.
 */

/* --- Hero scriptural anchor (sits under the hero facts) -------------- */
.er-saint-v2__anchor {
    margin-top: clamp(20px, 3vw, 32px);
    padding-left: 16px;
    border-left: 2px solid var(--er-saint-v1-teal);
    max-width: 44ch;
}

.er-saint-v2__anchor-quote {
    margin: 0;
    font-family: var(--er-serif);
    font-style: italic;
    font-size: clamp(1.4rem, 1.7vw, 1.4rem);
    line-height: 1.4;
    color: var(--er-ink);
}

.er-saint-v2__anchor-source {
    margin-top: 8px;
    font-family: var(--er-mono);
    font-size: var(--er-saint-v1-fs-meta);
    letter-spacing: var(--er-saint-v1-tr-eye);
    text-transform: uppercase;
    color: var(--er-ink-3);
}

/* --- Witness timeline (an archangel has no human ages) --------------- */
/* The second column carries a tradition label ("Local tradition") rather than
   an age, so it needs more room than the 72px age column. */
.er-saint-v2__timeline--witness.er-saint-v1__timeline .er-saint-v1__timeline-head,
.er-saint-v2__timeline--witness.er-saint-v1__timeline .er-saint-v1__timeline-row {
    grid-template-columns: 132px 136px minmax(0, 1.1fr) minmax(0, 1.9fr);
}

.er-saint-v2__timeline--witness .er-saint-v1__timeline-age {
    font-family: var(--er-mono);
    font-size: var(--er-saint-v1-fs-meta);
    letter-spacing: 0.01em;
    text-transform: uppercase;
    color: var(--er-ink-3);
    line-height: 1.4;
}

/* In a witness timeline every value in the "When" column is an era / tradition
   marker ("c. 6th c. BC", "708 AD"), never a precise biographical year. The
   shared $year_is_clean heuristic styles only some of them as a clean year and
   demotes the rest to the small italic --text label, which reads as inconsistent
   font sizes down the column. Here they all take the same primary date style;
   longer markers wrap rather than shrink. The tradition labels stay in their own
   smaller column (above), distinct from this date style. */
.er-saint-v2__timeline--witness .er-saint-v1__timeline-year,
.er-saint-v2__timeline--witness .er-saint-v1__timeline-year--text {
    font-family: var(--er-serif);
    font-size: 1.5rem;
    line-height: 1.15;
    font-style: normal;
    color: var(--er-ink);
    letter-spacing: -0.012em;
    overflow-wrap: break-word;
}

@media (max-width: 800px) {
    .er-saint-v2__timeline--witness.er-saint-v1__timeline .er-saint-v1__timeline-head,
    .er-saint-v2__timeline--witness.er-saint-v1__timeline .er-saint-v1__timeline-row {
        grid-template-columns: 92px 108px minmax(0, 1fr);
    }
}

/* --- Tomb & Relics: "no body" prose mode ---------------------------- */
.er-saint-v2__relics-prose {
    max-width: 64ch;
}

/* --- Sacred Geography: authored editorial prose --------------------- */
.er-saint-v2__geography-prose {
    margin-top: clamp(16px, 2.4vw, 28px);
    max-width: 70ch;
}

.er-saint-v2__geography-lede {
    font-size: clamp(1.4rem, 1.5vw, 1.2rem);
    color: var(--er-ink);
}

.er-saint-v2__geography-note {
    margin-top: 22px;
    padding-top: 16px;
    border-top: 1px solid var(--er-rule-soft);
    font-family: var(--er-sans);
    font-size: var(--er-saint-v1-fs-meta);
    line-height: 1.6;
    color: var(--er-ink-3);
    max-width: 64ch;
}

/* --- Route at a Glance: the inherited "nearby places" line ----------- */
.er-saint-v2__route-nearby {
    margin-top: clamp(18px, 2.4vw, 26px);
    padding-top: 16px;
    border-top: 1px solid var(--er-rule-soft);
    font-family: var(--er-mono);
    font-size: var(--er-saint-v1-fs-meta);
    letter-spacing: 0.01em;
    line-height: 1.5;
    color: var(--er-ink-3);
}