/* board.slopped.site. Hand-written; board/scripts/build.mjs doesn't touch it (board skill).
   Two layers. The house: brand tokens on :root, the shared header and the footer, which follow the network theme
   (themes skill). The board: a 2003 message board's skin inside main (.bb), drawn from the era's patterns (a banner, a
   nav row, ruled tables with dark header cells and banded rows, posts as a user panel beside the body, quote boxes,
   signatures under a rule) and no real forum's skin. The skin has two styles, chosen by the theme's scheme: Pale (light
   schemes: Light, High contrast, 1998, Sardine tin, Outrun A-side) and Night (dark schemes: Dark, Blueprint, Outrun
   B-side). Every pair below is measured by the board's check in every theme. Nothing here moves. */
@font-face { font-family: "Archivo Black"; src: url(/fonts/archivo-black-latin.woff2) format("woff2"); font-weight: 400 1000; font-display: swap; }
@font-face { font-family: "Archivo Black Fallback"; src: local("Arial Bold"), local("Arial-BoldMT"), local("Helvetica Bold"), local("Helvetica-Bold"), local("Roboto Bold"), local("Roboto-Bold"), local("Noto Sans Bold"), local("NotoSans-Bold"); size-adjust: 112%; }
:root {
  color-scheme: light;
  --paper: #f4f1e8;
  --ink: #171815;
  --acid: #e3ff59;
  --orange: #ffa53d;
  --pink: #ff8cc6;
  --muted: #6b6b62;
  --line: #d4d2c9;
  --focus: #728600;
  --head: "Archivo Black", "Arial Black", "Archivo Black Fallback", Arial, sans-serif;
  /* the board's skin: Pale */
  --bb-box: #f6f8fa;      /* the board's page */
  --bb-edge: #6f8aa5;     /* its outer rule */
  --bb-head: #1f3a5a;     /* header cells, the banner */
  --bb-head-ink: #ffffff;
  --bb-cat: #cbd8e5;      /* category rows */
  --bb-cat-ink: #10233a;
  --bb-r1: #f2f5f8;       /* banded rows */
  --bb-r2: #e3eaf1;
  --bb-ink: #17202a;
  --bb-muted: #44515f;
  --bb-link: #0f4378;
  --bb-visited: #5b2e7a;
  --bb-cell: #a9bacb;     /* cell rules */
  --bb-quote: #fbfcfd;
  --bb-quote-edge: #8299b0;
  --bb-code: #eef1f4;
  --bb-mod: #fff6d9;      /* a moderator's post */
  --bb-mod-edge: #a07b00;
  --bb-bar: #2f6a3a;      /* poll bars */
  --bb-font: Verdana, Tahoma, "DejaVu Sans", Geneva, sans-serif;
  --bb-title: "Trebuchet MS", Verdana, Tahoma, "DejaVu Sans", sans-serif;
}
/* Night: every dark scheme (the theme script sets data-scheme on <html>) */
:root[data-scheme="dark"] {
  --bb-box: #121a23;
  --bb-edge: #4b647d;
  --bb-head: #070d14;
  --bb-head-ink: #eef3f8;
  --bb-cat: #24384d;
  --bb-cat-ink: #eef3f8;
  --bb-r1: #17212c;
  --bb-r2: #1c2835;
  --bb-ink: #e4eaf0;
  --bb-muted: #aab7c4;
  --bb-link: #8fc4ff;
  --bb-visited: #d2a8ff;
  --bb-cell: #34495e;
  --bb-quote: #0f161e;
  --bb-quote-edge: #5a7590;
  --bb-code: #0b1117;
  --bb-mod: #2a2412;
  --bb-mod-edge: #c9a43a;
  --bb-bar: #7fd08c;
}
/* High contrast: the Pale style, firmer */
:root[data-theme="contrast"] { --bb-muted: #1d2733; --bb-cell: #3c4c5c; --bb-edge: #1f3a5a; --bb-r2: #eef2f6; --bb-link: #062f5a; }

* { box-sizing: border-box; }
html, body { overflow-x: clip; }
body { min-width: 320px; margin: 0; background: var(--paper); color: var(--ink); font-family: Arial, Helvetica, sans-serif; line-height: 1.5; }
a { color: inherit; }
:where(a, button, input, select, summary, [tabindex]):focus-visible { outline: 3px solid var(--focus); outline-offset: 3px; }
img { max-width: 100%; }
.wrap { max-width: 1440px; margin: auto; padding: 0 5%; }
main:focus { outline: none; }
html:not(.can-install) [data-install] { display: none !important; }
.sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.skip { position: absolute; left: 12px; top: -60px; z-index: 10; padding: 10px 16px; border-radius: 999px; background: var(--ink); color: var(--paper); font-weight: 700; text-decoration: none; }
.skip:focus { top: 12px; }
footer.house { display: flex; flex-wrap: wrap; gap: 16px 32px; align-items: center; padding: 32px 0 40px; color: var(--muted); font-size: 14px; }
footer.house .foot-logo { display: inline-flex; align-items: center; min-height: 44px; }
footer.house .foot-logo img { width: 140px; height: auto; display: block; }
footer.house p { flex: 1 1 420px; margin: 0; max-width: 820px; }
footer.house p a { display: inline-block; min-height: 24px; }
.sloppywright { display: block; margin-top: 6px; }

/* ---------------------------------------------------------------- the board */
.bb { margin: 20px 0 8px; padding: 0 0 12px; background: var(--bb-box); color: var(--bb-ink); border: 1px solid var(--bb-edge); font: 15px/1.55 var(--bb-font); }
.bb a { color: var(--bb-link); }
.bb a:visited { color: var(--bb-visited); }
.bb a:hover { text-decoration-thickness: 2px; }
.bb :where(a, button, input, select, summary):focus-visible { outline-color: var(--bb-link); outline-offset: 2px; }
.bb p { margin: 0 0 .7em; }
.bb .small { font-size: 13px; color: var(--bb-muted); }

.bb-banner { display: flex; gap: 14px; align-items: center; padding: 16px 18px; background: var(--bb-head); color: var(--bb-head-ink); border-bottom: 3px double var(--bb-edge); }
.bb-banner a, .bb-banner a:visited { color: var(--bb-head-ink); }
.bb-emblem { flex: none; width: 52px; height: 52px; padding: 4px; border: 1px solid currentColor; border-radius: 4px; }
.bb-emblem svg { width: 100%; height: 100%; display: block; }
.bb-name { margin: 0; font: bold clamp(22px, 4vw, 34px)/1.1 var(--bb-title); letter-spacing: -.5px; }
.bb-name a { text-decoration: none; display: inline-flex; align-items: center; min-height: 44px; }
.bb-name a:hover { text-decoration: underline; }
.bb-tag { margin: 4px 0 0 !important; font-size: 14px; }
.bb-since { opacity: .9; }

.bb-nav { background: var(--bb-cat); color: var(--bb-cat-ink); border-bottom: 1px solid var(--bb-edge); }
.bb-nav ul { display: flex; flex-wrap: wrap; justify-content: center; gap: 0 4px; margin: 0; padding: 0 8px; list-style: none; }
.bb-nav a, .bb-nav a:visited { display: inline-flex; align-items: center; min-height: 44px; padding: 0 12px; color: var(--bb-cat-ink); font-weight: bold; font-size: 14px; }
.bb-nav li + li::before { content: "·" / ""; color: var(--bb-cat-ink); }
.bb-nav li { display: flex; align-items: center; }
.bb-now { margin: 0 !important; padding: 10px 18px; font-size: 13px; color: var(--bb-muted); border-bottom: 1px solid var(--bb-cell); }
.bb-now a { display: inline-block; min-height: 24px; }

.bb > :where(section, table, .bb-crumbs, .bb-title, .bb-sub, .bb-closed, .bb-pager, .bb-side, .posts, .bb-reply, .bb-locked, .profile, .foot, .bb-search, .bb-results, .bb-toc, .bb-faq, .bb-box, .bb-honest, .bb-powered) { margin-left: 14px; margin-right: 14px; }
.bb-crumbs ol { display: flex; flex-wrap: wrap; margin: 10px 0 0; padding: 0; list-style: none; font-size: 14px; font-weight: bold; }
.bb-crumbs li { display: flex; align-items: center; }
.bb-crumbs li + li::before { content: "»" / ""; padding: 0 8px; color: var(--bb-muted); }
.bb-crumbs a { display: inline-flex; align-items: center; min-height: 44px; }
.bb-crumbs [aria-current] { color: var(--bb-muted); font-weight: normal; }
.bb-title { margin: 6px 0 4px; font: bold clamp(22px, 3.2vw, 30px)/1.2 var(--bb-title); color: var(--bb-ink); overflow-wrap: anywhere; }
.bb-title .pg { font-size: .6em; color: var(--bb-muted); font-weight: normal; }
.bb-sub { color: var(--bb-muted); }
.bb-closed { display: flex; flex-wrap: wrap; gap: 8px 12px; align-items: center; font-size: 13px; color: var(--bb-muted); }
.btn-off { display: inline-flex; align-items: center; min-height: 32px; padding: 0 12px; border: 1px dashed var(--bb-muted); color: var(--bb-muted); font-weight: bold; text-decoration: line-through; }
.bb-closed a { display: inline-flex; align-items: center; min-height: 44px; }

/* category headings and the ruled tables */
.bb-cat { margin-top: 18px; }
.bb-cat-name { margin: 18px 0 0; padding: 8px 12px; background: var(--bb-cat); color: var(--bb-cat-ink); border: 1px solid var(--bb-edge); border-bottom: 0; font: bold 16px/1.3 var(--bb-title); letter-spacing: 0; }
.bb-table { width: 100%; border-collapse: collapse; border: 1px solid var(--bb-edge); background: var(--bb-r1); }
.bb-table th, .bb-table td { padding: 8px 10px; border: 1px solid var(--bb-cell); text-align: left; vertical-align: middle; }
.bb-table thead th { background: var(--bb-head); color: var(--bb-head-ink); font-size: 13px; font-weight: bold; white-space: nowrap; }
.bb-table tbody th { font-weight: normal; }
.bb-table .r2 > * { background: var(--bb-r2); }
.bb-table .c-ico { width: 40px; text-align: center; }
.bb-table .c-num { text-align: center; white-space: nowrap; }
.bb-table .c-last { font-size: 13px; white-space: nowrap; }
.bb-table .c-last .by { color: var(--bb-muted); }
.bb-table .c-author { font-size: 14px; }
.bb-table a.big { display: inline-flex; align-items: center; min-height: 44px; font-weight: bold; font-size: 16px; overflow-wrap: anywhere; }
.bb-table .desc { display: block; font-size: 14px; }
.bb-table .mods { display: block; font-size: 13px; color: var(--bb-muted); }
.bb-table .mods a, .bb-table .c-author a, .bb-table .c-last .by a, .members a, .bb-list a { display: inline-flex; align-items: center; min-height: 44px; }
.bb-table .pre { font-weight: bold; color: var(--bb-muted); }
.bb-table .goto { display: block; font-size: 13px; color: var(--bb-muted); }
.bb-table .goto a { display: inline-flex; align-items: center; justify-content: center; min-width: 44px; min-height: 44px; }
.bb-table .jump { display: inline-flex; align-items: center; justify-content: center; min-width: 44px; min-height: 44px; text-decoration: none; font-weight: bold; }
.bb-table .star { color: var(--bb-muted); }
.ico { display: block; margin: auto; width: 20px; height: 20px; color: var(--bb-ink); }
.foot { margin-top: 8px; }
.bb-online { margin-top: 18px; }
.bb-box { padding: 12px 14px; border: 1px solid var(--bb-edge); background: var(--bb-r1); }
.bb-online .bb-box { margin: 0 !important; }
.bb-online > .bb-cat-name { margin-top: 0; }
.bb-legend ul { display: flex; flex-wrap: wrap; gap: 6px 18px; margin: 14px 0 0; padding: 0; list-style: none; font-size: 13px; color: var(--bb-muted); }
.bb-legend li { display: flex; gap: 6px; align-items: center; }
.bb-legend .ico { margin: 0; }

/* pagination */
.bb-pager { display: flex; flex-wrap: wrap; gap: 4px 10px; align-items: center; margin-top: 10px; margin-bottom: 10px; font-size: 14px; }
.bb-pager ul { display: flex; flex-wrap: wrap; gap: 4px; margin: 0; padding: 0; list-style: none; }
.bb-pager a, .bb-pager [aria-current] { display: inline-flex; align-items: center; justify-content: center; min-width: 44px; min-height: 44px; padding: 0 10px; border: 1px solid var(--bb-cell); background: var(--bb-r1); font-weight: bold; }
.bb-pager [aria-current] { background: var(--bb-head); color: var(--bb-head-ink); border-color: var(--bb-head); }
.bb-pager-of { color: var(--bb-muted); }

/* asides: what it's about, what the codex says, the poll */
.bb-side { display: grid; gap: 12px; grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr)); margin-top: 8px; margin-bottom: 12px; }
.bb-side:empty { display: none; }
.bb-about, .bb-record, .bb-poll { padding: 10px 14px; border: 1px solid var(--bb-edge); background: var(--bb-r1); font-size: 14px; }
.bb-about h2, .bb-record h2, .bb-poll h2, .bb-reply h2, .bb-faq h2 { margin: 0 0 6px; font: bold 15px/1.3 var(--bb-title); letter-spacing: 0; color: var(--bb-ink); }
.bb-about ul, .bb-record ul { margin: 0; padding-left: 18px; }
.bb-about li a { display: inline-block; min-height: 24px; }
.bb-record { border-left: 4px solid var(--bb-head); }
.bb-record li { margin: 0 0 6px; }
.bb-poll { grid-column: 1 / -1; }
.bb-poll fieldset { margin: 0; padding: 0; border: 0; min-width: 0; }
.poll-results { width: 100%; border-collapse: collapse; }
.poll-results th, .poll-results td { padding: 4px 6px; text-align: left; font-weight: normal; vertical-align: middle; }
.poll-results th { width: 45%; }
.poll-results label { display: flex; gap: 8px; align-items: center; min-height: 44px; cursor: pointer; }
.poll-results input { width: 22px; height: 22px; margin: 0; accent-color: var(--bb-head); flex: none; }
.poll-results .bar { display: block; height: 14px; width: var(--w); min-width: 2px; background: var(--bb-bar); border-right: 2px solid var(--bb-ink); }
.poll-results .c-num { white-space: nowrap; text-align: right; }
.poll-results .pct { color: var(--bb-muted); font-size: 13px; }
.poll-honest { font-size: 13px; color: var(--bb-muted); }
.poll-buttons { display: flex; flex-wrap: wrap; gap: 8px; }
.btn { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 0 16px; border: 1px solid var(--bb-edge); background: var(--bb-cat); color: var(--bb-cat-ink); font: bold 14px var(--bb-font); cursor: pointer; }
.btn:hover { background: var(--bb-r2); }
.btn[hidden] { display: none; }
.bb-poll.voted .poll-results input { display: none; }

