:root {
  color-scheme: light;


  --c-page: #f7f7f8;
  --c-sheet: #ffffff;
  --c-tint: #f3f4f6;
  --c-ink: #14213d;
  --c-text: #2f3547;
  --c-muted: #636b78;
  --c-line: #e5e7eb;
  --c-line-strong: #d2d6dc;
  --c-accent: #14213d;
  --c-accent-hover: #1e3157;
  --c-accent-press: #0d1830;
  --c-on-accent: #ffffff;
  --c-on-accent-soft: rgba(255, 255, 255, 0.18);
  --c-focus: #3d63c9;
  --c-focus-soft: rgba(61, 99, 201, 0.28);
  --c-scrim: rgba(20, 33, 61, 0.18);

  --c-backdrop: rgba(20, 33, 61, 0.45);
  --c-ok: #1f6b3a;
  --c-ok-bg: #e8f3ea;
  --c-ok-line: #b9dcc3;
  --c-progress: #1f4f8a;
  --c-progress-bg: #e8eff8;
  --c-progress-line: #b7cbe6;
  --c-note: #8a5a12;
  --c-note-bg: #fdf5e4;
  --c-note-line: #e0bd7a;
  --c-invalid: #b42318;
  --c-invalid-press: #912018;
  --c-invalid-bg: #fdf1ef;
  --c-invalid-line: #e7c2bd;
  --c-quiet-bg: #f1f2f4;
  --c-quiet-line: #dcdfe4;
  --c-mark: #f6dfae;
  --c-mark-soft: rgba(246, 223, 174, 0.28);


  --sp-hair: 2px;
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 24px;
  --sp-6: 32px;
  --sp-7: 40px;
  --sp-8: 48px;
  --sp-9: 64px;


  --r-sm: 4px;
  --r-md: 8px;
  --r-lg: 10px;
  --r-pill: 999px;
  --r-round: 50%;


  --font-head: var(--serif);
  --font-ui: var(--sans);
  --font-code: var(--mono);
  --fs-xs: 12px;
  --fs-sm: 13px;
  --fs-md: 14px;
  --fs-base: 16px;
  --fs-lg: 18px;
  --fs-xl: 22px;
  --fs-2xl: 26px;
  --fs-3xl: 32px;
  --fs-4xl: 40px;
  --fs-wordmark: 26px;
  --fs-sup: 0.7em;


  --btn-h-sm: 26px;
  --btn-h: 30px;
  --btn-h-lg: 40px;
  --btn-touch: 44px;
  --btn-pad-x: var(--sp-4);
  --btn-pad-y: calc((var(--btn-h) - 2px - 1.2em) / 2);
  --btn-pad-x-sm: var(--sp-3);
  --btn-fs: var(--fs-md);
  --btn-fs-sm: var(--fs-sm);
  --btn-weight: 600;
  --btn-radius: var(--r-lg);


  --field-h: 40px;
  --field-pad-x: var(--sp-3);
  --field-pad-y: var(--sp-2);
  --field-fs: var(--fs-base);
  --field-label-fs: var(--fs-xs);
  --field-bg: var(--c-sheet);
  --field-fill: var(--c-tint);
  --field-border: var(--c-line-strong);
  --field-radius: var(--r-md);
  --field-focus: var(--c-focus);
  --field-ring: 0 0 0 3px var(--c-focus-soft);
  --field-invalid: var(--c-invalid);

  --field-col: 16rem;
  --field-outline: 1px solid var(--field-border);


  --card-bg: var(--c-sheet);
  --card-line: var(--c-line);
  --card-radius: var(--r-md);
  --card-pad: var(--sp-5);
  --card-gap: var(--sp-5);

  --savebar-bg: var(--card-bg);
  --savebar-line: 1px solid var(--card-line);
  --shadow-none: none;


  --table-head-fs: var(--fs-sm);
  --table-head-weight: 600;
  --table-row-fs: var(--fs-md);
  --table-cell-y: var(--sp-3);
  --table-cell-x: var(--sp-4);
  --table-line: var(--c-line);
  --table-hover: var(--c-tint);


  --sidebar-w: 240px;
  --page-gutter: var(--sp-7);
  --reading: 72ch;
}


