/* ------------------------------------------------------------ gate ledger -- */

/* The thirteen gates. Every route cites these by number — "gate eleven", "gate
   thirteen" — so the number has to be the visual anchor, not a bullet the eye
   slides past. Previously this was one comma-spliced paragraph and a reader had
   to count clauses by hand to check a reference; two independent reviewers
   raised it, which is what a credibility device failing looks like. */
.gate-ledger {
    counter-reset: gate;
    list-style: none;
    margin: 1.4rem 0 1.6rem;
    padding: 0;
    border-top: 1px solid var(--day-rule-soft);
}

.gate-ledger > li {
    counter-increment: gate;
    position: relative;
    padding: 0.85rem 0 0.85rem 3.1rem;
    border-bottom: 1px solid var(--day-rule-soft);
    max-width: 68ch;
}

/* The number, set in the margin at the weight of a reference rather than a
   decoration — this is the token the rest of the site points at.

   It is real text in the markup, not a CSS counter. A counter paints a numeral
   a sighted reader can see and leaves it out of the text layer entirely, so a
   screen reader, a copy-paste and a plain-text extraction of this page all got
   an unnumbered list while every cross-reference on the site said "gate
   thirteen". The numeral has to survive being read, not just being looked at. */
.gate-ledger > li > strong > .gate-n {
    position: absolute;
    left: 0;
    top: 0.85rem;
    width: 2.1rem;
    text-align: right;
    font-variant-numeric: tabular-nums;
    font-weight: 700;
    color: var(--copper-ink);
}

.gate-ledger > li strong {
    display: block;
}