/* posts: the user panel beside the post, the way 2003 drew it */
.posts { border: 1px solid var(--bb-edge); }
.post { display: grid; grid-template-columns: 190px minmax(0, 1fr); border-top: 1px solid var(--bb-edge); background: var(--bb-r1); }
.post:first-child { border-top: 0; }
.post:nth-child(even) { background: var(--bb-r2); }
.post-user { padding: 12px; border-right: 1px solid var(--bb-cell); font-size: 13px; }
.post-name { margin: 0 !important; font-weight: bold; font-size: 15px; overflow-wrap: anywhere; }
.post-name a { display: inline-flex; align-items: center; min-height: 44px; }
.post-rank { color: var(--bb-muted); margin-bottom: 8px !important; }
.post-rank .staff { display: block; font-weight: bold; color: var(--bb-ink); }
.post-user .av { display: block; width: 80px; height: 80px; margin: 0 0 8px; border: 1px solid var(--bb-cell); }
.post-facts { margin: 0; color: var(--bb-muted); }
.post-facts div { display: flex; gap: 4px; flex-wrap: wrap; }
.post-facts dt::after { content: ":"; }
.post-facts dd { margin: 0; color: var(--bb-ink); }
.post-main { padding: 0 14px 12px; min-width: 0; }
.post-head { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 0 12px; align-items: center; border-bottom: 1px solid var(--bb-cell); margin-bottom: 10px; }
.post-subject { margin: 0; padding: 10px 0 2px; font: bold 14px/1.35 var(--bb-font); letter-spacing: 0; color: var(--bb-ink); overflow-wrap: anywhere; }
.post-meta { margin: 0 !important; font-size: 12.5px; color: var(--bb-muted); display: flex; align-items: center; gap: 4px; }
.post-meta .permalink { display: inline-flex; align-items: center; justify-content: center; min-width: 44px; min-height: 44px; font-weight: bold; }
.post-body { overflow-wrap: anywhere; }
.post-body ul { margin: 0 0 .7em; padding-left: 22px; }
.post-body .u { text-decoration: underline; }
.post.mod .post-main { background: var(--bb-mod); box-shadow: inset 4px 0 var(--bb-mod-edge); }
.quote { margin: 0 0 .8em; padding: 6px 10px 2px; border: 1px solid var(--bb-quote-edge); background: var(--bb-quote); font-size: 14px; }
.quote .quote { margin-top: 4px; }
.quote-head { margin: 0 0 4px !important; font-size: 12.5px; font-weight: bold; color: var(--bb-muted); }
.quote-head cite { font-style: normal; }
.quote-head a { color: var(--bb-link); }
.code { margin: 0 0 .8em; padding: 8px 10px; border: 1px solid var(--bb-quote-edge); background: var(--bb-code); font: 13px/1.45 "Courier New", Courier, monospace; overflow-x: auto; white-space: pre; max-width: 100%; }
.code:focus-visible { outline: 3px solid var(--bb-link); }
.spoiler { margin: 0 0 .8em; border: 1px dashed var(--bb-quote-edge); padding: 0 10px; }
.spoiler summary { min-height: 44px; display: flex; align-items: center; cursor: pointer; font-weight: bold; font-size: 13px; color: var(--bb-muted); }
.smilie { width: 19px; height: 19px; vertical-align: -4px; }
.post-edited { margin: 10px 0 0 !important; font-size: 12.5px; font-style: italic; color: var(--bb-muted); }
.post-edited a { color: var(--bb-link); }
.post-sig { margin-top: 12px; font-size: 13px; color: var(--bb-muted); }
.post-sig .rule { display: block; letter-spacing: -1px; overflow: hidden; white-space: nowrap; max-width: 100%; }
.post-sig p { margin: 0 0 .3em !important; }
.post-sig .home a { display: inline-block; min-height: 24px; }

