/**
 * Sacred geography — reusable editorial relationship section.
 *
 * Self-contained under .er-sacred-geo so it renders identically on the place-v1
 * St. Peter's page and on the shared sacred-site-detail Assisi page, neither of
 * which shares the other's scoped variables. Uses only global --er-* tokens and
 * literal values; adds no :root tokens. The confidence chip itself is styled by
 * the global .er-confidence primitive; only its spacing is set here.
 */

.er-sacred-geo {
    background-color: var(--er-paper);
    color: var(--er-ink);
    font-family: var(--er-sans);
    padding: clamp(var(--er-space-64), 7vw, var(--er-space-96)) 0;
    border-top: 1px solid var(--er-rule-soft);
}

.er-sacred-geo__container {
    width: 100%;
    max-width: 1240px;
    margin: 0 auto;
    padding: 0 clamp(var(--er-space-16), 4vw, var(--er-space-32));
}

.er-sacred-geo__head {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: var(--er-space-24);
    margin-bottom: clamp(var(--er-space-24), 3.5vw, var(--er-space-48));
    padding-bottom: var(--er-space-16);
    border-bottom: 1px solid var(--er-ink);
}

.er-sacred-geo__eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 14px;
    font-family: var(--er-mono);
    font-size: 12.5px;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    font-weight: 500;
    color: var(--er-ink-3);
}

.er-sacred-geo__eyebrow-dot {
    display: inline-block;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: var(--er-clay);
    transform: translateY(-1px);
}

.er-sacred-geo__title {
    margin: 0;
    font-family: var(--er-serif);
    font-weight: 400;
    font-size: clamp(2rem, 3.8vw, 3rem);
    line-height: 1.06;
    letter-spacing: -0.012em;
    color: var(--er-ink);
    max-width: 24ch;
}

.er-sacred-geo__label {
    flex: none;
    font-family: var(--er-mono);
    font-size: 12px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--er-ink-3);
    white-space: nowrap;
}

.er-sacred-geo__intro {
    margin: 0 0 clamp(var(--er-space-24), 3vw, var(--er-space-32));
    max-width: 68ch;
    font-family: var(--er-serif);
    font-size: clamp(1.125rem, 1.45vw, 1.3125rem);
    line-height: 1.55;
    color: var(--er-ink-2);
}

.er-sacred-geo__list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
}

.er-sacred-geo__row {
    border-top: 1px solid var(--er-rule);
    list-style: none;
}

.er-sacred-geo__row:last-child {
    border-bottom: 1px solid var(--er-rule);
}

.er-sacred-geo__row-inner {
    display: grid;
    grid-template-columns: 160px minmax(0, 1fr) auto;
    gap: 28px;
    align-items: baseline;
    padding: 22px 4px;
    color: inherit;
    text-decoration: none;
}

.er-sacred-geo__row-inner:not(a) {
    cursor: default;
}

.er-sacred-geo__kicker {
    font-family: var(--er-mono);
    font-size: 12.5px;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--er-clay-deep);
    padding-top: 4px;
}

.er-sacred-geo__main {
    min-width: 0;
}

.er-sacred-geo__name {
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 10px;
    font-family: var(--er-serif);
    font-weight: 500;
    font-size: 22px;
    line-height: 1.2;
    color: var(--er-ink);
}

a.er-sacred-geo__row-inner:hover .er-sacred-geo__name,
a.er-sacred-geo__row-inner:focus-visible .er-sacred-geo__name {
    color: var(--er-clay-deep);
}

.er-sacred-geo__pending {
    font-family: var(--er-mono);
    font-size: 12px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--er-ink-3);
}

.er-sacred-geo__context {
    margin: 8px 0 0;
    font-family: var(--er-sans);
    font-size: 15px;
    line-height: 1.6;
    color: var(--er-ink-2);
    max-width: 62ch;
}

/* The tomb/relic confidence chip is a core credibility moment: quiet, but set
   apart and legible with a soft inset rather than loud styling. */
.er-sacred-geo__chip {
    margin-top: 14px;
    padding: 12px 16px;
    background-color: rgba(110, 114, 75, 0.10);
    border-radius: 6px;
    max-width: 62ch;
}

.er-sacred-geo__chip .er-confidence__detail {
    font-size: 14px;
    line-height: 1.6;
    color: var(--er-ink-2);
}

.er-sacred-geo__arrow {
    font-family: var(--er-serif);
    font-size: 20px;
    color: var(--er-ink-3);
    line-height: 1;
}

.er-sacred-geo__arrow--ext {
    font-size: 16px;
    font-variant-emoji: text;
}

a.er-sacred-geo__row-inner:hover .er-sacred-geo__arrow,
a.er-sacred-geo__row-inner:focus-visible .er-sacred-geo__arrow {
    color: var(--er-clay-deep);
}

/* Quiet editorial source/context note, not a loud all-caps monospace strip. */
.er-sacred-geo__note {
    margin: clamp(var(--er-space-24), 3vw, var(--er-space-32)) 0 0;
    padding-top: var(--er-space-16);
    border-top: 1px solid var(--er-rule-soft);
    font-family: var(--er-sans);
    font-size: 14px;
    line-height: 1.65;
    color: var(--er-ink-3);
    max-width: 74ch;
}

@media (max-width: 720px) {
    .er-sacred-geo__head {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }
    .er-sacred-geo__row-inner {
        grid-template-columns: minmax(0, 1fr) auto;
        gap: 14px 20px;
        align-items: start;
    }
    .er-sacred-geo__kicker {
        grid-column: 1 / -1;
        padding-top: 0;
    }
}