/* The Wire Test (the.net.im): field-test logs. Every rule below is this site's own; prefix wt-. */

@font-face {
  font-family: "DM Sans";
  font-style: normal;
  font-weight: 200 700;
  font-display: swap;
  src: url("/assets/fonts/dm-sans-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329,
    U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "DM Sans";
  font-style: normal;
  font-weight: 200 700;
  font-display: swap;
  src: url("/assets/fonts/dm-sans-latin-ext.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329,
    U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

:root {
  --wt-paper: #ffffff;
  --wt-tint: #fafafa;
  --wt-ink: #1e262b;
  --wt-ink-77: rgba(30, 38, 43, 0.77);
  --wt-ink-64: rgba(30, 38, 43, 0.64);
  --wt-hair: rgba(30, 38, 43, 0.12);
  --wt-hair-soft: rgba(30, 38, 43, 0.07);
  --wt-muted: #717171;
  --wt-blue: #1d4ed8;
  --wt-blue-wash: rgba(29, 78, 216, 0.07);
  --wt-blue-line: rgba(29, 78, 216, 0.38);
  --wt-fill: #1e262b;
  --wt-on-fill: #ffffff;
  --wt-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --wt-gut: clamp(20px, 5vw, 56px);
  --wt-max: 1265px;
  --wt-band: clamp(56px, 6.4vw, 96px);
  --wt-when: 7.4rem;
  color-scheme: light;
}
:root[data-wt-ed="dark"] {
  --wt-paper: #0c1116;
  --wt-tint: #111922;
  --wt-ink: #ffffff;
  --wt-ink-77: rgba(255, 255, 255, 0.72);
  --wt-ink-64: rgba(255, 255, 255, 0.62);
  --wt-hair: rgba(255, 255, 255, 0.16);
  --wt-hair-soft: rgba(255, 255, 255, 0.08);
  --wt-muted: #9ba4ad;
  --wt-blue: #8fb2ff;
  --wt-blue-wash: rgba(143, 178, 255, 0.1);
  --wt-blue-line: rgba(143, 178, 255, 0.42);
  --wt-fill: #ffffff;
  --wt-on-fill: #0c1116;
  color-scheme: dark;
}

*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }
body {
  margin: 0;
  background: var(--wt-paper);
  color: var(--wt-ink);
  font: 400 1.0625rem/1.62 "DM Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  -webkit-font-smoothing: antialiased;
  overflow-wrap: break-word;
}
img { max-width: 100%; height: auto; }
a { color: var(--wt-blue); text-underline-offset: 3px; text-decoration-thickness: 1px; }
a:hover { text-decoration-thickness: 2px; }
:focus-visible { outline: 2px solid var(--wt-blue); outline-offset: 3px; border-radius: 4px; }
code { font-family: var(--wt-mono); font-size: 0.86em; }

.wt-vh {
  position: absolute !important; width: 1px; height: 1px; margin: -1px; padding: 0;
  overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0;
}
.wt-skip {
  position: absolute; left: 12px; top: -60px; z-index: 20; padding: 10px 16px; border-radius: 999px;
  background: var(--wt-fill); color: var(--wt-on-fill); font-weight: 600; text-decoration: none;
}
.wt-skip:focus { top: 12px; }

.wt-wrap { max-width: var(--wt-max); margin: 0 auto; padding: 0 var(--wt-gut); }
.wt-band { padding: var(--wt-band) 0; }
.wt-band--tint { background: var(--wt-tint); border-top: 1px solid var(--wt-hair-soft); border-bottom: 1px solid var(--wt-hair-soft); }
.wt-band--tight { padding-top: clamp(32px, 4vw, 56px); }

/* masthead */
.wt-mast { border-bottom: 1px solid var(--wt-hair); background: var(--wt-paper); }
.wt-mast-in {
  max-width: var(--wt-max); margin: 0 auto; padding: 10px var(--wt-gut);
  display: flex; align-items: center; gap: 12px 22px; flex-wrap: wrap; min-height: 64px;
}
.wt-brand { display: inline-flex; align-items: center; gap: 10px; color: var(--wt-ink); text-decoration: none; }
.wt-brand svg { width: 28px; height: 28px; flex: none; }
.wt-brand-name { font-weight: 700; font-size: 0.8rem; letter-spacing: 0.16em; text-transform: uppercase; }
.wt-brand-host { font-family: var(--wt-mono); font-size: 0.72rem; color: var(--wt-ink-64); }
.wt-nav { margin-left: auto; display: flex; align-items: center; gap: 6px 20px; flex-wrap: wrap; }
.wt-nav a { color: var(--wt-ink-77); text-decoration: none; font-size: 0.93rem; padding: 6px 0; }
.wt-nav a:hover, .wt-nav a[aria-current="page"] { color: var(--wt-ink); text-decoration: underline; text-decoration-color: var(--wt-blue); }
.wt-ed { display: inline-flex; gap: 2px; padding: 3px; border: 1px solid var(--wt-hair); border-radius: 999px; }
.wt-ed[hidden] { display: none; }
.wt-ed-btn {
  width: 36px; height: 30px; border: 0; border-radius: 999px; background: transparent; color: var(--wt-ink-64);
  display: grid; place-items: center; cursor: pointer; padding: 0;
}
.wt-ed-btn svg { width: 16px; height: 16px; }
.wt-ed-btn[aria-pressed="true"] { background: var(--wt-fill); color: var(--wt-on-fill); }

/* type */
.wt-eyebrow {
  display: flex; align-items: center; gap: 12px; margin: 0 0 18px;
  font-size: 0.69rem; font-weight: 700; letter-spacing: 0.19em; text-transform: uppercase; color: var(--wt-ink-64);
}
.wt-eyebrow::before { content: ""; width: 26px; height: 1px; background: var(--wt-blue); flex: none; }
.wt-d1 { font-weight: 250; font-size: clamp(2.3rem, 5.3vw, 4.5rem); line-height: 1.08; letter-spacing: -0.035em; margin: 0 0 24px; }
.wt-d1--log { font-size: clamp(2rem, 4.3vw, 3.55rem); }
.wt-d2 { font-weight: 600; font-size: clamp(1.55rem, 2.7vw, 2.25rem); line-height: 1.14; letter-spacing: -0.04em; margin: 0 0 14px; }
.wt-lede { font-size: clamp(1.08rem, 1.45vw, 1.24rem); line-height: 1.58; color: var(--wt-ink-77); max-width: 40em; margin: 0 0 18px; }
.wt-prose p { color: var(--wt-ink-77); max-width: 42em; margin: 0 0 16px; }
.wt-own { font-size: 0.93rem; color: var(--wt-ink-77); border-left: 2px solid var(--wt-blue); padding: 2px 0 2px 14px; max-width: 38em; margin: 22px 0 0; }

/* buttons */
.wt-acts { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 26px; }
.wt-btn {
  display: inline-flex; align-items: center; gap: 8px; min-height: 44px; padding: 0 22px; border-radius: 999px;
  background: var(--wt-fill); color: var(--wt-on-fill); border: 1px solid var(--wt-fill);
  font: 600 0.95rem/1 "DM Sans", system-ui, sans-serif; text-decoration: none; cursor: pointer;
}
.wt-btn:hover { box-shadow: 0 0 0 4px var(--wt-blue-wash); }
.wt-btn--ghost { background: transparent; color: var(--wt-ink); border-color: var(--wt-hair); }
.wt-btn--ghost:hover { border-color: var(--wt-ink-64); }
.wt-clock {
  display: inline-flex; align-items: center; gap: 8px; min-height: 32px; padding: 0 12px; border-radius: 999px;
  border: 1px solid var(--wt-hair); background: transparent; color: var(--wt-ink-77); cursor: pointer;
  font: 600 0.72rem/1 var(--wt-mono); letter-spacing: 0.04em;
}
.wt-clock[hidden] { display: none; }
.wt-clock b { color: var(--wt-blue); font-weight: 700; }

/* panels */
.wt-panel { border: 1px solid var(--wt-hair); border-radius: 15px; background: var(--wt-paper); overflow: hidden; }
.wt-panel-head {
  display: flex; align-items: center; gap: 10px; flex-wrap: wrap; padding: 12px 18px; border-bottom: 1px solid var(--wt-hair);
  font-size: 0.69rem; font-weight: 700; letter-spacing: 0.16em; text-transform: uppercase; color: var(--wt-ink-77);
}
.wt-dot { width: 7px; height: 7px; border-radius: 50%; background: var(--wt-blue); box-shadow: 0 0 0 3px var(--wt-blue-wash); flex: none; }
.wt-panel-h { margin: 0; font: inherit; letter-spacing: inherit; color: inherit; }
.wt-panel--narrow { max-width: 40rem; }
.wt-eyebrow--after { margin-top: 36px; }
.wt-panel-aside { margin-left: auto; font-family: var(--wt-mono); font-weight: 500; letter-spacing: 0.03em; text-transform: none; color: var(--wt-ink-64); }
.wt-panel-foot {
  padding: 12px 18px; border-top: 1px solid var(--wt-hair); background: var(--wt-tint);
  font-family: var(--wt-mono); font-size: 0.74rem; color: var(--wt-ink-64); font-variant-numeric: tabular-nums;
}

/* home: hero + session console */
.wt-hero { display: grid; grid-template-columns: minmax(0, 1.12fr) minmax(0, 0.88fr); gap: clamp(32px, 5vw, 76px); align-items: start; }
.wt-sess { list-style: none; margin: 0; padding: 0; }
.wt-sess a {
  display: grid; grid-template-columns: 5.2em 2.4em minmax(0, 1fr) auto; gap: 10px; align-items: baseline;
  padding: 10px 18px; border-top: 1px solid var(--wt-hair-soft); color: var(--wt-ink); text-decoration: none;
}
.wt-sess li:first-child a { border-top: 0; }
.wt-sess a:hover { background: var(--wt-blue-wash); }
.wt-sess-t { font-family: var(--wt-mono); font-size: 0.8rem; color: var(--wt-ink-77); font-variant-numeric: tabular-nums; }
.wt-sess-n { font-family: var(--wt-mono); font-size: 0.72rem; font-weight: 700; color: var(--wt-blue); }
.wt-sess-name { font-weight: 500; }
.wt-sess-go { color: var(--wt-ink-64); font-size: 0.85rem; }

/* home: the session timeline */
.wt-tl-intro { display: flex; flex-wrap: wrap; align-items: end; justify-content: space-between; gap: 16px 32px; margin-bottom: clamp(28px, 4vw, 48px); }
.wt-tl-intro .wt-prose p { margin: 0; }
.wt-tl { list-style: none; margin: 0; padding: 0; }
.wt-tl-item { position: relative; display: grid; grid-template-columns: var(--wt-when) minmax(0, 1fr); column-gap: 44px; padding-bottom: 40px; }
.wt-tl-item::before { content: ""; position: absolute; left: calc(var(--wt-when) + 21px); top: 12px; bottom: -12px; width: 2px; background: var(--wt-blue-line); }
.wt-tl-item:last-child::before { bottom: 30px; }
.wt-tl-item::after {
  content: ""; position: absolute; left: calc(var(--wt-when) + 15px); top: 6px; width: 14px; height: 14px; border-radius: 50%;
  background: var(--wt-paper); border: 2px solid var(--wt-blue);
}
.wt-tl-when { text-align: right; font-family: var(--wt-mono); font-variant-numeric: tabular-nums; }
.wt-tl-when time { display: block; font-size: 0.92rem; color: var(--wt-ink); }
.wt-tl-when span { display: block; font-size: 0.7rem; letter-spacing: 0.12em; color: var(--wt-blue); font-weight: 700; margin-top: 2px; }
.wt-tl-kicker { font-size: 0.69rem; font-weight: 700; letter-spacing: 0.16em; text-transform: uppercase; color: var(--wt-ink-64); margin: 0; }
.wt-tl-title { font-size: clamp(1.2rem, 1.9vw, 1.45rem); font-weight: 600; letter-spacing: -0.025em; line-height: 1.25; margin: 4px 0 12px; }
.wt-tl-title a { color: var(--wt-ink); text-decoration: none; }
.wt-tl-title a:hover { text-decoration: underline; text-decoration-color: var(--wt-blue); }
.wt-tl-facts { display: grid; grid-template-columns: 4.6rem minmax(0, 1fr); gap: 6px 14px; margin: 0; max-width: 50em; font-size: 0.95rem; }
.wt-tl-facts dt { font-family: var(--wt-mono); font-size: 0.68rem; letter-spacing: 0.12em; text-transform: uppercase; color: var(--wt-ink-64); padding-top: 4px; }
.wt-tl-facts dd { margin: 0; color: var(--wt-ink-77); }

/* home: anatomy of a log */
.wt-parts { list-style: none; margin: 28px 0 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); border-top: 1px solid var(--wt-hair); }
.wt-parts li { padding: 18px 20px 20px 0; border-bottom: 1px solid var(--wt-hair-soft); }
.wt-parts b { display: block; font-family: var(--wt-mono); font-size: 0.74rem; color: var(--wt-blue); margin-bottom: 4px; }
.wt-parts strong { display: block; font-weight: 600; letter-spacing: -0.01em; }
.wt-parts span { display: block; color: var(--wt-ink-77); font-size: 0.93rem; margin-top: 4px; }

/* review: crumbs, head, run sheet */
.wt-crumbs ol { list-style: none; margin: 0 0 26px; padding: 0; display: flex; flex-wrap: wrap; gap: 4px 8px; font-size: 0.86rem; color: var(--wt-ink-64); }
.wt-crumbs li + li::before { content: "/"; margin-right: 8px; color: var(--wt-ink-64); }
.wt-crumbs a { color: var(--wt-ink-77); }
.wt-loghead { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 24rem); gap: clamp(28px, 4.5vw, 64px); align-items: start; }
.wt-sheet dl { margin: 0; display: grid; grid-template-columns: 7.4rem minmax(0, 1fr); }
.wt-sheet dt, .wt-sheet dd { padding: 9px 0; border-top: 1px solid var(--wt-hair-soft); }
.wt-sheet dt:first-of-type, .wt-sheet dd:first-of-type { border-top: 0; }
.wt-sheet dt { padding-left: 18px; font-family: var(--wt-mono); font-size: 0.66rem; letter-spacing: 0.12em; text-transform: uppercase; color: var(--wt-ink-64); padding-top: 12px; }
.wt-sheet dd { margin: 0; padding-right: 18px; font-size: 0.92rem; font-variant-numeric: tabular-nums; }