.bb-locked { display: flex; gap: 8px; align-items: center; padding: 8px 12px; border: 1px solid var(--bb-edge); background: var(--bb-cat); color: var(--bb-cat-ink); font-weight: bold; font-size: 14px; }
.bb-locked a, .bb-locked a:visited { color: var(--bb-cat-ink); }
.bb-locked .ico { margin: 0; flex: none; }
.bb-reply { margin-top: 14px; padding: 10px 14px; border: 1px dashed var(--bb-edge); background: var(--bb-r1); font-size: 14px; }

/* profile, members, lists */
.profile { display: flex; gap: 14px; align-items: flex-start; flex-wrap: wrap; margin-bottom: 8px; }
.profile .av { border: 1px solid var(--bb-cell); flex: none; }
.profile .facts { flex: 1 1 320px; width: auto; }
.profile .facts th { width: 9em; font-weight: bold; background: var(--bb-r2); }
.bb-list { margin: 0; padding: 8px 14px 8px 32px; border: 1px solid var(--bb-edge); background: var(--bb-r1); }
.bb-list li { margin: 2px 0; }
section > .bb-list { margin-left: 0; }

/* search and FAQ */
.bb-search { display: grid; gap: 4px 16px; grid-template-columns: repeat(auto-fit, minmax(min(100%, 230px), 1fr)); align-items: end; padding: 12px 14px; border: 1px solid var(--bb-edge); background: var(--bb-r1); }
.bb-search p { margin: 0 !important; display: grid; gap: 4px; }
.bb-search label { font-weight: bold; font-size: 14px; }
.bb-search input, .bb-search select { min-height: 44px; width: 100%; padding: 0 10px; border: 1px solid var(--bb-edge); background: var(--bb-quote); color: var(--bb-ink); font: 15px var(--bb-font); }
.bb-results { margin-top: 12px; }
.bb-results ol { margin: 0; padding: 0; list-style: none; border: 1px solid var(--bb-edge); }
.bb-results li { padding: 8px 12px; border-top: 1px solid var(--bb-cell); background: var(--bb-r1); }
.bb-results li:nth-child(even) { background: var(--bb-r2); }
.bb-results li:first-child { border-top: 0; }
.bb-results .r-title { display: inline-flex; align-items: center; min-height: 44px; font-weight: bold; }
.bb-results .r-meta { display: block; font-size: 13px; color: var(--bb-muted); }
.bb-results mark { background: var(--bb-cat); color: var(--bb-cat-ink); font-weight: bold; }
.bb-toc ul { margin: 8px 0 14px; padding-left: 20px; }
.bb-toc a { display: inline-flex; align-items: center; min-height: 44px; }
.bb-faq { padding: 10px 0; border-top: 1px solid var(--bb-cell); }
.bb-faq p a { display: inline-block; min-height: 24px; }

