/* =============================================================================
   domainchaos.com — look-alikes + certificates: the shared sheet
   -----------------------------------------------------------------------------
   Loaded after site.css, toast.css, (dark.css on the moon edition) and
   whois.css, and read as an extension of whois.css: the same keys, segments,
   cards and control labels, with only what these two pages add. whois.css's
   four rules hold here unchanged —

     corners   4px on every control
     height    one control height per row (--wx-h: 34px, 40 on coarse)
     chosen    the ink, filled
     labels    uppercase, 10–11px, 600–700, tracked .12em

   — and the variety tokens (--wx-key-lit, --wx-mark, --wx-label …) come from
   whatever ancestor carries data-variety (.wx / .wx-console), so the stored
   instrument choice colours the lamps and keys here as it does on WHOIS.

   lk-  the look-alike scanner          (lookalikes/index.html, dc-looks.js)
   ct-  certificates and subdomains     (certs/index.html, dc-certs.js)

   The moon answers are in the marked html[data-dark] section at the bottom;
   nothing above depends on them.
   ========================================================================== */

/* =============================================================================
   SHARED
   ========================================================================== */
.lk-report, .ct-report { padding-block: 0 clamp(44px, 6vw, 88px); }
.lk-wrap, .ct-wrap { gap: 1rem; }
.lk-stage, .ct-stage { display: grid; grid-template-columns: minmax(0, 1fr); gap: 1rem; min-width: 0; }
.lk-stage[hidden], .ct-stage[hidden], .lk-idle[hidden], .ct-idle[hidden] { display: none; }
/* Every child spans the one column. whois.css gives .wx-card
   `grid-column: span 12` for its own twelve-column grid; in a one-column
   stage that span invented eleven zero-width implicit tracks, and the head
   — not a card — was left in the first one alone, 977px of a 1153px stage
   (measured). 1 / -1 names the explicit lines, so nothing implicit is made. */
.lk-stage > *, .ct-stage > * { min-width: 0; grid-column: 1 / -1; }

.lk-idle, .ct-idle {
    display: flex; align-items: baseline; gap: .5rem 1rem; flex-wrap: wrap;
    padding: .9rem 1rem; border: 1px solid var(--line); border-radius: var(--wx-r); background: var(--paper);
}
.lk-idle p, .ct-idle p { margin: 0; }
.lk-idle p:not(.wx-kicker), .ct-idle p:not(.wx-kicker) { font-size: .86rem; color: var(--ink-55); max-width: 84ch; }

/* The head of a result: the name and its links on the left, the readouts,
   the meter and the export keys on the right. */
.lk-head, .ct-head {
    display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 31rem); gap: 1.2rem 1.6rem;
    padding: 1rem; border: 1px solid var(--line); border-radius: var(--wx-r); background: var(--paper);
}
@media (max-width: 980px) { .lk-head, .ct-head { grid-template-columns: minmax(0, 1fr); } }
.lk-head__id, .ct-head__id, .lk-head__side, .ct-head__side { min-width: 0; display: flex; flex-direction: column; gap: .75rem; }
.lk-reads, .ct-reads { grid-template-columns: repeat(auto-fit, minmax(min(100%, 5.6rem), 1fr)); }
.lk-reads .wx-read__v, .ct-reads .wx-read__v { font-size: 1.25rem; }
.lk-status, .ct-status { font-size: .9rem; }
.lk-more, .ct-more { display: flex; flex-wrap: wrap; align-items: center; gap: 4px; margin: 0; }
.lk-more .wx-lbl--inline, .ct-more .wx-lbl--inline { margin-right: .35rem; }
.lk-more .wx-btn, .ct-more .wx-btn { padding: 0 .6rem; }
.lk-orig:empty { display: none; }

/* The meter when WXArt is not on the page. */
.wx-meter-fb-box { display: block; }

/* A lamp: square, 2px, lit in the variety's key colour, hatched when the
   answer is not known — "no" and "not known" must never look alike. */