.sv {
  font-family: var(--font-ui);
  font-size: var(--fs-md);
  line-height: 1.5;
  color: var(--c-text);
  background: var(--c-sheet);
  border: 1px solid var(--c-line-strong);
  border-radius: var(--r-lg);
  overflow: hidden;
  text-align: left;
}
.sv *, .sv *::before, .sv *::after { box-sizing: border-box; }
.sv :where(p, ul, ol, h2, table) { margin: 0; padding: 0; font-family: inherit; letter-spacing: normal; }
.sv :where(ul, ol) { list-style: none; }
.sv :where(button) { font: inherit; color: inherit; background: none; border: 0; padding: 0; margin: 0; cursor: pointer; text-align: left; }
.sv :where(img) { max-width: none; }
.sv button:focus-visible, .sv select:focus-visible, .sv input:focus-visible {
  outline: 2px solid var(--c-focus);
  outline-offset: 2px;
}
.sv-mono, .sv-date, .sv-chip, .sv-num { font-family: var(--font-code); font-size: var(--fs-xs); }
.sv-num { text-align: right; font-variant-numeric: tabular-nums; }
.sv-vh { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }


.sv-bar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  min-height: 60px;
  gap: var(--sp-3) var(--sp-6);
  padding: var(--sp-3) var(--sp-5);
  border-bottom: 1px solid var(--c-line);
  background: var(--c-sheet);
}
.sv-brand { display: flex; align-items: center; gap: var(--sp-2); line-height: 1; }
.sv-mark {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 26px;
  height: 26px;
  border-radius: var(--r-sm);
  background: var(--c-ink);
  color: var(--c-on-accent);
  font-family: var(--font-head);
  font-size: var(--fs-lg);
  line-height: 1;
}
.sv-name { font-family: var(--font-head); font-size: var(--fs-lg); color: var(--c-ink); }
.sv-case { display: flex; flex-wrap: wrap; align-items: center; gap: 0 var(--sp-3); color: var(--c-muted); flex: 1 1 0; min-width: 0; }
.sv-casename { font-weight: 600; color: var(--c-ink); font-size: var(--fs-lg); }
.sv-tabs { display: flex; gap: var(--sp-1); margin-left: auto; overflow-x: auto; scrollbar-width: none; }
.sv-tabs button {
  padding: var(--sp-2) var(--sp-3);
  border-radius: var(--r-md);
  color: var(--c-muted);
  font-weight: 500;
  white-space: nowrap;
  min-height: var(--btn-touch);
}
.sv-tabs button:hover { color: var(--c-ink); }
.sv-tabs button[aria-selected="true"] { color: var(--c-ink); background: var(--c-tint); font-weight: 600; }


.sv-body { background: var(--c-sheet); }
.sv .sv-panel[hidden] { display: none; }
.sv-body { height: clamp(560px, 76vh, 800px); display: grid; grid-template-columns: 208px minmax(0, 1fr); }
.sv-body > .sv-files { grid-column: 1; grid-row: 1; overflow-y: auto; }
.sv-body > .sv-panel { grid-column: 2; grid-row: 1; min-height: 0; }
.sv-compact .sv-body { grid-template-columns: minmax(0, 1fr); }
.sv-compact .sv-body > .sv-panel { grid-column: 1; }
.sv-panel { height: 100%; }
.sv-chron { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); }
.sv-chron > *, .sv-wide > * { overflow-y: auto; min-height: 0; }
.sv-wide { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 360px); overflow: hidden; }
.sv-wide.has-src { grid-template-columns: minmax(0, 1fr) minmax(0, 420px); }
.sv-placeholder { display: flex; align-items: center; justify-content: center; padding: var(--sp-6); border-left: 1px solid var(--c-line); background: var(--c-page); color: var(--c-muted); font-size: var(--fs-sm); text-align: center; }
.sv-wide.has-src .sv-placeholder { display: none; }
.sv-chips { display: flex; flex-wrap: wrap; gap: var(--sp-1); }

.sv-wide.has-src { overflow: hidden; }
.sv-files { padding: var(--sp-5) var(--sp-4); border-right: 1px solid var(--c-line); background: var(--c-page); }
.sv-main { padding: var(--sp-5) var(--sp-6); min-width: 0; }
.sv-src { padding: var(--sp-5); border-left: 1px solid var(--c-line); background: var(--c-page); min-width: 0; }