.bb-honest { margin-top: 18px !important; padding-top: 12px; border-top: 1px solid var(--bb-cell); font-size: 13px; color: var(--bb-muted); }
.bb-honest a { display: inline-block; min-height: 24px; }
.bb-powered { text-align: center; font-size: 12.5px; color: var(--bb-muted); }

/* phones: the tables reflow into stacked rows, the user panel goes above the post */
@media (max-width: 760px) {
  .wrap { padding: 0 16px; }
  .bb { margin-top: 12px; font-size: 15px; }
  .bb > :where(section, table, .bb-crumbs, .bb-title, .bb-sub, .bb-closed, .bb-pager, .bb-side, .posts, .bb-reply, .bb-locked, .profile, .foot, .bb-search, .bb-results, .bb-toc, .bb-faq, .bb-box, .bb-honest, .bb-powered) { margin-left: 8px; margin-right: 8px; }
  .bb-banner { padding: 12px; }
  .bb-emblem { width: 42px; height: 42px; }
  .bb-nav ul { justify-content: flex-start; }
  .bb-nav a { padding: 0 8px; }
  .bb-table:not(.facts) { width: calc(100% - 16px); }
  .bb-table:not(.facts), .bb-table:not(.facts) :is(tbody, tr, th, td) { display: block; }
  .bb-table:not(.facts) thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
  .bb-table:not(.facts) tr { border-top: 1px solid var(--bb-edge); padding: 6px 10px 8px; background: var(--bb-r1); }
  .bb-table:not(.facts) tr.r2 { background: var(--bb-r2); }
  .bb-table:not(.facts) tr:first-child { border-top: 0; }
  .bb-table:not(.facts) :is(th, td) { border: 0; padding: 0; text-align: left; white-space: normal; background: transparent !important; }
  .bb-table:not(.facts) .c-ico { display: none; }
  .bb-table:not(.facts) td[data-label] { display: inline-block; margin-right: 14px; font-size: 13px; }
  .bb-table:not(.facts) td[data-label]::before { content: attr(data-label) ": " / ""; color: var(--bb-muted); font-weight: bold; }
  .bb-table:not(.facts) td.c-last { display: block; }
  .bb-table:not(.facts) td.c-last br { display: none; }
  .bb-table:not(.facts) td.c-last .by { margin-left: .35em; }
  .profile .facts { width: 100%; }
  .post { grid-template-columns: minmax(0, 1fr); }
  .post-user { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 0 10px; align-items: center; border-right: 0; border-bottom: 1px solid var(--bb-cell); padding: 8px 10px; }
  .post-user .av { grid-row: 1 / 4; grid-column: 1; width: 48px; height: 48px; margin: 0; }
  .post-name, .post-rank, .post-facts { grid-column: 2; }
  .post-rank { margin: 0 !important; }
  .post-rank .staff { display: inline; margin-left: 6px; }
  .post-facts { display: flex; flex-wrap: wrap; gap: 0 12px; }
  .post-main { padding: 0 10px 10px; }
  .poll-results th { width: auto; }
  .poll-results tr { display: grid; grid-template-columns: 1fr auto; }
  .poll-results th { grid-column: 1 / -1; }
}

/* forced colours: the system paints; keep every rule and bar visible */
@media (forced-colors: active) {
  .bb, .bb-table, .bb-table :is(th, td), .post, .posts, .quote, .bb-box, .bb-about, .bb-record, .bb-poll, .bb-pager a, .bb-pager [aria-current], .btn { border-color: CanvasText; }
  .bb-pager [aria-current] { border-width: 3px; }
  .poll-results .bar { background: Highlight; border-right-color: CanvasText; }
  .ico { color: CanvasText; }
}

/* every link in a list or a table cell (outside running prose) is a 44 px target */
.bb :is(li, td) > a, .bb .facts a, .bb-about li a { display: inline-flex; align-items: center; min-height: 44px; }
.bb :is(.post-body, .bb-record) :is(li, td) > a { display: inline; min-height: 0; } /* links in running prose: WCAG's inline exception */