:root {
  --canvas: #121313;
  --surface: #1e1f1f;
  --line: #4a4944;
  --ink: #eee8dc;
  --muted: #aaa69d;
  --gold: #c59a4a;
  --red: #a7463a;
}

* { box-sizing: border-box; }
html { background: var(--canvas); }
body { margin: 0; background: var(--canvas); color: var(--ink); font-family: Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif; }
.shell { max-width: 1600px; margin: 0 auto; padding: 24px 18px 40px; }
.shell-header { display: flex; align-items: end; justify-content: space-between; gap: 18px; padding: 4px 6px 18px; border-bottom: 1px solid var(--line); }
.kicker { color: var(--gold); font-size: 11px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
h1 { margin: 5px 0 0; font-size: 28px; line-height: 1; letter-spacing: -.025em; }
.tabs { display: flex; gap: 7px; flex-wrap: wrap; }
.tab { min-height: 38px; padding: 8px 14px; color: var(--muted); background: var(--surface); border: 1px solid var(--line); border-radius: 5px; font-size: 13px; font-weight: 800; }
.tab[aria-selected="true"] { color: #17130b; background: var(--gold); border-color: var(--gold); }
.report-panel { padding-top: 16px; }
.report-frame { display: block; width: 100%; min-height: 900px; border: 0; background: transparent; }

@media (max-width: 640px) {
  .shell { padding: 16px 8px 28px; }
  .shell-header { align-items: flex-start; flex-direction: column; padding: 4px 8px 14px; }
  .tabs { width: 100%; }
  .tab { flex: 1; }
  .report-panel { padding-top: 8px; }
}