.sv-h {
  font-size: var(--fs-xs);
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--c-muted);
  margin-bottom: var(--sp-2);
}
.sv .sv-h { font-family: var(--font-ui); font-variant: normal; line-height: 1.4; }
.sv-srcfile .sv-mono, .sv-file .sv-mono, .sv-srcfile .sv-num, .sv-case .sv-mono { font-family: var(--font-ui); font-size: var(--fs-sm); }
.sv-ev.is-sel > .sv-chip { background: var(--c-sheet); border-color: var(--c-ink); color: var(--c-ink); }
#svPanelBilling .sv-tablewrap, #svPanelBilling .sv-sum { max-width: 1000px; }
.sv-sum span { font-family: var(--font-ui); }
.sv-count { font-family: var(--font-ui); }
.sv-srcfile { display: flex; justify-content: space-between; gap: var(--sp-2); color: var(--c-ink); padding: var(--sp-2) 0; border-bottom: 1px solid var(--c-line); }
.sv-kinds { margin-bottom: var(--sp-6); }
.sv-kinds li { display: flex; justify-content: space-between; gap: var(--sp-2); padding: var(--sp-1) 0 var(--sp-1) var(--sp-3); color: var(--c-text); }
.sv-removed li { padding: var(--sp-1) 0; }
.sv-rm { display: flex; flex-wrap: wrap; align-items: baseline; gap: var(--sp-1) var(--sp-2); color: var(--c-muted); }
.sv-rm s { color: var(--c-muted); }
.sv-rm:hover .sv-of { color: var(--c-ink); text-decoration: underline; }
.sv-of { font-size: var(--fs-sm); }
.sv-note { margin-top: var(--sp-4); padding-top: var(--sp-3); border-top: 1px solid var(--c-line); font-size: var(--fs-sm); color: var(--c-muted); }


.sv-tools { display: flex; flex-wrap: wrap; align-items: center; gap: var(--sp-2); margin-bottom: var(--sp-4); }
.sv-tools .sv-search { flex: 1 1 260px; }
.sv-tools .sv-sel { flex: 0 1 230px; position: relative; }
.sv-sel select { appearance: none; -webkit-appearance: none; padding-right: var(--sp-7); cursor: pointer; }
.sv-sel::after { content: ""; position: absolute; right: var(--sp-4); top: 50%; width: 7px; height: 7px; border-right: 1.5px solid var(--c-muted); border-bottom: 1.5px solid var(--c-muted); transform: translateY(-70%) rotate(45deg); pointer-events: none; }
.sv-tools .sv-count { margin-left: auto; }
.sv-search, .sv-sel select {
  font: inherit;
  font-size: var(--fs-md);
  color: var(--c-text);
  min-height: var(--btn-touch);
  padding: var(--sp-1) var(--sp-3);
  border: 1px solid var(--c-line-strong);
  border-radius: var(--r-md);
  background: var(--c-sheet);
}
.sv-search { width: 100%; min-width: 0; }
.sv-sel select { width: 100%; }
.sv-pill {
  display: inline-flex;
  align-items: center;
  gap: var(--sp-1);
  padding: 0 var(--sp-1) 0 var(--sp-3);
  min-height: var(--btn-h);
  border-radius: var(--r-pill);
  background: var(--c-tint);
  border: 1px solid var(--c-line-strong);
  color: var(--c-ink);
  font-size: var(--fs-sm);
  font-weight: 500;
}
.sv-pill[hidden] { display: none; }
.sv-pill button { width: 26px; height: 26px; border-radius: var(--r-round); text-align: center; color: var(--c-muted); font-size: var(--fs-lg); line-height: 1; }
.sv-pill button:hover { background: var(--c-quiet-bg); color: var(--c-ink); }
.sv-state { display: inline-flex; gap: var(--sp-2); align-items: center; font-size: var(--fs-sm); color: var(--c-ink); padding: 0 var(--sp-2); }
.sv-state .sv-k { color: var(--c-muted); }
.sv-state .sv-k::after { content: ":"; }
.sv-tools .sv-state { margin-left: auto; }
.sv .sv-state[hidden] { display: none; }
.sv-tools .sv-count { margin-left: var(--sp-4); }
.sv-state .sv-v { color: var(--c-ink); font-weight: 500; }
.sv-line .sv-lk { color: var(--c-muted); }
.sv-count { margin-left: auto; font-size: var(--fs-sm); color: var(--c-muted); font-family: var(--font-code); }


