:root {
  color-scheme: light;
  --ink: #192943;
  --slate: #4e5d77;
  --muted: #667995;
  --line: #e2e8f0;
  --canvas: #f9fafb;
  --blue: #0798f3;
  --green: #13784f;
  --red: #b42c37;
  --page-gutter: 63px;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  color: var(--ink);
  background: var(--canvas);
  font-size: 13px;
}
* { box-sizing: border-box; }
[hidden] { display: none !important; }
body { margin: 0; min-width: 320px; }
button, input, select { font: inherit; }
button, select { cursor: pointer; }
button:disabled { cursor: default; opacity: .45; }
a { color: #125ab0; text-underline-offset: 3px; }
button:focus-visible, input:focus-visible, select:focus-visible, a:focus-visible, [tabindex="0"]:focus-visible { outline: 2px solid var(--blue); outline-offset: 2px; }
svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.65; stroke-linecap: round; stroke-linejoin: round; flex: none; }
.icon-definitions, .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
.skip-link { position: absolute; top: -100px; left: 10px; background: white; padding: 10px; z-index: 10; }
.skip-link:focus { top: 5px; }
.topbar { height: 50px; padding: 0 var(--page-gutter); display: flex; align-items: center; gap: 43px; border-bottom: 1px solid #e7ebf0; background: #fff; }
.tyra-logo { display: block; width: 155px; height: 36px; object-fit: contain; object-position: left center; }
.top-navigation { display: flex; align-self: stretch; gap: 30px; margin-left: auto; white-space: nowrap; }
.top-navigation a, .top-navigation span { position: relative; display: flex; align-items: center; font-size: 12px; color: #40516b; text-decoration: none; }
.top-navigation a { font-weight: 650; color: #172a47; }
.top-navigation a::after { content: ""; position: absolute; height: 2px; background: var(--blue); bottom: 9px; left: 0; right: 0; }
.local-identity { display: flex; align-items: center; gap: 10px; white-space: nowrap; font-size: 12px; }
.avatar { display: grid; place-items: center; width: 29px; height: 29px; border-radius: 50%; background: #e1e8f3; color: #354765; font-size: 11px; }
main { position: relative; isolation: isolate; }
main::before { content: ""; position: absolute; z-index: -1; top: 143px; right: 0; width: min(796px,100%); height: 69px; pointer-events: none; background: linear-gradient(180deg,transparent,var(--canvas)), url("assets/hero-continuation.png") right top / 100% 100% no-repeat; mask-image: linear-gradient(to right,transparent,#000 100px); }
.hero { height: 143px; position: relative; overflow: hidden; background: linear-gradient(90deg,#f7f7f9,#faf9fa 20%,#f8f8f8 39%,#f6f6f6); }
.hero-mountains { position: absolute; right: 0; top: 0; width: 796px; height: 143px; background: url("assets/hero-mountains.png") no-repeat right top; mask-image: linear-gradient(to right,transparent,#000 100px); pointer-events: none; }
.hero-content { position: relative; padding: 24px var(--page-gutter); }
h1 { margin: 23px 0 3px; font-family: Math, Georgia, "Times New Roman", serif; font-size: 42px; line-height: 1.05; font-weight: 700; letter-spacing: -.045em; color: #182640; }
.hero p { display: flex; align-items: center; gap: 16px; margin: 0; color: #4e5f7c; font-size: 18px; line-height: 24px; }
.dataset-badge { flex: none; font-size: 11px; line-height: 19px; padding: 0 8px; color: #8a5c06; background: #fff5db; border: 1px solid #f7e4ae; border-radius: 99px; white-space: nowrap; }
.overview-strip { display: flex; align-items: flex-end; gap: 12px; height: 69px; padding: 0 var(--page-gutter); }
.view-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 6px; flex: 0 0 575px; max-width: 100%; height: 58px; }
.view-card { display: flex; align-items: center; gap: 9px; min-width: 0; padding: 7px 12px; background: #fff; color: #243752; border: 1px solid var(--line); border-radius: 11px 11px 0 0; position: relative; text-decoration: none; }
.view-card > span { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.view-card strong { font-size: 13px; line-height: 16px; white-space: nowrap; }
.view-card small { font-size: 9px; line-height: 12px; color: #526988; white-space: nowrap; }
.view-card strong small { margin-left: 4px; font-size: 11px; }
.view-card svg { width: 20px; height: 20px; }
.view-card[aria-current="page"] { color: #0f3f91; }
.view-card[aria-current="page"]::after { content: ""; height: 3px; left: -1px; right: -1px; bottom: -1px; position: absolute; background: var(--blue); }
.metrics { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); flex: 1; max-width: 780px; min-width: 0; height: 58px; margin: 0 0 0 auto; gap: 8px; }
.metrics > div { display: flex; flex-direction: column-reverse; align-items: center; justify-content: center; text-align: center; padding-bottom: 7px; }
.metrics dd { margin: 0 0 1px; font-size: 23px; line-height: 25px; font-weight: 700; font-variant-numeric: tabular-nums; }
.metrics dt { color: #344762; font-size: 10px; font-weight: 600; line-height: 12px; }
.workspace { display: grid; grid-template-columns: minmax(0,1fr) 410px; gap: 16px; height: calc(100vh - 276px); min-height: 610px; padding: 0 var(--page-gutter); }
.workspace.profile-closed { grid-template-columns: minmax(0,1fr); }
.results-panel, .profile-panel { min-width: 0; min-height: 0; background: #fff; border: 1px solid var(--line); border-radius: 6px; box-shadow: 0 1px 3px #20344e06; }
.results-panel { display: flex; flex-direction: column; overflow: hidden; }
.toolbar { min-height: 65px; display: flex; align-items: flex-start; gap: 10px; padding: 15px 12px 12px; }
.search-control, .select-control { height: 35px; border: 1px solid #d7e0eb; border-radius: 6px; background: #fff; box-shadow: 0 1px 3px #132a490c; }
.search-control { display: flex; align-items: center; gap: 9px; flex: 1 1 280px; min-width: 140px; max-width: 281px; padding: 0 10px; color: #667995; }
.search-control svg { width: 16px; height: 16px; }
.search-control input { min-width: 0; width: 100%; height: 100%; background: transparent; border: 0; color: var(--ink); font-size: 11px; }
.search-control input::placeholder { color: #657794; }
.select-control { position: relative; flex: 0 1 112px; min-width: 92px; }
.select-control::after { content: ""; position: absolute; right: 9px; top: 12px; width: 5px; height: 5px; border-right: 1px solid #657794; border-bottom: 1px solid #657794; transform: rotate(45deg); pointer-events: none; }
.select-control select { width: 100%; height: 100%; appearance: none; border: 0; border-radius: 6px; background: transparent; color: #43516a; font-size: 10.5px; padding: 0 20px 0 11px; text-overflow: ellipsis; }
.economy-filter { flex-basis: 154px; min-width: 145px; }
.fit-filter { flex-basis: 106px; }
.decision-filter { flex-basis: 120px; min-width: 118px; }
.clear-filters { flex: none; align-self: center; margin-left: auto; padding: 5px 0; border: 0; background: none; color: #52637f; font-size: 10.5px; text-decoration: underline; white-space: nowrap; }
.icon-button { flex: none; width: 25px; height: 35px; display: grid; place-items: center; padding: 0; border: 0; border-radius: 4px; background: none; color: #536a86; }
.icon-button:hover { background: #eef6fd; }
.icon-button svg { width: 18px; height: 18px; }
.quick-filter-bar { display: flex; align-items: center; flex-wrap: wrap; gap: 5px 7px; min-height: 32px; padding: 0 12px 6px; border-bottom: 1px solid #edf1f5; }
.quick-filter-bar button { min-height: 22px; padding: 2px 8px; border: 1px solid #d9e3ed; border-radius: 99px; background: #fff; color: #455b77; font-size: 10px; line-height: 15px; white-space: nowrap; }
.quick-filter-bar button[aria-pressed="true"] { border-color: #9dcef1; background: #e8f5ff; color: #115da6; }
#filter-context { margin-left: auto; color: #526a83; font-size: 10px; }
.filter-info { padding: 9px 12px; margin: 0; background: #f0f7ff; border-bottom: 1px solid var(--line); color: #435d7a; font-size: 11px; }
.results-scroll { flex: 1; min-height: 0; overflow: auto; padding: 0 7px; }
table { width: 100%; min-width: 900px; border-collapse: collapse; table-layout: fixed; color: #273a55; font-size: 12px; }
.col-company { width: 22%; } .col-activity { width: 26%; } .col-development { width: 15.5%; } .col-turnover { width: 8.5%; } .col-ebitda { width: 8%; } .col-credit-rating { width: 9%; } .col-updated { width: 11%; }
th { position: sticky; z-index: 1; top: 0; height: 28px; padding: 0 8px 7px; vertical-align: bottom; text-align: left; background: #fff; color: #415069; font-size: 10.5px; font-weight: 700; white-space: nowrap; border-bottom: 1px solid var(--line); }
th + th { border-left: 1px solid #cbd7e4; }
th button { padding: 0; border: 0; background: none; color: inherit; font: inherit; }
.sort-indicator { margin-left: 4px; color: #8093ab; }
th[aria-sort="ascending"] .sort-indicator, th[aria-sort="descending"] .sort-indicator { color: var(--blue); }
tbody tr { height: 50px; border-bottom: 1px solid #e6ebf0; }
tbody tr.selected { background: linear-gradient(90deg,#e7f4ff,#f0f8ff); outline: 1px solid #c9e7fc; outline-offset: -1px; }
tbody tr:hover { background: #f4faff; }
td { padding: 6px 8px; vertical-align: middle; line-height: 16px; overflow: hidden; text-overflow: ellipsis; }
th:first-child, td:first-child { padding-left: 14px; }
.company-content { display: flex; align-items: center; gap: 7px; min-width: 0; }
.company-copy { min-width: 0; }
.company-icon { display: inline-grid; place-items: center; flex: none; width: 25px; height: 25px; border: 1px solid #d7e3ed; border-radius: 5px; background: #eef4f9; color: #3f607f; }
.company-icon svg { width: 16px; height: 16px; }
.company-link { display: block; padding: 0; max-width: 100%; border: 0; background: none; text-decoration: none; text-align: left; color: #152943; font-weight: 700; font-size: 12.5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.company-link:hover { text-decoration: underline; }
.org-number { display: block; font-size: 11px; color: #536b8b; font-variant-numeric: tabular-nums; }
.activity-text { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.development { display: inline-flex; align-items: center; gap: 3px; font-size: 10px; line-height: 15px; font-weight: 650; white-space: nowrap; }
.development svg { width: 16px; height: 16px; }
.positive { color: var(--green); } .negative { color: var(--red); } .unknown { color: var(--muted); }
.cell-note { display: block; color: #60748f; font-size: 8.5px; line-height: 11px; }
.number, time { font-variant-numeric: tabular-nums; white-space: nowrap; }
td.number { font-size: 11.5px; padding-left: 7px; padding-right: 7px; }
.credit-rating { color: var(--slate); font-weight: 500; }
.table-footer { min-height: 48px; display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 0 13px 2px 21px; color: #526988; font-size: 11px; }
.pagination { display: flex; align-items: center; gap: 5px; }
.pagination button { min-width: 27px; height: 28px; padding: 0 6px; border: 1px solid transparent; border-radius: 5px; background: transparent; color: #52647f; font-size: 11px; }
.pagination button[aria-current="page"] { background: #1b2f4c; color: #fff; }
.pagination .page-arrow { border-color: #dce4ed; }
.profile-panel { display: flex; flex-direction: column; overflow: hidden; }
.profile-header { flex: none; padding: 14px 14px 10px; }
.profile-heading { display: flex; align-items: flex-start; gap: 10px; }
.profile-heading .company-icon { width: 40px; height: 40px; }
.profile-heading .company-icon svg { width: 25px; height: 25px; }
.profile-heading > div { flex: 1; min-width: 0; }
.profile-heading h2 { margin: 0 0 2px; font: 500 21px/1.2 Math, Georgia, "Times New Roman", serif; letter-spacing: -.04em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.profile-heading .org-number { font-size: 12px; line-height: 16px; }
.profile-heading .icon-button { height: 25px; }
.profile-status { display: flex; align-items: center; gap: 6px; margin-top: 8px; }
.fit-chip { display: inline-flex; gap: 5px; align-items: center; padding: 2px 7px; border-radius: 99px; background: #def6e8; color: #13784f; font-size: 11px; line-height: 16px; font-weight: 600; white-space: nowrap; }
.fit-chip::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: currentColor; }
.fit-chip.review { background: #fff2d1; color: #98650b; }
.fit-chip.unknown { color: #60748f; background: #eef2f6; }
.sources-button { display: inline-flex; align-items: center; gap: 4px; margin-left: auto; padding: 2px 0; border: 0; background: none; color: #536b8b; font-size: 11px; line-height: 16px; }
.sources-button svg { width: 15px; height: 15px; }
.profile-tabs { display: flex; height: 40px; flex: none; padding: 0 8px; border-bottom: 1px solid #dfe7f0; }
.profile-tabs a { position: relative; flex: 1; display: grid; place-items: center; padding: 0 4px; text-decoration: none; color: #596985; font-size: 12px; }
.profile-tabs a[aria-current="page"] { color: #1559b4; font-weight: 650; }
.profile-tabs a[aria-current="page"]::after { content: ""; position: absolute; bottom: -1px; height: 2px; left: 11px; right: 11px; background: var(--blue); }
.profile-body { flex: 1; min-height: 0; overflow: auto; overscroll-behavior: contain; padding: 12px 14px; background: #fff; }
.profile-demo-label { flex: none; padding: 3px 14px 7px; color: var(--muted); font-size: 11px; line-height: 16px; text-align: right; }
.profile-section { margin: 0; padding: 8px 0; border: 0; border-bottom: 1px solid var(--line); background: transparent; }
.profile-section:first-child { padding-top: 0; }
.profile-section:last-child { border-bottom: 0; }
.profile-section h3 { margin: 0 0 7px; font-size: 12px; line-height: 17px; font-weight: 650; letter-spacing: .035em; text-transform: uppercase; }
.profile-section p { margin: 0; color: #344b66; font-size: 13px; line-height: 18px; }
.profile-section .interesting-fact { color: #243b58; }
.assessment { margin: 7px 0 0; }
.assessment > div { display: grid; grid-template-columns: 96px minmax(0,1fr); gap: 8px; padding: 7px 0; }
.assessment > div + div { border-top: 1px solid #edf1f5; }
.assessment dt { color: #61758e; font-size: 11.5px; line-height: 18px; }
.assessment dd { margin: 0; color: #243b58; font-size: 13px; line-height: 18px; }
.category-tag { display: inline-block; min-width: 0; padding: 1px 6px; border: 1px solid #d9e3ed; border-radius: 99px; font-size: 11px; line-height: 16px; color: #455b77; background: #f7faff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.profile-section-heading { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; margin-bottom: 8px; }
.profile-section-heading h3 { margin: 0; }
.profile-text-link { font-size: 11.5px; line-height: 17px; text-decoration: none; }
.profile-text-link:hover, .profile-follow-up-link:hover { text-decoration: underline; }
.profile-metrics { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 10px; margin: 0; }
.profile-metrics > div { display: flex; flex-direction: column-reverse; gap: 2px; }
.profile-metrics dt { color: var(--muted); font-size: 11.5px; line-height: 16px; }
.profile-metrics dd { margin: 0; font-size: 14px; line-height: 19px; font-weight: 650; font-variant-numeric: tabular-nums; white-space: nowrap; }
.profile-trend { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-top: 9px; color: var(--muted); font-size: 11.5px; line-height: 18px; }
.profile-trend .development { font-size: 12px; line-height: 18px; }
.profile-section .profile-change-title { margin-bottom: 3px; color: var(--ink); font-weight: 600; }
.profile-change-date { display: block; margin-top: 5px; color: var(--muted); font-size: 11.5px; line-height: 16px; }
.profile-section .profile-metadata { color: var(--muted); font-size: 11.5px; }
.profile-follow-up-link { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; color: #245885; font-size: 13px; line-height: 18px; text-decoration: none; }
.profile-follow-up-link > span:last-child { flex: none; }
.empty-state { padding: 35px 20px; color: #526988; text-align: center; font-size: 12px; }
.empty-state h3 { font-size: 16px; }
.empty-state p { line-height: 1.6; }
.events-toolbar { display: grid; grid-template-columns: minmax(180px,1fr) minmax(180px,250px) 150px auto; align-items: center; gap: 12px; padding: 15px 14px; border-bottom: 1px solid var(--line); }
.events-toolbar h2 { margin: 0 0 4px; font-size: 15px; }
.events-toolbar p { margin: 0; color: var(--muted); font-size: 11px; line-height: 16px; }
.events-toolbar .search-control { width: 100%; }
.event-row { display: grid; grid-template-columns: minmax(185px,1.1fr) minmax(215px,1.6fr) 104px 98px; align-items: center; gap: 16px; padding: 13px 14px; min-height: 70px; border-bottom: 1px solid var(--line); color: var(--ink); text-decoration: none; }
.event-row:hover { background: #f4faff; }
.event-row.current { background: #edf7ff; box-shadow: inset 3px 0 var(--blue); }
.event-company { display: flex; gap: 8px; align-items: center; min-width: 0; }
.event-company > span { min-width: 0; }
.event-company strong { display: block; font-size: 12.5px; line-height: 18px; }
.event-company small { color: var(--muted); font-size: 11px; }
.event-copy { display: grid; gap: 4px; }
.event-copy strong { font-size: 13px; line-height: 18px; font-weight: 600; }
.event-copy > span { color: var(--slate); font-size: 12px; line-height: 17px; }
.event-meta { display: grid; justify-items: start; gap: 6px; color: var(--muted); font-size: 11px; }
.event-category { display: inline-flex; padding: 1px 7px; border: 1px solid #dfe7ee; border-radius: 99px; background: #f8fafc; color: #536a83; font-size: 10.5px; line-height: 16px; }
.event-open { color: #245885; font-size: 11.5px; white-space: nowrap; }
.event-open > span { margin-left: 5px; }
.demo-state-toggle { margin-left: auto; padding: 3px; border: 0; background: none; color: var(--muted); font-size: 10.5px; text-decoration: underline; }
.demo-notice { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; padding: 8px 14px; border-bottom: 1px solid #eee3bd; background: #fffaf0; color: #785916; font-size: 11px; }
.demo-notice button { padding: 0; border: 0; background: none; color: #245885; font-size: 11px; text-decoration: underline; }
.presentation-state { display: flex; align-items: flex-start; gap: 12px; max-width: 420px; margin: 60px auto; color: var(--muted); padding: 0 18px; }
.presentation-state > svg { width: 24px; height: 24px; margin-top: 1px; }
.presentation-state h3 { margin: 0 0 6px; color: var(--ink); font-size: 14px; line-height: 20px; font-weight: 600; letter-spacing: 0; text-transform: none; }
.presentation-state p { margin: 0; color: var(--muted); font-size: 12px; line-height: 18px; }
.presentation-state.compact { margin: 12px 0; padding: 9px 0; gap: 8px; }
.presentation-state.compact > svg { width: 18px; height: 18px; }
.presentation-state.compact h3 { font-size: 12px; line-height: 17px; margin-bottom: 3px; }
.presentation-state.compact p { font-size: 11.5px; line-height: 17px; }
.state-needs-review > svg { color: #9b7021; }
.state-error > svg { color: #af505a; }
.state-loading > svg { animation: loading-pulse 1.5s ease-in-out infinite; }
@keyframes loading-pulse { 50% { opacity: .3; } }
@media (prefers-reduced-motion: reduce) { .state-loading > svg { animation: none; } }
.state-actions { margin: -35px 0 25px; text-align: center; }
.state-actions button { padding: 0; border: 0; background: none; color: #245885; text-decoration: underline; }
.portal-dialog { width: min(520px,calc(100vw - 32px)); max-height: min(720px,calc(100dvh - 48px)); padding: 20px; border: 1px solid var(--line); border-radius: 8px; background: #fff; color: var(--ink); box-shadow: 0 18px 60px #19294326; overflow: auto; }
.portal-dialog::backdrop { background: #19294340; }
.dialog-heading { display: flex; justify-content: space-between; align-items: flex-start; gap: 16px; margin-bottom: 16px; }
.dialog-heading h2 { margin: 0; font-size: 18px; line-height: 24px; font-weight: 600; }
.dialog-heading p { margin: 4px 0 0; color: var(--muted); font-size: 12px; }
.dialog-heading .icon-button { height: 26px; }
.dialog-description { color: var(--slate); font-size: 12px; line-height: 18px; }
.demo-dialog { width: min(380px,calc(100vw - 32px)); }
.demo-dialog form { display: grid; gap: 8px; margin-top: 16px; }
.demo-dialog label { color: var(--slate); font-size: 12px; }
.demo-dialog select { width: 100%; padding: 9px; color: var(--ink); border: 1px solid #d7e0eb; background: #fff; border-radius: 4px; }
.demo-apply { justify-self: end; margin-top: 8px; padding: 7px 12px; color: #fff; background: #245885; border: 0; border-radius: 4px; font-size: 12px; }

@media (max-width: 1340px) {
  .toolbar { flex-wrap: wrap; gap: 7px; }
}
@media (max-width: 1250px) {
  :root { --page-gutter: 35px; }
  .overview-strip { height: auto; min-height: 120px; flex-wrap: wrap-reverse; gap: 8px; padding-top: 10px; }
  .metrics { flex-basis: 100%; height: 40px; max-width: none; }
  .metrics > div { padding-bottom: 0; }
  .view-grid { flex-basis: 575px; }
  .workspace { height: calc(100vh - 335px); grid-template-columns: minmax(0,1fr) 390px; }
  .events-toolbar { grid-template-columns: 1fr 150px auto; }
  .events-toolbar > div { grid-column: 1 / -1; }
  .event-row { grid-template-columns: minmax(130px,1fr) minmax(170px,1.4fr) 100px; gap: 10px; }
  .event-open { grid-column: 2 / -1; justify-self: end; }
  .hero p { font-size: 15px; }
  .topbar { gap: 25px; }
}
@media (max-width: 900px) {
  :root { --page-gutter: 24px; }
  .topbar { gap: 20px; }
  .top-navigation { gap: 15px; }
  .top-navigation span { display: none; }
  .hero h1 { margin-top: 12px; font-size: 36px; }
  .hero p { display: block; max-width: 500px; line-height: 22px; }
  .dataset-badge { display: table; margin-top: 7px; }
  .hero-mountains { opacity: .5; }
  .workspace { grid-template-columns: minmax(0,1fr); padding-bottom: 16px; min-height: 0; height: auto; }
  .results-panel { height: 650px; }
  .profile-panel { order: -1; max-height: 75vh; }
}
@media (max-width: 600px) {
  :root { --page-gutter: 18px; }
  .topbar { gap: 12px; }
  .tyra-logo { width: 130px; }
  .top-navigation { display: none; }
  .local-identity { margin-left: auto; }
  .hero h1 { font-size: 33px; margin-top: 14px; }
  .hero p { font-size: 13px; }
  .hero-mountains { background-position: right -160px top; }
  .dataset-badge { font-size: 10px; }
  .view-grid { flex-basis: 100%; gap: 4px; }
  .view-card { padding: 7px; gap: 5px; }
  .view-card strong { font-size: 10.5px; }
  .view-card > span > small { display: none; }
  .view-card strong small { font-size: 9px; margin-left: 2px; }
  .view-card svg { display: none; }
  .metrics { gap: 5px; }
  .metrics dd { font-size: 20px; }
  .metrics dt { font-size: 8px; line-height: 10px; }
  .toolbar { padding: 10px; gap: 7px; }
  .search-control { flex-basis: 100%; max-width: none; }
  .select-control { flex: 1 1 calc(50% - 7px); }
  .quick-filter-bar { padding: 0 10px 7px; }
  #filter-context { flex-basis: 100%; }
  .table-footer { flex-wrap: wrap; padding: 9px 10px; }
  .assessment > div { grid-template-columns: 90px minmax(0,1fr); }
  .events-toolbar { grid-template-columns: minmax(0,1fr) auto; gap: 8px; padding: 12px; }
  .events-toolbar .search-control { grid-column: 1 / -1; max-width: none; }
  .events-toolbar .select-control { width: 100%; }
  .event-row { grid-template-columns: minmax(0,1fr) auto; padding: 13px 7px; gap: 9px; }
  .event-company { grid-column: 1 / -1; }
  .event-copy { grid-column: 1 / -1; }
  .event-meta { grid-column: 1; display: flex; align-items: center; flex-wrap: wrap; }
  .event-open { grid-column: 2; }
  .presentation-state { margin: 35px auto; }
  .state-actions { margin-top: -15px; }
}