/* breath.css — the "🌞 On this page:" line
 *
 * Linked ONLY by the four Papers that still carry the line: papers/index,
 * eli5, casino and trust. It used to style the eight-page "Just BLAZE It"
 * block too; the owner retired that block on 2026-09-03 and its rules were
 * removed on 2026-09-13, along with the link from the two site pages (home
 * and the Altar) that had nothing left to style. The faucet's own line went
 * the same day. tests/breath-parity.spec.js keeps the block from coming back.
 *
 * Every colour is a literal, not a var() from the host page: a var() that
 * resolves to nothing renders as nothing, with no error anywhere (the silent
 * failure that once blanked nftviewer.html's navbar).
 */

.one-breath-band {
    /* A band, not a column, if a grid page ever links this again:
       grid-column is ignored outside a grid. */
    grid-column: 1 / -1;
    width: 100%;
    /* 900px is a no-op inside the 850px papers column. */
    max-width: 900px;
    box-sizing: border-box;
    margin: 0 auto 22px;
}

/* What this page does for you, in one line. */
.one-breath-page {
    max-width: 70ch;
    margin: 10px 0 0;
    padding: 0 4px;
    font-family: var(--font-body, "Comic Sans MS", system-ui, sans-serif);
    font-size: .98rem;
    line-height: 1.7;
    color: #ffe9c7;
}

.one-breath-page strong { color: #ffcf48; }

.one-breath-page a { color: #ffcf48; }

.one-breath-page a:focus-visible {
    outline: 3px solid #ffcf48;
    outline-offset: 2px;
}