.sv-tl { position: relative; padding-left: var(--sp-5); padding-bottom: var(--sp-6); }
.sv-tl::before { content: ""; position: absolute; left: 5px; top: var(--sp-2); bottom: var(--sp-2); border-left: 1px solid var(--c-line-strong); }
.sv-ev {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: var(--sp-3);
  align-items: start;
  padding: var(--sp-3) var(--sp-4);
  margin-bottom: var(--sp-1);
  border-radius: var(--r-md);
  border: 1px solid transparent;
}
.sv-ev[hidden] { display: none; }
.sv-ev:hover { background: var(--c-page); }
.sv-ev.is-sel { background: var(--c-quiet-bg); }
.sv-dot {
  position: absolute;
  left: calc(-1 * var(--sp-5) + 1px);
  top: var(--sp-5);
  width: 9px;
  height: 9px;
  border-radius: var(--r-round);
  background: var(--c-sheet);
  border: 2px solid var(--c-muted);
}
.sv-ev.is-sel .sv-dot { background: var(--c-ink); border-color: var(--c-ink); }
.sv-evbtn { display: flex; flex-direction: column; gap: var(--sp-1); min-width: 0; }
.sv-evbtn::after { content: ""; position: absolute; inset: 0; }
.sv-meta { display: flex; gap: var(--sp-3); align-items: baseline; min-width: 0; white-space: nowrap; }
.sv-date { color: var(--c-ink); }
.sv-prov { overflow: hidden; text-overflow: ellipsis; min-width: 0; font-size: var(--fs-sm); font-weight: 500; color: var(--c-muted); }
.sv-title { font-weight: 600; color: var(--c-ink); font-size: var(--fs-base); line-height: 1.35; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.sv-line { color: var(--c-text); font-size: var(--fs-sm); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.sv-chip {
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
  padding: var(--sp-1) var(--sp-2);
  border-radius: var(--r-sm);
  border: 1px solid var(--c-line-strong);
  background: var(--c-sheet);
  color: var(--c-ink);
}
button.sv-chip { min-height: var(--btn-h-sm); }
button.sv-chip:hover { border-color: var(--c-ink); }
.sv-ev .sv-chip { position: relative; margin-top: var(--sp-hair); }
.sv-none { color: var(--c-muted); padding: var(--sp-5) 0; }
.sv-none[hidden] { display: none; }


.sv-src { display: flex; flex-direction: column; gap: var(--sp-3); overflow-y: auto; }
.sv-srchead { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: var(--sp-1) var(--sp-3); align-items: start; }
.sv-file { color: var(--c-muted); font-size: var(--fs-sm); }
.sv-file .sv-mono { color: var(--c-ink); }
.sv-visit { grid-column: 1; font-weight: 600; color: var(--c-ink); }
.sv-close { display: none; grid-row: 1 / span 2; grid-column: 2; min-height: var(--btn-touch); padding: 0 var(--sp-3); border: 1px solid var(--c-line-strong); border-radius: var(--r-lg); background: var(--c-sheet); font-weight: 600; color: var(--c-ink); }
.sv-cited { display: flex; flex-direction: column; gap: var(--sp-1); padding: var(--sp-3) var(--sp-4); border: 1px solid var(--c-line-strong); border-radius: var(--r-md); background: var(--c-sheet); }
.sv-cited .sv-k, .sv-sbtn .sv-k { font-size: var(--fs-sm); color: var(--c-muted); font-weight: 500; }
.sv-cited mark { border-radius: var(--r-sm); background: var(--c-mark); color: var(--c-ink); font-size: var(--fs-md); line-height: 1.5; padding: 0 var(--sp-hair); box-decoration-break: clone; -webkit-box-decoration-break: clone; }
.sv-src > .sv-h { margin: var(--sp-1) 0 0; }
.sv-pagefoot { font-size: var(--fs-xs); color: var(--c-muted); margin-top: calc(-1 * var(--sp-2)); }
.sv-sfacts { display: flex; flex-direction: column; flex: none; border-top: 1px solid var(--c-line); }
.sv-sfact { border-bottom: 1px solid var(--c-line); }
.sv-sbtn { display: grid; grid-template-columns: 112px minmax(0, 1fr) auto; gap: var(--sp-2); align-items: baseline; width: 100%; padding: var(--sp-2) var(--sp-1); }
.sv-sbtn:hover .sv-q { color: var(--c-ink); text-decoration: underline; }
.sv-sbtn .sv-q { color: var(--c-text); font-size: var(--fs-sm); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.sv-sfact.is-on { display: none; }
.sv-page {
  position: relative;
  flex: none;
  height: 420px;
  padding: var(--sp-3);
  background: var(--c-tint);
  border: 1px solid var(--c-line-strong);
  border-radius: var(--r-sm);
  background: var(--c-sheet);
  overflow: auto;
}
.sv-paper { position: relative; width: 100%; max-width: none; background: var(--c-sheet); border: 1px solid var(--c-line-strong); box-shadow: 0 1px 3px var(--c-scrim); }
.sv-pageof { margin-bottom: calc(-1 * var(--sp-2)); font-size: var(--fs-xs); color: var(--c-muted); text-align: right; }
.sv-page img { display: block; width: 100%; height: auto; }
.sv-ev, .sv-src, .sv-tabs button { transition: none; }
.sv-hl {
  position: absolute;
  display: none;
  background: var(--c-mark);
  mix-blend-mode: multiply;
  border-radius: var(--r-sm);
  pointer-events: none;
}
.sv-hl.is-on { display: block; }
.sv-empty { color: var(--c-muted); }
.sv-src.is-empty > * { visibility: hidden; }


.sv-tablewrap { overflow-x: auto; }
.sv-table { width: 100%; border-collapse: collapse; font-size: var(--fs-sm); }
.sv-table th, .sv-table td { padding: var(--sp-2) var(--sp-3); border-bottom: 1px solid var(--c-line); text-align: left; vertical-align: baseline; }
.sv-table thead th, .sv-table thead th.sv-num { font-family: var(--font-ui); font-size: var(--fs-xs); font-weight: 600; letter-spacing: 0.05em; text-transform: uppercase; color: var(--c-muted); border-bottom-color: var(--c-line-strong); white-space: nowrap; }
.sv-table .sv-num, .sv-table td.sv-mono { text-align: right; white-space: nowrap; }
.sv-table td.sv-mono { text-align: left; }
.sv-table tbody th { font-weight: 500; color: var(--c-ink); }
.sv-table tfoot th, .sv-table tfoot td { font-weight: 600; color: var(--c-ink); border-bottom: 0; }
.sv-group th, .sv-group td { padding-top: var(--sp-5); font-weight: 600; color: var(--c-ink); border-bottom-color: var(--c-line-strong); }
.sv-link { color: var(--c-ink); text-decoration: underline; text-decoration-color: var(--c-line-strong); text-underline-offset: 3px; min-height: var(--btn-h); }
.sv-link:hover { text-decoration-color: var(--c-ink); }
.sv-pagesgrid { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); gap: var(--sp-6); align-items: start; }
.sv-counts th { font-weight: 500; white-space: nowrap; }
.sv-alert th, .sv-alert td { color: var(--c-ink); font-weight: 600; }
.sv-finding { padding: var(--sp-4) var(--sp-5); border: 1px solid var(--c-line); border-left: 3px solid var(--c-ink); background: var(--c-page); border-radius: var(--r-md); color: var(--c-ink); }
.sv-finding:empty { display: none; }
.sv-pagesnote { display: flex; flex-direction: column; gap: var(--sp-4); }
.sv-findings { display: flex; flex-direction: column; color: var(--c-text); border-top: 1px solid var(--c-line); }
.sv-findings li { padding: var(--sp-3) 0; border-bottom: 1px solid var(--c-line); }
.sv-pagesnote .sv-h { margin: var(--sp-2) 0 0; }
.sv-wide .sv-main { padding: var(--sp-5) var(--sp-6) var(--sp-6); }
.sv-wide.has-src .sv-main { max-width: none; margin: 0; }
.sv-sum { display: flex; flex-wrap: wrap; gap: var(--sp-1) var(--sp-5); align-items: baseline; margin-bottom: var(--sp-4); color: var(--c-muted); font-size: var(--fs-sm); }
.sv-sum strong { color: var(--c-ink); font-family: var(--font-code); font-size: var(--fs-lg); font-weight: 600; }
.sv-wide.has-src { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 420px); }


.sv-foot { padding: var(--sp-2) var(--sp-5); border-top: 1px solid var(--c-line); background: var(--c-page); color: var(--c-muted); font-size: var(--fs-xs); }


.sv-compact .sv-body { height: 540px; }
.sv-compact .sv-chron { grid-template-columns: minmax(0, 1fr) minmax(0, 46%); }
.sv-compact .sv-main { padding: var(--sp-4) var(--sp-4) var(--sp-4) var(--sp-5); }
.sv-compact .sv-page { height: 300px; }
.sv-compact .sv-src { gap: var(--sp-3); }
.sv-compact .sv-src > .sv-h, .sv-compact .sv-sfacts { display: none; }


@media (max-width: 1439px) {
  .sv-wide:not(.has-src) { grid-template-columns: minmax(0, 1fr); }
  .sv-wide:not(.has-src) .sv-placeholder { display: none; }
  .sv-body { grid-template-columns: minmax(0, 1fr); grid-template-rows: auto minmax(0, 1fr); }
  .sv-body > .sv-panel { grid-column: 1; grid-row: 2; }
  .sv-body > .sv-files { grid-row: 1; overflow: visible; }
  .sv-chron { grid-template-columns: minmax(0, 1fr) minmax(0, 400px); }
  .sv-files { grid-column: 1 / -1; border-right: 0; border-bottom: 1px solid var(--c-line); padding: var(--sp-3) var(--sp-5); display: flex; flex-wrap: wrap; gap: var(--sp-2) var(--sp-5); align-items: baseline; }
  .sv-files .sv-h, .sv-files .sv-kinds, .sv-files .sv-removed { display: none; }
  .sv-files .sv-srcfile { border: 0; padding: 0; gap: var(--sp-3); }
  .sv-files .sv-note { margin: 0; padding: 0; border: 0; }
  .sv-main { padding: var(--sp-5); }
}


@media (max-width: 899px) {
  .sv-bar { padding: var(--sp-3) var(--sp-4); gap: var(--sp-2) var(--sp-4); }
  .sv-tabs { margin-left: 0; width: 100%; display: grid; grid-template-columns: repeat(4, auto); gap: var(--sp-hair); padding: var(--sp-hair); border-radius: var(--r-lg); background: var(--c-tint); overflow: visible; }
  .sv-tabs { justify-content: space-between; }
  .sv-tabs button { padding: var(--sp-1); min-height: 36px; font-size: var(--fs-xs); text-align: center; white-space: nowrap; }
  .sv-sbtn .sv-q { white-space: normal; }
  .sv-tabs button[aria-selected="true"] { background: var(--c-sheet); box-shadow: 0 1px 2px var(--c-scrim); }
  .sv-tools .sv-state { order: 5; }
  .sv-tools .sv-count { order: 6; margin-left: auto; width: auto; }
  .sv-tools .sv-sel { max-width: none; flex: 1 1 100%; }
  .sv-tools { grid-template-columns: minmax(0, 1fr); }
  .sv-tools > * { grid-column: 1 !important; grid-row: auto !important; justify-self: stretch !important; }
  .sv-pill { justify-self: start !important; }
  .sv-meta { flex-wrap: wrap; white-space: normal; }
  .sv-table thead { display: none; }
  .sv-table, .sv-table tbody, .sv-table tfoot { display: block; }
  .sv-table tr { display: flex; flex-wrap: wrap; align-items: baseline; gap: var(--sp-1) var(--sp-3); padding: var(--sp-3) 0; border-bottom: 1px solid var(--c-line); }
  .sv-table tr > th { flex: 1 1 auto; }
  .sv-counts tr > td { margin-left: auto; }
  #svPanelProviders .sv-table tr { display: flex; flex-wrap: wrap; align-items: baseline; gap: var(--sp-1) var(--sp-3); }
  #svPanelProviders .sv-table tr > th { flex: 1 1 100%; }
  #svPanelProviders .sv-table tr > td:last-child { order: 3; flex: 0 0 auto; margin-left: auto; }
  #svPanelProviders .sv-table tr > td:not(:last-child) { order: 2; flex: 0 0 auto; display: inline-flex; gap: var(--sp-1); font-size: var(--fs-xs); }
  #svPanelBilling .sv-table tbody tr:not(.sv-group) { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: var(--sp-1) var(--sp-3); }
  #svPanelBilling .sv-table tbody tr:not(.sv-group) > :nth-child(1) { grid-column: 1 / 3; grid-row: 1; }
  #svPanelBilling .sv-table tbody tr:not(.sv-group) > :nth-child(4) { grid-column: 3; grid-row: 1; }
  #svPanelBilling .sv-table tbody tr:not(.sv-group) > :nth-child(2) { grid-column: 1; grid-row: 2; color: var(--c-muted); }
  #svPanelBilling .sv-table tbody tr:not(.sv-group) > :nth-child(3) { grid-column: 2; grid-row: 2; color: var(--c-muted); }
  #svPanelBilling .sv-table tbody tr:not(.sv-group) > :nth-child(5) { grid-column: 3; grid-row: 2; }
  #svPanelProviders .sv-table td { font-size: var(--fs-sm); }
  .sv-group th { flex: 1 1 0; }
  .sv-group td[data-l] { font-family: var(--font-code); }
  .sv-group td[data-l]::before { content: none; }
  .sv-table th, .sv-table td { display: block; border: 0; padding: 0; }
  .sv-table td[data-l]::before { content: attr(data-l) " "; color: var(--c-muted); font-family: var(--font-ui); font-size: var(--fs-xs); }
  .sv-table .sv-num { text-align: right; }
  .sv-table td:empty { display: none; }
  .sv-body, .sv-compact .sv-body, .sv-panel { height: auto; }
  .sv-chron > *, .sv-wide > *, .sv-wide, .sv-body > .sv-files { overflow: visible; }
  .sv-body { display: block; }
  .sv-meta { white-space: normal; flex-wrap: wrap; column-gap: var(--sp-2); }
  .sv-evbtn { min-width: 0; max-width: 100%; }
  .sv-title, .sv-line { overflow-wrap: anywhere; }
  .sv-chron, .sv-compact .sv-chron, .sv-wide, .sv-wide.has-src { display: block; }
  .sv-placeholder { display: none; }
  .sv-bar { padding: var(--sp-2) var(--sp-3); }
  .sv-case { gap: 0 var(--sp-2); font-size: var(--fs-sm); }
  .sv-casename { font-size: var(--fs-base); width: 100%; }
  .sv-page { flex: none; height: 46vh; }
  .sv-main, .sv-compact .sv-main, .sv-wide .sv-main { padding: var(--sp-3); }
  .sv-tl { padding-left: var(--sp-3); }
  .sv-dot { left: calc(-1 * var(--sp-3) + 1px); }
  .sv-ev { padding: var(--sp-3) var(--sp-2); }
  .sv-body > .sv-files { display: none; }
  .sv-bar { gap: var(--sp-2); }
  .sv-cols { display: none; }
  .sv-state { padding: 0; }
  .sv-count { margin-left: auto; }
  .sv-ev { display: block; padding: var(--sp-3) var(--sp-2); }
  .sv-ev > .sv-chip { position: absolute; top: var(--sp-3); right: var(--sp-2); margin: 0; }
  .sv-ev .sv-meta { padding-right: calc(var(--sp-9) + var(--sp-7)); }
  #svPanelProviders .sv-table td[data-l]::before { font-size: var(--fs-xs); }
  .sv-ev .sv-title { -webkit-line-clamp: unset; display: block; }
  .sv-sbtn { grid-template-columns: minmax(0, 1fr) auto; }
  .sv-sbtn .sv-k { grid-column: 1 / -1; }
  .sv-src {
    display: none;
    position: fixed;
    inset: 0;
    z-index: 1000;
    overflow-y: auto;
    border: 0;
    border-radius: 0;
    background: var(--c-sheet);
    padding: var(--sp-4);
  }
  .sv-src.is-open { display: flex; }
  .sv-close { display: inline-flex; align-items: center; }
  .sv-srchead { position: sticky; top: calc(-1 * var(--sp-4)); z-index: 2; background: var(--c-sheet); padding: var(--sp-3) 0; margin-top: calc(-1 * var(--sp-3)); border-bottom: 1px solid var(--c-line); }
  .sv-tools .sv-state { margin-left: 0; }
  .sv-pagesgrid { display: block; }
  .sv-finding { margin-top: var(--sp-4); }
  .sv-table th, .sv-table td { padding: var(--sp-2); }
}