.lk-lamp, .ct-lamp {
    display: inline-block; width: 9px; height: 9px; border-radius: 2px; flex: 0 0 auto;
    box-shadow: inset 0 0 0 1px var(--ink-55);
}
.lk-lamp[data-on="1"], .ct-lamp[data-on="1"] { background: var(--wx-key-lit); box-shadow: 0 0 0 1px var(--wx-ring); }
.lk-lamp[data-on="0"], .ct-lamp[data-on="0"] { box-shadow: inset 0 0 0 1px var(--line); }
.lk-lamp[data-on="x"], .ct-lamp[data-on="x"] {
    background: repeating-linear-gradient(135deg, var(--ink-55) 0 1px, transparent 1px 3px);
    box-shadow: inset 0 0 0 1px var(--ink-55);
}
.lk-lamp[data-on="bad"], .ct-lamp[data-on="bad"] { background: var(--taken); box-shadow: none; }
.lk-lamp[data-on="warn"], .ct-lamp[data-on="warn"] { background: var(--unsure); box-shadow: none; }
.lk-dash, .ct-dash { color: var(--ink-55); }

/* =============================================================================
   LOOK-ALIKES
   ========================================================================== */

/* the one Cyrillic letter in the lede, marked so it can be found */
.lk-inline-g { text-decoration: underline 2px var(--accent); text-underline-offset: 4px; }

/* ------------------------------------------------------------ the bank
   Sixteen keys. Before a scan each says what its method does; after, it
   carries the count kept, a twelve-lamp strip of how many of those are
   registered, and filters the list when pressed. */