.wt-exhibit { margin: clamp(36px, 5vw, 60px) 0 0; }
.wt-exhibit img { display: block; width: 100%; height: auto; border: 1px solid var(--wt-hair); border-radius: 12px; background: var(--wt-tint); }
.wt-exhibit figcaption { margin-top: 10px; font-size: 0.86rem; color: var(--wt-ink-64); }
.wt-exhibit figcaption b { font-family: var(--wt-mono); font-size: 0.72rem; letter-spacing: 0.1em; color: var(--wt-blue); margin-right: 8px; }

/* review: the timeline rule down the left */
.wt-legs { max-width: 58rem; }
.wt-leg { position: relative; margin-left: 14px; padding: 0 0 clamp(44px, 5vw, 68px) clamp(30px, 4vw, 52px); border-left: 2px solid var(--wt-blue-line); transition: border-color 0.35s ease; }
.wt-leg:last-child { padding-bottom: 8px; }
.wt-js .wt-leg { border-left-color: var(--wt-hair); }
.wt-js .wt-leg.wt-on { border-left-color: var(--wt-blue); }
.wt-leg-mark {
  position: absolute; left: -16px; top: -2px; width: 30px; height: 30px; border-radius: 50%;
  display: grid; place-items: center; background: var(--wt-paper); border: 2px solid var(--wt-blue);
  font: 700 0.7rem/1 var(--wt-mono); color: var(--wt-blue); transition: border-color 0.35s ease, color 0.35s ease;
}
.wt-js .wt-leg-mark { border-color: var(--wt-hair); color: var(--wt-ink-64); }
.wt-js .wt-on .wt-leg-mark { border-color: var(--wt-blue); color: var(--wt-blue); }
.wt-leg-kick { margin: 0 0 4px; font-family: var(--wt-mono); font-size: 0.7rem; letter-spacing: 0.12em; text-transform: uppercase; color: var(--wt-ink-64); padding-top: 4px; }
.wt-leg .wt-d2 { font-size: clamp(1.35rem, 2.3vw, 1.85rem); }
.wt-srcs { margin: 6px 0 0; padding: 0 0 0 18px; color: var(--wt-ink-77); max-width: 44em; }
.wt-srcs li { margin-bottom: 6px; }
.wt-srcs li::marker { color: var(--wt-blue); }

