.it { font-family: var(--font-anthropic-sans); color: var(--color-fg); display: flex; flex-direction: column; gap: var(--cds-gap-lg); }
  .it h1, .it h2, .it h3, .it p { margin: 0; }
  .it-head { display: flex; flex-direction: column; gap: var(--cds-gap-xs); }
  .it-title { font-family: var(--font-anthropic-serif); font-weight: 400; font-size: var(--cds-font-size-title); text-wrap: balance; }
  .it-lead { color: var(--color-fg-muted); font-size: var(--cds-font-size-body); max-width: 72ch; line-height: 1.5; }
  .it-lead b { color: var(--color-fg); font-weight: 600; }
  .it-tabs { display: flex; gap: var(--cds-gap-xs); flex-wrap: wrap; border-bottom: 1px solid var(--color-border-line); }
  .it-tab { appearance: none; background: none; border: 0; border-bottom: 2px solid transparent; color: var(--color-fg-muted); font: inherit; font-size: var(--cds-font-size-body); padding: var(--cds-pad-sm) var(--cds-pad-md); cursor: pointer; margin-bottom: -1px; }
  .it-tab:hover { color: var(--color-fg); }
  .it-tab[aria-selected="true"] { color: var(--color-fg); border-bottom-color: var(--color-fg); font-weight: 500; }
  .it-tab:focus-visible, .it-chip:focus-visible, .it-btn:focus-visible { outline: 2px solid var(--cds-chart-reference); outline-offset: 2px; }
  .it-page { display: flex; flex-direction: column; gap: var(--cds-gap-md); }
  .it-tiles { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 11rem), 1fr)); gap: var(--cds-gap-md); }
  .it-tile { background: var(--color-panel); border: 1px solid var(--color-border-line); border-radius: var(--cds-radius); padding: var(--cds-pad-md) var(--cds-pad-lg); display: flex; flex-direction: column; gap: var(--cds-gap-xs); min-width: 0; }
  .it-tile-l { font-size: var(--cds-font-size-caption); color: var(--color-fg-muted); }
  .it-tile-v { font-family: var(--font-anthropic-serif); font-weight: 400; font-size: var(--cds-font-size-title); font-variant-numeric: tabular-nums; white-space: nowrap; }
  .it-tile-d { font-size: var(--cds-font-size-caption); color: var(--color-fg-muted); font-variant-numeric: tabular-nums; }
  .it-good { color: var(--color-ok); }
  .it-bad { color: var(--color-bad); }
  .it-warn { color: var(--color-warn); }
  .it-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 24rem), 1fr)); gap: var(--cds-gap-md); }
  .it-grid-3 { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 17rem), 1fr)); gap: var(--cds-gap-md); }
  .it-card { background: var(--color-panel); border: 1px solid var(--color-border-line); border-radius: var(--cds-radius); padding: var(--cds-pad-lg); display: flex; flex-direction: column; gap: var(--cds-gap-sm); min-width: 0; }
  .it-card h2, .it-card h3 { font-size: var(--cds-font-size-heading); font-weight: var(--cds-font-weight-medium); }
  .it-note { font-size: var(--cds-font-size-caption); color: var(--color-fg-muted); line-height: 1.45; }
  .it-wide { grid-column: 1 / -1; }
  .it-chart { position: relative; min-height: 260px; }
  .it-chart.it-short { min-height: 170px; }
  .it-svg { display: block; overflow: visible; }
  .it-tick { font-size: 11px; fill: var(--color-fg-muted); font-variant-numeric: tabular-nums; }
  .it-lab { font-size: 12px; fill: var(--color-fg); }
  .it-val { font-size: 11px; fill: var(--color-fg); font-variant-numeric: tabular-nums; }
  .it-end { font-size: 11px; font-weight: 600; }
  .it-tip { position: absolute; z-index: 5; pointer-events: none; background: var(--cds-surface-popover); border: 1px solid var(--cds-border); border-radius: var(--cds-radius); box-shadow: var(--cds-shadow-popover); padding: var(--cds-pad-xs) var(--cds-pad-sm); font-size: var(--cds-font-size-caption); min-width: 9rem; }
  .it-tip-h { color: var(--cds-text-secondary); margin-bottom: 2px; }
  .it-tip-r { display: flex; align-items: center; gap: 6px; font-variant-numeric: tabular-nums; }
  .it-tip-r b { margin-left: auto; padding-left: 12px; font-weight: 600; }
  .it-sw { width: 8px; height: 8px; border-radius: 2px; flex: none; }
  .it-legend { display: flex; flex-wrap: wrap; gap: var(--cds-gap-xs) var(--cds-gap-md); font-size: var(--cds-font-size-caption); color: var(--color-fg-muted); }
  .it-legend span { display: inline-flex; align-items: center; gap: 6px; }
  .it-tablebox { overflow: auto; max-height: 30rem; border-top: 1px solid var(--color-border-line); }
  .it-tablebox.it-free { max-height: none; }
  .it-table { width: 100%; border-collapse: collapse; font-size: var(--cds-font-size-caption); font-variant-numeric: tabular-nums; }
  .it-table th { position: sticky; top: 0; background: var(--color-panel); text-align: left; font-weight: 500; color: var(--color-fg-muted); padding: var(--cds-pad-xs) var(--cds-pad-sm); border-bottom: 1px solid var(--color-border-line); white-space: nowrap; z-index: 1; }
  .it-table td { padding: var(--cds-pad-xs) var(--cds-pad-sm); border-bottom: 1px solid var(--color-border-line); vertical-align: top; }
  .it-table .it-num, .it-table th.it-num { text-align: right; white-space: nowrap; }
  .it-table tfoot td { font-weight: 600; position: sticky; bottom: 0; background: var(--color-panel); border-top: 1px solid var(--color-border-line); }
  .it-table tr.it-tot td { font-weight: 600; }
  .it-table tr.it-click { cursor: pointer; }
  .it-table tr.it-click:hover td, .it-table tr.it-click:focus-visible td { background: var(--color-bg); }
  .it-sortable { cursor: pointer; user-select: none; }
  .it-sortable[aria-sort="ascending"]::after { content: " ↑"; }
  .it-sortable[aria-sort="descending"]::after { content: " ↓"; }
  .it-bar { display: flex; align-items: center; gap: 8px; justify-content: flex-end; }
  .it-bar i { display: block; height: 6px; border-radius: 3px; background: var(--cds-chart-muted); flex: none; }
  .it-tools { display: flex; flex-wrap: wrap; gap: var(--cds-gap-sm); align-items: center; }
  .it-input, .it-select { font: inherit; font-size: var(--cds-font-size-caption); color: var(--color-fg); background: var(--color-bg); border: 1px solid var(--color-border-line); border-radius: var(--cds-radius); padding: 6px 8px; min-width: 0; }
  .it-input { flex: 1 1 12rem; }
  .it-btn { font: inherit; font-size: var(--cds-font-size-caption); color: var(--color-fg); background: var(--color-bg); border: 1px solid var(--color-border-line); border-radius: var(--cds-radius); padding: 6px 10px; cursor: pointer; }
  .it-btn:hover { border-color: var(--color-fg-muted); }
  .it-chips { display: flex; flex-wrap: wrap; gap: var(--cds-gap-xs); }
  .it-chip { font: inherit; font-size: var(--cds-font-size-caption); color: var(--color-fg); background: var(--color-bg); border: 1px solid var(--color-border-line); border-radius: 999px; padding: 4px 10px; cursor: pointer; }
  .it-chip[aria-pressed="true"] { background: var(--color-fg); color: var(--color-bg); border-color: var(--color-fg); }
  .it-q { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 12rem), 1fr)); gap: var(--cds-gap-sm) var(--cds-gap-md); }
  .it-field { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
  .it-field > span { font-size: var(--cds-font-size-caption); color: var(--color-fg-muted); }
  .it-field .it-select, .it-field .it-input { width: 100%; flex: none; }
  .it-range { display: flex; gap: 6px; align-items: center; }
  .it-range .it-select { flex: 1; }
  .it-summary { font-size: var(--cds-font-size-body); }
  .it-alert { display: flex; gap: var(--cds-gap-sm); align-items: flex-start; font-size: var(--cds-font-size-caption); line-height: 1.45; }
  .it-alert::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: var(--cds-chart-status-critical); margin-top: 5px; flex: none; }
  .it-alerts { display: flex; flex-direction: column; gap: var(--cds-gap-sm); }
  .it-copyout { width: 100%; min-height: 6rem; font-family: ui-monospace, monospace; font-size: 11px; }
  [data-dash-source-state=empty] { color: transparent; }
  [data-dash-source-state=refreshing] { opacity: .5; transition: opacity var(--cds-dur-slow); }
  .it-filterbar { display: flex; flex-wrap: wrap; gap: var(--cds-gap-sm) var(--cds-gap-lg); align-items: flex-end; }
  .it-dipsel { flex: 0 1 16rem; }
  .it-filterbar .it-note { flex: 1 1 20rem; max-width: 72ch; }
  .it-banner { font-size: var(--cds-font-size-caption); color: var(--color-fg-muted); background: var(--color-panel); border: 1px solid var(--color-border-line); border-radius: var(--cds-radius); padding: var(--cds-pad-sm) var(--cds-pad-md); margin: 0; }
  .it-table tr.it-sel td { background: var(--color-bg); font-weight: 600; }
  .it-multi-sel { outline: 2px solid var(--cds-chart-reference); outline-offset: 4px; border-radius: var(--cds-radius); }
  .it-fail { display: flex; align-items: center; justify-content: center; gap: 8px; min-height: inherit; color: var(--color-fg-muted); font-size: var(--cds-font-size-caption); }
  .it-fail::before { content: ""; width: .375rem; height: .375rem; border-radius: 50%; background: var(--color-bad); }
  @media (prefers-reduced-motion: no-preference) {
    .it-page:not([hidden]) { animation: it-in var(--cds-dur-slow) var(--cds-ease-out); }
    @keyframes it-in { from { opacity: 0.4; } to { opacity: 1; } }
  }