.lk-bank { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 13.2rem), 1fr)); gap: 4px; }
.lk-key {
    display: flex; flex-direction: column; gap: .35rem; min-width: 0; min-height: 5.6rem;
    padding: .6rem .7rem .6rem; text-align: left;
    font: inherit; color: var(--ink); background: var(--paper);
    border: 1px solid var(--line); border-radius: var(--wx-r); cursor: pointer;
    transition: border-color .18s var(--ease), background .18s var(--ease), color .18s var(--ease);
}
.lk-key:hover { border-color: var(--ink); }
.lk-key:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
.lk-key[aria-pressed="true"] { background: var(--ink); border-color: var(--ink); color: var(--paper); }
.lk-key[aria-pressed="true"] .lk-key__ex,
.lk-key[aria-pressed="true"] .lk-key__f { color: inherit; opacity: .8; }
.lk-key[disabled] { opacity: .42; cursor: not-allowed; }
.lk-key[disabled]:hover { border-color: var(--line); }
.lk-key__top { display: flex; align-items: baseline; justify-content: space-between; gap: .5rem; }
.lk-key__l { font-size: .625rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.lk-key__n { font-size: 1.35rem; font-weight: 200; letter-spacing: -.03em; line-height: 1; font-variant-numeric: tabular-nums; }
.lk-key__ex { font-size: .78rem; line-height: 1.42; color: var(--ink-55); overflow-wrap: anywhere; }
.lk-key__f {
    margin-top: auto; font-size: .6rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase;
    color: var(--ink-55); font-variant-numeric: tabular-nums; min-height: 1em;
}
.lk-key__f[data-hot="1"] { color: var(--taken); }
.lk-key[aria-pressed="true"] .lk-key__f[data-hot="1"] { color: inherit; }
.lk-key__bar { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 2px; }
.lk-key__bar i { height: 5px; border-radius: 1px; background: var(--wx-well-2); }
.lk-key__bar i.is-on { background: var(--taken); }
.lk-key[aria-pressed="true"] .lk-key__bar i { background: rgba(255, 255, 255, .22); }
.lk-key[aria-pressed="true"] .lk-key__bar i.is-on { background: var(--wx-key-lit); }

/* --------------------------------------------------------- the spotlight */
.lk-pair {
    display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1px;
    background: var(--line-soft); border: 1px solid var(--line-soft); border-radius: var(--wx-r); overflow: hidden;
}
@media (max-width: 560px) { .lk-pair { grid-template-columns: minmax(0, 1fr); } }
.lk-pair__side { background: var(--paper); padding: .8rem .9rem .9rem; min-width: 0; }
.lk-pair__n {
    margin: .25rem 0 0; font-size: clamp(1.5rem, 4.2vw, 2.5rem); font-weight: 300; letter-spacing: -.035em;
    line-height: 1.1; color: var(--ink); overflow-wrap: anywhere;
}

/* The glyph strip: every character of a label as a key, its code point and
   script under it; the swapped ones marked in the variety's signal. */
.lk-glyphs { display: flex; flex-wrap: wrap; gap: 3px; }
.lk-g {
    display: grid; justify-items: center; align-content: start; gap: .12rem;
    min-width: 3.15rem; padding: .45rem .35rem .42rem;
    border: 1px solid var(--line); border-radius: var(--wx-r); background: var(--paper);
}
.lk-g b { font-size: 1.65rem; font-weight: 400; line-height: 1.1; color: var(--ink); }
.lk-g small { font-family: var(--wx-mono); font-size: .62rem; letter-spacing: 0; color: var(--ink-55); min-height: 1em; }
.lk-g i { font-style: normal; font-size: .54rem; font-weight: 700; letter-spacing: .12em; color: var(--ink-55); }
.lk-g[data-swap="1"] { border-color: var(--wx-mark); box-shadow: inset 0 -3px 0 var(--wx-mark); }
.lk-g[data-swap="1"] i { color: var(--wx-label); }
.lk-g--sfx { min-width: 0; border-style: dashed; }
.lk-g--sfx b { color: var(--ink-55); }
.lk-glyphs--sm .lk-g { min-width: 2.5rem; padding: .3rem .25rem; }
.lk-glyphs--sm .lk-g b { font-size: 1.15rem; }

/* ------------------------------------------------------------ the table */
.lk-find { flex: 1 1 15rem; }
.lk-src { margin-top: -.2rem; }
.lk-src:empty { display: none; }
.lk-table td { vertical-align: middle; }
.lk-table th:first-child, .lk-risk { width: 1px; white-space: nowrap; }
.lk-riskbar { display: inline-grid; grid-template-columns: repeat(5, 5px); gap: 2px; vertical-align: middle; margin-right: .45rem; }
.lk-riskbar i { height: 12px; border-radius: 1px; background: var(--wx-well-2); }
.lk-riskbar[data-band="high"] i.is-on     { background: var(--taken); }
.lk-riskbar[data-band="elevated"] i.is-on { background: var(--unsure); }
.lk-riskbar[data-band="low"] i.is-on      { background: var(--ink-55); }
.lk-risk b { font-weight: 600; font-variant-numeric: tabular-nums; vertical-align: middle; }
.lk-nm { min-width: 11rem; }
.lk-nm__u { font-weight: 600; letter-spacing: -.01em; overflow-wrap: anywhere; }
.lk-nm small { display: block; margin-top: .1rem; font-size: .74rem; color: var(--ink-55); overflow-wrap: anywhere; }
.lk-x { text-decoration: underline 2px var(--wx-mark); text-underline-offset: 3px; text-decoration-skip-ink: none; }
.lk-meth { max-width: 13rem; }
.lk-meth .wx-flag { margin: 1px 3px 1px 0; }
.lk-meth .lk-flag--main { color: var(--ink); }
.lk-st .wx-stcell { white-space: normal; }
.wx-dot[data-s="maybe"] { background: transparent; box-shadow: inset 0 0 0 2px var(--unsure); }
.lk-dns { white-space: nowrap; }
.lk-lamp__w {
    display: inline-flex; align-items: center; gap: .3rem; margin-right: .6rem;
    font-size: .58rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: var(--ink-55);
}
.lk-reg small { display: block; font-size: .74rem; color: var(--ink-55); }
.lk-cr { white-space: nowrap; }
.lk-recent { margin-left: .4rem; height: 18px; vertical-align: 1px; }
.lk-act { width: 1px; white-space: nowrap; text-align: right; padding-right: 0 !important; }
.lk-act .wx-btn { height: 28px; padding: 0 .55rem; vertical-align: middle; }
.lk-act .wx-ib { vertical-align: middle; margin-left: 3px; }
.lk-open svg { transition: transform .18s var(--ease); }
.lk-open[aria-expanded="true"] svg { transform: rotate(180deg); }
.lk-table tr[data-state="maybe"] .lk-nm__u,
.lk-table tr[data-state="notreg"] .lk-nm__u,
.lk-table tr[data-state="queued"] .lk-nm__u { font-weight: 500; color: var(--ink-77); }
.lk-table tr.lk-detail td { background: var(--wx-well); padding: .85rem .9rem; }
.lk-det { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr); gap: 1rem 1.6rem; }
@media (max-width: 860px) { .lk-det { grid-template-columns: minmax(0, 1fr); } }
.lk-det__l, .lk-det__r { min-width: 0; display: flex; flex-direction: column; gap: .7rem; }
.lk-why li { font-size: .82rem; }
.lk-moreb { justify-self: start; }
.lk-moreb[hidden] { display: none; }