/* review: the run table */
.wt-runbar { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 16px; margin: 0 0 14px; }
.wt-runbar p { margin: 0; font-size: 0.9rem; color: var(--wt-ink-64); }
.wt-runs { width: 100%; border-collapse: collapse; font-size: 0.92rem; font-variant-numeric: tabular-nums; font-feature-settings: "tnum" 1; }
.wt-runs th {
  text-align: left; padding: 0 14px 10px 0; border-bottom: 1px solid var(--wt-ink-64);
  font-size: 0.66rem; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; color: var(--wt-ink-64);
}
.wt-runs td { padding: 12px 14px 12px 0; border-bottom: 1px solid var(--wt-hair-soft); vertical-align: top; color: var(--wt-ink-77); }
.wt-runs-n { font-family: var(--wt-mono); font-size: 0.74rem; font-weight: 700; color: var(--wt-blue); width: 2.6rem; }
.wt-runs-t { font-family: var(--wt-mono); font-size: 0.84rem; white-space: nowrap; width: 6.4rem; }
.wt-runs-t time { color: var(--wt-ink); }
.wt-runs-p { width: 36%; color: var(--wt-ink); font-weight: 500; }
.wt-runs code, .wt-finds code, .wt-prose code, .wt-srcs code { overflow-wrap: anywhere; }
.wt-tag {
  display: inline-block; margin-left: 6px; padding: 1px 7px; border: 1px solid var(--wt-hair); border-radius: 999px;
  font: 700 0.6rem/1.6 var(--wt-mono); letter-spacing: 0.1em; text-transform: uppercase; color: var(--wt-ink-64); vertical-align: 2px;
}
.wt-tag--skip { border-style: dashed; }

