/* ---------------------------------------------------------------- veins -- */

/* Venation, and the slippery slide, are the same move.
   Thirty-four horizontal hairlines on this site are `1px solid`, which is
   uniform along its whole length and therefore inert — it separates two things
   and says nothing about which way to go. It is also the generated default: a
   border is uniform unless somebody decides otherwise, so every machine-laid
   page is ruled this way.

   Nothing in a living thing carries flow along a constant section. A vein is
   thick where it leaves the stem and vanishes where it arrives, and that taper
   is the direction. Backlinko's rule for a page somebody reads is that the
   only job of one line is to deliver you to the next one, which is the same
   instruction stated for prose.

   So a rule on this site now enters at full weight on the left, where reading
   starts, and thins away to nothing on the right. The eye is handed onward
   instead of stopped. Uniform borders survive only where a line is structural
   rather than directional — a table row, an input, a focus ring. */
/* Three, not seven. .chapter-head has no border to reset (its rule is grid
   and gap only), .investors-body has none, .doc-contents is handed a hard
   border-bottom by breaks/fold.css which wins on cascade order, and
   .soul-economy's reset is wiped by its own `border: 1px solid` shorthand —
   so four of the seven were resetting nothing and their border-images painted
   over a zero-width border. */
.deeper,
.memory-panel-head,
.turn-answer {
    border-top-color: transparent;
    border-bottom-color: transparent;
}

.memory-panel-head,
.turn-answer {
    border-image: linear-gradient(90deg,
        var(--day-rule) 0%,
        color-mix(in srgb, var(--day-rule) 45%, transparent) 42%,
        transparent 88%) 1;
}

.chapter-night .memory-panel-head,
.chapter-night .turn-answer,
.turn-band .turn-answer {
    border-image: linear-gradient(90deg,
        var(--night-rule) 0%,
        color-mix(in srgb, var(--night-rule) 45%, transparent) 42%,
        transparent 88%) 1;
}

/* The doctrine had only one axis. Every border-image on the site was a 90deg
   gradient on an element bordered top and bottom, so a VERTICAL rule could
   not taper by construction — and all ten border-lefts were `Npx solid`,
   constant section, square at both ends. These seven are the directional
   rails: a pull-quote's bar enters at full weight where the reading starts
   and thins as it descends, exactly as a horizontal vein thins to the right.
   Carried on border-image with a 180deg gradient, so only the left edge,
   which is the only one with width, ever paints. */
.ledger-fact,
.ledger-note,
.investors-takeaway,
.soul-decouple,
.turn-refusal,
.doc-aside {
    border-left-color: transparent;
    border-image: linear-gradient(180deg,
        var(--vein) 0%,
        color-mix(in srgb, var(--vein) 55%, transparent) 55%,
        color-mix(in srgb, var(--vein) 12%, transparent) 100%) 1;
}

.ledger-fact,
.ledger-note,
.investors-takeaway,
.doc-aside {
    --vein: var(--honey);
}

.soul-decouple {
    --vein: var(--creek);
}

.turn-refusal {
    --vein: var(--honey);
}

/* The rail line under a chapter mark was the one vein that already ran the
   right way, tapering as it descended. With the title standing beside its
   body there is nothing below the mark for a stem to run to, and three
   reviews read it the same way: "a connector to a timeline that is not
   there", "ends in nothing". A vein that leads nowhere is a stray line. */
.chapter-mark::after {
    content: none;
}