/* The phone: each row becomes a small block, name and keys on the first
   line, the rest under it. The header row stays for screen readers. */
@media (max-width: 760px) {
    .lk-table thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
    .lk-table, .lk-table tbody { display: block; }
    .lk-table tr:not(.lk-detail) {
        display: grid; grid-template-columns: minmax(0, 1fr) auto;
        grid-template-areas: "nm act" "st risk" "meth meth" "dns dns" "reg cr";
        gap: .35rem .8rem; padding: .75rem 0; border-bottom: 1px solid var(--line-soft);
    }
    .lk-table td { display: block; padding: 0 !important; border: 0 !important; }
    .lk-table td.lk-nm { grid-area: nm; min-width: 0; }
    .lk-table td.lk-act { grid-area: act; width: auto; }
    .lk-table td.lk-st { grid-area: st; }
    .lk-table td.lk-risk { grid-area: risk; width: auto; text-align: right; }
    .lk-table td.lk-meth { grid-area: meth; max-width: none; }
    .lk-table td.lk-dns { grid-area: dns; }
    .lk-table td.lk-reg { grid-area: reg; font-size: .8rem; min-width: 0; }
    .lk-table td.lk-cr { grid-area: cr; text-align: right; font-size: .8rem; }
    .lk-table tr.lk-detail { display: block; }
    .lk-table tr.lk-detail td { padding: .75rem !important; }
}

/* the printed rule */
.lk-ruledl { grid-template-columns: minmax(7.5rem, max-content) minmax(0, 1fr); }

/* =============================================================================
   CERTIFICATES
   ========================================================================== */
.ct-reads-what { font-size: .8rem; color: var(--ink-55); }
.ct-reads-what code { font-family: var(--wx-mono); font-size: .92em; }
.ct-slow { color: var(--ink-55); }
.ct-busy-note { font-size: .8rem; }

/* ------------------------------------------------ C1 the live certificate */
.ct-live {
    display: grid; grid-template-columns: minmax(0, 23rem) minmax(0, 1fr); gap: 1.1rem 1.6rem; align-items: start;
}
.ct-live + .ct-live { padding-top: 1rem; border-top: 1px solid var(--line-soft); }
@media (max-width: 880px) { .ct-live { grid-template-columns: minmax(0, 1fr); } }
.ct-inst { min-height: 0; padding: .5rem; margin: 0; }
.ct-live__info { min-width: 0; display: flex; flex-direction: column; gap: .7rem; }
.ct-live__hosts { display: flex; flex-wrap: wrap; gap: 4px; margin: 0; }
.ct-host {
    display: inline-flex; align-items: center; height: 24px; padding: 0 .55rem;
    font-family: var(--wx-mono); font-size: .76rem; color: var(--ink);
    border: 1px solid var(--line); border-radius: var(--wx-r);
}
.ct-sans { display: flex; flex-wrap: wrap; gap: 3px; max-height: 9.5rem; overflow: auto; }
.ct-san {
    display: inline-flex; align-items: center; height: 22px; padding: 0 .45rem;
    font-family: var(--wx-mono); font-size: .7rem; color: var(--ink-77);
    border: 1px solid var(--line-soft); border-radius: var(--wx-r); white-space: nowrap;
}
.ct-san.is-hit { color: var(--ink); border-color: var(--wx-mark); }
.ct-san.is-more { font-family: inherit; border-style: dashed; color: var(--ink-55); }

/* The instrument. Every colour is a variety token, so the stored T3 / ET66 /
   AB1 choice and the edition both repaint it without a line of script. */
