/* The Truth room's Stopwatch: information in the sans, one serif statement, tabular figures, hairlines. No gold: none of it is money. */
.sw { max-width: 1120px; }
.sw-head { margin: 0 0 28px; }
.sw-title { font: 300 34px/1.12 var(--serif); letter-spacing: -.022em; margin: 0; max-width: 24ch; }
.sw-title i { font-style: italic; font-weight: 300; }
.sw-days { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 20px; }
.sw-chip { height: 32px; padding: 0 14px; border-radius: 999px; border: 1px solid var(--line-2); background: transparent; color: var(--ink-2);
  font-size: 13px; cursor: pointer; transition: background var(--fast) var(--ease), color var(--fast) var(--ease); }
.sw-chip[aria-pressed="true"] { background: var(--surface-2); color: var(--ink); border-color: var(--line-2); box-shadow: 0 1px 0 rgba(241, 233, 216, .06) inset; }
.sw-tiles { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1px; background: var(--line); border: 1px solid var(--line); border-radius: var(--r-3); overflow: hidden; margin: 0 0 14px; }
.sw-tile { background: var(--surface); padding: 18px 20px; display: flex; flex-direction: column; gap: 6px; min-width: 0; }
.sw-k { font: 500 11px/1 var(--sans); letter-spacing: .12em; text-transform: uppercase; color: var(--ink-3); }
.sw-v { font: 400 28px/1.1 var(--sans); font-variant-numeric: tabular-nums lining-nums; letter-spacing: -.01em; color: var(--ink); overflow-wrap: normal; }
.sw-s { font-size: 12.5px; color: var(--ink-3); }
.sw-parts { margin: 0 0 18px; font-size: 13px; color: var(--ink-3); }
.sw-warn { margin: 0 0 16px; padding: 10px 14px; border: 1px solid rgba(229, 83, 75, .35); border-radius: var(--r-2); color: var(--ink-2); font-size: 13.5px; }
.sw-wrap { border: 1px solid var(--line); border-radius: var(--r-3); background: var(--bg-2); overflow: hidden; }
.sw-grid { width: 100%; border-collapse: collapse; font-size: 14px; }
.sw-grid th, .sw-grid td { text-align: left; padding: 14px 18px; border-top: 1px solid var(--line); vertical-align: top; }
.sw-grid thead th { border-top: 0; font: 500 11px/1 var(--sans); letter-spacing: .12em; text-transform: uppercase; color: var(--ink-3); padding-top: 16px; padding-bottom: 14px; }
.sw-grid tbody th { width: 24%; font-weight: 500; }
.sw-kind { display: block; color: var(--ink); }
.sw-n { display: block; margin-top: 4px; font-size: 12.5px; font-weight: 400; color: var(--ink-3); }
.sw-lat { display: flex; align-items: baseline; gap: 10px; flex-wrap: wrap; }
.sw-lat b { font-weight: 500; font-size: 17px; color: var(--ink); }
.sw-lat .sw-none { font-size: 13px; font-weight: 400; color: var(--ink-3); }
.sw-p95 { font-size: 13px; color: var(--ink-2); }
.sw-meta { margin-top: 4px; font-size: 12.5px; color: var(--ink-3); }
.sw-dash { color: var(--ink-3); }
.sw-rest { margin: 12px 0 0; font-size: 13px; color: var(--ink-3); line-height: 1.6; }
.sw-rest span { display: inline-block; min-width: 152px; margin-right: 12px; font: 500 11px/1 var(--sans); letter-spacing: .12em; text-transform: uppercase; color: var(--ink-3); }
.sw-foot { margin: 22px 0 0; max-width: 92ch; line-height: 1.6; }
/* EBITDA in N s: the owner's ten-second question, measured, above the kinds' table. */
.sw-eb { margin: 6px 0 26px; }
.sw-eb-head { margin: 0 0 14px; }
.sw-eb-title { font: 300 22px/1.2 var(--serif); letter-spacing: -.015em; margin: 6px 0 0; }
.sw-eb-title i { font-style: italic; font-weight: 300; }
.sw-eb-grid tbody th { width: 36%; }
@media (max-width: 860px) {
  .sw-tiles { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .sw-title { font-size: 28px; }
}
@media (max-width: 640px) {
  .sw-grid thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
  .sw-grid, .sw-grid tbody, .sw-grid tr, .sw-grid th, .sw-grid td { display: block; width: auto; }
  .sw-grid tr { border-top: 1px solid var(--line); padding: 14px 16px; }
  .sw-grid tbody tr:first-child { border-top: 0; }
  .sw-grid th, .sw-grid td { border: 0; padding: 0; }
  .sw-grid tbody th { width: auto; margin: 0 0 10px; }
  .sw-grid td[data-l] { display: grid; grid-template-columns: 112px 1fr; gap: 10px; padding: 6px 0; }
  .sw-grid td[data-l]::before { content: attr(data-l); font-size: 12.5px; color: var(--ink-3); padding-top: 2px; grid-column: 1; grid-row: 1 / span 2; }
  .sw-grid td[data-l] > * { grid-column: 2; }
  .sw-meta { margin-top: 0; }
  .tr-grid { min-width: 0; } .tr-grid td.tr-note { overflow-wrap: anywhere; }
  .sw-v { font-size: 22px; }
  .sw-tile { padding: 14px 16px; }
}
.sw-skel { min-height: 640px; align-content: start; } .sw-skel span:first-child { height: 34px; } .sw-skel span:nth-child(2) { height: 112px; } .sw-skel span:nth-child(3) { height: 420px; }   /* sized like the panel: nothing below it moves into view */
.tr-grid td.num { white-space: nowrap; }