:is(#analytics-view, #analytics-content) [data-summary] {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
}
:is(#analytics-view, #analytics-content) [data-summary] > div { min-width: 0; }
:is(#analytics-view, #analytics-content) dt { font-size: 13px; }
:is(#analytics-view, #analytics-content) dd {
  margin: 4px 0 0;
  font-size: 18px;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
  overflow-wrap: anywhere;
}
:is(#analytics-view, #analytics-content) [data-provenance] { overflow-wrap: anywhere; }
:is(#analytics-view, #analytics-content) [data-periods] { font-size: 13px; overflow-wrap: anywhere; }
:is(#analytics-view, #analytics-content) [data-reconciliation] { padding: 12px 18px; margin: 0; }
:is(#analytics-view, #analytics-content) [data-count] { font-size: 12px; font-weight: 400; }
:is(#analytics-view, #analytics-content) .detail-tabs { margin: 0; }
:is(#analytics-view, #analytics-content) .analytics-number, #analytics-evidence .analytics-number { text-align: right; font-variant-numeric: tabular-nums; }
:is(#analytics-view, #analytics-content) th, :is(#analytics-view, #analytics-content) td:not(:nth-child(2)) { white-space: nowrap; }
:is(#analytics-view, #analytics-content) [role=tab][aria-selected=true] { font-weight: 700; text-decoration: underline; }
:is(#analytics-view, #analytics-content) meter { width: 100px; height: 18px; }
:is(#analytics-view, #analytics-content) .analytics-compact { display: none; }
:is(#analytics-view, #analytics-content)[data-presentation=list] .analytics-compact { display: block; }
:is(#analytics-view, #analytics-content)[data-presentation=list] [data-results]:has(> .analytics-compact) > .table-wrap { display: none; }
:is(#analytics-view, #analytics-content)[data-presentation=list][data-analysis=price-volume] [data-results] > .table-wrap:first-of-type { display: block; }
:is(#analytics-view, #analytics-content) .analytics-compact-row { padding: 12px 16px; border-bottom: 1px solid var(--border); overflow-wrap: anywhere; }
:is(#analytics-view, #analytics-content) .analytics-compact-row h3 { font-size: 14px; margin: 0 0 8px; }
:is(#analytics-view, #analytics-content) .analytics-compact-row p { font-size: 13px; margin: 6px 0; }
:is(#analytics-view, #analytics-content) button, :is(#analytics-view, #analytics-content) input, :is(#analytics-view, #analytics-content) select { min-height: 44px; }
:is(#analytics-view, #analytics-content) [data-filters] > summary { min-height: 44px; cursor: pointer; }
:is(#analytics-view, #analytics-content) .analytics-filter-indicator { width: 9px; height: 9px; flex: none; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: rotate(45deg); margin-inline-end: 4px; }
:is(#analytics-view, #analytics-content) [data-filters][open] .analytics-filter-indicator { transform: rotate(225deg); }
:is(#analytics-view, #analytics-content) { overflow-anchor: none; }
:is(#analytics-view, #analytics-content) .list-filters { display: grid; gap: 16px; }
:is(#analytics-view, #analytics-content) .consultation-period-row { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; }
:is(#analytics-view, #analytics-content) .consultation-period-row fieldset { border: 0; margin: 0; padding: 0; min-width: 0; }
:is(#analytics-view, #analytics-content) .consultation-period-row legend { font-size: 16px; font-weight: 600; margin-bottom: 8px; }
:is(#analytics-view, #analytics-content) .consultation-period-row .list-filter-main { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; }
:is(#analytics-view, #analytics-content) .consultation-period-row label { min-width: 0; }
:is(#analytics-view, #analytics-content) .consultation-period-row input { width: 100%; min-width: 0; font-size: 16px; }
:is(#analytics-view, #analytics-content) .consultation-options { border-top: 1px solid var(--border); }
:is(#analytics-view, #analytics-content) .consultation-options > summary { min-height: 44px; display: list-item; list-style-position: inside; padding-block: 12px; cursor: pointer; font-size: 16px; }
:is(#analytics-view, #analytics-content) .consultation-actions { display: flex; justify-content: flex-end; }
@media (max-width: 650px) {
  :is(#analytics-view, #analytics-content) .consultation-period-row { grid-template-columns: minmax(0,1fr); }
  :is(#analytics-view, #analytics-content) .consultation-actions > button { width: 100%; }
  :is(#analytics-view, #analytics-content) [data-summary] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  :is(#analytics-view, #analytics-content) [role=tablist] { flex-wrap: wrap; }
  :is(#analytics-view, #analytics-content) .analytics-compact { display: block; }
  :is(#analytics-view, #analytics-content) [data-results] > .table-wrap:not(:first-of-type) { display: none; }
  :is(#analytics-view, #analytics-content) [data-results]:has(> .analytics-compact) > .table-wrap { display: none; }
  :is(#analytics-view, #analytics-content)[data-analysis=price-volume] [data-results] > .table-wrap:first-of-type { display: block; }
}