.ct-i { display: block; width: 100%; height: auto; max-height: 15rem; font-family: inherit; overflow: visible; }
.ct-i text { font-family: inherit; }
.ct-i__body   { fill: var(--wx-body); }
.ct-i__face   { fill: var(--wx-face); }
.ct-i__ring   { fill: none; stroke: var(--wx-ring); stroke-width: 1; }
.ct-i__grille { fill: var(--wx-grille); }
.ct-i__rule   { stroke: var(--wx-ink); stroke-width: 1; }
.ct-i__tick   { stroke: var(--wx-ink-2); stroke-width: 1; }
.ct-i__tick--h { stroke: var(--wx-ink); stroke-width: 2; }
.ct-i__tickl  { fill: var(--wx-ink-2); font-size: 8px; font-weight: 700; letter-spacing: .08em; }
.ct-i__band   { fill: var(--wx-warn); opacity: .6; }
.ct-i__needle { stroke: var(--wx-accent); stroke-width: 2.4; stroke-linecap: square; }
.ct-i__lbl    { fill: var(--wx-ink-2); font-size: 9px; font-weight: 700; letter-spacing: .14em; }
.ct-i__big    { fill: var(--wx-ink); font-size: 36px; font-weight: 300; letter-spacing: -.02em; font-variant-numeric: tabular-nums; }
.ct-i__small  { fill: var(--wx-ink-2); font-size: 8px; font-weight: 700; letter-spacing: .1em; }
.ct-i__seg-on  { fill: var(--wx-ink); }
.ct-i__seg-off { fill: var(--wx-ink); opacity: .07; }
.ct-i__lcdl   { fill: var(--wx-ink); font-size: 10px; font-weight: 700; letter-spacing: .14em; }
.ct-i__key    { fill: var(--wx-key); }
.ct-i__key--lit  { fill: var(--wx-key-lit); }
.ct-i__key--lit2 { fill: var(--wx-key-lit-2); }
.ct-i__keyl   { fill: var(--wx-key-ink); font-size: 10px; font-weight: 700; letter-spacing: .1em; }
.ct-i__keyl--lit  { fill: var(--wx-key-lit-ink); }
.ct-i__keyl--lit2 { fill: var(--wx-key-lit-2-ink); }
.ct-i__arc    { fill: none; stroke: var(--wx-accent); stroke-width: 4; opacity: .38; }
.ct-i__hand   { stroke: var(--wx-ink); stroke-width: 3; stroke-linecap: round; }
.ct-i__second { stroke: var(--wx-accent); stroke-width: 1.4; }
.ct-i__hub    { fill: var(--wx-accent); }
.ct-i__sweep  { transform-box: view-box; transform-origin: 75px 75px; animation: ct-sweep 60s linear infinite; }
@keyframes ct-sweep { to { transform: rotate(360deg); } }
/* AB1 prints its readout on the casing, beside the face */
[data-variety="ab1"] .ct-i__lbl, [data-variety="ab1"] .ct-i__big, [data-variety="ab1"] .ct-i__small { fill: var(--wx-body-ink); }