/* review: findings, rivals, faults */
.wt-finds { list-style: none; margin: 0; padding: 0; counter-reset: wtfind; }
.wt-finds li { counter-increment: wtfind; display: grid; grid-template-columns: 2.6rem minmax(0, 1fr); gap: 4px 12px; padding: 14px 0; border-top: 1px solid var(--wt-hair-soft); color: var(--wt-ink-77); max-width: 46em; }
.wt-finds li::before { content: counter(wtfind, decimal-leading-zero); font: 700 0.78rem/1.9 var(--wt-mono); color: var(--wt-blue); grid-row: span 2; }
.wt-ev { display: block; font-family: var(--wt-mono); font-size: 0.74rem; line-height: 1.55; color: var(--wt-ink-64); }

.wt-rival { margin: 0 0 18px; }
.wt-rival-body { padding: 16px 18px 18px; }
.wt-rival h3 { margin: 0 0 6px; font-size: 1.15rem; font-weight: 600; letter-spacing: -0.02em; }
.wt-rival h3 a { color: var(--wt-ink); text-decoration-color: var(--wt-blue-line); }
.wt-rival-body > p { margin: 0 0 14px; color: var(--wt-ink-77); }
.wt-rival-cols { display: grid; grid-template-columns: 1fr 1fr; gap: 12px 26px; }
.wt-rival h4 { margin: 0 0 6px; font-size: 0.69rem; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; color: var(--wt-ink-64); }
.wt-rival ul { margin: 0; padding: 0 0 0 16px; color: var(--wt-ink-77); font-size: 0.95rem; }
.wt-rival li { margin-bottom: 6px; }
.wt-rival-cols > div:last-child ul li::marker { color: var(--wt-blue); }

