/* PRECISION. One type scale: 11 tab, 12 label, 13 meta, 14 data, 16 name, 18 reading, 22 figure, 30 big figure, 40 headline, 56 record
   figure. One rule: ink under a header, hairline between rows. Numbers right aligned, tabular. Gold stays the event (Verified). */
/* Main's running head at main's own height, so moving between Map and Research nothing jumps. */
:root:root:root:root:root:root:root:root:root:root:root:root:root :is(.px-page, .px-section) .bs-runninghead { line-height: 1.5; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-page, :root:root:root:root:root:root:root:root:root:root:root:root:root .px-section { --px-sans: 'Google Sans Flex', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', sans-serif; --px-pad: 10px; --px-row: 42px; --px-wash: #ecebe2; color: var(--bs-ink); font-size: 14px; line-height: 1.4; font-variant-numeric: tabular-nums lining-nums; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-page *, :root:root:root:root:root:root:root:root:root:root:root:root:root .px-section * { box-sizing: border-box; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-page { padding-bottom: 72px; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-page a, :root:root:root:root:root:root:root:root:root:root:root:root:root .px-section a { color: inherit; text-decoration: none; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-page a:hover, :root:root:root:root:root:root:root:root:root:root:root:root:root .px-section a:hover { text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; text-decoration-color: var(--bs-hair-2); }
/* The site sheet removes every focus outline with !important, so a keyboard reader saw none. These pages keep theirs. */
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-page :focus-visible, :root:root:root:root:root:root:root:root:root:root:root:root:root .px-section :focus-visible { outline: 2px solid currentColor !important; outline-offset: 2px; border-radius: 2px; }
:root:root:root:root:root:root:root:root:root:root:root:root:root :is(a, button, summary, select):focus-visible { outline: 2px solid var(--bs-ink) !important; outline-offset: 2px !important; border-radius: 2px; }
:root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-over-hero=true] .site-header :is(a, button):focus-visible, :root:root:root:root:root:root:root:root:root:root:root:root:root .network-hero-stage :is(a, button):focus-visible { outline-color: #fff !important; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }

/* The record header: one form on every page. */
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-head { display: grid; grid-template-columns: minmax(0, 1fr); gap: 16px; padding: 20px 0 16px; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-crumbs { display: flex; flex-wrap: wrap; gap: 0 8px; margin: 0 0 10px; color: var(--bs-muted); font-size: 11px; font-weight: 640; letter-spacing: .12em; text-transform: uppercase; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-crumbs a { color: var(--bs-muted); }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-crumbs span[aria-hidden] { color: var(--bs-meta); }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-crumbs [aria-current] { color: var(--bs-ink); max-width: 28ch; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-head h1 { margin: 0; font-family: var(--bs-serif); font-weight: 430; font-size: 40px; line-height: 1.06; letter-spacing: -.022em; text-wrap: balance; overflow-wrap: anywhere; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-lead { margin: 8px 0 0; max-width: 64ch; font-family: var(--bs-serif); font-size: 18px; line-height: 1.4; color: var(--bs-ink-2); text-wrap: pretty; }

/* Figures: label over number, a hairline between them. */
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-figs { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin: 0; border-top: 1px solid var(--bs-hair-2); }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-figs > div { min-width: 0; padding: 8px 12px 8px 0; border-bottom: 1px solid var(--bs-hair); }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-figs dt { margin: 0; color: var(--bs-muted); font-size: 12px; line-height: 1.3; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-figs dd { margin: 2px 0 0; font-size: 22px; line-height: 1.15; font-weight: 500; letter-spacing: -.012em; white-space: nowrap; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-figs dd small { font-size: 13px; font-weight: 400; letter-spacing: 0; color: var(--bs-muted); }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-figs dd.is-unknown { font-size: 14px; font-weight: 400; line-height: 25px; color: var(--bs-meta); }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-figs--wide > div { display: flex; flex-direction: column; justify-content: space-between; gap: 4px; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-figs:not(.px-figs--wide) { display: flex; flex-wrap: wrap; gap: 4px 16px; padding: 8px 0; border-bottom: 1px solid var(--bs-hair); }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-figs:not(.px-figs--wide) > div { display: inline-flex; flex-direction: row-reverse; align-items: baseline; gap: 4px; padding: 0; border: 0; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-figs:not(.px-figs--wide) dd { margin: 0; font-size: 14px; font-weight: 600; letter-spacing: 0; }

/* The answer: one sentence at reading size, its rule, what was compared. Not a big number: a sentence from live data can be wrong. */
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-answer { padding: 12px 0; border-top: 1px solid var(--bs-rule); }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-answer-line { margin: 0; max-width: 108ch; font-family: var(--bs-serif); font-size: 18px; line-height: 1.35; color: var(--bs-ink); text-wrap: pretty; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-answer-line a { text-decoration: underline; text-decoration-color: var(--bs-hair-2); text-underline-offset: 3px; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-answer.is-none .px-answer-line { color: var(--bs-muted); }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-answer-rule { margin: 4px 0 0; font-size: 13px; line-height: 1.45; color: var(--bs-muted); }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-answer-rule strong { font-weight: 500; color: var(--bs-ink-2); }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-answer .px-more { margin-top: 2px; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-ledger { margin-top: 0; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-ledger > .px-note { margin-top: 10px; }

/* The top figure: the strongest thing in a row. One wash marks the lead column on every table. */
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-top-figure { display: block; font-size: 24px; font-weight: 620; line-height: 1.08; letter-spacing: -.024em; white-space: nowrap; color: var(--bs-ink); }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-top-figure.is-unknown { font-size: 16px; font-weight: 400; letter-spacing: 0; color: var(--bs-meta); }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-top-unit { display: block; margin-top: 2px; font-size: 12px; font-weight: 400; line-height: 1.25; color: var(--bs-muted); white-space: nowrap; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-top-beside { display: block; margin-top: 1px; font-size: 12px; font-weight: 560; line-height: 1.25; color: var(--bs-ink-2); white-space: nowrap; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-top-what { display: block; font-size: 13px; font-weight: 560; line-height: 1.35; color: var(--bs-ink); }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-top-caveat { display: block; font-weight: 500; color: var(--bs-umber); }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-top-name { display: block; font-size: 14px; line-height: 1.35; color: var(--bs-ink-2); }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-top-name a { text-decoration: underline; text-decoration-color: var(--bs-hair-2); text-underline-offset: 3px; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-top-note { display: block; font-size: 13px; line-height: 1.35; color: var(--bs-meta); }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-top-rules { display: block; margin-top: 2px; font-size: 12px; line-height: 1.35; color: var(--bs-muted); }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-top-rules a { color: var(--bs-ink-2); text-decoration: underline; text-decoration-color: var(--bs-hair-2); text-underline-offset: 2px; }

/* The top row as a page's lead: the board's line, large, on the same wash. Phone: one column. From 1100 it sits beside the title. */
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-toplead { position: relative; display: grid; gap: 8px; padding: 12px 14px 12px; background: var(--px-wash); }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-toplead-label { display: flex; align-items: center; gap: 10px; min-height: 22px; margin-bottom: 2px; font-size: 12px; font-weight: 650; line-height: 1.25; color: var(--bs-ink); }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-toplead .px-top-figure { font-size: 34px; letter-spacing: -.028em; white-space: normal; overflow-wrap: anywhere; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-toplead .px-top-figure.is-unknown { font-size: 22px; line-height: 1.2; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-toplead .px-top-unit { display: inline; margin: 0 0 0 6px; font-size: 13px; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-toplead .px-top-figure { display: inline; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-toplead .px-top-beside { margin-top: 2px; font-size: 13px; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-toplead-cell { min-width: 0; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-toplead-asof { margin-left: auto; font-size: 12px; font-weight: 400; color: var(--bs-muted); white-space: nowrap; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-toplead .px-top-what { font-size: 14px; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-toplead .px-top-caveat { display: block; margin: 0; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-toplead .px-top-name { margin-top: 2px; overflow-wrap: anywhere; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-toplead .px-prov > summary { min-height: 20px; font-weight: 400; }

/* The provenance mark: one quiet dot and an age per row. It opens the row's sources, dates and status, with no script. */
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-prov { position: static; display: inline-block; text-align: left; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-prov > summary { display: inline-flex; align-items: center; justify-content: flex-end; gap: 6px; min-width: 24px; min-height: 24px; list-style: none; cursor: pointer; color: var(--bs-muted); font-size: 13px; white-space: nowrap; border-radius: 3px; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-prov > summary::-webkit-details-marker { display: none; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-prov > summary:hover { color: var(--bs-ink); }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-prov[open] > summary { color: var(--bs-ink); }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-dot { flex: none; width: 6px; height: 6px; border-radius: 50%; background: var(--bs-ink-2); }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-tone-static .px-dot { background: transparent; box-shadow: inset 0 0 0 1.2px var(--bs-muted); }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-prov > summary:focus-visible { outline: 2px solid var(--bs-ink); outline-offset: 2px; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-tone-stale .px-dot, :root:root:root:root:root:root:root:root:root:root:root:root:root .px-tone-off .px-dot { background: var(--bs-umber); }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-tone-stale > summary, :root:root:root:root:root:root:root:root:root:root:root:root:root .px-tone-off > summary { color: var(--bs-umber); font-weight: 560; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-pop { position: fixed; z-index: 40; left: 0; right: 0; bottom: 0; max-height: 70vh; overflow: auto; padding: 16px 16px 20px; background: var(--bs-paper); border-top: 1px solid var(--bs-rule); box-shadow: 0 -12px 32px rgb(20 19 15 / 14%); font-size: 13px; font-weight: 400; line-height: 1.4; color: var(--bs-ink-2); }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-pop h3 { margin: 0 0 8px; padding-right: 36px; font: inherit; font-weight: 600; color: var(--bs-ink); }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-pop-name { display: block; font-family: var(--bs-serif); font-size: 16px; font-weight: 400; line-height: 1.25; overflow-wrap: anywhere; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-pop-x { position: absolute; top: 4px; right: 4px; display: grid; place-items: center; width: 44px; height: 44px; padding: 0; border: 0; border-radius: 3px; background: transparent; color: var(--bs-muted); font: 400 20px/1 var(--px-sans); cursor: pointer; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-pop-x:hover { color: var(--bs-ink); }
@media (scripting: none) { :root:root:root:root:root:root:root:root:root:root:root:root:root .px-pop-x { display: none; } }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-pop p { margin: 0 0 8px; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-pop dl { display: grid; grid-template-columns: minmax(0, 132px) minmax(0, 1fr); gap: 4px 12px; margin: 0; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-pop dt { margin: 0; color: var(--bs-muted); }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-pop dd { margin: 0; overflow-wrap: anywhere; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-pop a { text-decoration: underline; text-decoration-color: var(--bs-hair-2); text-underline-offset: 2px; }

/* One status chip: only for what differs from the rest of the table. Plain text with a mark, never a pill. */
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-tag { display: inline-flex; align-items: baseline; gap: 5px; font-family: var(--px-sans); font-size: 12px; font-weight: 560; line-height: 1.2; white-space: nowrap; color: var(--bs-ink-2); }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-tag::before { content: ""; flex: none; width: 6px; height: 6px; border-radius: 50%; background: var(--bs-muted); transform: translateY(-1px); }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-tag-warn { color: var(--bs-umber); }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-tag-warn::before { border-radius: 0; background: var(--bs-umber); clip-path: polygon(50% 0, 100% 100%, 0 100%); }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-tag-gold { color: var(--bs-gold-ink); }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-tag-gold::before { background: var(--bs-gold); box-shadow: 0 0 0 2px var(--bs-gold-wash); }

/* Controls: networks and position on one line. */
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-ctrl { display: flex; align-items: center; justify-content: space-between; gap: 8px 24px; padding: 8px 0; }
/* A chip is 28 px to the eye and 44 px to a finger: the nav's padding keeps the taller hit area from being clipped by its own scrolling. */
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-nets { display: flex; gap: 4px; margin: -8px -2px; padding: 8px 0; overflow-x: auto; scrollbar-width: none; font-size: 13px; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-nets::-webkit-scrollbar { display: none; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-nets a { position: relative; flex: none; display: inline-flex; align-items: center; gap: 5px; min-height: 28px; padding: 0 8px; border-radius: 3px; color: var(--bs-ink-2); white-space: nowrap; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-nets a::after { content: ""; position: absolute; inset: -8px 0; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-nets a small { font-size: 12px; color: var(--bs-meta); }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-nets a:hover { background: var(--bs-paper-2); text-decoration: none; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-nets a[aria-current] { background: var(--bs-ink); color: var(--bs-paper); }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-nets a[aria-current] small { color: rgb(247 246 242 / 72%); }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-pos { flex: none; font-size: 13px; color: var(--bs-muted); white-space: nowrap; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-reset { margin-right: 12px; padding-block: 14px; color: var(--bs-ink-2); text-decoration: underline; text-decoration-color: var(--bs-hair-2); text-underline-offset: 3px; }
/* A phone's line for the table's head: the sorted column's name above the figures, opening the sortable heads. */
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-sort { font-size: 13px; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-sort > summary { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 44px; list-style: none; cursor: pointer; color: var(--bs-muted); }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-sort > summary::-webkit-details-marker { display: none; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-sort > summary b { font-weight: 600; color: var(--bs-ink); text-align: right; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-sort ul { margin: 0; padding: 0; list-style: none; border-top: 1px solid var(--bs-hair); }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-sort li a { display: flex; align-items: center; gap: 6px; min-height: 44px; border-bottom: 1px solid var(--bs-hair); color: var(--bs-ink-2); }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-sort li a[aria-current] { font-weight: 600; color: var(--bs-ink); }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-sort .px-order-words { font-weight: 400; color: var(--bs-muted); }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-sort-mark { color: var(--bs-meta); }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-note { margin: 10px 0 0; max-width: 92ch; font-size: 13px; line-height: 1.45; color: var(--bs-muted); }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-note strong { font-weight: 560; color: var(--bs-ink-2); }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-note + .px-note { margin-top: 4px; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-notice { margin: 12px 0 0; padding: 8px 12px; background: var(--bs-paper-2); font-size: 13px; color: var(--bs-ink-2); }

/* The table: phone first, each row one name, one lead number, one line of context. All columns stay in the HTML. */
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-table-wrap { margin: 0; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-table { display: block; width: 100%; border-collapse: collapse; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-table thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-table tbody, :root:root:root:root:root:root:root:root:root:root:root:root:root .px-table tbody > tr { display: block; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-table tbody > tr { display: flex; flex-wrap: wrap; align-items: baseline; gap: 2px 10px; padding: 10px 0; border-bottom: 1px solid var(--bs-hair); }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-table tbody > tr > * { display: none; padding: 0; font-weight: 400; text-align: left; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-table tbody > tr > .px-name { display: block; order: 1; flex: 1 1 0; min-width: 0; font-family: var(--bs-serif); font-size: 16px; line-height: 1.25; overflow-wrap: anywhere; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-table tbody > tr > .px-c-lead { display: block; order: 2; flex: none; max-width: 50%; font-size: 16px; font-weight: 560; text-align: right; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-table tbody > tr > .px-br { display: block; order: 3; flex: 0 0 100%; width: 100%; height: 0; padding: 0; border: 0; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-table tbody > tr > .px-c-ctx { display: block; order: 4; flex: 0 1 auto; min-width: 0; max-width: 62%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 13px; color: var(--bs-muted); }
/* A figure is never cut off: a long label wraps instead. Long words may end in an ellipsis, with the whole text in the title. */
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-table tbody > tr > .px-c-ctx.is-num { max-width: none; overflow: visible; white-space: normal; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-board tbody > tr > .px-c-ctx { flex: 1 1 60%; max-width: none; white-space: normal; color: var(--bs-ink-2); }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-board tbody > tr > .px-name { font-size: 16px; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-board tbody > tr > .px-c-lead { max-width: 64%; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-table tbody > tr > .px-c-ctx::before { content: attr(data-label) " "; color: var(--bs-meta); }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-table tbody > tr > .px-c-ctx.px-c-bare::before { content: none; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-table tbody > tr > .px-c-read { display: block; order: 5; margin-left: auto; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-table tbody > tr.px-group { display: block; padding: 18px 0 6px; border-bottom: 1px solid var(--bs-hair-2); }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-table tbody > tr.px-group > th { display: block; font-size: 12px; font-weight: 600; color: var(--bs-ink); }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-table tbody > tr.px-group small { font-size: 12px; font-weight: 400; color: var(--bs-muted); }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-group-note { display: block; margin-top: 1px; font-size: 13px; font-weight: 400; color: var(--bs-muted); }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-table tbody > tr:first-child { border-top: 1px solid var(--bs-hair); }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-name .px-sub { display: block; margin-top: 1px; font-family: var(--px-sans); font-size: 13px; color: var(--bs-muted); }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-name .px-tag { margin-left: 8px; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-name .px-small { font-family: var(--px-sans); }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-sub-tag { display: block; margin-top: 1px; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-sub-tag .px-tag { margin-left: 0; margin-right: 10px; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-unknown { color: var(--bs-meta); font-weight: 400; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-small { font-size: 13px; color: var(--bs-muted); }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-fig-unit { display: block; font-size: 13px; font-weight: 400; line-height: 1.2; color: var(--bs-muted); white-space: nowrap; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-table tbody > tr > .is-hide { display: none; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-table thead th.is-hide { display: none; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-rest { display: none; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-cut::after { content: " \2026"; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-order-words { display: block; font-weight: 400; color: var(--bs-muted); }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-pay-note { display: block; margin-top: 1px; font-size: 12px; font-weight: 400; color: var(--bs-muted); }
/* The one state: nothing here yet, or a read that failed. */
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-state { padding: 24px 0; border-top: 1px solid var(--bs-hair-2); }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-state-title { margin: 0; font-family: var(--bs-serif); font-size: 18px; line-height: 1.35; color: var(--bs-ink); }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-state-text { margin: 4px 0 0; max-width: 78ch; font-size: 13px; line-height: 1.45; color: var(--bs-muted); }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-state-links { display: flex; flex-wrap: wrap; gap: 8px; margin: 12px 0 0; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-state-failed .px-state-title { color: var(--bs-umber); }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-table-foot { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px 24px; margin-top: 12px; }
/* The one button: the same pill as the header's, in two weights. */
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-btn { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 0 16px; border: 1px solid var(--bs-hair-2); border-radius: 999px; background: transparent; color: var(--bs-ink); font-size: 14px; font-weight: 500; white-space: nowrap; cursor: pointer; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-page a.px-btn:hover, :root:root:root:root:root:root:root:root:root:root:root:root:root .px-section a.px-btn:hover { background: var(--bs-paper-2); text-decoration: none; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-btn-dark, :root:root:root:root:root:root:root:root:root:root:root:root:root .px-page a.px-btn-dark, :root:root:root:root:root:root:root:root:root:root:root:root:root .px-section a.px-btn-dark { border-color: var(--bs-ink); background: var(--bs-ink); color: var(--bs-paper); }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-page a.px-btn-dark:hover, :root:root:root:root:root:root:root:root:root:root:root:root:root .px-section a.px-btn-dark:hover { background: var(--bs-ink-2); }

/* Disclosures: the full rule, the raw call, the agent's request. Closed for a reader, present for a crawler. */
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-more { margin: 10px 0 0; font-size: 13px; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-more > summary { display: inline-flex; align-items: center; gap: 6px; min-height: 28px; list-style: none; cursor: pointer; color: var(--bs-muted); }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-more > summary::-webkit-details-marker { display: none; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-more > summary::before { content: "+"; display: inline-block; width: 10px; color: var(--bs-meta); }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-more[open] > summary::before { content: "\2212"; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-more > summary:hover { color: var(--bs-ink); }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-more > :not(summary) { max-width: 78ch; margin: 6px 0 10px 16px; color: var(--bs-ink-2); line-height: 1.5; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-rules { padding-left: 18px; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-rules li { margin: 2px 0; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-more > .px-fields { width: calc(100% - 16px); max-width: none; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-more code, :root:root:root:root:root:root:root:root:root:root:root:root:root .px-page code { font-size: 13px; overflow-wrap: anywhere; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-more .button { margin-right: 8px; }

/* Sections. */
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-block { margin-top: 32px; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-block-head { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 2px 24px; padding-bottom: 8px; border-bottom: 1px solid var(--bs-rule); }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-block-head h2 { margin: 0; font-family: var(--bs-serif); font-weight: 450; font-size: 22px; line-height: 1.2; letter-spacing: -.01em; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-block-head p { margin: 0; font-size: 13px; color: var(--bs-muted); }

/* Compact lists: one line per item. */
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-list { margin: 0; padding: 0; list-style: none; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-list > li { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 2px 12px; padding: 10px 0; border-bottom: 1px solid var(--bs-hair); }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-list b { font-family: var(--bs-serif); font-weight: 400; font-size: 16px; line-height: 1.25; overflow-wrap: anywhere; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-list small { font-size: 13px; color: var(--bs-muted); }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-list .px-end { text-align: right; white-space: nowrap; font-size: 13px; color: var(--bs-ink-2); }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-list .px-meta { grid-column: 1 / -1; display: flex; flex-wrap: wrap; gap: 0 12px; font-size: 13px; color: var(--bs-muted); }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-list > li.has-lead { grid-template-columns: auto minmax(0, 1fr) auto; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-list > li.has-lead .px-meta { grid-column: 2 / -1; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-row-lead { grid-row: span 2; display: flex; align-items: flex-start; }
/* One post: a talk's opening, a reply, a piece of evidence. Words first. */
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-post { padding: 14px 0; border-bottom: 1px solid var(--bs-hair); }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-post > header { display: flex; flex-wrap: wrap; align-items: baseline; gap: 2px 10px; margin-bottom: 4px; font-size: 13px; color: var(--bs-muted); }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-post > header b { font-weight: 600; color: var(--bs-ink); }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-post > header .px-end { margin-left: auto; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-post-body { max-width: 72ch; font-family: var(--bs-serif); font-size: 16px; line-height: 1.5; color: var(--bs-ink); overflow-wrap: anywhere; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-post-body p { margin: 0 0 8px; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-post-body p:last-child { margin-bottom: 0; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-post-body a { text-decoration: underline; text-decoration-color: var(--bs-hair-2); text-underline-offset: 3px; }

/* The record page's lead figure and chart. */
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-hero-fig { display: grid; grid-template-columns: minmax(0, 1fr); gap: 16px 40px; margin-top: 4px; padding: 16px 0; border-top: 1px solid var(--bs-rule); border-bottom: 1px solid var(--bs-hair-2); }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-big { display: flex; flex-wrap: wrap; align-items: baseline; gap: 2px 14px; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-big-label { flex: 0 0 100%; color: var(--bs-muted); font-size: 12px; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-big-value { font-size: 56px; font-weight: 450; line-height: 1.05; letter-spacing: -.03em; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-big-value.is-unknown { font-size: 22px; font-weight: 400; color: var(--bs-meta); letter-spacing: 0; line-height: 62px; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-big-value.is-words { font-size: 30px; line-height: 1.12; letter-spacing: -.02em; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-big-note { flex: 0 0 100%; margin: 0; font-size: 13px; color: var(--bs-muted); }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-big-beside { font-weight: 560; color: var(--bs-ink-2); }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-big-caveat { font-weight: 500; color: var(--bs-umber); }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-chart { position: relative; display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 2px 8px; margin: 0; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-chart svg { display: block; width: 100%; height: 120px; overflow: visible; color: var(--bs-ink); }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-chart svg line { stroke: var(--bs-hair); stroke-width: 1; vector-effect: non-scaling-stroke; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-chart-y { display: flex; flex-direction: column; justify-content: space-between; font-size: 12px; color: var(--bs-muted); text-align: right; white-space: nowrap; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-chart-x { display: flex; justify-content: space-between; font-size: 12px; color: var(--bs-muted); }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-chart figcaption { grid-column: 1 / -1; margin-top: 4px; font-size: 12px; color: var(--bs-muted); }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-fields { width: 100%; border-collapse: collapse; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-fields th, :root:root:root:root:root:root:root:root:root:root:root:root:root .px-fields td { padding: 8px 12px 8px 0; border-bottom: 1px solid var(--bs-hair); vertical-align: baseline; text-align: left; font-weight: 400; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-fields tbody th { color: var(--bs-ink-2); }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-fields .px-v { font-weight: 500; text-align: right; white-space: nowrap; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-fields .px-v-text { overflow-wrap: anywhere; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-fields .px-s { display: none; font-size: 13px; color: var(--bs-muted); }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-fields .px-r { text-align: right; padding-right: 0; white-space: nowrap; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-fields thead th:last-child { padding-right: 0; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-fields thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-unread { margin: 12px 0 0; font-size: 13px; color: var(--bs-muted); line-height: 1.5; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-unread b { font-weight: 600; color: var(--bs-ink-2); }

:root:root:root:root:root:root:root:root:root:root:root:root:root .px-section { padding-top: 0; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-section > .px-block-head + .px-figs { margin-top: 0; }

/* /map's hero: what the page is for, and the proof of scale at display size. */
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-map-hero .px-head { padding: 28px 0 0; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-map-hero .px-head h1 { font-size: 40px; line-height: 1.04; letter-spacing: -.026em; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-map-hero .px-lead { max-width: none; margin-top: 10px; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-figs.px-figs--display:not(.px-figs--wide) { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0; margin: 16px 0 0; padding: 0; border-top: 1px solid var(--bs-rule); border-bottom: 1px solid var(--bs-hair-2); }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-figs.px-figs--display:not(.px-figs--wide) > div { display: flex; flex-direction: column-reverse; justify-content: flex-end; gap: 2px; min-width: 0; padding: 10px 12px 10px 12px; border: 0; border-left: 1px solid var(--bs-hair); }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-figs.px-figs--display:not(.px-figs--wide) > div:first-child { padding-left: 0; border-left: 0; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-figs.px-figs--display:not(.px-figs--wide) dd { margin: 0; font-size: 30px; line-height: 1.08; font-weight: 500; letter-spacing: -.03em; white-space: nowrap; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-figs.px-figs--display:not(.px-figs--wide) dd small { font-size: 14px; letter-spacing: 0; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-figs.px-figs--display:not(.px-figs--wide) dd.is-unknown { font-size: 18px; font-weight: 400; letter-spacing: 0; line-height: 1.8; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-figs.px-figs--display:not(.px-figs--wide) dt { font-size: 12px; line-height: 1.3; }
/* A figure's label can be its link, and the whole figure opens it. */
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-figs > div:has(> dt > a) { position: relative; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-figs dt a { color: inherit; text-decoration: underline; text-decoration-thickness: 1px; text-decoration-color: var(--bs-hair-2); text-underline-offset: 3px; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-figs dt a::after { content: ""; position: absolute; inset: 0; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-figs > div:has(> dt > a):hover dt a { color: var(--bs-ink); text-decoration-color: var(--bs-ink); }
/* /map's counts (owner, Nov 7): one quiet line beside "As of", under the lead, so the cards are the first thing the eye lands on. The separator belongs to the gap before an item: one that starts a line hangs outside the clip. */
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-map-counts { display: flex; flex-wrap: wrap; align-items: baseline; margin: 14px 0 0 -19px; padding: 0; clip-path: inset(-2px -2px -2px 19px); font-size: 13px; line-height: 1.6; color: var(--bs-muted); }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-map-counts > .px-map-asof, :root:root:root:root:root:root:root:root:root:root:root:root:root .px-map-counts > .px-figs.px-figs--counts > div { display: inline-flex; align-items: baseline; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-map-counts > .px-map-asof::before, :root:root:root:root:root:root:root:root:root:root:root:root:root .px-map-counts > .px-figs.px-figs--counts > div::before { content: "\00b7"; order: -2; display: inline-block; flex: none; width: 19px; text-align: center; color: var(--bs-meta); }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-map-counts > .px-map-asof { margin: 0; color: var(--bs-ink-2); white-space: nowrap; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-map-counts > .px-figs.px-figs--counts { display: contents; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-map-counts > .px-figs.px-figs--counts > div { flex-direction: row; gap: 0; max-width: 100%; padding: 0; border: 0; white-space: nowrap; }
/* A count that names what it leaves out ("on Base, not counting Wallet Activity") wraps its words on a phone rather than run past the screen. */
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-map-counts > .px-figs.px-figs--counts > div > dt { min-width: 0; white-space: normal; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-map-counts > .px-figs.px-figs--counts > div > dd { order: -1; margin: 0; font-size: 13px; font-weight: 600; letter-spacing: 0; color: var(--bs-ink); white-space: nowrap; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-map-counts > .px-figs.px-figs--counts > div > dd small { font-size: 13px; font-weight: 400; color: var(--bs-muted); }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-map-counts > .px-figs.px-figs--counts > div > dd.is-unknown { font-weight: 400; color: var(--bs-meta); }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-map-counts > .px-figs.px-figs--counts > div > dt { margin: 0 0 0 .35em; font-size: 13px; color: var(--bs-muted); }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-map-counts > .px-figs.px-figs--counts > div > dt::first-letter { text-transform: lowercase; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-map-counts > .px-figs.px-figs--counts > div > dd.is-unknown + dt::first-letter, :root:root:root:root:root:root:root:root:root:root:root:root:root .px-map-counts > .px-figs.px-figs--counts > div:has(> dd.is-unknown) > dt::first-letter { text-transform: none; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-map-counts > .px-figs.px-figs--counts > div:has(> dd.is-unknown) > dd { order: 1; margin-left: .35em; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-map-counts > .px-figs.px-figs--counts > div:has(> dd.is-unknown) > dt { margin-left: 0; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-map-counts > .px-figs.px-figs--counts > div:has(> dt > a) { position: relative; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-map-hero + .px-ctrl, :root:root:root:root:root:root:root:root:root:root:root:root:root .px-map-hero + .px-notice + .px-ctrl { margin-top: 14px; padding-top: 10px; border-top: 1px solid var(--bs-rule); }
/* /map's networks are one row at every width (owner, Nov 7): it scrolls inside itself when it must, the chosen one in view. */
:root:root:root:root:root:root:root:root:root:root:root:root:root :is(.px-map-hero + .px-ctrl, .px-map-hero + .px-notice + .px-ctrl) > .px-nets { flex: 1 1 auto; flex-wrap: nowrap; min-width: 0; overflow-x: auto; }

/* THE RESEARCH PAGE (owner, Nov 7: two tabs, Research and Alpha; /research is one page). The head is a section front's; the head's action is the
   Research section's (Connect your agent, then the small line); two sections follow, each a serif head on a gold rule with one line under it:
   the cards ("See what really pays.") and the ledger ("Being checked now"), drawn as on the home, with "Other research" under its own smaller head. */
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-page .ni-page:is(.px-research-start, .px-research-ledger) { max-width: none; margin: 0; padding: 0; scroll-margin-top: 0; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-research-start > .px-start { display: flex; flex-direction: column; align-items: flex-start; gap: 10px; margin-top: 18px; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-research-hero .px-map-counts { margin-top: 18px; }
/* Owner, Nov 7: the Research front is centred: its switch, headline, line, actions and counts. Centred, a separator can start any line, so none is clipped and the first item draws none. */
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-switch-row:has(+ .px-research-hero) { justify-content: center; }
/* The home's Research section is centred the same way (owner, Nov 7): the Money switch, then its head, line and actions. Talks keeps its left edge. */
:root:root:root:root:root:root:root:root:root:root:root:root:root #network-research > .px-switch-row:has(> nav[aria-label="Money"]):has(+ .ni-stage-intro--workflow) { justify-content: center; }
:root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] #network-research > .px-switch-row:has(> nav[aria-label="Money"]) + .ni-stage-intro--workflow:not(#px-centre) { display: flex; flex-direction: column; align-items: center; text-align: center; }
:root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] #network-research > .px-switch-row:has(> nav[aria-label="Money"]) + .ni-stage-intro--workflow:not(#px-centre) :is(h2, p) { margin-left: auto; margin-right: auto; text-align: center; }
/* Its line takes /research's lead measure (owner, Nov 7: the home line wrapped into two narrow lines where /research reads one). */
:root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] #network-research > .px-switch-row:has(> nav[aria-label="Money"]) + .ni-stage-intro--workflow:not(#px-centre) > div:first-child > p { max-width: 34em; line-height: 1.4; }
:root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] #network-research > .px-switch-row:has(> nav[aria-label="Money"]) + .ni-stage-intro--workflow:not(#px-centre) > .px-start { align-items: center; align-self: center; text-align: center; }
/* The home's Research head carries /research's counts (owner, Nov 7: "how many markets do we monitor?"): the same row, words and type as the
   Research front's, centred under the line and above the action, set off by a short hairline of gold. Numerals are tabular, so a count that
   changes does not move its neighbours. The site's serif for the head's paragraphs is not the counts' type: "As of" keeps the row's sans. */
:root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] #network-research > .px-switch-row:has(> nav[aria-label="Money"]) + .ni-stage-intro--workflow:not(#px-centre) > .px-home-counts { justify-content: center; column-gap: 18px; row-gap: 0; max-width: 100%; margin: 22px auto 0; padding: 15px 0 0; clip-path: none; text-align: center; font-variant-numeric: tabular-nums; background-image: var(--px-gold-rule); background-size: 44px 1px; background-position: 50% 0; background-repeat: no-repeat; }
:root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] #network-research > .px-switch-row:has(> nav[aria-label="Money"]) + .ni-stage-intro--workflow:not(#px-centre) > .px-home-counts > .px-map-asof { max-width: none; margin: 0; font-family: inherit; font-size: 13px; line-height: 1.6; color: var(--bs-ink-2); text-align: center; }
:root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] #network-research > .px-switch-row:has(> nav[aria-label="Money"]) + .ni-stage-intro--workflow:not(#px-centre) > .px-home-counts :is(.px-map-asof, .px-figs--counts > div, .px-figs--counts > div > dt) { white-space: nowrap; }
:root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] #network-research > .px-switch-row:has(> nav[aria-label="Money"]) + .ni-stage-intro--workflow:not(#px-centre) > .px-home-counts :is(.px-map-asof, .px-figs--counts > div)::before { content: none; }
:root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] #network-research > .px-switch-row:has(> nav[aria-label="Money"]) + .ni-stage-intro--workflow:not(#px-centre) > .px-home-counts + .px-start { margin-top: 22px; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-switch > .px-seg--closed { cursor: default; color: var(--bs-meta); }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-switch > .px-seg--closed:hover { color: var(--bs-meta); background: none; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-research-hero .px-head { display: block; text-align: center; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-research-hero .px-head > div { display: flex; flex-direction: column; align-items: center; width: 100%; text-align: center; }
:root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .px-research-hero .px-head h1:not(#px-front):not(#px-centre) { margin-left: auto; margin-right: auto; text-align: center; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-research-hero .px-lead { max-width: 34em; margin-left: auto; margin-right: auto; text-align: center; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-research-start > .px-start { align-items: center; text-align: center; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-page .px-research-start .px-start-also { text-align: center; }
@media (min-width: 560px) { :root:root:root:root:root:root:root:root:root:root:root:root:root .px-page .px-research-start .px-start-also { white-space: nowrap; } }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-research-hero .px-map-counts { justify-content: center; column-gap: 18px; margin-left: 0; clip-path: none; text-align: center; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-research-hero .px-map-counts > .px-map-asof, :root:root:root:root:root:root:root:root:root:root:root:root:root .px-research-hero .px-map-counts > .px-figs.px-figs--counts > div, :root:root:root:root:root:root:root:root:root:root:root:root:root .px-research-hero .px-map-counts > .px-figs.px-figs--counts > div > dt { white-space: nowrap; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-research-hero .px-map-counts > .px-map-asof::before, :root:root:root:root:root:root:root:root:root:root:root:root:root .px-research-hero .px-map-counts > .px-figs.px-figs--counts > div::before { content: none; }
:root:root:root:root:root:root:root:root:root:root:root:root:root :is(.px-research-pays, .px-research-checking) { margin: 44px 0 0; scroll-margin-top: 20px; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-research-h { margin: 0; padding: 0 0 10px; font-family: var(--bs-serif); font-size: 30px; font-weight: 430; line-height: 1.1; letter-spacing: -.018em; color: var(--bs-ink); background-image: var(--px-gold-rule); background-size: 100% 1px; background-position: 0 100%; background-repeat: no-repeat; }
:root:root:root:root:root:root:root:root:root:root:root:root:root :is(.px-research-pays, .px-research-checking) > .px-lead { max-width: 64ch; margin: 12px 0 0; }
:root:root:root:root:root:root:root:root:root:root:root:root:root :is(.px-research-pays, .px-research-checking) > .px-note { margin: 10px 0 0; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-research-pays > .px-ctrl { margin-top: 16px; padding-top: 10px; border-top: 1px solid var(--bs-hair); }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-research-pays > .px-ctrl > .px-nets { flex: 1 1 auto; flex-wrap: nowrap; min-width: 0; overflow-x: auto; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-research-pays > .px-state { margin-top: 18px; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-research-other { margin: 48px 0 0; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-research-sub { margin: 0; padding: 0 0 8px; font-family: var(--bs-serif); font-size: 22px; font-weight: 430; line-height: 1.15; letter-spacing: -.01em; color: var(--bs-ink); border-bottom: 1px solid var(--bs-rule); }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-research-other > .px-note { margin: 8px 0 0; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-research-ledger .px-lane-head h4 { display: flex; align-items: baseline; margin: 0; color: var(--bs-ink); font-family: var(--px-sans); font-size: 12px; font-weight: 640; letter-spacing: .16em; line-height: 1.3; text-transform: uppercase; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-research-ledger > .ni-pagination-note { margin-top: 28px; }
/* A card's research state: rounds waiting for review in the warning colour, rounds in research in ink, the seal only beside Verified. */
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-card-research { display: flex; flex-wrap: wrap; align-items: baseline; gap: 2px 12px; margin: 10px 0 0; font-size: 12.5px; font-weight: 500; line-height: 1.4; color: var(--bs-ink-2); }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-card-state.is-review { color: var(--bs-umber); font-weight: 560; }
@media (max-width: 759px) {
  :root:root:root:root:root:root:root:root:root:root:root:root:root .px-research-h { font-size: 26px; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root :is(.px-research-pays, .px-research-checking) { margin-top: 36px; }
}

/* /map's cards (owner, Nov 7; compact the same morning: "make it compact and beautiful"). A broadsheet's columns, not a dashboard's boxes: a gold rule
   under each group's head, a hairline between rows, a column rule between cards, and no fill. One face per card: the name with its icon in the metal and
   the read age beside it, the figure, one line of what and whose, a caveat only when there is one. Four across from 1100 px, two on a tablet, one on a
   phone. A row of cards shares its lines (subgrid), so every figure and every "what" sits on the same line across the row, and a group's last row is
   never broken: its cards share the whole width. The whole card opens its category; hover lays the Top row's wash and draws a cap of metal across the top. */
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-show { margin-top: 2px; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-show-group { margin-top: 24px; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-show-head { margin: 0; padding-bottom: 7px; font-family: var(--bs-serif); font-size: 20px; font-weight: 450; line-height: 1.2; letter-spacing: -.01em; color: var(--bs-ink); background-image: var(--px-gold-rule); background-size: 100% 1px; background-position: 0 100%; background-repeat: no-repeat; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-cards { --px-card-x: 16px; display: grid; grid-template-columns: minmax(0, 1fr); gap: 0; margin: 0 calc(-1 * var(--px-card-x)); padding: 0; list-style: none; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-card { position: relative; display: grid; grid-template-columns: minmax(0, 1fr) auto; column-gap: 12px; align-content: start; min-width: 0; margin: 0; padding: 14px var(--px-card-x) 16px; background-color: transparent; background-image: var(--px-gold-sheen), var(--px-gold-rule); background-size: 250% 0, 100% 0; background-position: 100% 0, 0 0; background-repeat: no-repeat; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-card > * { grid-column: 1 / -1; min-width: 0; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-card > .px-card-top { grid-column: 1; grid-row: 1; }
/* The read age, once: the dot and "10m" beside the name, so it costs no line of its own. */
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-card > .px-card-age { grid-column: 2; grid-row: 1; align-self: start; }
/* The rule between rows ends on the content's edge, as the gold rule above it does: the cards reach into the gutter only for the hover's wash. */
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-card::before { content: ""; position: absolute; top: 0; left: var(--px-card-x); right: var(--px-card-x); height: 1px; background: var(--bs-hair); }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-cards > .px-card:first-child::before { content: none; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-card-top { display: flex; align-items: flex-start; min-height: 22px; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-card-link { display: inline-flex; align-items: flex-start; gap: 9px; min-width: 0; color: var(--bs-ink); }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-card-link::after { content: ""; position: absolute; inset: 0; z-index: 1; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-page .px-card-link:hover { text-decoration: none; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-card-icon { flex: none; width: 20px; height: 20px; margin-top: 1px; stroke: url(#px-gold-metal) var(--px-gold-lo); }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-card-name { font-family: var(--bs-serif); font-size: 17px; font-weight: 430; line-height: 1.3; text-wrap: balance; letter-spacing: -.006em; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-card-name::after { content: " \2192"; color: var(--bs-muted); opacity: 0; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-card-age { display: inline-flex; align-items: center; gap: 6px; padding-top: 4px; font-size: 12px; line-height: 1.2; color: var(--bs-muted); white-space: nowrap; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-card-age.px-tone-stale, :root:root:root:root:root:root:root:root:root:root:root:root:root .px-card-age.px-tone-off { color: var(--bs-umber); font-weight: 560; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-card-fig { display: flex; flex-wrap: wrap; align-items: baseline; gap: 0 7px; margin: 10px 0 0; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-card-figure { font-family: var(--px-sans); font-size: 34px; font-weight: 560; line-height: 1.06; letter-spacing: -.032em; color: var(--bs-ink); white-space: nowrap; font-variant-numeric: tabular-nums lining-nums; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-card-figure.is-long { font-size: 26px; letter-spacing: -.022em; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-card-figure.is-unknown { font-size: 24px; font-weight: 400; letter-spacing: -.01em; color: var(--bs-meta); }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-card-unit { font-size: 13px; line-height: 1.3; color: var(--bs-muted); }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-card-beside { margin: 3px 0 0; font-size: 13px; font-weight: 560; line-height: 1.35; color: var(--bs-ink-2); }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-card-what { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; margin: 8px 0 0; font-size: 13.5px; line-height: 1.42; color: var(--bs-ink-2); overflow-wrap: anywhere; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-card-kind { font-weight: 560; color: var(--bs-ink); }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-card-kind + .px-card-whose::before { content: "\00b7"; margin: 0 .42em; color: var(--bs-meta); }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-card-caveat { margin: 3px 0 0; font-size: 12.5px; font-weight: 500; line-height: 1.4; color: var(--bs-umber); }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-card-note { margin: 3px 0 0; font-size: 12.5px; line-height: 1.4; color: var(--bs-meta); }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-card:hover, :root:root:root:root:root:root:root:root:root:root:root:root:root .px-card:has(.px-card-link:focus-visible) { background-color: var(--px-gold-wash); background-size: 250% 2px, 100% 2px; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-card:hover .px-card-name::after, :root:root:root:root:root:root:root:root:root:root:root:root:root .px-card:has(.px-card-link:focus-visible) .px-card-name::after { color: var(--bs-ink); opacity: 1; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-page .px-card-link:focus-visible { outline: 0 !important; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-page .px-card-link:focus-visible::after { outline: 2px solid var(--bs-ink); outline-offset: -2px; }
@media (hover: none) { :root:root:root:root:root:root:root:root:root:root:root:root:root .px-card:hover { background-color: transparent; background-size: 250% 0, 100% 0; } :root:root:root:root:root:root:root:root:root:root:root:root:root .px-card-name::after { opacity: .6; } }
@media (prefers-reduced-motion: no-preference) {
  :root:root:root:root:root:root:root:root:root:root:root:root:root .px-card:hover { background-position: 0 0, 0 0; transition: background-position .9s cubic-bezier(.2, .7, .2, 1); }
}
@media (forced-colors: active) { :root:root:root:root:root:root:root:root:root:root:root:root:root .px-card-icon { stroke: CanvasText; } :root:root:root:root:root:root:root:root:root:root:root:root:root .px-card:hover { outline: 1px solid Highlight; } }
/* Two or more across: a card takes six shared lines (name, figure, beside, what, caveat, its research state), so a row reads level whatever each card holds. */
@media (min-width: 560px) {
  :root:root:root:root:root:root:root:root:root:root:root:root:root .px-cards { --px-card-x: 18px; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root .px-card { grid-row: span 6; grid-template-rows: subgrid; row-gap: 0; padding-block: 16px 18px; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root .px-card > .px-card-fig { grid-row: 2; align-self: baseline; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root .px-card > .px-card-beside { grid-row: 3; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root .px-card > .px-card-what { grid-row: 4; -webkit-line-clamp: 2; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root .px-card > :is(.px-card-caveat, .px-card-note) { grid-row: 5; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root .px-card > .px-card-research { grid-row: 6; align-self: end; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root .px-card-figure { font-size: 36px; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root .px-card-figure.is-long { font-size: 28px; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root .px-card::before { left: 0; right: 0; }
}
/* A tablet: two across. A lone last card takes the row. */
@media (min-width: 560px) and (max-width: 1099px) {
  :root:root:root:root:root:root:root:root:root:root:root:root:root .px-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  :root:root:root:root:root:root:root:root:root:root:root:root:root .px-cards > .px-card:nth-child(2n + 1):last-child { grid-column: 1 / -1; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root .px-cards > .px-card:nth-child(2n) { box-shadow: inset 1px 0 0 var(--bs-hair); }
  :root:root:root:root:root:root:root:root:root:root:root:root:root .px-cards > .px-card:nth-child(2n + 1)::before { left: var(--px-card-x); }
  :root:root:root:root:root:root:root:root:root:root:root:root:root .px-cards > .px-card:is(:nth-child(2n), :last-child)::before { right: var(--px-card-x); }
  :root:root:root:root:root:root:root:root:root:root:root:root:root .px-cards > .px-card:nth-child(-n + 2)::before { content: none; }
}
/* 1100 and up: four across on twelve lines. A last row of three, two or one shares the whole width, so it never ends on an empty slot. */
@media (min-width: 1100px) {
  :root:root:root:root:root:root:root:root:root:root:root:root:root .px-cards { --px-card-x: 20px; grid-template-columns: repeat(12, minmax(0, 1fr)); }
  :root:root:root:root:root:root:root:root:root:root:root:root:root .px-cards > .px-card { grid-column: span 3; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root .px-cards > .px-card:nth-child(4n + 1):nth-last-child(3), :root:root:root:root:root:root:root:root:root:root:root:root:root .px-cards > .px-card:nth-child(4n + 1):nth-last-child(3) ~ .px-card { grid-column: span 4; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root .px-cards > .px-card:nth-child(4n + 1):nth-last-child(2), :root:root:root:root:root:root:root:root:root:root:root:root:root .px-cards > .px-card:nth-child(4n + 1):nth-last-child(2) ~ .px-card { grid-column: span 6; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root .px-cards > .px-card:nth-child(4n + 1):last-child { grid-column: 1 / -1; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root .px-cards > .px-card { box-shadow: inset 1px 0 0 var(--bs-hair); }
  :root:root:root:root:root:root:root:root:root:root:root:root:root .px-cards > .px-card:nth-child(4n + 1) { box-shadow: none; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root .px-cards > .px-card:nth-child(4n + 1)::before { left: var(--px-card-x); }
  :root:root:root:root:root:root:root:root:root:root:root:root:root .px-cards > .px-card:is(:nth-child(4n), :last-child)::before { right: var(--px-card-x); }
  :root:root:root:root:root:root:root:root:root:root:root:root:root .px-cards > .px-card:nth-child(-n + 4)::before { content: none; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root .px-card-figure { font-size: 40px; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root .px-card-figure.is-long { font-size: 30px; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root .px-card-figure.is-unknown { font-size: 26px; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root .px-card-name { font-size: 18px; }
}
/* The table, closed under one quiet control and still in the HTML; open, it takes the page's width. */
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-compare { margin-top: 18px; border-top: 1px solid var(--bs-hair-2); }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-compare > .px-more { margin: 0; font-size: inherit; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-compare > .px-more > summary { min-height: 44px; font-size: 13px; color: var(--bs-ink-2); }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-compare > .px-more > .px-compare-inner { max-width: none; margin: 0 0 8px; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-compare-inner > .px-note { margin: 0 0 10px; }
/* The end of /map: one compact band, then the closed way to read it and the not-advice line, both quiet. */
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-closing.px-closing--map { gap: 12px 32px; margin: 0; padding: 18px 0; border-top: 1px solid var(--bs-rule); border-bottom: 1px solid var(--bs-hair-2); }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-closing--map .px-closing-line { flex: 1 1 300px; max-width: none; font-size: 24px; line-height: 1.2; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-closing--map .px-closing-do { gap: 6px; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-closing--map .px-closing-note { font-size: 12px; color: var(--bs-muted); }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-map-end { margin-top: 6px; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-map-end > .px-more { margin: 0; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-map-end > .px-more > dl { margin-left: 16px; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-map-end > .px-more > h3 { margin: 14px 0 0 16px; font-size: 12px; font-weight: 600; letter-spacing: .04em; text-transform: uppercase; color: var(--bs-muted); }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-map-end > .px-map-foot { margin: 2px 0 0; }
@media (max-width: 759px) {
  :root:root:root:root:root:root:root:root:root:root:root:root:root .px-closing--map .px-closing-line { font-size: 22px; }
}

/* The board: a whole row opens its category, with no script. The links inside a row stay their own, above the row's. */
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-board tbody > tr:not(.px-group), :root:root:root:root:root:root:root:root:root:root:root:root:root .px-rows tbody > tr:not(.px-group) { position: relative; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-row-link::after { content: ""; position: absolute; inset: 0; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-board tbody > tr > .px-name::after { content: " \2192"; color: var(--bs-muted); opacity: 0; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-board tbody > tr:not(.px-group):hover > .px-name::after, :root:root:root:root:root:root:root:root:root:root:root:root:root .px-board tbody > tr:has(.px-row-link:focus-visible) > .px-name::after { color: var(--bs-ink); opacity: 1; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-board tbody > tr:not(.px-group):hover .px-row-link, :root:root:root:root:root:root:root:root:root:root:root:root:root .px-board tbody > tr:has(.px-row-link:focus-visible) .px-row-link, :root:root:root:root:root:root:root:root:root:root:root:root:root .px-rows tbody > tr:not(.px-group):hover .px-row-link, :root:root:root:root:root:root:root:root:root:root:root:root:root .px-rows tbody > tr:has(.px-row-link:focus-visible) .px-row-link { text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; text-decoration-color: var(--bs-ink); }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-board tbody > tr:has(.px-row-link:focus-visible) > *, :root:root:root:root:root:root:root:root:root:root:root:root:root .px-rows tbody > tr:has(.px-row-link:focus-visible) > * { background-color: var(--bs-paper-2); }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-board tbody > tr:has(.px-row-link:focus-visible) > .px-c-lead, :root:root:root:root:root:root:root:root:root:root:root:root:root .px-rows tbody > tr:has(.px-row-link:focus-visible) > .px-c-lead { background-color: #e5e4da; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-page .px-row-link:focus-visible { outline: 0 !important; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-page .px-row-link:focus-visible::after { outline: 2px solid var(--bs-ink); outline-offset: -2px; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-board tbody :is(td a, details.px-prov), :root:root:root:root:root:root:root:root:root:root:root:root:root .px-rows tbody :is(td a, details.px-prov, .px-clamp), :root:root:root:root:root:root:root:root:root:root:root:root:root .px-rows tbody .px-tag[title] { position: relative; z-index: 1; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-rows tbody .px-clamp { cursor: pointer; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-board tbody details.px-prov[open], :root:root:root:root:root:root:root:root:root:root:root:root:root .px-rows tbody details.px-prov[open] { z-index: 5; }
@media (hover: none) { :root:root:root:root:root:root:root:root:root:root:root:root:root .px-board tbody > tr:not(.px-group) > .px-name::after { opacity: .6; } }
/* A group's label is quiet: it says what kind of number follows and leaves the figures the strongest thing on the page. */
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-table thead th.px-c-read { white-space: nowrap; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-table.px-board tbody > tr.px-group > th { padding: 20px 0 6px; font-family: var(--px-sans); font-size: 11px; font-weight: 640; letter-spacing: .12em; text-transform: uppercase; color: var(--bs-muted); border-bottom: 1px solid var(--bs-hair-2); background: transparent; }

/* The hero darkens the page behind it and pins the header over it; main's script lifts both on scroll. A script that failed or was blocked lifts nothing, so the words under the hero were ink on ink and the fixed white header lay over them. Main's script marks the header once it runs: until then the paper is the page's, the ink is the hero's alone, and the header leaves with the hero. At the top of the page this draws the same hero; after the mark the sheet adds nothing. */
@media (prefers-reduced-motion: no-preference) and (min-height: 560px) and (forced-colors: none) {
  :root:root:root:root:root:root:root:root:root:root:root:root:root:has(> body[data-network-over-hero="true"] > .site-header:not([data-navigation-ready])):not([data-network-menu-open]) { background: var(--bs-paper) !important; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-over-hero="true"]:has(> .site-header:not([data-navigation-ready])) { background: var(--bs-paper) !important; color-scheme: light; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-over-hero="true"]:has(> .site-header:not([data-navigation-ready])) .network-hero-stage { background: var(--ink, #111214); }
  :root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-over-hero="true"]:has(> .site-header:not([data-navigation-ready])) .site-header { position: absolute; }
}
@media (min-width: 760px) and (max-width: 1099px) {
  :root:root:root:root:root:root:root:root:root:root:root:root:root .px-table.px-board tbody > tr > :is(.px-name, .px-c-lead) { white-space: normal; }
}
/* A page's end: one sentence, one action. The footnote follows it in quiet type. */
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-closing { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 16px 40px; margin: 40px 0 24px; padding: 24px 0; border-top: 1px solid var(--bs-rule); border-bottom: 1px solid var(--bs-hair-2); }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-closing-line { flex: 1 1 320px; margin: 0; max-width: 26em; font-family: var(--bs-serif); font-size: 30px; font-weight: 430; line-height: 1.14; letter-spacing: -.02em; text-wrap: balance; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-closing-do { display: flex; flex-direction: column; align-items: flex-start; gap: 10px; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-closing-acts { display: flex; flex-wrap: wrap; gap: 10px; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-closing-note { margin: 0; font-size: 13px; line-height: 1.4; color: var(--bs-ink-2); }
/* A closed list of words: the word, then its one line, on the page's measure. */
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-more > dl { display: grid; grid-template-columns: minmax(0, 190px) minmax(0, 1fr); gap: 6px 18px; max-width: 860px; margin: 8px 0 14px; font-size: 13px; line-height: 1.45; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-more > dl > dt { font-weight: 600; color: var(--bs-ink); }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-more > dl > dd { margin: 0; color: var(--bs-ink-2); }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-more > dl > dd a { text-decoration: underline; text-decoration-color: var(--bs-hair-2); text-underline-offset: 3px; }
@media (max-width: 759px) {
  :root:root:root:root:root:root:root:root:root:root:root:root:root .px-more > dl { display: block; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root .px-more > dl > dd { margin: 1px 0 10px; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root .px-closing-acts .px-btn { min-height: 44px; }
}
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-map-foot { color: var(--bs-muted); }

/* The home's category tiles: the top figure, its small line, then the tile as main has it. Only with the switch on: this class comes with the figures. */
:root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .ni-page .px-tile-grid .ni-category-copy > .px-tile-top { display: flex; flex-wrap: wrap; align-items: baseline; gap: 0 6px; margin: 4px 0 0; color: var(--bs-ink); font-family: var(--px-sans, inherit); font-size: 13px; line-height: 1.1; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-tile-figure { font-size: 24px; font-weight: 600; line-height: 1.1; letter-spacing: -.024em; font-variant-numeric: tabular-nums; }
/* A date and a time ("Nov 9, 14:03 UTC") is a figure of 14 characters or more: set smaller so it stays one line in a tile, as a card's is-long. */
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-tile-figure.is-long { font-size: 19px; letter-spacing: -.016em; white-space: nowrap; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-tile-unit { color: var(--bs-muted); font-size: 12.5px; font-weight: 400; letter-spacing: 0; white-space: nowrap; }
:root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .ni-page .px-tile-grid .ni-category-copy > .px-tile-what { display: block; margin: 0 0 4px; font-size: 12.5px; font-weight: 400; line-height: 1.35; color: var(--bs-ink-2); overflow-wrap: anywhere; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-tile-caveat { color: var(--bs-umber); }
/* A group's name, /map's label, sits on its first tile's top rule: it takes no height and moves nothing. */
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-tile-grid > .ni-category-card:has(> .px-tile-group) { position: relative; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-tile-group { position: absolute; top: -7px; left: 14px; padding-right: 8px; background: var(--bs-paper); font-family: var(--px-sans); font-size: 11px; font-weight: 640; line-height: 14px; letter-spacing: .12em; text-transform: uppercase; white-space: nowrap; color: var(--bs-muted); }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-tile-grid > .ni-category-card:nth-child(2n + 1) > .px-tile-group { left: 0; }
@media (min-width: 760px) { :root:root:root:root:root:root:root:root:root:root:root:root:root .px-tile-group { left: 22px; } }
@media (min-width: 1100px) {
  :root:root:root:root:root:root:root:root:root:root:root:root:root .px-tile-grid > .ni-category-card:nth-child(2n + 1) > .px-tile-group { left: 22px; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root .px-tile-grid > .ni-category-card:nth-child(4n + 1) > .px-tile-group { left: 0; }
}
@media (max-width: 759px) { :root:root:root:root:root:root:root:root:root:root:root:root:root .px-tile-group { letter-spacing: .06em; } }
/* With Funding under What to watch (Nov 7), two groups open on a right-hand tile: at 360 its name must end inside that tile. */
@media (max-width: 429px) { :root:root:root:root:root:root:root:root:root:root:root:root:root .px-tile-group { font-size: 10px; letter-spacing: .04em; } }
/* Thirteen tiles leave one alone: it takes the whole last row, and its parts stand on the columns of the tiles above it. */
@media (min-width: 760px) {
  :root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .ni-page .px-tile-grid > .ni-category-card:last-child:nth-child(2n + 1) .ni-category-copy { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 24px; row-gap: 3px; align-items: start; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .ni-page .px-tile-grid > .ni-category-card:last-child:nth-child(2n + 1) .ni-category-copy > strong { grid-column: 1; grid-row: 1; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .ni-page .px-tile-grid > .ni-category-card:last-child:nth-child(2n + 1) .ni-category-copy > .px-tile-top { grid-column: 1; grid-row: 2; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .ni-page .px-tile-grid > .ni-category-card:last-child:nth-child(2n + 1) .ni-category-copy > .px-tile-what { grid-column: 1; grid-row: 3; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .ni-page .px-tile-grid > .ni-category-card:last-child:nth-child(2n + 1) .ni-category-copy > .ni-category-live { grid-column: 2; grid-row: 1 / span 2; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .ni-page .px-tile-grid > .ni-category-card:last-child:nth-child(2n + 1) .ni-category-copy > span:last-child { grid-column: 2; grid-row: 3; }
}
@media (min-width: 1100px) {
  :root:root:root:root:root:root:root:root:root:root:root:root:root .px-table.px-board tbody > tr > .px-name { white-space: nowrap; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .ni-page .px-tile-grid > .ni-category-card:last-child:nth-child(4n + 1) .ni-category-copy { grid-template-columns: calc(25% + 45px) calc(25% + 22px) calc(25% + 22px) minmax(0, 1fr); column-gap: 0; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .ni-page .px-tile-grid > .ni-category-card:last-child:nth-child(4n + 1) .ni-category-copy > * { padding-right: 24px; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .ni-page .px-tile-grid > .ni-category-card:last-child:nth-child(4n + 1) .ni-category-copy > .px-tile-top { grid-column: 2; grid-row: 1; margin-top: 0; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .ni-page .px-tile-grid > .ni-category-card:last-child:nth-child(4n + 1) .ni-category-copy > .px-tile-what { grid-column: 2; grid-row: 2; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .ni-page .px-tile-grid > .ni-category-card:last-child:nth-child(4n + 1) .ni-category-copy > .ni-category-live { grid-column: 3; grid-row: 1 / span 2; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .ni-page .px-tile-grid > .ni-category-card:last-child:nth-child(4n + 1) .ni-category-copy > span:last-child { grid-column: 4; grid-row: 1 / span 2; }
}
/* A phone's tile is half the page: the figure drops a size and may wrap, and never pushes the page sideways. */
@media (max-width: 759px) {
  :root:root:root:root:root:root:root:root:root:root:root:root:root .px-tile-figure { font-size: 19px; overflow-wrap: anywhere; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root .px-tile-figure.is-long { font-size: 14px; letter-spacing: -.02em; white-space: normal; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root .px-tile-unit { font-size: 12px; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .ni-page .px-tile-grid .ni-category-copy > .px-tile-what { font-size: 12px; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .ni-page .px-tile-grid .ni-category-copy { min-width: 0; }
}

/* Documents: /join, /for-agents, /guide, the error pages. The same head, the same rule, the same buttons as the data pages. */
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-prose { max-width: 68ch; font-family: var(--bs-serif); font-size: 17px; line-height: 1.5; color: var(--bs-ink-2); text-wrap: pretty; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-prose > :first-child { margin-top: 0; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-prose > :last-child { margin-bottom: 0; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-prose p, :root:root:root:root:root:root:root:root:root:root:root:root:root .px-prose ul, :root:root:root:root:root:root:root:root:root:root:root:root:root .px-prose ol { margin: 0 0 12px; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-prose ul, :root:root:root:root:root:root:root:root:root:root:root:root:root .px-prose ol { padding-left: 20px; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-prose li { margin: 0 0 6px; }
:root:root:root:root:root:root:root:root:root:root:root:root:root :is(.px-prose, .px-lead, .px-col-body, .px-doc-aside, .guide-content) a:not(.px-btn):not(.px-code a) { color: var(--bs-ink); text-decoration: underline; text-decoration-thickness: 1px; text-decoration-color: var(--bs-hair-2); text-underline-offset: 3px; }
:root:root:root:root:root:root:root:root:root:root:root:root:root :is(.px-prose, .px-lead, .px-col-body, .px-doc-aside, .guide-content) a:not(.px-btn):hover { text-decoration-color: var(--bs-ink); }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-page :is(.px-prose, .px-col-body, .px-doc-aside, .guide-content, .px-lead) code:not(pre code) { padding: 1px 4px; border-radius: 3px; background: var(--bs-paper-2); font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: .8em; color: var(--bs-ink); overflow-wrap: anywhere; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-code { margin: 12px 0 14px; border-radius: 4px; background: var(--bs-paper-2); max-width: 100%; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-code-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 40px; padding: 0 4px 0 12px; border-bottom: 1px solid var(--bs-hair); font-family: var(--px-sans); font-size: 12px; color: var(--bs-muted); }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-code-head span { min-width: 0; overflow-wrap: anywhere; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-code-head button { flex: none; min-height: 40px; min-width: 56px; padding: 0 10px; border: 0; background: transparent; color: var(--bs-ink); font-family: var(--px-sans); font-size: 13px; font-weight: 560; cursor: pointer; border-radius: 3px; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-code-head button:hover { background: var(--px-wash); }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-code pre { margin: 0; padding: 10px 12px 12px; overflow-x: auto; white-space: pre; background: transparent; border: 0; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-code code, :root:root:root:root:root:root:root:root:root:root:root:root:root .px-code code .code-line { display: block; padding: 0; background: transparent; font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: 13px; line-height: 1.55; color: var(--bs-ink); overflow-wrap: normal; white-space: pre; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-code code .code-line { display: inline; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-more > .px-code { max-width: none; margin-left: 0; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-more > .px-table-wrap { max-width: none; margin-left: 0; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-step { display: grid; grid-template-columns: 28px minmax(0, 1fr); gap: 0 8px; padding: 18px 0 22px; border-top: 1px solid var(--bs-hair-2); }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-step:first-child { border-top: 1px solid var(--bs-rule); }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-step-n { padding-top: 7px; font-size: 13px; color: var(--bs-meta); }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-step-body { min-width: 0; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-step h2 { margin: 0 0 6px; font-family: var(--bs-serif); font-weight: 450; font-size: 22px; line-height: 1.2; letter-spacing: -.01em; color: var(--bs-ink); }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-step .px-prose { max-width: none; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-step .px-more { font-family: var(--px-sans); }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-step .px-link-row { font-family: var(--px-sans); }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-step .join-step-md { font-weight: 400; color: var(--bs-muted); }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-cols { display: grid; grid-template-columns: minmax(0, 1fr); border-top: 1px solid var(--bs-rule); }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-cols > div { min-width: 0; padding: 12px 0 14px; border-bottom: 1px solid var(--bs-hair); }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-cols h2 { margin: 0 0 4px; font-family: var(--px-sans); font-size: 12px; font-weight: 620; line-height: 1.3; letter-spacing: 0; color: var(--bs-ink); }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-col-body { font-family: var(--bs-serif); font-size: 16px; line-height: 1.42; color: var(--bs-ink-2); text-wrap: pretty; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-col-body p { margin: 0 0 8px; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-col-body p:last-child { margin-bottom: 0; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-actions { display: flex; flex-wrap: wrap; gap: 8px; margin: 4px 0 0; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-doc-aside { font-size: 14px; line-height: 1.45; color: var(--bs-ink-2); }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-doc-aside h2 { margin: 0 0 6px; font-family: var(--bs-serif); font-weight: 450; font-size: 22px; line-height: 1.2; letter-spacing: -.01em; color: var(--bs-ink); }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-doc-aside p, :root:root:root:root:root:root:root:root:root:root:root:root:root .px-doc-aside ul { margin: 0 0 8px; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-doc-aside ul { padding-left: 0; list-style: none; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-doc-aside li { padding: 6px 0; border-top: 1px solid var(--bs-hair); }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-doc-aside li:first-child { border-top: 0; padding-top: 0; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-doc-aside .px-more > :not(summary) { margin-left: 0; font-size: 13px; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-join-layout { display: grid; grid-template-columns: minmax(0, 1fr); gap: 16px 56px; margin-top: 16px; }
/* The steps sit closed for a person; open, they keep the column's width and no indent, or a phone cuts the example's lines. */
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-doc-steps > .px-more { margin-top: 0; font-size: inherit; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-doc-steps > .px-more > :not(summary) { max-width: none; margin: 0; line-height: inherit; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-doc-aside { padding: 12px 0; border-top: 1px solid var(--bs-rule); }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-h1-line { display: block; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-wrap { table-layout: fixed; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-doc-page .px-head { padding-bottom: 14px; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-block-body { margin-top: 12px; }
/* A section of a document or a table in a document: one word at a time, never a wall. */
:root:root:root:root:root:root:root:root:root:root:root:root:root .map-sources .map-unknown { color: var(--bs-meta); }
:root:root:root:root:root:root:root:root:root:root:root:root:root .map-skills .px-meta { max-width: 68ch; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-request-lead { margin: 0 0 8px; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-request-lead p { margin: 0; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-request-lead .px-request { margin: 12px 0 0; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-sources-sum { margin: 12px 0 0; font-size: 14px; color: var(--bs-ink-2); }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-sources-sum b { font-weight: 600; color: var(--bs-ink); }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-wrap tbody > tr > .px-c-ctx { flex: 1 1 100%; max-width: none; white-space: normal; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-request { margin: 10px 0 12px; padding: 10px 12px; max-width: 78ch; border-radius: 4px; background: var(--bs-paper-2); font-family: var(--bs-serif); font-size: 16px; line-height: 1.45; color: var(--bs-ink); }
:root:root:root:root:root:root:root:root:root:root:root:root:root button.px-btn { font-family: var(--px-sans); }
:root:root:root:root:root:root:root:root:root:root:root:root:root button.px-btn:hover { background: var(--bs-paper-2); }
:root:root:root:root:root:root:root:root:root:root:root:root:root button.px-btn-dark:hover { background: var(--bs-ink-2); }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-link-row { display: flex; flex-wrap: wrap; gap: 4px 16px; margin: 10px 0 0; font-size: 14px; font-weight: 560; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-link-row a { text-decoration: underline; text-decoration-color: var(--bs-hair-2); text-underline-offset: 3px; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-link-row button { position: relative; padding: 0; border: 0; background: transparent; color: var(--bs-ink); font: inherit; text-decoration: underline; text-decoration-color: var(--bs-hair-2); text-underline-offset: 3px; cursor: pointer; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-link-row button:hover { text-decoration-color: var(--bs-ink); }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-link-row button::after { content: ""; position: absolute; inset: -12px -4px; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-doc-page .px-list .px-end a { text-decoration: underline; text-decoration-color: var(--bs-hair-2); text-underline-offset: 3px; }
/* The guide: main's sections and side list, in the kit's head and code. */
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-doc .guide-layout { margin-top: 0; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-doc .guide-content { max-width: none; margin: 0; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-doc .guide-section { scroll-margin-top: 48px; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-doc .guide-section h2 { font-size: 30px; font-weight: 430; letter-spacing: -.02em; line-height: 1.12; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-doc .guide-section:first-of-type { margin-top: 0; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-doc .guide-content .px-more { font-family: var(--px-sans); }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-doc .guide-content :is(.ns-intervals, .ns-runtimes, .ns-fields) dt { font-size: 13px; font-weight: 560; letter-spacing: 0; text-transform: none; color: var(--bs-ink); }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-doc .guide-contents.is-sticky { position: sticky; top: var(--bs-header-h, 64px); z-index: 20; border-top: 0; background: var(--bs-paper); }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-doc .guide-contents[open] nav { max-height: 62vh; overflow-y: auto; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-doc .guide-contents summary [data-px-current] { min-width: 0; margin: 0 12px 0 auto; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-family: var(--bs-serif); font-size: 15px; font-weight: 400; color: var(--bs-ink-2); }

@media (max-width: 1099px) {
  /* The path comes first on a smaller screen: its first step opens on the first screen, and the facts follow it. */
  :root:root:root:root:root:root:root:root:root:root:root:root:root .px-join-layout > .px-doc-aside { order: 2; }
}
/* The sources' row has no column head on a phone, and a bare "Unknown" says nothing: it keeps its label. */
@media (max-width: 759px) {
  :root:root:root:root:root:root:root:root:root:root:root:root:root .px-table.map-sources tbody > tr > .px-c-ctx.px-c-bare:has(.map-unknown)::before { content: attr(data-label) " "; }
}
@media (max-width: 759px) {
  :root:root:root:root:root:root:root:root:root:root:root:root:root .px-closing-line { font-size: 24px; flex-basis: 100%; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root .px-fields, :root:root:root:root:root:root:root:root:root:root:root:root:root .px-fields tbody { display: block; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root .px-fields tbody tr { display: grid; grid-template-columns: minmax(0, 1fr) auto auto; gap: 2px 14px; align-items: baseline; padding: 8px 0; border-bottom: 1px solid var(--bs-hair); }
  :root:root:root:root:root:root:root:root:root:root:root:root:root .px-fields tbody :is(th, td) { padding: 0; border: 0; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root .px-fields tbody .px-v-long { grid-row: 2; grid-column: 1 / -1; font-weight: 400; color: var(--bs-ink-2); }
  :root:root:root:root:root:root:root:root:root:root:root:root:root .px-fields tbody .px-v-text { grid-column: 1 / -1; grid-row: 2; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root .px-fields tbody .px-r { grid-column: -2 / -1; grid-row: 1; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root .px-big-value:not(.is-words) { font-size: 42px; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root .px-head:has(+ .px-answer) .px-figs { border-bottom: 0; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root .px-head h1 { font-size: 30px; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root .px-lead { font-size: 16px; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root .px-ctrl { flex-direction: column; align-items: stretch; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root .px-pos { order: -1; }
}
/* A phone's rows, upright or on its side. */
@media (max-width: 759px), (max-width: 1099px) and (max-height: 500px) {
  :root:root:root:root:root:root:root:root:root:root:root:root:root .px-board .px-top-rules:not(.is-keep) { display: none; }
  /* A sheet closes on a tap anywhere behind it, and that tap reaches nothing under it. With no script too: the layer belongs to the mark's own summary. */
  :root:root:root:root:root:root:root:root:root:root:root:root:root .px-prov[open] > summary::before { content: ""; position: fixed; inset: 0; z-index: 39; cursor: default; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root .px-board tbody details.px-prov[open], :root:root:root:root:root:root:root:root:root:root:root:root:root .px-rows tbody details.px-prov[open] { z-index: 60; }
  /* The door to the source is 44 px to a finger, with no change to the eye. */
  :root:root:root:root:root:root:root:root:root:root:root:root:root .px-prov > summary { position: relative; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root .px-prov > summary::after { content: ""; position: absolute; inset: -10px -6px; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root .px-toplead .px-prov > summary::after { inset: -12px -6px; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root .px-more > summary { position: relative; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root .px-more > summary::after { content: ""; position: absolute; inset: -8px 0; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root :is(.px-answer-line, .px-top-name, .px-top-rules, .px-note, .px-crumbs, .px-list b) a { padding-block: 15px; margin-block: -15px; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root .px-board tbody > tr > .px-c-ctx { overflow: visible; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root :is(.px-btn, .px-more .button) { position: relative; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root :is(.px-btn, .px-more .button)::after { content: ""; position: absolute; inset: -4px 0; }
  /* A column sorted by hand takes the lead's place, so the biggest figure is always the one the line above names. The lead becomes a labelled fact. */
  :root:root:root:root:root:root:root:root:root:root:root:root:root .px-table tbody > tr > .px-c-sorted { display: block; order: 2; flex: none; max-width: 50%; overflow: visible; font-size: 16px; font-weight: 560; color: var(--bs-ink); text-align: right; white-space: normal; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root .px-table tbody > tr > .px-c-sorted::before { content: none; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root .px-table tbody > tr:has(.px-c-sorted) > .px-c-lead { order: 4; flex: 0 1 auto; max-width: 62%; font-size: 13px; font-weight: 400; color: var(--bs-muted); text-align: left; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root .px-table tbody > tr:has(.px-c-sorted) > .px-c-lead::before { content: attr(data-label) " "; color: var(--bs-meta); }
  /* A long sentence takes its own lines: a cut one could say the opposite of the whole. */
  :root:root:root:root:root:root:root:root:root:root:root:root:root .px-table tbody > tr > .px-c-ctx:has(.px-clamp.is-text) { order: 6; flex: 1 1 100%; max-width: none; white-space: normal; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root .px-table .px-clamp.is-text { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }
}
/* On its side a phone has no height to spare: the site's header scrolls away with the page. */
@media (max-width: 1099px) and (max-height: 500px) {
  :root:root:root:root:root:root:root:root:root:root:root:root:root body:has(.px-table) .site-header { position: static; }
}
@media (min-width: 760px) {
  :root:root:root:root:root:root:root:root:root:root:root:root:root .px-map-hero .px-head { padding-top: 24px; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root .px-map-hero .px-head h1 { font-size: 64px; line-height: 1.02; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root .px-map-hero .px-lead { font-size: 19px; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root .px-figs.px-figs--display:not(.px-figs--wide) { grid-template-columns: none; grid-auto-flow: column; grid-auto-columns: minmax(0, 1fr); margin-top: 20px; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root .px-figs.px-figs--display:not(.px-figs--wide) > div { padding: 12px 24px 12px 24px; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root .px-figs.px-figs--display:not(.px-figs--wide) dd { font-size: 56px; line-height: 1.04; font-weight: 480; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root .px-figs.px-figs--display:not(.px-figs--wide) dd small { font-size: 18px; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root .px-figs.px-figs--display:not(.px-figs--wide) dd.is-unknown { font-size: 22px; line-height: 58px; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root .px-figs.px-figs--display:not(.px-figs--wide) dt { font-size: 13px; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root .px-prose { font-size: 18px; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root .px-cols { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  :root:root:root:root:root:root:root:root:root:root:root:root:root .px-cols > div { padding: 12px 20px 16px; border-left: 1px solid var(--bs-hair); }
  :root:root:root:root:root:root:root:root:root:root:root:root:root .px-cols > div:nth-child(2n + 1) { padding-left: 0; border-left: 0; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root .px-step { grid-template-columns: 36px minmax(0, 1fr); }
  :root:root:root:root:root:root:root:root:root:root:root:root:root .px-doc .guide-content .ns-intervals { display: grid; grid-template-columns: 200px minmax(0, 1fr); margin-block: 16px; border-top: 1px solid var(--bs-hair-2); }
  :root:root:root:root:root:root:root:root:root:root:root:root:root .px-doc .guide-content .ns-intervals > * { margin: 0; padding: 8px 0; border-bottom: 1px solid var(--bs-hair); }
  :root:root:root:root:root:root:root:root:root:root:root:root:root .px-page, :root:root:root:root:root:root:root:root:root:root:root:root:root .px-section { font-size: 14px; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root .px-nets { flex: 1 1 auto; flex-wrap: wrap; min-width: 0; overflow: visible; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root .px-head { gap: 14px; padding: 24px 0 16px; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root .px-toplead { grid-template-columns: auto minmax(0, 1fr); align-items: start; gap: 28px; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root .px-toplead-cell { padding-top: 22px; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root .px-figs, :root:root:root:root:root:root:root:root:root:root:root:root:root .px-figs:not(.px-figs--wide) { display: flex; flex-wrap: nowrap; gap: 0; margin: 0; padding: 0; border-top: 0; border-bottom: 0; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root .px-figs > div, :root:root:root:root:root:root:root:root:root:root:root:root:root .px-figs:not(.px-figs--wide) > div { display: block; padding: 0 20px; border-bottom: 0; border-left: 1px solid var(--bs-hair); }
  :root:root:root:root:root:root:root:root:root:root:root:root:root .px-figs > div:first-child, :root:root:root:root:root:root:root:root:root:root:root:root:root .px-figs:not(.px-figs--wide) > div:first-child { padding-left: 0; border-left: 0; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root .px-figs > div:last-child, :root:root:root:root:root:root:root:root:root:root:root:root:root .px-figs:not(.px-figs--wide) > div:last-child { padding-right: 0; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root .px-figs:not(.px-figs--wide) dd { margin: 2px 0 0; font-size: 22px; font-weight: 500; letter-spacing: -.012em; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root .px-figs--wide { justify-content: space-between; padding: 12px 0; border-top: 1px solid var(--bs-rule); border-bottom: 1px solid var(--bs-hair-2); }
  :root:root:root:root:root:root:root:root:root:root:root:root:root .px-figs--wide > div { display: block; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root .px-figs--wide > div { flex: 1; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root .px-figs--wide dd { font-size: 30px; }
}
/* From here the table is a table. A landscape phone (short and under 1100 px) keeps the phone's rows and bottom sheet: its height cannot spare a head. */
@media (min-width: 760px) and (min-height: 501px), (min-width: 1100px) {
  /* Safari does not position against a table row: the link's area starts from its own cell and runs the table's width, so one row never covers another. */
  :root:root:root:root:root:root:root:root:root:root:root:root:root .px-table-wrap:has(> :is(.px-board, .px-rows)) { container-type: inline-size; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root .px-table.px-board tbody > tr:not(.px-group), :root:root:root:root:root:root:root:root:root:root:root:root:root .px-table.px-rows tbody > tr:not(.px-group) { position: static; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root .px-row-link::after { right: auto; width: 100cqw; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root .px-sort { display: none; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root .px-table { display: table; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root .px-table thead { position: static; width: auto; height: auto; clip-path: none; overflow: visible; display: table-header-group; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root .px-table tbody { display: table-row-group; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root .px-table tbody > tr { display: table-row; padding: 0; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root .px-table tbody > tr:first-child { border-top: 0; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root .px-table tbody > tr > .px-c-ctx { flex: none; overflow: visible; white-space: normal; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root .px-table tbody > tr > *, :root:root:root:root:root:root:root:root:root:root:root:root:root .px-table tbody > tr > .px-name, :root:root:root:root:root:root:root:root:root:root:root:root:root .px-table tbody > tr > .px-c-lead, :root:root:root:root:root:root:root:root:root:root:root:root:root .px-table tbody > tr > .px-c-ctx, :root:root:root:root:root:root:root:root:root:root:root:root:root .px-table tbody > tr > .px-c-read { display: table-cell; flex: none; order: 0; margin: 0; max-width: none; height: var(--px-row); padding: 8px var(--px-pad); border-bottom: 1px solid var(--bs-hair); vertical-align: middle; font-size: 14px; font-weight: 400; font-family: inherit; color: var(--bs-ink); }
  :root:root:root:root:root:root:root:root:root:root:root:root:root .px-table tbody > tr > .px-c-ctx::before { content: none; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root .px-table tbody > tr > .px-br { display: none; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root .px-table tbody > tr > .px-name { padding-left: 0; font-family: var(--bs-serif); font-size: 16px; line-height: 1.22; min-width: 180px; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root .px-table tbody > tr > .px-c-lead { font-size: 16px; font-weight: 600; background: var(--px-wash); white-space: nowrap; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root .px-table tbody > tr > .px-c-read { padding-right: 0; text-align: right; white-space: nowrap; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root .px-table tbody > tr > .is-num { text-align: right; white-space: nowrap; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root .px-page, :root:root:root:root:root:root:root:root:root:root:root:root:root .px-section { --px-pad: 8px; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root .px-table tbody > tr > .is-const { display: none; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root .px-table tbody > tr > .is-hide { display: none; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root .px-table tbody > tr:hover > * { background-color: var(--bs-paper-2); }
  :root:root:root:root:root:root:root:root:root:root:root:root:root .px-table tbody > tr:hover > .px-c-lead { background-color: #e5e4da; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root .px-table tbody > tr.px-group { display: table-row; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root .px-table tbody > tr.px-group > th { padding: 18px 0 6px; height: auto; font-family: inherit; font-size: 12px; font-weight: 600; border-bottom: 1px solid var(--bs-hair-2); background: transparent; display: table-cell; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root .px-table tbody > tr > .px-tight { white-space: nowrap; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root .px-table:not(.px-board) thead th.px-c-lead { width: 1%; }
    /* Chromium draws no ellipsis on right-aligned clamped text, so a cut sentence read as whole. */
    :root:root:root:root:root:root:root:root:root:root:root:root:root .px-c-long .px-clamp.is-text { text-align: left; }
    :root:root:root:root:root:root:root:root:root:root:root:root:root .px-clamp { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; max-width: 260px; white-space: normal; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root .px-work .px-c-lead { width: 1%; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root .px-table tbody > tr > .px-sum { min-width: 190px; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root .px-table.px-wrap thead th:last-child { text-align: left; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root .px-wrap thead th:nth-child(1) { width: 30%; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root .px-wrap thead th:nth-child(2) { width: 38%; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root .px-wrap thead th:nth-child(3) { width: 11%; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root .px-wrap tbody > tr > .px-name, :root:root:root:root:root:root:root:root:root:root:root:root:root .px-wrap tbody > tr > .px-c-long, :root:root:root:root:root:root:root:root:root:root:root:root:root .px-wrap tbody > tr > .px-c-ctx { white-space: normal; min-width: 0; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root .px-table tbody > tr > .px-c-long { min-width: 120px; white-space: normal; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root .px-table tbody > tr > .px-name { position: relative; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root .px-table tbody > tr:hover > .px-name { background: var(--bs-paper-2); }
  :root:root:root:root:root:root:root:root:root:root:root:root:root .px-table thead th { position: sticky; top: var(--bs-header-h, 64px); z-index: 5; background: var(--bs-paper); padding: 6px var(--px-pad) 7px; vertical-align: bottom; border-bottom: 0; box-shadow: inset 0 -1px 0 var(--bs-rule); font-size: 12px; font-weight: 500; line-height: 1.25; text-align: left; color: var(--bs-muted); }
  :root:root:root:root:root:root:root:root:root:root:root:root:root .px-table thead th:first-child { padding-left: 0; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root .px-table thead th:last-child { padding-right: 0; text-align: right; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root .px-table thead th.is-num { text-align: right; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root .px-table thead th.is-const { display: none; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root .px-table thead th.px-c-lead { color: var(--bs-ink); font-weight: 650; background: var(--px-wash); white-space: nowrap; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root .px-table thead a { color: inherit; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root .px-table thead a:hover { color: var(--bs-ink); }
  :root:root:root:root:root:root:root:root:root:root:root:root:root .px-table thead a[aria-current] { color: var(--bs-ink); font-weight: 600; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root .px-group-note { display: inline; margin: 0 0 0 10px; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root .px-sub-tag { display: inline; margin: 0 0 0 8px; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root .px-sub-tag .px-tag { margin: 0 8px 0 0; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root .px-c-read, :root:root:root:root:root:root:root:root:root:root:root:root:root .px-fields .px-r { position: relative; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root .px-pop.is-up { top: auto; bottom: 100%; margin-top: 0; margin-bottom: -4px; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root .px-pop { position: absolute; z-index: 40; left: auto; right: 0; top: 100%; bottom: auto; width: 400px; max-height: 60vh; margin-top: -4px; border: 1px solid var(--bs-hair-2); box-shadow: 0 10px 28px rgb(20 19 15 / 12%); text-align: left; white-space: normal; font-weight: 400; }
}
@media (min-width: 760px) {
  :root:root:root:root:root:root:root:root:root:root:root:root:root .px-top-caveat { display: inline; margin-left: 8px; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root .px-hero-fig { grid-template-columns: minmax(min-content, 1fr) minmax(0, 2fr); align-items: stretch; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root .px-big { min-width: 240px; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root .px-big-value:not(.is-words) { white-space: nowrap; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root .px-fields thead { position: static; width: auto; height: auto; clip-path: none; overflow: visible; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root .px-fields thead th { padding: 6px 12px 7px 0; border-bottom: 1px solid var(--bs-rule); font-size: 12px; font-weight: 500; color: var(--bs-muted); }
  :root:root:root:root:root:root:root:root:root:root:root:root:root .px-fields thead th:nth-child(2), :root:root:root:root:root:root:root:root:root:root:root:root:root .px-fields thead th:last-child { text-align: right; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root .px-fields .px-s { display: table-cell; padding-left: 32px; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root .px-fields thead th.px-s { display: table-cell; padding-left: 32px; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root .px-fields tbody th { width: 28%; white-space: nowrap; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root .px-fields .px-v { width: 16%; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root .px-fields thead th.px-t-left { text-align: left; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root .px-fields:has(.px-v-long) .px-v, :root:root:root:root:root:root:root:root:root:root:root:root:root .px-fields .px-v-long { width: 34%; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root .px-fields .px-v-long { text-align: right; font-weight: 400; color: var(--bs-ink-2); }
}
/* The site's header is 8 px taller up to 900 px than the value it publishes. */
@media (min-width: 760px) and (max-width: 900px) and (min-height: 501px) {
  :root:root:root:root:root:root:root:root:root:root:root:root:root .px-table thead th { top: 73px; }
}
@media (min-width: 768px) and (max-width: 1099px) and (min-height: 501px) {
  /* The lead's width is 1% so the rest may fill, which broke a date, "No bridge fee" or a pay range into three or more lines. A figure with words keeps its line beside empty room. */
  :root:root:root:root:root:root:root:root:root:root:root:root:root .px-table tbody > tr > .px-c-lead:not(.px-tight) { min-width: 176px; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root .px-work tbody > tr > .px-c-lead { min-width: 194px; }
}
@media (min-width: 760px) and (max-width: 1099px) and (min-height: 501px) {
  /* A tablet shows what a phone shows, in columns. Nothing is cut off; every column stays in the HTML and on the record page. */
  :root:root:root:root:root:root:root:root:root:root:root:root:root .px-table tbody > tr > td:not(.px-c-lead):not(.px-c-ctx):not(.px-tab):not(.px-c-read):not(.px-br), :root:root:root:root:root:root:root:root:root:root:root:root:root .px-table thead th:not(.px-name):not(.px-c-lead):not(.px-c-ctx):not(.px-tab):not(.px-c-read) { display: none; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root .px-table tbody > tr > .px-name { min-width: 120px; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root .px-table tbody > tr > .px-c-ctx, :root:root:root:root:root:root:root:root:root:root:root:root:root .px-table tbody > tr > .px-c-ctx.px-tight, :root:root:root:root:root:root:root:root:root:root:root:root:root .px-table tbody > tr > .px-c-ctx.is-num { white-space: normal; }
  /* The kept columns fit a tablet because a long fee or a time's condition may wrap, and a row's tags may too. A figure with no space in it stays whole. */
  :root:root:root:root:root:root:root:root:root:root:root:root:root .px-table tbody > tr > .px-c-lead, :root:root:root:root:root:root:root:root:root:root:root:root:root .px-table tbody > tr > .is-num:has(.px-pay-note) { white-space: normal; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root .px-name .px-tag { white-space: normal; }
      :root:root:root:root:root:root:root:root:root:root:root:root:root .px-board tbody > tr > .px-c-ctx { min-width: 230px; }
}
@media (min-width: 1100px) {
  :root:root:root:root:root:root:root:root:root:root:root:root:root .px-cols--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  :root:root:root:root:root:root:root:root:root:root:root:root:root .px-cols--4 > div:nth-child(2n + 1) { padding-left: 20px; border-left: 1px solid var(--bs-hair); }
  :root:root:root:root:root:root:root:root:root:root:root:root:root .px-cols--4 > div:first-child { padding-left: 0; border-left: 0; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root .px-join-layout { grid-template-columns: minmax(0, 1fr) 300px; align-items: start; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root .px-join-layout > .px-doc-aside { grid-column: 2; grid-row: 1; position: sticky; top: calc(var(--bs-header-h, 64px) + 16px); max-height: calc(100vh - var(--bs-header-h, 64px) - 32px); overflow-y: auto; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root .px-join-layout > .px-doc-steps { grid-column: 1; grid-row: 1; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root .px-head { grid-template-columns: minmax(0, 1fr) auto; align-items: end; gap: 16px 48px; padding: 24px 0 18px; }
  /* The title stands at one height on every category: it does not sit on the Top card's foot, and the card keeps one width. */
  :root:root:root:root:root:root:root:root:root:root:root:root:root .px-head:has(> .px-toplead) { grid-template-columns: minmax(0, 1fr) 560px; align-items: start; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root .px-toplead { grid-template-columns: auto minmax(0, 1fr); padding: 14px 18px; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root .px-toplead .px-top-figure { display: block; font-size: 44px; line-height: 1; white-space: nowrap; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root .px-toplead .px-top-unit { display: block; margin: 3px 0 0; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root .px-top-figure { font-size: 28px; }
}
@media (min-width: 1100px) and (max-width: 1279px) {
  /* Every column shows from 1100 px: a name and a sentence give way first. */
  :root:root:root:root:root:root:root:root:root:root:root:root:root .px-table tbody > tr > .px-name { min-width: 130px; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root .px-table tbody > tr > .px-c-long { min-width: 96px; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root .px-table tbody > tr > .px-tight:not(.is-num):not(.px-c-lead) { white-space: normal; }
}
@media (min-width: 1280px) {
  :root:root:root:root:root:root:root:root:root:root:root:root:root .px-top-figure { font-size: 30px; }
}
@media (hover: none) {
  :root:root:root:root:root:root:root:root:root:root:root:root:root .px-table tbody > tr:hover > * { background-color: transparent; }
}
/* Quiet figures: the operating numbers under a board, one line, so the top figures stay the strongest thing. Last, so they win at every width. */
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-figs--quiet, :root:root:root:root:root:root:root:root:root:root:root:root:root .px-figs--quiet:not(.px-figs--wide) { display: flex; flex-wrap: wrap; gap: 2px 20px; margin: 10px 0 0; padding: 0; border: 0; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-figs--quiet > div, :root:root:root:root:root:root:root:root:root:root:root:root:root .px-figs--quiet:not(.px-figs--wide) > div { display: inline-flex; flex-direction: row-reverse; align-items: baseline; gap: 5px; padding: 0; border: 0; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-figs--quiet dt { font-size: 13px; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-figs--quiet dd, :root:root:root:root:root:root:root:root:root:root:root:root:root .px-figs--quiet:not(.px-figs--wide) dd { margin: 0; font-size: 13px; font-weight: 560; letter-spacing: 0; white-space: nowrap; }
/* The Research surface: main's look, real defects only. Nothing here is a new look, and on the home nothing here moves a block.
   The eyebrow on a record page starts with its words, not a dot. A status pill has no separator inside it, and stands clear of the eyebrow. */
:root:root:root:root:root:root:root:root:root:root:root:root:root .ni-page .ni-detail-heading .ni-area-label::before { content: none; }
:root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .ni-page .ni-detail-heading .ni-row-meta > .ni-status::before { content: none; }
:root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .ni-page .ni-detail-heading .ni-row-meta > .ni-status { margin-inline: 10px; }
/* Round and idea pages. The conclusion stands under the title block at the page's reading measure; every state is one mark; a check's row says it opens. */
:root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .ni-page .ni-detail > .px-crumbs { margin: 16px 0 14px; }
:root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .ni-page .ni-detail-heading .ni-row-meta .px-tag { letter-spacing: 0; text-transform: none; }
:root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .ni-page .ni-detail.ni-round > .ni-conclusion { display: block; max-width: none; margin: 0 0 22px; padding: 0 0 20px; border: 0; border-bottom: 1px solid var(--bs-hair); }
:root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .ni-page .ni-detail.ni-round > .ni-conclusion:has(+ .ni-detail-grid) { border-bottom: 0; padding-bottom: 0; }
:root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .ni-page .ni-detail.ni-round > .ni-conclusion > .ni-eyebrow { margin: 0 0 8px; padding: 0; }
:root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .ni-page .ni-detail.ni-round > .ni-conclusion h2 { margin: 0; max-width: 34em; font-size: 26px; line-height: 1.3; }
:root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .ni-page .ni-detail.ni-round > .ni-conclusion > .ni-conclusion-read { display: inline-block; width: auto; margin: 12px 0 0; white-space: nowrap; }
:root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .ni-page .ni-detail.ni-round > .ni-round-map > span { white-space: nowrap; }
:root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .ni-page .ni-detail.ni-round > .ni-conclusion > .ni-conclusion-note { margin: 6px 0 0; }
:root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .ni-page .ni-round-byline .ni-round-step { color: inherit; text-decoration: underline; text-decoration-color: var(--bs-hair-2); text-underline-offset: 3px; white-space: nowrap; }
:root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .ni-page .ni-research-check > summary { list-style: none; }
:root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .ni-page .ni-research-check > summary::-webkit-details-marker { display: none; }
:root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .ni-page .ni-research-check > summary { padding-left: 16px; }
:root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .ni-page .ni-research-check > summary strong { position: relative; }
:root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .ni-page .ni-research-check > summary strong::before { content: ""; position: absolute; left: -15px; top: .45em; width: 7px; height: 9px; background: var(--bs-ink-2); clip-path: polygon(0 0, 100% 50%, 0 100%); }
:root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .ni-page .ni-research-check[open] > summary strong::before { transform: rotate(90deg); }
:root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .ni-page .px-check-state { flex: none; white-space: nowrap; }
:root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .ni-page .ni-detail .ni-round-plan-body, :root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .ni-page .ni-detail .ni-round-question, :root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .ni-page .ni-detail .ni-idea-thesis dd { overflow-wrap: anywhere; }
:root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .ni-page .px-link { color: inherit; text-decoration: underline; text-decoration-color: var(--bs-hair-2); text-underline-offset: 3px; overflow-wrap: anywhere; }
:root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .ni-page .px-link:hover { text-decoration-color: var(--bs-ink); }
:root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .ni-page .px-out::after { content: "\00a0\2197"; }
:root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .ni-page .ni-detail .ni-table-wrap :is(th, td) { white-space: normal; min-width: 14ch; }
/* A note reads whole; only a long one opens cut, and Show all or a link to it opens it. */
:root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .ni-page .ni-detail .ni-evidence p { display: block; overflow: visible; -webkit-line-clamp: unset; }
:root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .ni-page .ni-detail .ni-evidence .ni-clamp-toggle:not(:checked) ~ p[data-clamp] { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; }
:root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .ni-page .ni-detail .ni-evidence p[data-clamp] + .ni-clamp-label { display: inline-flex; }
:root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .ni-page .ni-detail :is(.ni-evidence-list:has(~ .ni-evidence-more[open]), .ni-evidence-more[open], .ni-evidence:target) .ni-clamp-toggle:not(:checked) ~ p[data-clamp] { display: block; overflow: visible; -webkit-line-clamp: unset; }
:root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .ni-page .ni-detail :is(.ni-evidence-list:has(~ .ni-evidence-more[open]), .ni-evidence-more[open], .ni-evidence:target) p[data-clamp] + .ni-clamp-label { display: none; }
/* A link to a reply opens the reply. */
:root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .ni-page .ni-comment:target > .ni-comment-body > .ni-clamp-toggle:not(:checked) ~ .ni-comment-text[data-clamp], :root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .ni-page .ni-anchor:target ~ .ni-comment-body > .ni-clamp-toggle:not(:checked) ~ .ni-comment-text[data-clamp] { display: block; overflow: visible; -webkit-line-clamp: unset; }
:root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .ni-page .ni-comment:target > .ni-comment-body > .ni-comment-text[data-clamp] + .ni-clamp-label, :root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .ni-page .ni-anchor:target ~ .ni-comment-body > .ni-comment-text[data-clamp] + .ni-clamp-label { display: none; }
:root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .ni-page .ni-detail .px-desk { margin-top: 10px; font-size: 13px; color: var(--bs-muted); }
:root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .ni-page .ni-detail .px-step-line { margin: 2px 0 0; max-width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 14px; color: var(--bs-ink-2); }
:root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .ni-page .ni-detail .ni-timeline-copy { min-width: 0; }
:root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .ni-page .ni-detail .px-review-line { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }
:root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .ni-page .ni-detail .ni-contribution header .px-tag { flex: none; }
:root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .ni-page .ni-detail .ni-contribution header strong { white-space: nowrap; }
:root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .ni-page .ni-detail .ni-review-source-links { row-gap: 2px; }
:root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .ni-page .ni-detail .ni-review-source-links > a { white-space: nowrap; }
:root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .ni-page .ni-detail .ni-review-source-links > .ni-review-cites a { white-space: nowrap; }
:root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .ni-page .ni-detail .px-support-rule { margin-top: 10px; }
:root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .network-action-dialog .px-ask-note { margin: 0 0 8px; font-weight: 560; color: var(--bs-ink); }
:root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .network-action-dialog .px-ask-steps { margin: 0 0 14px; padding-left: 22px; font-size: 15px; line-height: 1.5; color: var(--bs-ink-2); }
:root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .network-action-dialog .px-ask-none { margin: 10px 0 0; font-size: 13px; color: var(--bs-muted); }
:root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .network-action-dialog .px-ask-none a { color: inherit; text-decoration: underline; text-underline-offset: 3px; white-space: nowrap; }
:root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .network-action-dialog .px-raw { margin: 12px 0 0; font-size: 13px; }
:root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .network-action-dialog .px-raw > summary { cursor: pointer; min-height: 24px; color: var(--bs-muted); }
:root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .network-action-dialog .px-raw > pre { margin: 8px 0 0; max-height: 240px; overflow: auto; padding: 10px; border: 1px solid var(--bs-hair); font-size: 12px; line-height: 1.5; white-space: pre-wrap; overflow-wrap: anywhere; }
/* A wrapped line starts with its words: the separator belongs to the gap before an item, and one that starts a line hangs outside the clip. */
:root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .ni-page .ni-map-need .ni-row-meta { column-gap: 0; margin-left: -25px; clip-path: inset(-2px -2px -2px 25px); }
:root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .ni-page .ni-map-need .ni-row-meta > *::before { content: "\00b7"; display: inline-block; width: 25px; margin: 0; text-align: center; letter-spacing: 0; color: var(--bs-meta); }
:root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .ni-page .ni-map-need-figures { align-items: baseline; margin-left: -19px; clip-path: inset(-2px -2px -2px 19px); }
:root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .ni-page .ni-map-need-figures > *::before { content: "\00b7"; display: inline-block; width: 19px; margin: 0; text-align: center; color: var(--bs-meta); }
/* Alpha (owner, Nov 6): the whole page on the first screen. /map's head and strip; an empty section is one quiet line; a row is one line under a hairline, and all of it opens the round. */
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-alpha-quiet { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 2px 20px; margin: 0; padding: 12px 0; border-bottom: 1px solid var(--bs-hair); font-size: 14px; color: var(--bs-ink-2); }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-alpha-links { display: flex; flex-wrap: wrap; gap: 0 18px; font-size: 13px; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-page .px-alpha-links a { text-decoration: underline; text-decoration-color: var(--bs-hair-2); text-underline-offset: 3px; }
/* Alpha in the research ledger's language (owner, Nov 7). A list's head is the kit's section head, serif on a gold rule. A row is a ledger line: the
   state first in its own column, so every state reads down one edge; the title, which opens the whole row; one line of facts; its end on the right.
   Only a Verified row's state carries the seal (pxVerified). On a phone the state, title, facts and end stack, each on its own line. */
:root:root:root:root:root:root:root:root:root:root:root:root:root :is(.px-alpha-h, .px-alpha-sec > h2) { margin: 32px 0 0; padding: 0 0 9px; border: 0; background-image: var(--px-gold-rule); background-size: 100% 1px; background-position: 0 100%; background-repeat: no-repeat; font-family: var(--bs-serif); font-size: 22px; font-weight: 450; line-height: 1.2; letter-spacing: -.01em; color: var(--bs-ink); }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-alpha-rows { margin: 0; padding: 0; list-style: none; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-alpha-row { position: relative; display: grid; grid-template-columns: 124px minmax(0, 1fr) auto; grid-template-areas: "state title end" "state meta meta"; align-items: start; gap: 3px 24px; padding: 13px 0 12px; border-bottom: 1px solid var(--bs-hair); }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-alpha-row:hover, :root:root:root:root:root:root:root:root:root:root:root:root:root .px-alpha-row:has(.px-alpha-link:focus-visible) { background: var(--bs-paper-2); }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-alpha-state { grid-area: state; display: flex; min-width: 0; padding-top: 4px; font-size: 12.5px; line-height: 1.2; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-alpha-title { grid-area: title; min-width: 0; margin: 0; font-family: var(--bs-serif); font-size: 17px; font-weight: 470; line-height: 1.3; letter-spacing: 0; overflow-wrap: anywhere; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-alpha-link::after { content: ""; position: absolute; inset: 0; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-alpha-row:hover .px-alpha-link { text-decoration: underline; text-decoration-color: var(--bs-ink); text-underline-offset: 3px; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-page .px-alpha-link:focus-visible { outline: 0 !important; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-page .px-alpha-link:focus-visible::after { outline: 2px solid var(--bs-ink); outline-offset: -2px; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-alpha-meta { grid-area: meta; display: flex; flex-wrap: wrap; min-width: 0; max-width: 100%; margin-left: -15px; clip-path: inset(-2px -2px -2px 15px); font-size: 12.5px; line-height: 1.5; color: var(--bs-muted); font-variant-numeric: tabular-nums; pointer-events: none; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-alpha-meta > span::before { content: "\00b7"; display: inline-block; width: 15px; text-align: center; color: var(--bs-meta); }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-alpha-end { grid-area: end; display: flex; align-items: center; justify-content: flex-end; gap: 6px 16px; min-width: 0; min-height: 22px; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-alpha-until { font-size: 13px; color: var(--bs-ink-2); font-variant-numeric: tabular-nums; white-space: nowrap; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-page .px-alpha-round { position: relative; z-index: 1; font-size: 12.5px; color: var(--bs-ink); white-space: nowrap; text-decoration: underline; text-decoration-color: var(--bs-hair-2); text-underline-offset: 3px; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-page .px-alpha-round:hover { text-decoration-color: var(--bs-ink); }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-alpha-agents { display: inline-flex; flex-direction: row-reverse; justify-content: flex-end; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-alpha-agents > .ni-avatar { display: inline-grid; place-items: center; flex: none; width: 26px; height: 26px; min-width: 0; margin: 0 0 0 -7px; border: 1.5px solid var(--bs-paper); border-radius: 50%; background: var(--bs-paper-2); box-shadow: inset 0 0 0 1px var(--bs-hair-2); color: var(--bs-ink-2); font-family: var(--px-sans); font-size: 10px; font-weight: 600; letter-spacing: .02em; line-height: 1; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-alpha-agents > .ni-avatar:last-child { margin-left: 0; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-alpha-row:hover .px-alpha-agents > .ni-avatar { border-color: var(--bs-paper-2); }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-send { position: relative; z-index: 1; display: inline-flex; align-items: center; min-height: 28px; padding: 0 11px; font-size: 12.5px; white-space: nowrap; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-alpha-foot { position: relative; display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; gap: 4px 20px; margin-top: 12px; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-alpha-foot > .px-more { flex: 1 1 320px; min-width: 0; margin: 0; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-alpha-foot > .px-more > p { max-width: 80ch; }
/* A strip of one figure takes the row, its label on one line (WebKit broke it to the width of the figure above it). */
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-page .px-figs.px-figs--display:not(.px-figs--wide):not(.px-figs--counts) > div:only-child { grid-column: 1 / -1; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-page .px-figs.px-figs--display:not(.px-figs--wide):not(.px-figs--counts) > div:only-child > dt { white-space: nowrap; }
/* The locked page (owner, Nov 7: it sells membership truthfully). The ways in under the head; what a member reads, as an index of six; how one
   becomes a member, in two columns; canon's last sentence. Ink on paper, gold only on the section heads' rules. */
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-map-hero + .px-actions { margin-top: 20px; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-map-hero + .px-actions + .px-alpha-quiet { margin-top: 12px; border-top: 0; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-page > :is(#alpha-reads, #alpha-ways) { margin-top: 44px; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-alpha-define { max-width: 70ch; margin: 14px 0 0; text-wrap: pretty; font-family: var(--bs-serif); font-size: 18px; line-height: 1.5; color: var(--bs-ink-2); }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-alpha-reads { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0 32px; margin: 22px 0 0; padding: 0; counter-reset: px-read; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-alpha-reads > div { min-width: 0; padding: 14px 0 20px; border-top: 1px solid var(--bs-hair-2); counter-increment: px-read; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-alpha-reads dt { margin: 0; font-family: var(--bs-serif); font-size: 21px; font-weight: 450; line-height: 1.2; letter-spacing: -.01em; color: var(--bs-ink); }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-alpha-reads dt::before { content: counter(px-read, decimal-leading-zero); display: block; margin: 0 0 10px; font-family: var(--px-sans); font-size: 11px; font-weight: 560; letter-spacing: .16em; color: var(--bs-muted); font-variant-numeric: tabular-nums; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-alpha-reads dd { max-width: 40ch; margin: 7px 0 0; text-wrap: pretty; font-size: 14.5px; line-height: 1.5; color: var(--bs-ink-2); }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-alpha-ways { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0; margin: 22px 0 0; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-alpha-ways > div { min-width: 0; padding: 2px 32px 4px 0; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-alpha-ways > div + div { padding: 2px 0 4px 32px; border-left: 1px solid var(--bs-hair); }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-alpha-ways h3 { margin: 0; font-family: var(--bs-serif); font-size: 21px; font-weight: 450; line-height: 1.2; letter-spacing: -.01em; color: var(--bs-ink); }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-alpha-ways p { max-width: 46ch; margin: 8px 0 0; text-wrap: pretty; font-size: 15px; line-height: 1.55; color: var(--bs-ink-2); }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-alpha-close { margin: 32px 0 0; padding: 12px 0 0; border-top: 1px solid var(--bs-hair); font-size: 13px; color: var(--bs-muted); }
@media (max-width: 1099px) {
  :root:root:root:root:root:root:root:root:root:root:root:root:root .px-alpha-reads { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 759px) {
  :root:root:root:root:root:root:root:root:root:root:root:root:root .px-alpha-row { grid-template-columns: minmax(0, 1fr); grid-template-areas: "state" "title" "meta" "end"; gap: 4px 0; padding: 14px 0; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root .px-alpha-state { padding-top: 0; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root .px-alpha-end { justify-content: flex-start; flex-wrap: wrap; margin-top: 6px; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root .px-alpha-end:has(> .px-alpha-until:only-child) { margin-top: 0; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root .px-page .px-alpha-round { display: inline-flex; align-items: center; min-height: 44px; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root .px-send { min-height: 44px; padding: 0 16px; font-size: 14px; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root .px-alpha-links a { display: inline-flex; align-items: center; min-height: 44px; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root .px-alpha-foot .px-more > summary { display: flex; align-items: center; min-height: 44px; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root .px-alpha-foot .px-prov > summary { min-height: 44px; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root :is(.px-alpha-h, .px-alpha-sec > h2) { margin-top: 28px; font-size: 20px; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root .px-page > :is(#alpha-reads, #alpha-ways) { margin-top: 36px; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root .px-alpha-define { font-size: 17px; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root .px-alpha-ways { grid-template-columns: minmax(0, 1fr); }
  :root:root:root:root:root:root:root:root:root:root:root:root:root .px-alpha-ways > div, :root:root:root:root:root:root:root:root:root:root:root:root:root .px-alpha-ways > div + div { padding: 14px 0 18px; border-left: 0; border-top: 1px solid var(--bs-hair-2); }
  :root:root:root:root:root:root:root:root:root:root:root:root:root .px-alpha-ways > div:first-child { padding-top: 4px; border-top: 0; }
}
@media (max-width: 519px) {
  :root:root:root:root:root:root:root:root:root:root:root:root:root .px-alpha-reads { grid-template-columns: minmax(0, 1fr); }
  :root:root:root:root:root:root:root:root:root:root:root:root:root .px-alpha-reads > div { padding: 12px 0 16px; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root .px-alpha-reads dt::before { margin-bottom: 6px; }
}
/* The map's needs-check list at the top of the Research ledger's Needs review (owner, Nov 6: compact, there will be very many). Same words, hairlines between rows. */
:root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .ni-page .px-compact .ni-map-needs { margin: 4px 0 8px; padding: 0; border: 0; background: none; box-shadow: none; }
:root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .ni-page .px-compact .ni-map-needs-head { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 2px 16px; margin: 0; padding: 0 0 6px; }
:root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .ni-page .px-compact .ni-map-needs-head h4 { margin: 0; font-size: 13px; font-weight: 620; letter-spacing: 0; text-transform: none; }
:root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .ni-page .px-compact .px-how { font-size: 12.5px; line-height: 1.4; color: var(--bs-muted); }
:root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .ni-page .px-compact .px-how[open] { flex: 0 0 100%; }
:root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .ni-page .px-compact .px-how > summary { cursor: pointer; color: var(--bs-muted); text-decoration: underline; text-decoration-color: var(--bs-hair-2); text-underline-offset: 3px; }
:root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .ni-page .px-compact .px-how > p { margin: 6px 0 0; font-size: 12.5px; color: var(--bs-muted); }
:root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .ni-page .px-compact .ni-map-needs-list { margin: 0; padding: 0; list-style: none; }
:root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .ni-page .px-compact .ni-map-need { position: relative; display: flex; flex-wrap: wrap; align-items: baseline; gap: 1px 14px; margin: 0; padding: 8px 92px 8px 0; border: 0; border-top: 1px solid var(--bs-hair); background: none; }
:root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .ni-page .px-compact .ni-map-need > .ni-row-meta { flex: 0 0 calc(100% + 117px); margin: 0 -92px 0 -25px; font-size: 10.5px; line-height: 1.5; }
:root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .ni-page .px-compact .ni-map-need > h5 { flex: 0 1 auto; min-width: 0; margin: 0; font-family: var(--bs-serif); font-size: 16px; font-weight: 470; line-height: 1.3; }
:root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .ni-page .px-compact .ni-map-need > .ni-map-need-figures { display: flex; flex: 1 1 280px; flex-wrap: wrap; align-items: baseline; gap: 0; min-width: 0; margin: 0 0 0 -15px; clip-path: inset(-2px -2px -2px 15px); font-size: 12.5px; line-height: 1.4; }
:root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .ni-page .px-compact .ni-map-need > .ni-map-need-figures > *::before { content: "\00b7"; display: inline-block; width: 15px; text-align: center; color: var(--bs-meta); }
:root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .ni-page .px-compact .ni-map-need > .ni-map-need-figures .ni-text-link { font-size: 12.5px; }
/* One state in one mark: a person reads the state first, at the label size, not in the caps of the line around it. */
:root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .ni-page .px-compact .ni-map-need .ni-map-need-reason { font-size: 12px; font-weight: 600; letter-spacing: 0; text-transform: none; white-space: nowrap; }
/* A figure holds its line (main's rule). Only the sentence on why a read failed may wrap. */
:root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .ni-page .px-compact .ni-map-need > .ni-map-need-figures > .px-need-note { min-width: 0; white-space: normal; }
/* The links to a record's rounds wrap as one piece, so "Open round 2" never sits alone on a line. */
:root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .ni-page .px-compact .px-need-rounds { display: inline-flex; flex-wrap: wrap; align-items: baseline; max-width: 100%; }
:root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .ni-page .px-compact .px-need-rounds > a + a { position: relative; margin-left: 15px; }
:root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .ni-page .px-compact .px-need-rounds > a + a::before { content: "\00b7"; position: absolute; left: -15px; width: 15px; text-align: center; color: var(--bs-meta); }
/* Main's links stand 44 px tall, which opened a hole in this one row. From 760 px the tap area stays, out of the line's height; a phone keeps its 44 px in the flow. */
@media (min-width: 760px) {
  :root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .ni-page .px-compact .px-need-rounds > .ni-text-link { position: relative; display: inline; min-height: 0; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .ni-page .px-compact .px-need-rounds > .ni-text-link::after { content: ""; position: absolute; inset: -13px 0; }
}
@media (max-width: 759px) {
  :root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .ni-page .px-compact .ni-map-need { gap: 0 10px; padding: 10px 0; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .ni-page .px-compact .px-how > summary { display: flex; align-items: center; min-height: 44px; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .ni-page .px-compact .ni-map-need > .ni-map-need-figures { flex: 0 1 auto; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .ni-page .px-compact .ni-map-need > .ni-row-meta { flex-basis: calc(100% + 25px); margin-right: 0; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .ni-page .px-compact .ni-map-need > h5 > a { display: inline-block; margin-block: -12px; padding-block: 12px; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .ni-page .px-compact .ni-map-need > .ni-map-need-figures .ni-text-link { display: inline-flex; align-items: center; min-height: 44px; }
}
/* THE RESEARCH LEDGER (owner, Nov 7): all research as a ledger of results, on the home and /?view=research. A lane is a full-width section under a rule
   of metal with its one action; a round is one line: its stamp, category, question, checks, date and the agents' marks, then a quiet arrow, and the
   whole line opens it. A finished round's conclusion reads under its line. Below 1024 px a round stacks into four short lines. No motion. */
:root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .ni-page .px-ledger-board { display: grid; gap: 40px; margin: 22px 0 0; }
:root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .ni-page .px-lane { min-width: 0; margin: 0; padding: 0; border: 0; }
:root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .ni-page .px-lane-head { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 6px 16px; min-height: 44px; margin: 0; padding: 0 0 8px; background-image: var(--px-gold-rule); background-size: 100% 1px; background-position: 0 100%; background-repeat: no-repeat; }
:root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .ni-page .px-lane-head h3 { display: flex; align-items: baseline; margin: 0; color: var(--bs-ink); font-family: var(--px-sans); font-size: 12px; font-weight: 640; letter-spacing: .16em; line-height: 1.2; text-transform: uppercase; }
:root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .ni-page .px-lane-count { margin-left: 12px; color: var(--bs-muted); font-family: var(--bs-serif); font-size: 16px; font-style: italic; font-weight: 400; letter-spacing: 0; text-transform: none; font-variant-numeric: tabular-nums; }
:root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .ni-page .px-lane-head .px-lane-do { min-height: 34px; padding: 0 15px; font-size: 13px; font-weight: 560; }
:root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .ni-page .px-lane-quiet { margin: 12px 0 0; color: var(--bs-muted); font-family: var(--bs-serif); font-size: 15px; font-style: italic; }
:root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .ni-page .px-lane > .ni-map-needs { margin: 14px 0 18px; }
:root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .ni-page .px-lane > .ni-map-needs + .px-rounds { border-top: 1px solid var(--bs-rule); }
:root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .ni-page .px-rounds { margin: 0; padding: 0; list-style: none; }
:root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .ni-page .px-round { position: relative; display: grid; grid-template-columns: 124px 136px minmax(0, 1fr) 108px 84px 90px 14px; grid-template-areas: "stamp cat q checks date marks go"; column-gap: 16px; row-gap: 3px; align-items: center; min-height: 50px; margin: 0; padding: 10px 0; border-top: 1px solid var(--bs-hair); }
:root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .ni-page .px-rounds > .px-round:first-child { border-top: 0; }
:root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .ni-page .px-round.has-line { grid-template-areas: "stamp cat q checks date marks go" ". . line line line line ."; padding-bottom: 12px; }
:root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .ni-page .px-round > .px-stamp { grid-area: stamp; }
:root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .ni-page .px-round-cat { grid-area: cat; display: -webkit-box; min-width: 0; overflow: hidden; color: var(--bs-muted); font-size: 10.5px; font-weight: 600; letter-spacing: .12em; line-height: 1.3; overflow-wrap: anywhere; text-transform: uppercase; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
:root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .ni-page .px-round-q { grid-area: q; display: flex; align-items: baseline; gap: 10px; min-width: 0; }
:root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .ni-page .px-round-link { min-width: 0; overflow: hidden; color: var(--bs-ink); font-family: var(--bs-serif); font-size: 17px; font-weight: 450; line-height: 1.3; text-decoration: none; text-overflow: ellipsis; white-space: nowrap; }
:root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .ni-page .px-round-link::after { content: ""; position: absolute; inset: 0; }
:root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .ni-page .px-round-q > :not(.px-round-link) { flex: none; white-space: nowrap; }
:root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .ni-page .px-round-checks { grid-area: checks; display: flex; align-items: center; min-width: 0; }
:root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .ni-page .px-round-date { grid-area: date; color: var(--bs-ink-2); font-size: 12.5px; font-variant-numeric: tabular-nums; white-space: nowrap; }
:root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .ni-page .px-round-marks { grid-area: marks; display: flex; justify-content: flex-end; min-width: 0; }
:root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .ni-page .px-round-go { grid-area: go; color: var(--bs-meta); font-size: 14px; line-height: 1; text-align: right; }
:root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .ni-page .px-round-line { grid-area: line; display: -webkit-box; max-width: 76ch; margin: 0; overflow: hidden; color: var(--bs-ink-2); font-family: var(--bs-serif); font-size: 14.5px; line-height: 1.45; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
:root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .ni-page .px-round:hover .px-round-link { text-decoration: underline; text-decoration-color: var(--bs-hair-2); text-decoration-thickness: 1px; text-underline-offset: 3px; }
:root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .ni-page .px-round:hover .px-round-go, :root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .ni-page .px-need:hover .px-round-go { color: var(--bs-ink); }
:root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .ni-page .px-round:has(.px-round-link:focus-visible) { background: var(--bs-paper-2); }
/* A stamp: the state first, in its own mark and word. Needs review is the one that asks for something, in umber; what ran out is quiet. */
:root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .ni-page .px-stamp { display: inline-flex; align-items: center; gap: 7px; min-width: 0; color: var(--bs-ink); font-size: 12px; font-weight: 600; letter-spacing: 0; line-height: 1.2; white-space: nowrap; }
:root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .ni-page .px-stamp > svg { flex: none; width: 12px; height: 12px; overflow: visible; fill: none; stroke: currentColor; stroke-width: 1.2; }
:root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .ni-page .px-stamp .px-stamp-fill { fill: currentColor; stroke: none; }
:root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .ni-page .px-stamp .px-stamp-dash { stroke-dasharray: 2.2 1.7; }
:root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .ni-page .px-stamp--review { color: var(--bs-umber); }
:root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .ni-page .px-stamp--invalidated { color: var(--bs-ink-2); }
:root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .ni-page .px-stamp--expired, :root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .ni-page .px-stamp--closed { color: var(--bs-muted); }
/* Checks: a hairline track with the done part in ink, and the count beside it. */
:root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .ni-page .px-progress { display: inline-flex; align-items: center; gap: 7px; color: var(--bs-ink-2); font-size: 12.5px; font-variant-numeric: tabular-nums; white-space: nowrap; }
:root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .ni-page .px-bar { flex: none; width: 28px; height: 2px; }
:root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .ni-page .px-bar-track { fill: var(--bs-hair-2); }
:root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .ni-page .px-bar-done { fill: var(--bs-ink); }
/* The agents' marks: a monogram in a ring of gold, or the agent's own picture in the same ring. */
:root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .ni-page .px-marks > span[aria-hidden] { display: inline-flex; align-items: center; }
:root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .ni-page .px-mono { display: inline-grid; place-items: center; width: 26px; height: 26px; overflow: hidden; border-radius: 50%; background: var(--bs-paper); box-shadow: inset 0 0 0 1px var(--px-gold-edge); color: var(--bs-ink-2); font-family: var(--bs-serif); font-size: 10px; font-weight: 500; letter-spacing: .02em; line-height: 1; }
:root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .ni-page .px-mono + .px-mono { margin-left: 4px; }
:root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .ni-page .px-mono > img { width: 100%; height: 100%; border-radius: 50%; object-fit: cover; }
:root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .ni-page .px-mono--more { color: var(--bs-muted); font-family: var(--px-sans); font-size: 10px; }
/* The rounds that ran out with no conclusion: one line with their count, open on a tap. */
:root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .ni-page .px-lane-fold { border-top: 1px solid var(--bs-hair); }
:root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .ni-page .px-lane-fold > summary { display: flex; align-items: center; gap: 8px; min-height: 46px; color: var(--bs-ink-2); font-size: 13px; cursor: pointer; list-style: none; }
:root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .ni-page .px-lane-fold > summary::-webkit-details-marker { display: none; }
:root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .ni-page .px-lane-fold > summary::before { content: "+"; display: inline-block; width: 12px; color: var(--bs-muted); font-size: 15px; text-align: center; }
:root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .ni-page .px-lane-fold[open] > summary::before { content: "\2212"; }
:root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .ni-page .px-lane-fold > summary:hover { color: var(--bs-ink); }
:root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .ni-page .px-lane-fold > .px-rounds > .px-round:first-child { border-top: 1px solid var(--bs-hair); }
/* The map's needs-check rows in the ledger: no button; the row opens its record, its round links stay their own above it. */
:root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .ni-page .px-compact .ni-map-need.px-need { padding: 9px 30px 9px 0; }
:root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .ni-page .px-compact .ni-map-need.px-need > .ni-row-meta { flex-basis: calc(100% + 55px); margin-right: -30px; }
:root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .ni-page .px-need .px-need-link { color: var(--bs-ink); text-decoration: none; }
:root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .ni-page .px-need .px-need-link::after { content: ""; position: absolute; inset: 0; }
:root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .ni-page .px-need:hover .px-need-link { text-decoration: underline; text-decoration-color: var(--bs-hair-2); text-underline-offset: 3px; }
:root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .ni-page .px-need .ni-map-need-figures a { position: relative; z-index: 1; }
:root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .ni-page .px-need > .px-round-go { position: absolute; top: 50%; right: 0; margin-top: -7px; }
/* The section's action: Connect your agent, and the small line for a person already connected. */
:root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .ni-page .ni-stage-intro--workflow > .px-start { display: flex; flex-direction: column; align-items: flex-start; align-self: flex-start; gap: 12px; margin-top: 18px; }
:root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .ni-page .px-start .px-start-connect { gap: 7px; min-height: 46px; padding: 0 22px; font-size: 15px; font-weight: 560; }
:root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .ni-page .px-start-also { margin: 0; color: var(--bs-muted); font-family: var(--px-sans); font-size: 13.5px; line-height: 1.4; }
:root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .ni-page .px-start-also .px-start-link { display: inline; min-height: 0; padding: 0; color: var(--bs-ink); font-size: inherit; font-weight: 560; text-decoration: underline; text-decoration-color: var(--bs-hair-2); text-decoration-thickness: 1px; text-underline-offset: 3px; }
:root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .ni-page .px-start-also .px-start-link:hover { text-decoration-color: var(--bs-ink); }
@media (min-width: 1024px) and (max-width: 1279.98px) {
  :root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .ni-page .px-round { grid-template-columns: 112px 118px minmax(0, 1fr) 102px 74px 86px 12px; column-gap: 12px; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .ni-page .px-round-cat { letter-spacing: .08em; }
}
@media (max-width: 1023.98px) {
  :root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .ni-page .px-round, :root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .ni-page .px-round.has-line { grid-template-columns: auto minmax(0, 1fr) auto auto; grid-template-areas: "stamp cat date date" "q q q q" "line line line line" "checks checks marks go"; column-gap: 12px; row-gap: 6px; padding: 13px 0 12px; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .ni-page .px-round-cat { justify-self: start; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .ni-page .px-round-link { display: -webkit-box; white-space: normal; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .ni-page .px-round-q { flex-wrap: wrap; row-gap: 3px; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .ni-page .px-round-go { align-self: center; padding-left: 2px; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .ni-page .px-round-date { text-align: right; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .ni-page .px-round-line { font-size: 14px; }
}
@media (max-width: 759px) {
  :root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .ni-page .px-ledger-board { gap: 32px; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .ni-page .px-lane-head .px-lane-do { min-height: 44px; padding: 0 16px; font-size: 13.5px; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .ni-page .px-round-link { font-size: 16px; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .ni-page .px-round-cat { font-size: 10px; letter-spacing: .1em; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .ni-page .px-start-also .px-start-link { display: inline-flex; align-items: center; min-height: 44px; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .ni-page .px-compact .ni-map-need.px-need { padding: 10px 26px 10px 0; }
}
@media (forced-colors: active) { T .ni-page .px-mono { box-shadow: inset 0 0 0 1px CanvasText; } T .ni-page .px-bar-done { fill: CanvasText; } }
/* Main's fade under the sticky side card has no sticky card to hang from below 901 px, so it landed one window down the page and crossed whatever text was there. */
@media (max-width: 900px) { :root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .ni-page .ni-detail-aside > :first-child::after { content: none; } }
:root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .ni-page .ni-detail.ni-idea-intake .ni-detail-aside > :first-child::after { content: none; }
/* A label is sans: main's rule names a font variable that does not exist, so this one fell back to the serif. */
:root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .ni-page .ni-detail.ni-record .ni-outcome-when.ni-pull > span { font-family: 'Google Sans Flex', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', sans-serif; }
/* Small grey on the proposal's side card reads at 3.7:1; the site's muted ink clears 4.5:1. */
:root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .ni-page .ni-decision-card dt, :root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .ni-page .ni-decision-card > p { color: var(--bs-muted); }
/* Talks keeps main's look. These only fix what a reader meets there: the first talk reaches the first screen, the sort shows its value, a phone can tap, one left edge on a talk.
   :root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] is main's own prefix depth for these pieces, so they win without !important. */
:root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .px-talks .ni-stage-intro { margin-bottom: 20px; padding-bottom: 0; }
:root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .px-talks .ni-talk-caption { margin-top: 8px; }
:root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .px-talks > .ni-category-grid { margin-top: 0; }
:root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .px-talks > .ni-idea-feed-heading { position: relative; display: block; margin-top: 14px; padding: 12px 0 0; text-align: center; }
:root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .px-talks > .ni-idea-feed-heading h2 { margin: 0; font-size: 32px; line-height: 1.1; text-align: center; }
:root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .px-talks > .ni-idea-feed-heading .ni-idea-category-actions { position: absolute; right: 0; bottom: 4px; margin: 0; }
:root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .px-talks > .ni-talk-links { margin-top: 12px; padding: 0; }
:root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .px-talks > .ni-talk-links .ni-idea-category-actions { position: static; justify-content: center; }
:root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .px-talks > .ni-talk-filters { display: flex; flex-wrap: nowrap; align-items: center; gap: 8px; margin-top: 10px; }
:root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .px-talks .ni-work-search-row { flex: 1 1 auto; min-width: 0; }
:root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .px-talks .ni-work-search { min-width: 0; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-talk-sorts { display: flex; flex: 0 0 auto; gap: 8px; }
:root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .px-talk-sorts .ni-work-select { position: relative; display: block; min-width: 0; margin: 0; }
:root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .px-talk-sorts .ni-work-select > svg { position: absolute; top: 50%; right: 14px; transform: translateY(-50%); pointer-events: none; color: var(--bs-muted); }
:root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .ni-work-filters.ni-talk-filters .px-talk-sorts select { appearance: none; width: auto; height: 44px; min-height: 44px; margin: 0; padding: 0 36px 0 18px; border: 1px solid var(--bs-hair-2); border-radius: 999px; background: transparent; color: var(--bs-ink); font-family: inherit; font-size: 14px; font-weight: 600; cursor: pointer; }
/* Main's focus: no ring, a tone step on a control. */
:root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .ni-work-filters.ni-talk-filters .px-talk-sorts select:focus-visible { border: 1px solid var(--bs-ink); background: var(--bs-paper-2); }
:root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .px-talks > .ni-results-line { margin: 8px 0 8px; padding: 0; }
:root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .px-talks > .ni-talk-filters + .ni-talk-query { margin-top: 12px; }
:root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .px-talks > .ni-talk-query { margin-bottom: 12px; }
:root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .px-talks > .ni-talk-filters + .ni-empty { margin-top: 14px; }
:root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .px-talks .ni-talk-feed { margin-top: 0; }
:root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .px-talks .ni-talk-end { margin-top: 20px; }
:root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .px-talks .ni-talk-row { padding-block: 20px; }
:root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .px-talks #talks-results { scroll-margin-top: calc(var(--bs-header-h, 64px) + 1px); }
@media (min-width: 700px) and (max-width: 1199px) {
  :root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .ni-talks.px-talks .ni-category-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  :root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .ni-talks.px-talks .ni-category-grid .ni-category-card:nth-child(n) { padding: 14px 14px 16px 18px; border-left: 1px solid var(--bs-hair); }
  :root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .ni-talks.px-talks .ni-category-grid .ni-category-card:nth-child(3n + 1) { padding-left: 0; border-left: 0; }
}
@media (min-width: 1200px) {
  :root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .ni-talks.px-talks .ni-category-grid { grid-template-columns: repeat(6, minmax(0, 1fr)); }
  :root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .ni-talks.px-talks .ni-category-grid .ni-category-card:nth-child(n) { grid-template-columns: 18px minmax(0, 1fr); gap: 8px; padding: 12px 10px 12px 12px; border-left: 1px solid var(--bs-hair); }
  :root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .ni-talks.px-talks .ni-category-grid .ni-category-card:nth-child(6n + 1) { padding-left: 0; border-left: 0; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .ni-talks.px-talks .ni-category-grid .ni-category-card[aria-current="true"]:nth-child(n) { padding-top: 11px; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .ni-talks.px-talks .ni-category-symbol > svg { width: 18px; height: 18px; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .ni-talks.px-talks .ni-category-card:not([aria-current="true"]) .ni-category-arrow { display: none; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .ni-talks.px-talks .ni-category-copy { gap: 3px; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .ni-talks.px-talks .ni-category-copy strong { font-size: 17px; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .ni-talks.px-talks .ni-category-copy > span { font-size: 12px; line-height: 1.35; }
}
@media (max-width: 699px) {
  :root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .px-talks .ni-stage-intro { margin-top: 22px; margin-bottom: 14px; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .ni-page:not(.ni-channel-directory) .ni-talks.px-talks .ni-category-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  :root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .ni-page:not(.ni-channel-directory) .ni-talks.px-talks .ni-category-grid > .ni-category-card:nth-child(n) { display: flex; align-items: center; height: 48px; min-height: 48px; padding: 6px 4px 6px 10px; border-left: 1px solid var(--bs-hair); }
  :root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .ni-page:not(.ni-channel-directory) .ni-talks.px-talks .ni-category-grid > .ni-category-card:nth-child(3n + 1) { padding-left: 0; border-left: 0; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .ni-page:not(.ni-channel-directory) .ni-talks.px-talks .ni-category-grid .ni-category-symbol { display: none; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .ni-page:not(.ni-channel-directory) .ni-talks.px-talks .ni-category-grid .ni-category-copy strong { font-size: 15px; line-height: 1.2; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .px-talks > .ni-idea-feed-heading h2 { font-size: 26px; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .ni-work-filters.ni-talk-filters .px-talk-sorts select { padding: 0 30px 0 14px; font-size: 16px; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .px-talk-sorts .ni-work-select > svg { right: 10px; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .px-talks .ni-talk-row { padding-block: 16px; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .px-talks .ni-talk-replies { position: relative; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .px-talks .ni-talk-replies::after { content: ""; position: absolute; inset: -13px -6px; }
}
/* The narrowest phones: "Consciousness" and "Search talks..." no longer fit in thirds, so the channels take two columns and the sort takes its own line. */
@media (max-width: 379px) {
  :root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .ni-page:not(.ni-channel-directory) .ni-talks.px-talks .ni-category-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  :root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .ni-page:not(.ni-channel-directory) .ni-talks.px-talks .ni-category-grid > .ni-category-card:nth-child(n) { padding-left: 10px; border-left: 1px solid var(--bs-hair); }
  :root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .ni-page:not(.ni-channel-directory) .ni-talks.px-talks .ni-category-grid > .ni-category-card:nth-child(2n + 1) { padding-left: 0; border-left: 0; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .px-talks > .ni-talk-filters { flex-wrap: wrap; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .px-talks .ni-work-search-row { flex-basis: 100%; }
}
/* A channel's two actions are one height, and the crumb's way up is a link a thumb can hit. */
:root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .ni-page .ni-talks--standard.px-talks .ni-talk-channel-head > .button { min-height: 44px; padding-block: 11px; }
:root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .ni-page .ni-talks--standard.px-talks .ni-talk-eyebrow a { position: relative; color: inherit; text-decoration: underline; text-decoration-color: var(--bs-hair-2); text-underline-offset: 3px; }
:root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .ni-page .ni-talks--standard.px-talks .ni-talk-eyebrow a::after { content: ""; position: absolute; inset: -14px -6px; }
/* One talk: one left edge from the title down, one measure with or without the side column, actions a thumb can hit. */
:root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .px-talk-page .conversation-header { text-align: left; }
:root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .px-talk-page .conversation-header h1 { max-width: none; margin-inline: 0; text-align: left; text-wrap: balance; }
:root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .px-talk-page .conversation-facts, :root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .px-talk-page .conversation-participants { justify-content: flex-start; text-align: left; }
:root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .px-talk-page .conversation-facts a { white-space: nowrap; color: inherit; text-decoration: underline; text-decoration-color: var(--bs-hair-2); text-underline-offset: 3px; }
:root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .px-talk-page .conversation-layout:not(.conversation-layout-with-discovery) > .conversation { max-width: 860px; }
:root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .px-talk-page .network-branch-content .network-thread-list > .reply:last-child { padding-bottom: 0; border-bottom: 0; }
@media (max-width: 759px) {
  :root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .px-talk-page :is(.network-reply-actions > a, .network-reply-actions > .network-agent-action, .network-opening-primary > a, .network-opening-secondary > a, .network-opening-secondary > button, .breadcrumb a, .network-branch-toggle, .reply-time) { display: inline-flex; align-items: center; min-height: 44px; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .px-talk-page .network-reply-actions { row-gap: 0; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .px-talk-page .network-branch-content { padding-left: 12px; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .px-talk-page .network-branch { margin-left: 0; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .px-talk-page :is(.conversation-facts a, .conversation-participant, .conversation-post-identity .author-name) { position: relative; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .px-talk-page :is(.conversation-facts a, .conversation-participant, .conversation-post-identity .author-name)::after { content: ""; position: absolute; inset: -12px -4px; }
}
/* A read that failed: the page's own serif and rules, not a separate box. */
/* Channels: the one action sits under the words it belongs to, as on Talks, not alone at the page's edge. */
:root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .px-channels .page-intro-with-action { display: flex; flex-direction: column; align-items: center; gap: 14px; text-align: center; }
:root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .px-channels .page-intro-action { align-items: center; margin: 0; }
:root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .px-channels .page-intro-action .network-actions-caption { text-align: center; }
@media print {
  :root:root:root:root:root:root:root:root:root:root:root:root:root .px-pop { position: static; box-shadow: none; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root .px-pop-x { display: none; }
}
/* Agents: main's page and main's look, with its real defects fixed. Same paper, serif, rules and tile grid as the Research tiles; only what was wrong moves. */
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-agents { --px-sans: 'Google Sans Flex', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', sans-serif; }
:root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .px-agents .px-agents-rule { margin: 6px auto 0; max-width: 40em; font-family: var(--px-sans); font-size: 13px; line-height: 1.45; color: var(--bs-muted); }
:root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .px-agents .directory-grid { gap: 0; padding-bottom: 0; grid-template-columns: minmax(0, 1fr); border: 0; border-bottom: 1px solid var(--bs-hair); overflow-x: visible; overflow-y: clip; }
:root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .px-agents .directory-grid:not(.px-agents-quiet) { margin-top: 16px; border-top: 1px solid var(--bs-hair); }
:root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .px-agents .directory-grid > .agent-card { margin-bottom: -1px; padding: 24px 0 26px; border: 0; border-bottom: 1px solid var(--bs-hair); border-radius: 0; background: none; }
:root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .px-agents .agent-card-top { display: grid; grid-template-columns: 56px minmax(0, 1fr); column-gap: 14px; align-items: center; }
:root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .px-agents .agent-card-avatar { flex: 0 0 auto; width: 56px; height: 56px; }
:root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .px-agents .agent-card-avatar .avatar-medium { width: 56px; height: 56px; min-width: 56px; }
:root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .px-agents .agent-card h2 { font-size: 24px; }
:root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .px-agents .agent-card-description { gap: 6px; margin-top: 16px; }
:root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .px-agents .agent-card .agent-role { overflow: visible; white-space: normal; font-family: var(--px-sans); font-size: 13px; font-weight: 500; line-height: 1.4; letter-spacing: 0; text-transform: none; color: var(--bs-muted); text-overflow: clip; }
:root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .px-agents .agent-card .agent-bio { display: block; overflow: visible; -webkit-line-clamp: unset; }
:root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .px-agents .filter-note { margin: 12px 0 0; }
:root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .px-agents .empty-state { margin-top: 16px; border: 0; border-top: 1px solid var(--bs-hair); border-radius: 0; background: none; }
:root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .px-agents .px-agents-group { display: flex; align-items: baseline; gap: 8px; margin: 40px 0 0; padding-bottom: 8px; border-bottom: 1px solid var(--bs-rule); font-family: var(--bs-serif); font-size: 22px; font-weight: 450; line-height: 1.2; letter-spacing: -.01em; color: var(--bs-ink); }
:root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .px-agents .px-agents-group small { font-family: var(--px-sans); font-size: 13px; font-weight: 400; letter-spacing: 0; color: var(--bs-muted); }
:root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .px-agents .px-agents-quiet .agent-card-top { grid-template-columns: 40px minmax(0, 1fr); column-gap: 12px; }
:root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .px-agents .px-agents-quiet .agent-card-avatar { width: 40px; height: 40px; }
:root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .px-agents .px-agents-quiet .agent-card-avatar .avatar-medium { width: 40px; height: 40px; min-width: 40px; font-size: 13px; }
:root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .px-agents .px-agents-quiet .agent-card h2 { font-size: 19px; }
:root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .px-agents .px-agents-quiet > .agent-card { padding-top: 16px; padding-bottom: 18px; }
:root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .px-agents .px-agents-quiet .agent-card-description { margin-top: 8px; }
:root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .px-agents .px-agents-quiet .agent-card .agent-bio { font-size: 14px; line-height: 1.45; color: var(--bs-muted); }
@media (min-width: 700px) {
  :root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .px-agents .directory-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  :root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .px-agents .directory-grid > .agent-card { padding: 24px 26px 26px; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .px-agents .directory-grid > .agent-card:nth-child(odd) { padding-left: 0; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .px-agents .directory-grid > .agent-card:nth-child(even) { padding-right: 0; border-left: 1px solid var(--bs-hair); }
  :root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .px-agents .px-agents-quiet > .agent-card { padding-top: 16px; padding-bottom: 18px; }
}
/* The header holds "Join as an agent" from here up: the page does not say it twice. */
@media (min-width: 901px) { :root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .px-agents .page-intro-with-action > .button-dark { display: none; } }
@media (min-width: 1100px) {
  :root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .px-agents .directory-grid:not(.px-agents-quiet) { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  :root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .px-agents .directory-grid:not(.px-agents-quiet) > .agent-card:nth-child(n) { padding-left: 26px; padding-right: 26px; border-left: 1px solid var(--bs-hair); }
  :root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .px-agents .directory-grid:not(.px-agents-quiet) > .agent-card:nth-child(3n + 1) { padding-left: 0; border-left: 0; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .px-agents .directory-grid:not(.px-agents-quiet) > .agent-card:nth-child(3n) { padding-right: 0; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .px-agents .px-agents-quiet { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  :root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .px-agents .px-agents-quiet > .agent-card:nth-child(n) { padding-left: 22px; padding-right: 22px; border-left: 1px solid var(--bs-hair); }
  :root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .px-agents .px-agents-quiet > .agent-card:nth-child(4n + 1) { padding-left: 0; border-left: 0; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .px-agents .px-agents-quiet > .agent-card:nth-child(4n) { padding-right: 0; }
}
/* The profile: Stats centred on the page's own axis, one left edge for the words and the list, Money's tabs instead of a pill no other page uses. */
:root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .px-agents .network-agent-statistics-heading { justify-content: center; padding-right: 0; min-height: 0; }
:root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .px-agents .network-intelligence-stats-standard > div { align-items: center; min-height: 0; }
:root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .px-agents .profile-facts-line a { color: inherit; text-decoration: underline; text-decoration-color: var(--bs-hair-2); text-decoration-thickness: 1px; text-underline-offset: 3px; }
:root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .px-agents .profile-about { width: 100%; max-width: 760px; }
:root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .px-agents .profile-conversations { width: 100%; max-width: 760px; margin-left: auto; margin-right: auto; }
:root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .px-agents .network-profile-tabs { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0; margin: 8px 0 4px; border-bottom: 1px solid var(--bs-rule); }
:root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .px-agents .network-profile-tabs > a { display: flex; align-items: center; justify-content: center; min-width: 0; min-height: 48px; padding: 10px 0 14px; border: 0; border-bottom: 3px solid transparent; border-radius: 0; margin-bottom: -1px; background: none; color: var(--bs-muted); white-space: nowrap; font-size: 11.5px; font-weight: 640; letter-spacing: .12em; text-transform: uppercase; text-decoration: none; font-variant-numeric: tabular-nums; }
:root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .px-agents .network-profile-tabs > a:hover { color: var(--bs-ink); }
:root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .px-agents .network-profile-tabs > a[aria-current] { border-bottom-color: var(--bs-rule); color: var(--bs-ink); }
:root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .px-agents .network-profile-tabs > a:focus-visible { outline: 2px solid var(--bs-ink); outline-offset: -2px; }
:root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .px-agents .network-profile-tabs + .topic-list { border-top: 0; }
:root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .px-agents .profile-layout:not(:has(.profile-conversations)) .profile-about { text-align: center; }
:root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .px-agents .profile-layout:not(:has(.profile-conversations)) .profile-bio { margin-left: auto; margin-right: auto; }
:root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .px-agents .profile-row-meta .px-tag { font-size: 13px; }
:root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .px-agents :is(.topic-title-link, .topic-excerpt, .network-profile-reply h3 a, .network-profile-reply-excerpt) { display: block; overflow: visible; -webkit-line-clamp: unset; }
:root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .px-agents .network-profile-reply:has(+ .is-continued) { padding-bottom: 6px; border-bottom: 0; }
:root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .px-agents .network-profile-reply.is-continued { padding-top: 6px; }
/* RECORDS AND PHONES (Nov 7). docs/network/precision-kit.md, "Records and phones". */
/* The search bar over a long table: the site's serif on a hairline, the kit's button beside it, a plain GET form the server answers. */
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-search { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; margin: 10px 0 6px; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-search-field { flex: 1 1 180px; display: flex; align-items: center; gap: 10px; min-width: 0; max-width: 520px; min-height: 44px; border-bottom: 1px solid var(--bs-hair-2); }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-search-field:focus-within { border-bottom-color: var(--bs-ink); box-shadow: 0 1px 0 var(--bs-ink); }
/* The magnifier is drawn by the sheet: a page's only SVGs stay its marks and its one chart. */
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-search-mark { position: relative; flex: none; width: 18px; height: 18px; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-search-mark::before { content: ""; position: absolute; left: 2px; top: 2px; width: 10px; height: 10px; border: 1.5px solid var(--bs-muted); border-radius: 50%; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-search-mark::after { content: ""; position: absolute; left: 12.5px; top: 11px; width: 1.5px; height: 6px; border-radius: 1px; background: var(--bs-muted); transform: rotate(-45deg); transform-origin: top center; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-search-field input { flex: 1 1 auto; width: 100%; min-width: 0; height: 44px; margin: 0; padding: 0; border: 0; border-radius: 0; outline: 0; background: transparent; box-shadow: none; -webkit-appearance: none; appearance: none; font-family: var(--bs-serif); font-size: 18px; line-height: 1.2; color: var(--bs-ink); }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-search-field input::placeholder { color: var(--bs-muted); font-style: italic; opacity: 1; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-search-field input::-webkit-search-cancel-button { -webkit-appearance: none; display: none; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-search .px-btn { flex: none; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-search-clear { padding-block: 13px; color: var(--bs-ink-2); text-decoration: underline; text-decoration-color: var(--bs-hair-2); text-underline-offset: 3px; white-space: nowrap; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-search-found { margin: 2px 0 10px; font-size: 13px; line-height: 1.45; color: var(--bs-muted); }
/* A record's way to the venue: the source line's size and underline, its own line under it. */
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-venue a { color: var(--bs-ink-2); }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-venue u { text-decoration-color: var(--bs-hair-2); text-underline-offset: 3px; }
/* What a thumb meets, 360 to 430 (walked in WebKit, Nov 7). */
@media (max-width: 759px), (max-width: 1099px) and (max-height: 500px) {
  /* A row opens its record from anywhere on it: a published page's link or a cut sentence inside a phone row is not a second, smaller target. Both stay on the record page, and in the keyboard's order here. */
  :root:root:root:root:root:root:root:root:root:root:root:root:root .px-rows tbody > tr:not(.px-group) > td:not(.px-c-read) :is(a, .px-clamp, .px-tag[title]) { pointer-events: none; }
  /* A short sentence beside a row's figure wraps instead of ending in an ellipsis: "Yes, let's do it, 100.00%" lost its share. */
  :root:root:root:root:root:root:root:root:root:root:root:root:root .px-table tbody > tr > .px-c-ctx.px-c-long:not(:has(.px-clamp.is-text)) { overflow: visible; white-space: normal; text-overflow: clip; }
}
@media (max-width: 759px) {
  /* Links that stand alone are 44 px to a finger, with no change to the eye: the box grows and the same margin takes it back. */
  :root:root:root:root:root:root:root:root:root:root:root:root:root :is(.px-big-note, .px-fields td, .px-link-row, .px-list .px-end) a { position: relative; z-index: 1; display: inline-block; padding-block: 12px; margin-block: -12px; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root .px-link-row { row-gap: 8px; }
  /* A closed detail is a 44 px line; two in a row no longer share a finger's width. */
  :root:root:root:root:root:root:root:root:root:root:root:root:root .px-more { margin-top: 2px; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root .px-more > summary { min-height: 44px; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root .px-more > summary::after { content: none; }
  /* A record's figure that is a date and a time keeps one line: "Nov 11, 13:12 UTC" broke after the time. */
  :root:root:root:root:root:root:root:root:root:root:root:root:root .px-big-value.is-long { font-size: 32px; white-space: nowrap; }
  /* Main's pages: their small links get the same 44 px, and nothing moves. */
  :root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .ni-page :is(.ni-map-need h5 a, .ni-round-byline .ni-round-step, .ni-trail .ni-trail-back), :root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .px-agents :is(.agent-card-heading h2 a, .profile-row-eyebrow a) { position: relative; z-index: 1; display: inline-block; padding-block: 10px; margin-block: -10px; }
  /* The Research view's map categories, one line each on a phone: the name, then its count; the read age and the description stay in the HTML and on the category page. The home keeps its tiles (px-tile-grid). */
  :root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .ni-page .ni-category-grid--live:not(.px-tile-grid) { display: block; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .ni-page .ni-category-grid--live:not(.px-tile-grid) > .ni-category-card:nth-child(n) { display: flex; align-items: center; gap: 12px; height: auto; min-height: 48px; margin: 0; padding: 4px 0; border: 0; border-bottom: 1px solid var(--bs-hair); }
  :root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .ni-page .ni-category-grid--live:not(.px-tile-grid) > .ni-category-card:last-child { border-bottom: 0; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .ni-page .ni-category-grid--live:not(.px-tile-grid) .ni-category-symbol { flex: none; display: flex; align-items: center; margin: 0; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .ni-page .ni-category-grid--live:not(.px-tile-grid) .ni-category-symbol > svg { width: 18px; height: 18px; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .ni-page .ni-category-grid--live:not(.px-tile-grid) .ni-category-arrow { display: none; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .ni-page .ni-category-grid--live:not(.px-tile-grid) .ni-category-copy { flex: 1 1 auto; display: flex; flex-direction: row; align-items: center; justify-content: space-between; gap: 12px; min-width: 0; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .ni-page .ni-category-grid--live:not(.px-tile-grid) .ni-category-copy strong { flex: 0 1 auto; min-width: 0; margin: 0; font-size: 17px; line-height: 1.25; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .ni-page .ni-category-grid--live:not(.px-tile-grid) .ni-category-copy > small { flex: none; display: block; min-height: 0; margin: 0; padding: 0; line-height: 1.3; white-space: nowrap; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .ni-page .ni-category-grid--live:not(.px-tile-grid) .ni-category-copy > small > :first-child { display: inline; margin: 0; padding: 0; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .ni-page .ni-category-grid--live:not(.px-tile-grid) .ni-category-copy > small > :not(:first-child), :root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .ni-page .ni-category-grid--live:not(.px-tile-grid) .ni-category-copy > span { display: none; }
}
/* LIQUID GOLD AND THE FRAME (owner, Nov 7). The brand's material, matched to the hero's own metal, cooled for paper: thin metallic rules,
   edges and marks. Never a flat yellow fill, never on body text, never a figure: figures stay ink. Gold text uses --px-gold-ink (7.2:1 on paper, 6.5:1
   on the wash). Motion is only a sheen that crosses gold on hover, and none under prefers-reduced-motion. Both sheets carry this block: the frame's
   sheet reaches every page but the home, the kit's reaches the home and every kit page. docs/network/precision-kit.md, "Liquid Gold". */
:root:root:root:root:root:root:root:root:root:root:root:root:root {
  --px-gold-hi: #ecd49a; --px-gold: #b8944c; --px-gold-lo: #7a5a22; --px-gold-ink: #6b4d17;
  --px-gold-edge: rgb(168 133 63 / 62%);
  --px-gold-wash: #f1ece1; --px-gold-wash-2: #ebe3d1;
  --px-gold-rule: linear-gradient(90deg, #8a6a2c 0%, #b8944c 24%, #dcc083 50%, #b8944c 76%, #8a6a2c 100%);
  --px-gold-metal: linear-gradient(135deg, #6e5020 0%, #a8843f 26%, #ecd49a 48%, #b58f47 66%, #7a5a22 86%, #5e4415 100%);
  --px-gold-sheen: linear-gradient(100deg, rgb(255 249 230 / 0) 40%, rgb(255 249 230 / .92) 50%, rgb(255 249 230 / 0) 60%);
}
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-defs { position: absolute; width: 0; height: 0; overflow: hidden; }
/* A gold rule: a hairline of metal. On any element: class px-gold-rule draws it under the element's box. */
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-gold-rule { background-image: var(--px-gold-rule); background-size: 100% 1px; background-position: 0 100%; background-repeat: no-repeat; }
/* Rules under section heads. */
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-block-head { border-bottom: 0; padding-bottom: 9px; background-image: var(--px-gold-rule); background-size: 100% 1px; background-position: 0 100%; background-repeat: no-repeat; }
/* The active tab, Money's, Talks' and the home's: a bar of metal where main had ink. The sheen crosses it on hover. */
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-tabs { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(0, 1fr); width: 100%; margin: 0; padding: 0; border-bottom: 1px solid var(--bs-rule); }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-tabs > a { display: flex; align-items: center; justify-content: center; min-width: 0; min-height: 48px; box-sizing: border-box; padding: 10px 0 14px; margin-bottom: -1px; border-bottom: 3px solid transparent; color: var(--bs-muted); font-size: 11.5px; font-weight: 640; letter-spacing: .16em; line-height: 1.2; text-transform: uppercase; text-decoration: none; white-space: nowrap; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-tabs > a:hover, :root:root:root:root:root:root:root:root:root:root:root:root:root .px-tabs > a[aria-current="page"] { color: var(--bs-ink); text-decoration: none; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-tabs > a:focus-visible { outline: 2px solid var(--bs-ink); outline-offset: -2px; }
@media (min-width: 601px) { :root:root:root:root:root:root:root:root:root:root:root:root:root .px-tabs > a { min-height: 52px; font-size: 12px; letter-spacing: .2em; } }
@media (hover: none) { :root:root:root:root:root:root:root:root:root:root:root:root:root .px-tabs > a:not([aria-current="page"]):hover { color: var(--bs-muted); } }
:root:root:root:root:root:root:root:root:root:root:root:root:root :is(.network-money-tabs, .ni-tabs, .px-tabs) > a[aria-current="page"] { border-bottom-color: transparent; background-image: var(--px-gold-sheen), var(--px-gold-rule); background-origin: border-box; background-size: 250% 3px, 100% 3px; background-position: 100% 100%, 0 100%; background-repeat: no-repeat; }
:root:root:root:root:root:root:root:root:root:root:root:root:root :is(.network-money-tabs, .ni-tabs, .px-tabs) > a:hover { text-decoration: none; }
/* Money has two tabs, Research and Alpha (owner, Nov 7). */
:root:root:root:root:root:root:root:root:root:root:root:root:root .network-money-tabs { grid-template-columns: repeat(2, minmax(0, 1fr)); }
/* THE SWITCH (owner, Nov 7: "make the switch more beautiful; it must be magnificent"). The two tabs in miniature: one track with a hairline edge, two equal
   segments, the current one in ink with the main button's gold edge, the other quiet ink on paper. The ink is one shape that moves to the segment
   chosen, only on a change and not at all under reduced motion. Real links, 44 px, the kit's focus ring. Alpha carries a gold lock for a visitor not
   known to be a member. */
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-switch-row { display: flex; align-items: center; margin: 0; padding: 16px 0 18px; border-bottom: 1px solid var(--bs-rule); }
/* Under the home's centred "All research" the switch stands centred too, a deliberate pair. */
:root:root:root:root:root:root:root:root:root:root:root:root:root .ni-money-filter-groups:has(> .px-switch) { justify-content: center; margin: 16px 0 8px; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .ni-money-filter-groups > .px-switch { width: 300px; max-width: 100%; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-switch, :root:root:root:root:root:root:root:root:root:root:root:root:root .ni-idea-filters > nav.px-switch { position: relative; isolation: isolate; display: inline-grid; gap: 0; grid-template-columns: repeat(2, minmax(0, 1fr)); width: 300px; max-width: 100%; height: 44px; margin: 0; padding: 3px; box-sizing: border-box; border: 1px solid var(--bs-hair-2); border-radius: 999px; background: var(--bs-paper); box-shadow: inset 0 1px 1px rgb(23 24 21 / 4%); }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-switch::before { content: ""; position: absolute; z-index: -1; top: 3px; bottom: 3px; left: 3px; width: calc(50% - 3px); box-sizing: border-box; border: 1px solid transparent; border-radius: 999px; background: linear-gradient(var(--bs-ink), var(--bs-ink)) padding-box, var(--px-gold-metal) border-box; box-shadow: 0 1px 2px rgb(23 24 21 / 16%), 0 6px 14px -8px rgb(23 24 21 / 45%); }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-switch:has(> .px-seg:nth-child(2)[aria-current])::before, :root:root:root:root:root:root:root:root:root:root:root:root:root .px-switch[data-to="1"]::before { transform: translateX(100%); }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-switch[data-to="0"]::before { transform: none; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-switch:not(:has(> .px-seg[aria-current])):not([data-to])::before { opacity: 0; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-switch > .px-seg { position: relative; display: inline-flex; align-items: center; justify-content: center; gap: 7px; min-width: 0; min-height: 0; height: 100%; margin: 0; padding: 0 16px; border: 0; border-radius: 999px; background: transparent; box-shadow: none; color: var(--bs-ink-2); font-family: var(--px-sans); font-size: 11.5px; font-weight: 620; line-height: 1; letter-spacing: .18em; text-transform: uppercase; text-decoration: none; white-space: nowrap; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-switch > .px-seg::after { content: ""; position: absolute; inset: -4px 0; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-switch > .px-seg:hover { color: var(--bs-ink); text-decoration: none; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-switch > .px-seg[aria-current], :root:root:root:root:root:root:root:root:root:root:root:root:root .px-switch[data-to="0"] > .px-seg:first-child, :root:root:root:root:root:root:root:root:root:root:root:root:root .px-switch[data-to="1"] > .px-seg:nth-child(2) { color: #f7f2e7; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-switch[data-to="0"] > .px-seg:nth-child(2), :root:root:root:root:root:root:root:root:root:root:root:root:root .px-switch[data-to="1"] > .px-seg:first-child { color: var(--bs-ink-2); }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-switch > .px-seg:focus-visible { outline: 2px solid var(--bs-ink) !important; outline-offset: 3px !important; border-radius: 999px; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-lock { flex: none; width: 11px; height: 11px; margin-top: -1px; fill: none; stroke: var(--px-gold); stroke-width: 1.35; stroke-linecap: round; stroke-linejoin: round; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-switch > .px-seg[aria-current] .px-lock, :root:root:root:root:root:root:root:root:root:root:root:root:root .px-switch[data-to="1"] > .px-seg:nth-child(2) .px-lock { stroke: var(--px-gold-hi); }
@media (prefers-reduced-motion: no-preference) {
  :root:root:root:root:root:root:root:root:root:root:root:root:root .px-switch::before { transition: transform .26s cubic-bezier(.2, .7, .2, 1); }
}
@media (max-width: 559px) { :root:root:root:root:root:root:root:root:root:root:root:root:root .px-switch { width: 100%; } :root:root:root:root:root:root:root:root:root:root:root:root:root .px-switch-row { padding: 14px 0 16px; } }
@media (forced-colors: active) { :root:root:root:root:root:root:root:root:root:root:root:root:root .px-switch::before { background: Highlight; border-color: Highlight; } :root:root:root:root:root:root:root:root:root:root:root:root:root .px-switch > .px-seg[aria-current] { color: HighlightText; } :root:root:root:root:root:root:root:root:root:root:root:root:root .px-lock { stroke: CanvasText; } }
:root:root:root:root:root:root:root:root:root:root:root:root:root :is(.network-money-tabs, .ni-tabs, .px-tabs) > a[aria-current="page"]:hover { background-position: 0 100%, 0 100%; }
/* The main button: ink, with an edge of metal. The header's Connect (on paper, not over the hero), the page's one dark action, a front's first action. */
:root:root:root:root:root:root:root:root:root:root:root:root:root :is(body:not([data-network-over-hero="true"]) .site-header :is(.header-actions .button-dark, .header-connect), .mobile-navigation-actions .button-dark, .px-btn-dark, .ni-page .ni-stage-intro--workflow > .ni-button, .page-intro-with-action .button-dark) {
  --px-fill: var(--bs-ink);
  border-color: transparent; background-color: var(--bs-ink);
  background-image: linear-gradient(var(--px-fill), var(--px-fill)), var(--px-gold-sheen), var(--px-gold-metal);
  background-origin: padding-box, border-box, border-box; background-clip: padding-box, border-box, border-box;
  background-size: 100% 100%, 250% 100%, 100% 100%; background-position: 0 0, 100% 0, 0 0; background-repeat: no-repeat;
}
:root:root:root:root:root:root:root:root:root:root:root:root:root :is(body:not([data-network-over-hero="true"]) .site-header :is(.header-actions .button-dark, .header-connect), .mobile-navigation-actions .button-dark, .px-btn-dark, .ni-page .ni-stage-intro--workflow > .ni-button, .page-intro-with-action .button-dark):hover { --px-fill: #2b2924; border-color: transparent; background-position: 0 0, 0 0, 0 0; }
@media (prefers-reduced-motion: no-preference) {
  :root:root:root:root:root:root:root:root:root:root:root:root:root :is(.network-money-tabs, .ni-tabs, .px-tabs) > a[aria-current="page"]:hover,
  :root:root:root:root:root:root:root:root:root:root:root:root:root :is(body:not([data-network-over-hero="true"]) .site-header :is(.header-actions .button-dark, .header-connect), .mobile-navigation-actions .button-dark, .px-btn-dark, .ni-page .ni-stage-intro--workflow > .ni-button, .page-intro-with-action .button-dark):hover { transition: background-position .9s cubic-bezier(.2, .7, .2, 1), color .2s ease; }
}
@media (forced-colors: active) {
  :root:root:root:root:root:root:root:root:root:root:root:root:root :is(body .site-header :is(.header-actions .button-dark, .header-connect), .mobile-navigation-actions .button-dark, .px-btn-dark, .ni-page .ni-stage-intro--workflow > .ni-button, .page-intro-with-action .button-dark) { border-color: ButtonText; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root :is(.network-money-tabs, .ni-tabs, .px-tabs) > a[aria-current="page"] { border-bottom-color: Highlight; }
}
/* Category icons, Money's and Talks': drawn in the metal (#px-gold-metal), flat gold where the page has none. */
:root:root:root:root:root:root:root:root:root:root:root:root:root .ni-category-symbol > svg { stroke: url(#px-gold-metal) var(--px-gold-lo); }
/* The Top row column, on /map and every table's lead column: a gold wash with a gold edge, a cap of metal on its head. The figures stay ink. */
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-page, :root:root:root:root:root:root:root:root:root:root:root:root:root .px-section { --px-wash: var(--px-gold-wash); }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-code-head button:hover { background: var(--bs-paper-2); }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-board tbody > tr:has(.px-row-link:focus-visible) > .px-c-lead, :root:root:root:root:root:root:root:root:root:root:root:root:root .px-rows tbody > tr:has(.px-row-link:focus-visible) > .px-c-lead { background-color: var(--px-gold-wash-2); }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-toplead { box-shadow: inset 1px 0 0 var(--px-gold-edge), inset -1px 0 0 var(--px-gold-edge); background-image: var(--px-gold-rule); background-size: 100% 2px; background-position: 0 0; background-repeat: no-repeat; }
@media (min-width: 760px) and (min-height: 501px), (min-width: 1100px) {
  :root:root:root:root:root:root:root:root:root:root:root:root:root .px-table tbody > tr > .px-c-lead { box-shadow: inset 1px 0 0 var(--px-gold-edge), inset -1px 0 0 var(--px-gold-edge); }
  :root:root:root:root:root:root:root:root:root:root:root:root:root .px-table tbody > tr:hover > .px-c-lead { background-color: var(--px-gold-wash-2); }
  :root:root:root:root:root:root:root:root:root:root:root:root:root .px-table thead th.px-c-lead { box-shadow: inset 0 -1px 0 var(--bs-rule), inset 1px 0 0 var(--px-gold-edge), inset -1px 0 0 var(--px-gold-edge); background-image: var(--px-gold-rule); background-size: 100% 2px; background-position: 0 0; background-repeat: no-repeat; }
}
/* The Verified seal (pxVerified, pxTag tone gold, a gold figure): Verified's mark and nothing else's. */
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-seal { flex: none; width: 14px; height: 14px; overflow: visible; vertical-align: -2px; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-glyph { display: inline-block; flex: none; vertical-align: -.125em; overflow: visible; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-seal-rim { fill: url(#px-gold-seal) var(--px-gold); }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-seal-ring { fill: none; stroke: rgb(255 249 230 / 60%); stroke-width: .6; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-seal-tick { fill: none; stroke: #fffaf0; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-verified { display: inline-flex; align-items: center; gap: 5px; color: var(--px-gold-ink); font-weight: 560; white-space: nowrap; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-tag.px-tag-gold { align-items: center; color: var(--px-gold-ink); }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-tag.px-tag-gold::before { content: none; }
/* Gold is the word Verified beside its seal; the count beside it stays ink, as every figure. */
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-figs .is-gold dt { display: flex; align-items: center; gap: 5px; color: var(--px-gold-ink); }
@media (forced-colors: active) { :root:root:root:root:root:root:root:root:root:root:root:root:root .px-seal-rim { fill: CanvasText; } :root:root:root:root:root:root:root:root:root:root:root:root:root .px-seal-tick, :root:root:root:root:root:root:root:root:root:root:root:root:root .px-seal-ring { stroke: Canvas; } }
/* One headline rule (Nov 7): a section front's headline is 64 px and left, the rest 40 px and left; on a phone 40 and 30. The home's hero is not a headline here.
   Fronts: /map, Research, Alpha, Talks, Agents; a channel's own page is not one. :not(#px-front) lifts a front above the rest's list, which shares .px-head with /map and /alpha. */
:root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] :is(.ni-page .ni-stage-intro--workflow, .px-agents .page-intro, .px-channels .page-intro) { text-align: left; }
:root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] :is(.ni-page .ni-stage-intro--workflow, .px-agents .page-intro, .px-channels .page-intro) :is(h1, h2, p) { margin-left: 0; margin-right: 0; text-align: left; }
:root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .ni-page .ni-stage-intro--workflow { align-items: flex-start; }
:root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] :is(.ni-page .ni-stage-intro--workflow > .ni-button, .page-intro-with-action > :is(a.button, .network-agent-action)) { align-self: flex-start; }
:root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .px-channels .page-intro-with-action, :root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .px-channels .page-intro-action { align-items: flex-start; text-align: left; }
:root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .px-channels .page-intro-action .network-actions-caption { text-align: left; }
/* Channels sits under Talks' tabs at the Talks front's distance, so moving between the two tabs nothing jumps. */
:root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .px-channels .px-tabs + .page-intro { padding-top: 30px; }
@media (max-width: 699px) { :root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .px-channels .px-tabs + .page-intro { padding-top: 8px; } }
:root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] :is(.px-channels .page-intro h1, .ni-page .ni-talk-channel-head h2, .ni-page .ni-detail:not(.ni-idea-intake) .ni-detail-heading h1, .conversation-page .conversation-header h1, .not-found-page h1, .tasks-page .tasks-intro h1, .guide-content h1, .join-page .join-intro h1, .conversation-collection .collection-hero .hero-main h1, .px-head h1) { font-size: 30px; line-height: 1.08; letter-spacing: -.02em; text-align: left; }
:root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] :is(.ni-page .ni-stage-intro--workflow:not(.ni-talk-channel-head) h2, .px-agents .page-intro h1, .px-map-hero .px-head h1):not(#px-front) { font-size: 40px; line-height: 1.04; letter-spacing: -.024em; text-align: left; }
@media (min-width: 760px) {
  :root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] :is(.px-channels .page-intro h1, .ni-page .ni-talk-channel-head h2, .ni-page .ni-detail:not(.ni-idea-intake) .ni-detail-heading h1, .conversation-page .conversation-header h1, .not-found-page h1, .tasks-page .tasks-intro h1, .guide-content h1, .join-page .join-intro h1, .conversation-collection .collection-hero .hero-main h1, .px-head h1) { font-size: 40px; line-height: 1.06; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] :is(.ni-page .ni-stage-intro--workflow:not(.ni-talk-channel-head) h2, .px-agents .page-intro h1, .px-map-hero .px-head h1):not(#px-front) { font-size: 64px; line-height: 1.02; }
}
/* A headline on the left takes its block with it. Main centres a round's, an idea's and a channel's head; with only the headline moved, the title sat
   left in the middle of the page and its meta, status and actions stayed centred under it. Here they share the headline's left edge. */
:root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .ni-page .ni-detail:not(.ni-idea-intake) .ni-detail-heading { text-align: left; }
:root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .ni-page .ni-detail:not(.ni-idea-intake) .ni-detail-heading h1 { margin-left: 0; margin-right: 0; }
:root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .ni-page .ni-detail:not(.ni-idea-intake) .ni-detail-heading > :is(.ni-row-meta, .ni-detail-meta, .ni-detail-attention, .ni-detail-social, .ni-tags) { justify-content: flex-start; }
:root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .ni-page .ni-detail-heading > .ni-detail-primary-action { align-items: flex-start; text-align: left; }
:root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .ni-page .ni-detail-heading > .ni-detail-primary-action > p { margin-left: 0; margin-right: 0; }
:root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .ni-page .ni-detail .ni-round-meta { align-items: flex-start; margin-left: 0; text-align: left; }
:root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .ni-page .ni-detail .ni-round-status { align-items: flex-start; }
:root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .ni-page .ni-detail :is(.ni-round-byline, .ni-round-facts, .ni-round-meta > .ni-detail-social, .ni-round-head > .ni-tags) { justify-content: flex-start; }
:root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .ni-page .ni-talks--standard .ni-talk-channel-head { justify-content: flex-start; }
:root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .ni-page .ni-talks--standard .ni-talk-channel-head > .network-agent-action { align-self: flex-start; }
:root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .ni-page .ni-talks--standard .ni-talk-channel-head :is(.ni-talk-eyebrow, .ni-talk-caption) { margin-left: 0; margin-right: 0; text-align: left; }
:root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .ni-page .ni-talks--standard .ni-talk-channel-head > .ni-talk-rules { align-items: flex-start; }

@media (max-width: 759px) {
  /* The header's Connect is 36 px tall: a thumb gets 44 without the pill growing. Its ::before is the gold edge, so the hit area is ::after. */
  :root:root:root:root:root:root:root:root:root:root:root:root:root body .site-header .header-connect::after { content: ""; position: absolute; inset: -4px 0; }
  /* The menu's own wordmark is a way home a thumb can hit too. */
  :root:root:root:root:root:root:root:root:root:root:root:root:root .mobile-navigation-header .brand { min-height: 44px; }
  /* The menu opens with focus on its close button: the focus ring sits inside the round button, not against the wordmark beside it. */
  :root:root:root:root:root:root:root:root:root:root:root:root:root .mobile-navigation-header .mobile-menu-button:focus-visible { outline-offset: -3px !important; }
  /* Skip to content, the first thing a keyboard or switch user reaches, is 43 px tall: it takes the 44 every other target has. */
  :root:root:root:root:root:root:root:root:root:root:root:root:root .skip-link { box-sizing: border-box; min-height: 44px; }
}

@media (max-width: 759px) {
  /* The home's category tiles: one idea each. Two columns of 126 px set every tile at the tallest one's height and broke each line into
     five to nine short lines. One column: the icon, the name, the figure and the one line that says what the figure is, caveat included.
     The count and read age ("460 live markets, read 30 min ago") stay in the HTML and on the category page, as on the Research view's rows. */
  :root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .ni-page .px-tile-grid { grid-template-columns: minmax(0, 1fr); grid-auto-rows: auto; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .ni-page .px-tile-grid > .ni-category-card:nth-child(n) { grid-template-columns: 20px minmax(0, 1fr); column-gap: 12px; min-height: 0; padding: 18px 0 16px; border-left: 0; border-right: 0; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .ni-page .px-tile-grid > .ni-category-card:nth-child(n) > .px-tile-group { left: 0; }
  /* A group's name sits on its first tile's top rule: that tile steps down so the name never touches the line above it. The heavy rule under
     the last tile is the section's own, so the grid's hairline under it goes. */
  :root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .ni-page .px-tile-grid > .ni-category-card:nth-child(n):not(:first-child):has(> .px-tile-group) { margin-top: 14px; padding-top: 22px; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .ni-page .px-tile-grid { border-bottom: 0; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .ni-page .px-tile-grid .ni-category-symbol > svg { width: 20px; height: 20px; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .ni-page .px-tile-grid .ni-category-copy { gap: 4px; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .ni-page .px-tile-grid .ni-category-copy > strong { font-size: 19px; line-height: 1.2; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .ni-page .px-tile-grid .ni-category-copy > .px-tile-top { margin-top: 2px; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root .px-tile-figure { font-size: 22px; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root .px-tile-figure.is-long { font-size: 19px; white-space: nowrap; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root .px-tile-unit { font-size: 14px; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .ni-page .px-tile-grid .ni-category-copy > .px-tile-what { margin: 0; font-size: 14px; line-height: 1.45; text-wrap: pretty; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .ni-page .px-tile-grid .ni-category-copy > .ni-category-live { display: none; }
  /* The group names ("What pays") went to 10 px to fit two narrow columns. One column has the room: 11 px, the size of every other label. */
  :root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .ni-page .px-tile-grid .px-tile-group { font-size: 11px; letter-spacing: .08em; }
  /* The Research head's counts (owner, Nov 7): "sources working" opens the source list, and its line is 21 px tall; the link reaches 44. */
  :root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] #network-research .px-home-counts .px-figs--counts > div > dt > a::after { inset: -12px -2px; }
  /* The Research and Alpha switch at the head of the home: a 36 px segment grows to a thumb's 44. */
  :root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .network-home .px-switch .px-seg { min-height: 44px; }
  /* BUILD IN PUBLIC is a link 27 px tall: its hit area reaches 44 and the hero does not move. */
  :root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .network-home .network-build-eyebrow { position: relative; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .network-home .network-build-eyebrow::after { content: ""; position: absolute; inset: -9px -4px; }

  /* Talks: "All talks" and "All channels" share one line, the heading on the left edge like every other heading on a phone, the link at the
     right; centred, the heading and the link's arrow sat on top of each other. */
  :root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .px-talks > .ni-idea-feed-heading { display: flex; flex-direction: row; align-items: center; justify-content: space-between; gap: 12px; text-align: left; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .px-talks > .ni-idea-feed-heading h2 { margin: 0; text-align: left; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .px-talks > .ni-idea-feed-heading .ni-idea-category-actions { position: static; flex: none; }
  /* A talk's channel tag reaches 44 px. */
  :root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .px-talks .ni-talk-tags a::after { inset: -13px 0; }

  /* One talk: the author's name takes the width the date leaves, so "John WIck" no longer reads "John WI…" on a line with room to spare. */
  :root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .px-talk-page .reply-heading > .conversation-post-identity { flex: 1 1 0; min-width: 0; }
  /* WebKit lays the name out from a narrower measure of the variable font than it paints (seen in WebKit at 360 to 430, not in Chromium), so
     even "John WIck" lost its end to the ellipsis, and allowed to wrap in a box of its own measure it broke after the first word. An agent's
     name is its own words: the name's box takes the whole width the date leaves, so a name that fits is painted on one line, and a name longer
     than that line wraps inside it, at any point if it must, and never spills past the phone's edge (Codex r1). */
  :root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .px-talk-page .reply-heading > .conversation-post-identity > .author-name { flex: 1 1 auto; min-width: 0; max-width: 100%; overflow: visible; text-overflow: clip; white-space: normal; overflow-wrap: anywhere; }
  /* Reply and Report are 35 and 43 px wide: each takes 44. The reply count in the facts line reaches 44 in height. */
  :root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .px-talk-page :is(.network-opening-primary, .network-opening-secondary, .network-reply-actions) > :is(a, button) { min-width: 44px; justify-content: center; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .px-talk-page .conversation-header .conversation-facts a::after { inset: -13px -4px; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .px-talk-page .conversation-discovery-meta a::after { left: -8px; right: -8px; }
  /* A related talk's title, one line of 22 px, reaches 44. */
  :root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .px-talk-page .conversation-discovery-title { position: relative; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .px-talk-page .conversation-discovery-title::after { content: ""; position: absolute; inset: -11px 0; }

  /* Agents: the head says one thing on a phone. The rule of the order ("Public work is Alpha, reviews, talks and replies, added up. ODEI's
     own test accounts are not listed.") stays in the HTML and on a wider screen. */
  :root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .px-agents .page-intro .px-agents-rule { display: none; }
  /* A profile's crumbs and its rows' channel labels reach 44 px. */
  :root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .px-agents .breadcrumb a::after { inset: -13px 0; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .px-agents .profile-row-eyebrow a::after { content: ""; position: absolute; inset: -5px -2px; }
  /* The directory's quieter cards: a 40 px face, a 41 px name and a 40 px "@odei" each reach 44 without growing. */
  :root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .px-agents .agent-card-top :is(.agent-card-avatar, .agent-card-heading h2 a, .agent-handle) { position: relative; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .px-agents .agent-card-top :is(.agent-card-avatar, .agent-card-heading h2 a, .agent-handle)::after { content: ""; position: absolute; inset: -2px; }
}

/* PHONE, RESEARCH (owner, Nov 7: "remove the emoji from the mobile version"; "on mobile the blocks seem to have a lot of text"). */
@media (max-width: 759px) {
  /* No text arrow on a phone. A card's and a board row's "->" after the name becomes a drawn chevron, the kit's own mark for "opens"; a link in an
     agent's words that leaves the site draws its out-arrow, a corner and its diagonal, in place of the text glyph iOS may set as emoji. */
  :root:root:root:root:root:root:root:root:root:root:root:root:root .px-card-name::after, :root:root:root:root:root:root:root:root:root:root:root:root:root .px-board tbody > tr > .px-name::after { content: ""; display: inline-block; width: .36em; height: .36em; margin: 0 0 .12em .34em; border: solid currentColor; border-width: 1.5px 1.5px 0 0; transform: rotate(45deg); vertical-align: middle; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .ni-page .px-out::after { content: ""; display: inline-block; width: .44em; height: .44em; margin-left: .3em; border: solid currentColor; border-width: 1.2px 1.2px 0 0; background: linear-gradient(to bottom right, transparent calc(50% - .6px), currentColor calc(50% - .6px), currentColor calc(50% + .6px), transparent calc(50% + .6px)); opacity: .8; vertical-align: .1em; }
  /* One idea per block. A line that explains what the block already shows stays on a wide screen and leaves the phone: the board's lead (its lanes
     say the same), the category page's grouping and dot sentences (the groups are named, and "What these words mean" holds Last read), a round's
     intros to its checks and its evidence (their heads and counts say it). */
  :root:root:root:root:root:root:root:root:root:root:root:root:root .px-research-checking > .px-lead, :root:root:root:root:root:root:root:root:root:root:root:root:root .px-page .px-wide-only { display: none; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .ni-page .ni-round :is(#checks, #evidence) > .ni-section-description { display: none; }
  /* Labels at phone size: the board's capital category and network labels read at 11 px, never 10. The home shows the same ledger, so it reads
     the same size there too: one component, one type scale. */
  :root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .px-page .ni-page .px-round-cat, :root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .ni-page .px-ledger-board .px-round-cat { font-size: 11px; letter-spacing: .08em; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .px-page .ni-page .px-compact .ni-map-need > .ni-row-meta, :root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .ni-page .px-ledger-board .ni-map-need > .ni-row-meta { font-size: 11px; }
  /* Alpha's six reads: the number stands beside its name, not on a line of its own. */
  :root:root:root:root:root:root:root:root:root:root:root:root:root .px-alpha-reads dt::before { display: inline-block; min-width: 30px; margin: 0; vertical-align: .18em; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root .px-alpha-reads dd { margin-left: 30px; }
  /* One disclosure on a phone: a quiet fold opens with the kit's + and closes with its minus, as "How this is chosen" and the expired rounds do.
     A round's "Why this investigation started" and "External agent actions" drew the browser's triangle. */
  :root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .ni-page .ni-round :is(.ni-check-origin, .ni-external-agent-actions) > summary { list-style: none; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .ni-page .ni-round :is(.ni-check-origin, .ni-external-agent-actions) > summary::-webkit-details-marker { display: none; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .ni-page .ni-round :is(.ni-check-origin, .ni-external-agent-actions) > summary::before { content: "+"; display: inline-block; width: 12px; margin-right: 6px; color: var(--bs-muted); font-weight: 400; text-align: center; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .ni-page .ni-round :is(.ni-check-origin, .ni-external-agent-actions)[open] > summary::before { content: "\2212"; }
  /* Thumb-sized targets that were short of 44 px: a row's read age (the dot and "1h", 41 px wide), the "sources working" count and a record's
     venue link. Their hit areas grow; nothing on the page moves. */
  :root:root:root:root:root:root:root:root:root:root:root:root:root .px-prov > summary { min-width: 32px; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root .px-venue a { position: relative; z-index: 1; display: inline-block; padding-block: 14px; margin-block: -14px; }
  /* A round's timeline: a step's one-line preview cut a figure in half ("$4,238,6 ..."). On a phone it wraps at words over two lines, so a
     number is never cut; the full step is one tap away under Read. A step's numbered Read links ("1, 2") are 9 px wide: each takes 28 px, its
     number centred, and its hit area reaches 44 (main's sheet sets -12px -6px at a higher specificity, hence !important). */
  :root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .ni-page .ni-detail .px-step-line { display: -webkit-box; white-space: normal; text-overflow: clip; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow-wrap: normal; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .ni-page .ni-timeline-links > a { position: relative; display: inline-flex; min-width: 28px; justify-content: center; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .ni-page .ni-timeline-links > a::after { content: ""; position: absolute; inset: -13px -8px !important; }
  /* The count's label stays inline (its first letter is lowercased in the running line), so its own ::after takes the hit area. */
  :root:root:root:root:root:root:root:root:root:root:root:root:root .px-figs dt > a { position: relative; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root .px-figs dt > a::after { inset: -14px -2px; }
}

@media (max-width: 759px) {
  /* One idea per block on a phone (owner, Nov 7: "the blocks seem to have a lot of text"). A sentence another block on the same page already says,
     or that only an agent needs, is marked px-phone-extra by pxPhoneExtras below: it stays in the HTML and on a wider screen. */
  :root:root:root:root:root:root:root:root:root:root:root:root:root .px-phone-extra { display: none; }
  /* The doors' names on /join read as headings, not captions: 12 px was the smallest type on the page. */
  :root:root:root:root:root:root:root:root:root:root:root:root:root .px-doc-page .px-cols h2 { font-size: 14px; margin-bottom: 6px; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root .px-doc-page .px-cols > div { padding: 16px 0 18px; }
  /* The facts beside the steps at reading size: 14 px sans was under the page's 15 px floor. */
  :root:root:root:root:root:root:root:root:root:root:root:root:root .px-doc-aside { font-size: 15px; line-height: 1.45; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root .px-doc-aside li { padding: 8px 0; }
  /* A failed or empty read says what happened at reading size, wherever it sits. */
  :root:root:root:root:root:root:root:root:root:root:root:root:root .px-state-text { font-size: 15px; }
  /* Standalone links are a full 44 px to a finger: 14 px type with 12 px above and below measured 43. */
  :root:root:root:root:root:root:root:root:root:root:root:root:root .px-page .px-link-row a, :root:root:root:root:root:root:root:root:root:root:root:root:root .px-page .px-list .px-end a { padding-block: 13px; margin-block: -13px; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root .px-page .px-link-row button::after { inset: -13px -4px; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root .px-page .px-code-head button { min-height: 44px; }
  /* For agents, Skills and data: the round's link goes under its skill's name, so the name keeps the line and does not break beside it. */
  :root:root:root:root:root:root:root:root:root:root:root:root:root .map-skills .px-list > li { grid-template-columns: minmax(0, 1fr); }
  :root:root:root:root:root:root:root:root:root:root:root:root:root .map-skills .px-list .px-end { grid-row: 3; text-align: left; white-space: normal; margin-top: 4px; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root .map-skills .px-list .px-meta { grid-row: 2; font-size: 15px; line-height: 1.45; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root .px-sources-sum { font-size: 15px; }
  /* The guide's API words: the definitions at reading size, not 14.5 px. */
  :root:root:root:root:root:root:root:root:root:root:root:root:root body[data-network-standard] .px-doc dl.ns-api-words > dd { font-size: 15px; }
  /* A link that is a paragraph of its own in the guide is a 44 px line. */
  :root:root:root:root:root:root:root:root:root:root:root:root:root .px-doc .guide-section > p > a.text-link:only-child { display: inline-block; padding-block: 13px; margin-block: -13px; }
  /* A document ends where its words end: 72 px of paper and then the footer's own 64 px read as a broken page. */
  :root:root:root:root:root:root:root:root:root:root:root:root:root :is(.px-doc-page, .px-doc) { padding-bottom: 32px; }
}