.historical-notice { box-sizing: border-box; position: relative; z-index: 2; padding: 22px max(20px, calc((100% - 1120px)/2)); background: #fff4ce; color: #282011; font: 16px/1.5 system-ui, sans-serif; }
.historical-notice p { margin: 8px 0; color: inherit; }
.historical-notice a { display: inline-flex; align-items: center; min-height: 44px; color: #174d8b; text-decoration: underline; }
.historical-unavailable { opacity: 1; cursor: default; }
.historical-column { display: none; }
.token-bars .historical-token-1 { width: 17.7%; }
.token-bars .historical-token-2 { width: 33.3%; }
.token-bars .historical-token-3 { width: 43.9%; }
.token-bars .historical-token-4 { width: 100%; }
.token-bars .historical-token-5 { width: 8.3%; }
@media (max-width: 760px) {
  h1 { overflow-wrap: anywhere; }
  .capability-node strong { overflow-wrap: anywhere; }
  #experiment-title { overflow-wrap: anywhere; }
  .nav { height: auto; min-height: 56px; padding-block: 12px; }
  .nav .historical-unavailable { min-width: 0; overflow-wrap: anywhere; }
  .role-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .role-grid article { min-width: 0; overflow-wrap: anywhere; }
  .test-bench article { min-width: 0; overflow-wrap: anywhere; }
  .metric-list div { flex-wrap: wrap; }
  .table-wrap { overflow: visible; min-width: 0; }
  .audit-table, .audit-table tbody, .audit-table tr { display: block; width: 100%; min-width: 0; }
  .audit-table thead { display: none; }
  .audit-table tr { margin-bottom: 28px; }
  .audit-table tbody th, .audit-table tbody td { display: block; width: 100%; padding: 14px 16px; overflow-wrap: anywhere; }
  .historical-column { display: block; font-weight: 600; margin-bottom: 6px; }
}