/* ------------------------------------------------------ C2 the summary */
.ct-sum { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 1.2rem 2rem; }
@media (max-width: 900px) { .ct-sum { grid-template-columns: minmax(0, 1fr); } }
.ct-issuers, .ct-months, .ct-soon { min-width: 0; display: flex; flex-direction: column; gap: .55rem; }
.ct-soon { padding-top: .9rem; border-top: 1px solid var(--line-soft); }
/* The issuers: a flat key bank, one key per authority, its share lit. */
.ct-bank { list-style: none; margin: 0; padding: 0; display: grid; gap: 3px; }
.ct-bank__row { display: grid; grid-template-columns: minmax(0, 11rem) minmax(0, 1fr) auto; align-items: center; gap: .7rem; }
.ct-bank__k {
    display: flex; align-items: center; height: 28px; padding: 0 .6rem; min-width: 0;
    font-size: .74rem; font-weight: 600; color: var(--ink);
    border: 1px solid var(--line); border-radius: var(--wx-r); background: var(--paper);
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.ct-bank__bar { display: grid; grid-template-columns: repeat(24, minmax(0, 1fr)); gap: 2px; }
.ct-bank__bar i { height: 12px; border-radius: 1px; background: var(--wx-well-2); }
.ct-bank__bar i.is-on { background: var(--wx-key-lit); }
.ct-bank__n { font-size: .82rem; font-weight: 600; color: var(--ink); font-variant-numeric: tabular-nums; text-align: right; min-width: 4.5rem; }
.ct-bank__n small { font-weight: 500; color: var(--ink-55); }
.ct-bank__row--rest .ct-bank__k { color: var(--ink-55); border-style: dashed; }
@media (max-width: 480px) { .ct-bank__row { grid-template-columns: minmax(0, 1fr) auto; } .ct-bank__bar { grid-column: 1 / -1; grid-row: 2; } }
/* Issuance per month. */
.ct-bars { display: block; width: 100%; height: auto; }
.ct-bars__b { fill: var(--wx-key-lit); }
.ct-bars__axis { stroke: var(--line); stroke-width: 1; }
.ct-bars__l { fill: var(--ink-55); font-size: 9px; font-weight: 700; letter-spacing: .08em; font-variant-numeric: tabular-nums; }

/* -------------------------------------------------- C3 C4 the tables */
.ct-story { margin: 0; font-size: .95rem; line-height: 1.6; color: var(--ink-77); max-width: 78ch; }
.ct-table td { vertical-align: top; }
.ct-sub .wx-mono { overflow-wrap: anywhere; color: var(--ink); }
.ct-sub .wx-flag, .ct-names .wx-flag { margin-left: .4rem; height: 18px; vertical-align: 1px; }
.ct-table tr[data-rev="1"] .ct-sub .wx-mono { font-weight: 600; }
.ct-table td .ct-lamp { vertical-align: -1px; }
.ct-num { text-align: right; }
.ct-names .wx-mono { overflow-wrap: anywhere; }
.ct-names small { display: block; }
.ct-table--certs tr[data-status="expired"] td { color: var(--ink-55); }
.ct-table--certs td:first-child { width: 1px; }
.ct-pager { display: flex; align-items: center; gap: .6rem; flex-wrap: wrap; }
.ct-pager:empty { display: none; }
.ct-moreb { justify-self: start; }
.ct-moreb[hidden] { display: none; }
.ct-caveats .wx-checks b { color: var(--ink); font-weight: 600; }
.ct-caveats .wx-checks li[data-ok=""] i { background: var(--wx-key-lit); box-shadow: 0 0 0 1px var(--wx-ring); }

/* The phone: the subdomain table keeps name, dates and count; the rest wraps. */
@media (max-width: 640px) {
    .ct-table--subs th:nth-child(2), .ct-table--subs td:nth-child(2) { display: none; }
    .ct-table--certs th:nth-child(3), .ct-table--certs td:nth-child(3) { display: none; }
}

@media (prefers-reduced-motion: reduce) {
    .ct-i__sweep { animation: none; }
    .lk-key, .lk-open svg { transition: none; }
}

/* =============================================================================
   PRINT — the result only
   whois.css already drops the nav, menu, hero, guide, never band, footer and
   the export bars; these drop the rest of the controls.
   ========================================================================== */
@media print {
    .lk-idle, .ct-idle, .lk-act, .lk-more, .ct-more, .lk-moreb, .ct-moreb, .wx-rtools, .lk-meter, .ct-meter,
    .ct-pager, .ct-tools { display: none !important; }
    .lk-report, .ct-report { padding: 0 !important; }
    .lk-head, .ct-head, .lk-spot, .lk-rule, .ct-card--live, .ct-issuers { break-inside: avoid; }
    .lk-table tr, .ct-table tr { break-inside: avoid; }
    .lk-key { min-height: 0; }
    .lk-stage, .ct-stage { gap: 8px; }
}

/* =============================================================================
   html[data-dark] — THE MOON ANSWERS
   Everything above reads tokens, so the edition swap has already answered it;
   what is here are the few literals, each lifted the way whois.css lifts its
   own (white at a lower alpha than the paper's ink, because white on black
   reads stronger than black on white).
   ========================================================================== */
html[data-dark] .lk-key[aria-pressed="true"] .lk-key__bar i { background: rgba(12, 17, 22, .25); }
html[data-dark] .lk-g { background: rgba(255, 255, 255, .02); }
html[data-dark] .lk-table tr.lk-detail td { background: rgba(255, 255, 255, .03); }
html[data-dark] .ct-bank__k { background: rgba(255, 255, 255, .02); }
html[data-dark] .ct-i__seg-off { opacity: .1; }