/* Frame 1:1258: exact desktop row heights/gaps and fractional panel proportions.
   Narrow layouts reuse these spacing tokens; the source has no mobile frame. */
.overview { display: flex; flex-direction: column; gap: var(--space-25); }
.overview .overview-stats { margin: 0; }
.overview-reasoning { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: var(--space-24); margin-left: var(--overview-reasoning-offset); margin-right: var(--space-4); }
.overview-panels { display: grid; grid-template-columns: var(--panel-grid); gap: var(--space-19); margin-left: var(--overview-panels-offset); align-items: start; }
.overview-inline { display: flex; align-items: center; flex-wrap: wrap; gap: var(--space-8); }
.overview-meta { font-size: var(--text-meta-size); line-height: var(--text-meta-leading); color: var(--text-secondary); margin: 0; }
.overview-session-content { display: flex; flex-direction: column; gap: var(--space-16); }
.overview-bank { display: flex; flex-direction: column; gap: var(--space-12); }
.overview-topic-links { display: flex; flex-wrap: wrap; gap: var(--space-4); }
.overview-topic-links .ui-button { gap: var(--space-6); }
.overview-topic-links .ui-button-label { display: inline-flex; align-items: center; gap: var(--space-6); }
.overview .ui-table-scroll { box-shadow: none; }
.overview-empty { margin: 0; font-size: var(--text-body-size); line-height: var(--text-body-leading); }
.visually-hidden { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }
@media(max-width:1180px) {
  .overview-panels { grid-template-columns: minmax(0,1fr); margin-left: 0; }
  .overview-reasoning { grid-template-columns: minmax(0,1fr); margin-left: 0; margin-right: 0; }
}
@media(max-width:640px) {
  .overview .ui-stat-header { padding: 0 var(--space-8); gap: var(--space-4); }
  .overview .ui-stat-label { font-size: var(--text-meta-size); }
  .overview .ui-stat-icon { display: none; }
  .overview .ui-stat-value { left: var(--space-16); right: var(--space-16); }
  .overview .ui-card-header { flex-wrap: wrap; gap: var(--space-8); padding-top: var(--space-8); padding-bottom: var(--space-8); }
}