.wt-faults { list-style: none; margin: 0; padding: 0; counter-reset: wtfault; max-width: 46em; }
.wt-faults li { counter-increment: wtfault; display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 12px; padding: 14px 0; border-top: 1px dashed var(--wt-hair); color: var(--wt-ink-77); }
.wt-faults li::before {
  content: "FAULT " counter(wtfault, decimal-leading-zero); align-self: start; white-space: nowrap;
  font: 700 0.64rem/1 var(--wt-mono); letter-spacing: 0.1em; color: var(--wt-ink); border: 1px solid var(--wt-ink); border-radius: 4px; padding: 5px 7px; margin-top: 3px;
}

.wt-sign dl { margin: 0; display: grid; grid-template-columns: 11rem minmax(0, 1fr); }
.wt-sign dt, .wt-sign dd { padding: 12px 0; border-top: 1px solid var(--wt-hair-soft); }
.wt-sign dt:first-of-type, .wt-sign dd:first-of-type { border-top: 0; }
.wt-sign dt { padding-left: 18px; font-family: var(--wt-mono); font-size: 0.68rem; letter-spacing: 0.12em; text-transform: uppercase; color: var(--wt-ink-64); padding-top: 15px; }
.wt-sign dd { margin: 0; padding-right: 18px; color: var(--wt-ink); }
.wt-sign .wt-acts { margin: 0; padding: 16px 18px 18px; border-top: 1px solid var(--wt-hair); }

/* method + 404 */
.wt-steps { margin: 0; padding: 0 0 0 22px; max-width: 44em; color: var(--wt-ink-77); }
.wt-steps li { margin-bottom: 10px; padding-left: 4px; }
.wt-steps li::marker { font-family: var(--wt-mono); color: var(--wt-blue); font-size: 0.85em; }
.wt-logline { font-family: var(--wt-mono); font-size: 0.9rem; color: var(--wt-ink-77); padding: 14px 18px; margin: 0; font-variant-numeric: tabular-nums; }

/* footer */
.wt-foot { border-top: 1px solid var(--wt-hair); padding: 44px 0 52px; font-size: 0.92rem; color: var(--wt-ink-77); }
.wt-foot-grid { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); gap: 28px clamp(28px, 5vw, 72px); }
.wt-foot p { margin: 0 0 12px; max-width: 40em; }
.wt-foot h2 { font-size: 0.69rem; font-weight: 700; letter-spacing: 0.16em; text-transform: uppercase; color: var(--wt-ink-64); margin: 0 0 10px; }
.wt-foot ul { list-style: none; margin: 0; padding: 0; columns: 2; column-gap: 24px; }
.wt-foot li { margin-bottom: 6px; break-inside: avoid; }
.wt-foot a { color: var(--wt-ink); }
.wt-foot-line { font-family: var(--wt-mono); font-size: 0.74rem; color: var(--wt-ink-64); margin-top: 18px; }

@media (max-width: 960px) {
  .wt-hero, .wt-loghead { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 700px) {
  .wt-rival-cols, .wt-foot-grid { grid-template-columns: minmax(0, 1fr); }
  .wt-runs thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
  .wt-runs, .wt-runs tbody, .wt-runs tr, .wt-runs td { display: block; width: auto; }
  .wt-runs tr { display: grid; grid-template-columns: auto minmax(0, 1fr); column-gap: 12px; padding: 12px 0; border-bottom: 1px solid var(--wt-hair-soft); }
  .wt-runs td { border: 0; padding: 0; }
  .wt-runs td.wt-runs-p, .wt-runs td.wt-runs-r { grid-column: 1 / -1; margin-top: 6px; }
  .wt-sign dl, .wt-sheet dl { grid-template-columns: minmax(0, 1fr); }
  .wt-sign dt, .wt-sheet dt { padding-bottom: 0; }
  .wt-sign dd, .wt-sheet dd { border-top: 0; padding-left: 18px; padding-top: 4px; }
}
@media (max-width: 640px) {
  .wt-tl-item { grid-template-columns: minmax(0, 1fr); padding-left: 34px; }
  .wt-tl-item::before { left: 8px; }
  .wt-tl-item::after { left: 2px; }
  .wt-tl-when { text-align: left; display: flex; gap: 12px; align-items: baseline; margin-bottom: 2px; }
  .wt-tl-when span { margin: 0; }
  .wt-tl-facts { grid-template-columns: minmax(0, 1fr); gap: 2px; }
  .wt-tl-facts dd { margin-bottom: 8px; }
  .wt-sess a { grid-template-columns: 4.6em 2.2em minmax(0, 1fr); padding: 10px 14px; }
  .wt-sess-go { display: none; }
  .wt-leg { margin-left: 12px; }
  .wt-leg-mark { width: 26px; height: 26px; left: -14px; font-size: 0.64rem; }
  .wt-finds li { grid-template-columns: 2.2rem minmax(0, 1fr); }
  .wt-faults li { grid-template-columns: minmax(0, 1fr); gap: 6px; }
  .wt-foot ul { columns: 1; }
  .wt-ed { margin-left: auto; }
  .wt-nav { order: 3; margin-left: 0; width: 100%; justify-content: flex-start; gap: 4px 18px; }
}
@media (max-width: 420px) {
  .wt-brand-host { display: none; }
  .wt-mast-in { gap: 8px 14px; }
}
@media (prefers-reduced-motion: reduce) {
  .wt-leg, .wt-leg-mark { transition: none; }
}
@media print {
  .wt-mast, .wt-ed, .wt-clock, .wt-skip { display: none !important; }
  .wt-leg { border-left-color: #999 !important; }
}