/* AIR Dashboard stylesheet — v1.5.2 analytical refinement baseline */
/* Post-audit baseline release; preserve active behaviour and remove stale release-batch residue. */

/* ═══════════════════════════════════════════════════════
   DESIGN SYSTEM — Intelligence Briefing Aesthetic
   ═══════════════════════════════════════════════════════ */
:root {
  /* Light mode (default) */
  --bg-base: #F2FAFD;
  --bg-surface: #ffffff;
  --bg-surface-alt: #F7FCFE;
  --bg-elevated: #ffffff;
  --bg-input: #EEF8FC;
  --text-primary: #1a1a1a;
  --text-secondary: #5a5a5a;
  --text-muted: #8a8a8a;
  --text-inverse: #ffffff;
  --border-default: #CFE8F1;
  --border-strong: #9FCFE0;
  --accent: #007FB5;
  --accent-light: #E5F6FC;
  --accent-text: #003352;
  --danger: #c53030;
  --danger-bg: #fff5f5;
  --warn: #b7791f;
  --warn-bg: #fefcf0;
  --good: #276749;
  --good-bg: #f0fff4;
  --pill-higher: #c53030;
  --pill-higher-bg: #fff5f5;
  --pill-moderate: #b7791f;
  --pill-moderate-bg: #fefcf0;
  --pill-lower: #2c5282;
  --pill-lower-bg: #ebf1fa;
  --pill-nil: #718096;
  --pill-nil-bg: #f7f7f7;
  --pill-unknown: #805ad5;
  --pill-unknown-bg: #f5f0ff;
  --chart-1: #007FB5;
  --chart-2: #c53030;
  --chart-3: #b7791f;
  --chart-4: #276749;
  --chart-5: #805ad5;
  --chart-6: #d69e2e;
  --chart-7: #e53e3e;
  --chart-8: #38a169;
  --chart-9: #667eea;
  --chart-10: #ed8936;
  --shadow-sm: 0 1px 3px rgba(0,0,0,.06);
  --shadow-md: 0 4px 12px rgba(0,0,0,.08);
  --shadow-lg: 0 8px 30px rgba(0,0,0,.1);
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 14px;
  --font-display: Arial, Helvetica, sans-serif;
  --font-body: Arial, Helvetica, sans-serif;
  --header-h: 0px;
  --tabs-h: 0px;
}

[data-theme="dark"] {
  --bg-base: #061823;
  --bg-surface: #0C2231;
  --bg-surface-alt: #102C40;
  --bg-elevated: #12324A;
  --bg-input: #092033;
  --text-primary: #e8e6e3;
  --text-secondary: #a0a0a0;
  --text-muted: #6a6a6a;
  --text-inverse: #0f1117;
  --border-default: #2a2c34;
  --border-strong: #3a3c44;
  --accent: #007FB5;
  --accent-light: #003352;
  --accent-text: #7ED8F6;
  --danger: #fc8181;
  --danger-bg: #2d1515;
  --warn: #ecc94b;
  --warn-bg: #2d2515;
  --good: #68d391;
  --good-bg: #152d1f;
  --pill-higher: #fc8181;
  --pill-higher-bg: #2d1b1b;
  --pill-moderate: #ecc94b;
  --pill-moderate-bg: #2d2815;
  --pill-lower: #6b9bdb;
  --pill-lower-bg: #1a2640;
  --pill-nil: #a0aec0;
  --pill-nil-bg: #252830;
  --pill-unknown: #b794f4;
  --pill-unknown-bg: #211a33;
  --chart-1: #6b9bdb;
  --chart-2: #fc8181;
  --chart-3: #ecc94b;
  --chart-4: #68d391;
  --chart-5: #b794f4;
  --chart-6: #f6e05e;
  --chart-7: #feb2b2;
  --chart-8: #9ae6b4;
  --chart-9: #a3bffa;
  --chart-10: #fbd38d;
  --shadow-sm: 0 1px 3px rgba(0,0,0,.2);
  --shadow-md: 0 4px 12px rgba(0,0,0,.3);
  --shadow-lg: 0 8px 30px rgba(0,0,0,.4);
}

/* ═══ RESET & BASE ═══ */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; -webkit-text-size-adjust: 100%; }
body {
  font-family: var(--font-body);
  background: var(--bg-base);
  color: var(--text-primary);
  line-height: 1.55;
  -webkit-font-smoothing: antialiased;
  min-height: 100vh;
}

:focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: 2px;
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}
canvas { display: block; }


/* ═══ LAYOUT ═══ */
.site-wrap {
  max-width: 1600px;
  margin: 0 auto;
  padding: 16px 20px 40px;
}

/* ═══ HEADER ═══ */
.site-header {
  background: var(--bg-surface);
  border: 1px solid var(--border-default);
  border-radius: var(--radius-lg);
  padding: 24px 28px;
  box-shadow: var(--shadow-sm);
  position: relative;
}
.header-top {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 16px;
}
.header-titles h1 {
  font-family: var(--font-display);
  font-size: 1.7rem;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -0.01em;
  color: var(--text-primary);
}
.header-titles .subtitle {
  font-family: var(--font-display);
  font-size: 1.15rem;
  font-weight: 600;
  color: var(--accent);
  margin-top: 2px;
}
.header-titles .date-range {
  font-size: 0.85rem;
  color: var(--text-secondary);
  margin-top: 6px;
}
.header-cite {
  font-size: 0.82rem;
  color: var(--text-secondary);
  margin-top: 12px;
  line-height: 1.5;
}
.header-cite a { color: var(--accent); text-decoration: none; }
.header-cite a:hover { text-decoration: underline; }
.header-cite em { font-style: italic; }
.header-meta {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
  margin-top: 10px;
  font-size: 0.78rem;
  color: var(--text-muted);
}
.theme-toggle {
  background: var(--bg-input);
  border: 1px solid var(--border-default);
  border-radius: var(--radius-sm);
  padding: 6px 12px;
  cursor: pointer;
  font-size: 0.8rem;
  font-family: var(--font-body);
  color: var(--text-secondary);
  white-space: nowrap;
  transition: background .15s, border-color .15s;
  flex-shrink: 0;
}
.theme-toggle:hover { background: var(--accent-light); border-color: var(--accent); }

/* ═══ NAVIGATION TABS ═══ */
.nav-tabs {
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
  margin: 16px 0 12px;
  padding: 8px 0;
  position: sticky;
  top: 0;
  z-index: 50;
  background: var(--bg-base);
}
.tab-btn {
  border: 1px solid var(--border-default);
  background: var(--bg-surface);
  color: var(--text-secondary);
  padding: 7px 14px;
  border-radius: var(--radius-sm);
  cursor: pointer;
  font-family: var(--font-body);
  font-weight: 500;
  font-size: 0.82rem;
  transition: all .15s;
  white-space: nowrap;
}
.tab-btn:hover { background: var(--accent-light); color: var(--accent-text); border-color: var(--accent); }
.tab-btn.active {
  background: var(--accent);
  color: var(--text-inverse);
  border-color: var(--accent);
  font-weight: 600;
}
.tab-btn.priority-tab {
  background: color-mix(in srgb, var(--accent) 10%, var(--bg-surface));
  border-color: color-mix(in srgb, var(--accent) 55%, var(--border-default));
  color: var(--accent-text);
  font-weight: 700;
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--accent) 18%, transparent);
}
.tab-btn.priority-tab:hover {
  background: color-mix(in srgb, var(--accent) 18%, var(--bg-surface));
  border-color: var(--accent);
}
.tab-btn.priority-tab.active {
  background: var(--accent);
  color: var(--text-inverse);
  border-color: var(--accent);
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--accent) 28%, transparent);
}

/* ═══ TAB PANELS ═══ */
.tab-panel {
  display: none;
  background: var(--bg-surface);
  border: 1px solid var(--border-default);
  border-radius: var(--radius-lg);
  padding: 24px;
  box-shadow: var(--shadow-sm);
  animation: fadeIn .2s ease-out;
}
.tab-panel.active { display: block; }
@keyframes fadeIn { from { opacity: 0; transform: translateY(4px); } to { opacity: 1; transform: translateY(0); } }

.panel-title {
  font-family: var(--font-display);
  font-size: 1.35rem;
  font-weight: 700;
  margin-bottom: 16px;
  color: var(--text-primary);
}

/* ═══ FILTERS / CONTROLS ═══ */
.controls-bar {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(145px, 1fr));
  gap: 8px;
  margin-bottom: 12px;
}
.control-group {
  display: flex;
  flex-direction: column;
  gap: 3px;
}
.control-group.search-wide {
  grid-column: span 2;
}
.control-group label {
  font-size: 0.68rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: var(--text-muted);
}
.control-group select,
.control-group input[type="text"] {
  width: 100%;
  border: 1px solid var(--border-default);
  background: var(--bg-input);
  color: var(--text-primary);
  border-radius: var(--radius-sm);
  padding: 6px 8px;
  font-size: 0.8rem;
  font-family: var(--font-body);
  transition: border-color .15s;
  appearance: auto;
}
.control-group select:focus,
.control-group input:focus {
  outline: none;
  border-color: var(--accent);
  box-shadow: 0 0 0 2px var(--accent-light);
}

.actions-bar {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  margin: 8px 0 14px;
}
.action-btn {
  border: 1px solid var(--border-default);
  background: var(--bg-surface);
  color: var(--text-secondary);
  padding: 6px 14px;
  border-radius: var(--radius-sm);
  cursor: pointer;
  font-size: 0.78rem;
  font-weight: 500;
  font-family: var(--font-body);
  transition: all .15s;
}
.action-btn:hover { background: var(--accent-light); color: var(--accent-text); border-color: var(--accent); }

/* ═══ SUMMARY CARDS ═══ */
.summary-row {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
  margin-bottom: 14px;
}
.stat-card {
  background: var(--bg-surface-alt);
  border: 1px solid var(--border-default);
  border-radius: var(--radius-md);
  padding: 12px 14px;
  min-width: 0;
  overflow: hidden;
}
.stat-card .stat-label {
  font-size: 0.68rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--text-muted);
  margin-bottom: 4px;
}
.stat-card .stat-value {
  font-family: var(--font-display);
  font-size: 1.5rem;
  font-weight: 700;
  color: var(--text-primary);
  line-height: 1.15;
  white-space: normal;
  overflow-wrap: anywhere;
  word-break: break-word;
}
.stat-card .stat-value-compact {
  font-size: 1rem;
  line-height: 1.25;
}
.stat-card .stat-subtext {
  margin-top: 6px;
  font-size: 0.68rem;
  color: var(--text-secondary);
  line-height: 1.35;
}

/* ═══ MINI YEAR CHART ═══ */
.year-chart-wrap {
  background: var(--bg-surface-alt);
  border: 1px solid var(--border-default);
  border-radius: var(--radius-md);
  padding: 12px 14px;
  margin-bottom: 14px;
}
.year-chart-wrap .chart-label {
  font-size: 0.72rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--text-muted);
  margin-bottom: 6px;
}
.year-chart-wrap canvas { width: 100% !important; height: 180px !important; }

/* ═══ TABLES ═══ */
.table-container {
  width: 100%;
  max-width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  border: 1px solid var(--border-default);
  border-radius: var(--radius-md);
  background: var(--bg-surface);
}
.air-data-table {
  width: max(100%, 1480px);
  min-width: 1480px;
  border-collapse: collapse;
  font-size: 0.76rem;
  table-layout: fixed;
}
.air-data-table thead th {
  position: sticky;
  top: 0;
  background: var(--bg-elevated);
  color: var(--text-secondary);
  font-size: 0.68rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  padding: 10px 8px;
  text-align: left;
  border-bottom: 2px solid var(--border-strong);
  z-index: 2;
  white-space: nowrap;
}
.air-data-table td {
  padding: 8px 8px;
  border-bottom: 1px solid var(--border-default);
  vertical-align: top;
  line-height: 1.35;
  overflow-wrap: anywhere;
  word-break: break-word;
}
.air-data-table tbody tr { transition: background .12s ease; }
.air-data-table tbody tr.dt-main-row:hover { background: var(--accent-light); cursor: pointer; }
.air-data-table tbody tr:last-child td { border-bottom: 0; }

.air-data-table col.col-no,
.air-data-table col.col-k,
.air-data-table col.col-i,
.air-data-table col.col-s1,
.air-data-table col.col-s2,
.air-data-table col.col-ref,
.air-data-table col.col-conv,
.air-data-table col.col-country { width: 52px; }

.air-data-table col.col-date { width: 110px; }
.air-data-table col.col-city,
.air-data-table col.col-type,
.air-data-table col.col-vector,
.air-data-table col.col-ideol,
.air-data-table col.col-tgrp,
.air-data-table col.col-tloc,
.air-data-table col.col-imm,
.air-data-table col.col-rlg { width: 120px; }
.air-data-table col.col-offender { width: 150px; }
.air-data-table col.col-air { width: 88px; }
.air-data-table col.col-notes { width: 340px; }

.air-data-table .col-k,
.air-data-table .col-i,
.air-data-table .col-s1,
.air-data-table .col-s2,
.air-data-table .col-ref,
.air-data-table .col-conv,
.air-data-table .col-country,
.air-data-table .col-no { text-align: center; }

.notes-preview {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  line-height: 1.35;
  max-height: 2.7em;
}
.dt-main-row[aria-expanded="true"] { background: var(--accent-light); }
.dt-detail-row td {
  background: var(--bg-surface-alt);
  padding: 0;
  border-bottom: 1px solid var(--border-default);
}
.dt-detail-wrap {
  padding: 12px 14px 14px;
}
.dt-detail-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px 12px;
}
.dt-detail-item {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.dt-detail-label,
.dt-detail-title {
  font-size: 0.66rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: var(--text-muted);
}
.dt-detail-value,
.dt-detail-copy {
  font-size: 0.78rem;
  color: var(--text-primary);
}
.dt-detail-notes {
  margin-top: 12px;
}
.dt-detail-sources {
  display: flex;
  gap: 14px;
  flex-wrap: wrap;
  margin-top: 12px;
}
.dt-detail-sources a {
  font-size: 0.76rem;
  font-weight: 600;
}

/* generic tables used outside the main data grid */
table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.78rem;
  table-layout: auto;
}
thead th {
  position: sticky;
  top: 0;
  background: var(--bg-elevated);
  color: var(--text-secondary);
  font-size: 0.7rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  padding: 10px 8px;
  text-align: left;
  border-bottom: 2px solid var(--border-strong);
  z-index: 2;
  white-space: nowrap;
}
td {
  padding: 8px 8px;
  border-bottom: 1px solid var(--border-default);
  vertical-align: top;
  overflow-wrap: anywhere;
  word-break: break-word;
}

/* ═══ PILLS ═══ */
.pill {
  display: inline-block;
  padding: 2px 8px;
  border-radius: 99px;
  font-size: 0.7rem;
  font-weight: 600;
  letter-spacing: 0.02em;
  white-space: nowrap;
}
.pill-higher { color: var(--pill-higher); background: var(--pill-higher-bg); border: 1px solid var(--pill-higher); }
.pill-moderate { color: var(--pill-moderate); background: var(--pill-moderate-bg); border: 1px solid var(--pill-moderate); }
.pill-lower { color: var(--pill-lower); background: var(--pill-lower-bg); border: 1px solid var(--pill-lower); }
.pill-nil { color: var(--pill-nil); background: var(--pill-nil-bg); border: 1px solid var(--pill-nil); }
.pill-unknown { color: var(--pill-unknown); background: var(--pill-unknown-bg); border: 1px solid var(--pill-unknown); }

/* ═══ LINKS ═══ */
a { color: var(--accent); text-decoration: none; }
a:hover { text-decoration: underline; }

/* ═══ OVERVIEW ═══ */
.overview-stats {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
  margin-bottom: 16px;
}
.overview-chart-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 14px;
  margin-top: 14px;
}
.chart-card {
  background: var(--bg-surface-alt);
  border: 1px solid var(--border-default);
  border-radius: var(--radius-md);
  padding: 16px;
}
.chart-card .chart-title {
  font-size: 0.72rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--text-muted);
  margin-bottom: 10px;
}
.chart-card canvas { width: 100% !important; height: 300px !important; }
.chart-card.mini canvas { height: 100px !important; }
.filtered-chart-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 14px;
  margin-top: 14px;
}

/* ═══ OVERVIEW NOTE ═══ */
.overview-note {
  color: var(--text-secondary);
  font-size: 0.85rem;
  margin-bottom: 16px;
  line-height: 1.5;
}

/* ═══ CONTENT PANELS (Methodology, Glossary, References) ═══ */
.content-panel {
  background: var(--bg-surface-alt);
  border: 1px solid var(--border-default);
  border-radius: var(--radius-md);
  padding: 24px;
  line-height: 1.65;
}
.content-panel h2 { font-family: var(--font-display); font-size: 1.2rem; font-weight: 700; margin-bottom: 14px; }
.content-panel h3 { font-family: var(--font-display); font-size: 1rem; font-weight: 600; color: var(--accent); margin: 20px 0 8px; }
.content-panel p { margin-bottom: 12px; font-size: 0.88rem; }
.content-panel .lead {
  font-size: 0.94rem;
  line-height: 1.72;
  color: var(--text-primary);
}
.figure-grid {
  display: grid;
  gap: 16px;
  margin: 18px 0 20px;
}
.figure-grid--two {
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
}
.content-figure {
  margin: 18px 0 20px;
  padding: 14px;
  background: var(--bg-elevated);
  border: 1px solid var(--border);
  border-radius: 16px;
  box-shadow: var(--shadow-sm);
}
.content-figure img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 10px;
  background: #fff;
}
.content-figure--single {
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
}
.figure-caption {
  margin: 10px 0 0;
  font-size: 0.8rem;
  line-height: 1.5;
  color: var(--text-muted);
}


/* Glossary table */
.glossary-table { width: 100%; border-collapse: collapse; font-size: 0.85rem; table-layout: auto; }
.glossary-table th, .glossary-table td { border-bottom: 1px solid var(--border-default); padding: 10px 10px; text-align: left; vertical-align: top; }
.glossary-table th { font-size: 0.7rem; font-weight: 600; text-transform: uppercase; letter-spacing: 0.05em; color: var(--text-muted); background: var(--bg-elevated); }
.glossary-table td:first-child { white-space: nowrap; width: 1%; padding-right: 20px; }

/* References */
.refs-search {
  width: 100%;
  border: 1px solid var(--border-default);
  background: var(--bg-input);
  color: var(--text-primary);
  border-radius: var(--radius-sm);
  padding: 10px 12px;
  margin: 0 0 14px;
  font-size: 0.85rem;
  font-family: var(--font-body);
}
.refs-search:focus { outline: none; border-color: var(--accent); box-shadow: 0 0 0 2px var(--accent-light); }
.refs-list { display: grid; gap: 8px; }
.ref-item {
  background: var(--bg-elevated);
  border: 1px solid var(--border-default);
  border-radius: var(--radius-sm);
  padding: 12px 14px;
  font-size: 0.84rem;
  line-height: 1.5;
}

/* ═══ FOOTER ═══ */
.footer-row{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.admin-link-footer{color:var(--text-muted);font-size:inherit;text-decoration:none}
.admin-link-footer:hover{color:var(--text-secondary);text-decoration:none}
.panel-footer {
  margin-top: 20px;
  text-align: center;
  color: var(--text-muted);
  font-size: 0.82rem;
  padding-top: 12px;
  border-top: 1px solid var(--border-default);
}

/* ═══ COLLAPSIBLE SECTIONS ═══ */
.collapse-section { margin-bottom: 12px; }
.collapse-toggle {
  display: flex;
  align-items: center;
  gap: 6px;
  background: var(--bg-surface-alt);
  border: 1px solid var(--border-default);
  border-radius: var(--radius-sm);
  padding: 8px 14px;
  cursor: pointer;
  font-family: var(--font-body);
  font-size: 0.82rem;
  font-weight: 600;
  color: var(--text-secondary);
  width: 100%;
  text-align: left;
  transition: all .15s;
}
.collapse-toggle:hover { background: var(--accent-light); color: var(--accent-text); }
.collapse-toggle .arrow { transition: transform .2s; font-size: 0.65rem; }
  .toggle-state { display:none !important; }
  .admin-fab{position:fixed;left:12px;bottom:10px;z-index:80;font-size:0.75rem;color:var(--text-muted);text-decoration:none;background:var(--bg-surface);border:1px solid var(--border-default);padding:6px 10px;border-radius:999px;box-shadow:var(--shadow-sm)}
  .admin-fab:hover{color:var(--accent-text);background:var(--accent-light);text-decoration:none}

.context-table-wrap{overflow-x:auto}
.context-chart-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:12px}
.context-chart-card{background:var(--bg-surface-alt);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:14px}
.context-chart-card canvas{width:100%!important;height:240px!important}
.context-table{width:100%;border-collapse:collapse;table-layout:auto;font-size:.82rem}
.context-table.compact th,.context-table.compact td{font-size:0.76rem;padding:8px 9px;white-space:nowrap}
.context-table th,.context-table td{padding:8px 10px;border-bottom:1px solid var(--border-default);text-align:left;vertical-align:top;white-space:nowrap}
.context-table th:last-child,.context-table td:last-child{white-space:normal}
@media (max-width:900px){.context-chart-grid{grid-template-columns:1fr}}

.collapse-toggle.open .arrow { transform: rotate(90deg); }
.collapse-body { overflow: hidden; }
.collapse-body.hidden { display: none; }


/* ═══ ENHANCED ANALYTICS / UX ═══ */
.filter-chip-row {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 10px 0 14px;
}
.filter-chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 5px 10px;
  border-radius: 999px;
  background: var(--accent-light);
  border: 1px solid color-mix(in srgb, var(--accent) 35%, var(--border-default));
  color: var(--accent-text);
  font-size: 0.74rem;
  font-weight: 600;
}
.filter-chip.empty {
  background: var(--bg-surface-alt);
  border-color: var(--border-default);
  color: var(--text-muted);
}
.summary-text,
.compare-note {
  color: var(--text-secondary);
  font-size: 0.82rem;
  line-height: 1.55;
  margin: 0 0 12px;
}
.summary-grid-6 {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 10px;
  margin-bottom: 14px;
}
.overview-tools,
.compare-grid {
  display: grid;
  gap: 14px;
  margin: 14px 0 16px;
}
.overview-tools { grid-template-columns: 1.1fr .9fr; }
.executive-brief,
.compare-card {
  background: var(--bg-surface-alt);
  border: 1px solid var(--border-default);
  border-radius: var(--radius-md);
  padding: 16px;
}
.executive-brief h3,
.compare-card h3 {
  font-size: 0.9rem;
  font-weight: 700;
  color: var(--text-primary);
  margin-bottom: 8px;
}
.executive-brief ul {
  margin-left: 18px;
  color: var(--text-secondary);
  font-size: 0.84rem;
  line-height: 1.55;
}
.executive-brief li { margin-bottom: 6px; }
.compare-grid { grid-template-columns: repeat(2, 1fr); }
.compare-metrics {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
  margin-top: 12px;
}
.compare-metric {
  background: var(--bg-elevated);
  border: 1px solid var(--border-default);
  border-radius: var(--radius-sm);
  padding: 10px 12px;
}
.compare-metric .k {
  display:block;
  font-size:0.68rem;
  font-weight:600;
  text-transform:uppercase;
  letter-spacing:.05em;
  color:var(--text-muted);
  margin-bottom:4px;
}
.compare-metric .v {
  font-size:0.96rem;
  font-weight:700;
  color:var(--text-primary);
}
.muted-inline {
  color: var(--text-muted);
  font-size: 0.76rem;
}

/* ═══ RESPONSIVE ═══ */
@media (max-width: 1200px) {
  .overview-stats { grid-template-columns: repeat(3, 1fr); }
  .summary-grid-6 { grid-template-columns: repeat(3, 1fr); }
  .overview-tools, .compare-grid { grid-template-columns: 1fr; }
  .overview-chart-grid { grid-template-columns: 1fr; }
  .filtered-chart-grid { grid-template-columns: 1fr; }
  .controls-bar { grid-template-columns: repeat(auto-fill, minmax(130px, 1fr)); }
}
@media (max-width: 900px) {
  .site-wrap { padding: 10px 12px 30px; }
  .summary-grid-6 { grid-template-columns: repeat(2, 1fr); }
  .site-header { padding: 18px 20px; }
  .header-titles h1 { font-size: 1.35rem; }
  .header-titles .subtitle { font-size: 1rem; }
  .header-top { flex-direction: column; }
  .overview-stats { grid-template-columns: repeat(2, 1fr); }
  .summary-row { grid-template-columns: repeat(2, 1fr); }
  .controls-bar { grid-template-columns: repeat(2, 1fr); }
  .control-group.search-wide { grid-column: 1 / -1; }
  .nav-tabs { position: static; }
  .tab-panel { padding: 16px; }
  .chart-card canvas { height: 240px !important; }
}
@media (max-width: 640px) {
  .site-wrap { padding: 6px; }
  .summary-grid-6, .compare-metrics { grid-template-columns: 1fr 1fr; }
  .filter-chip-row { gap: 6px; }
  .site-header { padding: 14px 16px; border-radius: var(--radius-md); }
  .header-titles h1 { font-size: 1.1rem; }
  .header-titles .subtitle { font-size: 0.88rem; }
  .header-cite { font-size: 0.72rem; }
  .header-meta { font-size: 0.7rem; }

  /* Horizontal scrolling tabs instead of wrapping */
  .nav-tabs {
    flex-wrap: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    padding: 8px 0;
    gap: 6px;
  }
  .nav-tabs::-webkit-scrollbar { display: none; }
  .tab-btn {
    font-size: 0.73rem;
    padding: 8px 14px;
    flex-shrink: 0;
    min-height: 38px;
  }

  .tab-panel { padding: 10px; border-radius: var(--radius-md); }
  .panel-title { font-size: 1.15rem; }

  /* Stats */
  .overview-stats { grid-template-columns: 1fr 1fr; gap: 6px; }
  .summary-row { grid-template-columns: 1fr 1fr; gap: 6px; }
  .stat-card { padding: 10px 12px; }
  .stat-card .stat-value { font-size: 1.3rem; }

  /* Filters - larger touch targets */
  .controls-bar { grid-template-columns: 1fr; gap: 6px; }
  .control-group.search-wide { grid-column: 1; }
  .control-group select,
  .control-group input[type="text"] {
    padding: 10px 10px;
    font-size: 0.88rem;
    min-height: 42px;
    border-radius: var(--radius-md);
  }
  .control-group label { font-size: 0.7rem; margin-bottom: 3px; }

  /* Larger touch targets for buttons */
  .action-btn {
    padding: 10px 16px;
    font-size: 0.82rem;
    min-height: 42px;
  }
  .collapse-toggle {
    padding: 12px 14px;
    font-size: 0.85rem;
    min-height: 44px;
  }

  /* Charts */
  .overview-chart-grid { gap: 10px; }
  .filtered-chart-grid { grid-template-columns: 1fr; gap: 10px; }

  .chart-card { padding: 12px; }
  .chart-card canvas { height: 200px !important; }
  .year-chart-wrap canvas { height: 140px !important; }

  /* Responsive data table handling */
  .air-data-table .priority-desktop { display: none; }
  .air-data-table .col-notes { min-width: 220px; }

  /* Content panels (glossary, methodology, about) */

  .content-panel { padding: 16px; font-size: 0.86rem; }
  .content-panel h2 { font-size: 1.1rem; }
  .content-panel h3 { font-size: 0.95rem; }
  .content-panel p { font-size: 0.84rem; }
  .content-panel .lead { font-size: 0.88rem; }
  .content-figure { padding: 12px; }
  .figure-grid { gap: 12px; }


  /* Glossary table mobile card view */
  .glossary-table, .glossary-table thead, .glossary-table tbody,
  .glossary-table th, .glossary-table td, .glossary-table tr { display: block; }
  .glossary-table thead { display: none; }
  .glossary-table tr {
    border: 1px solid var(--border-default);
    border-radius: var(--radius-md);
    margin-bottom: 10px;
    background: var(--bg-elevated);
    padding: 0;
  }
  .glossary-table td:first-child {
    white-space: normal;
    width: auto;
    padding: 10px 12px 4px;
    border-bottom: 0;
    font-size: 0.88rem;
  }
  .glossary-table td:last-child {
    padding: 4px 12px 12px;
    font-size: 0.82rem;
  }

  /* References */
  .refs-search { font-size: 0.88rem; padding: 10px 12px; min-height: 42px; }
  .ref-item { padding: 10px 12px; font-size: 0.8rem; }

  /* AIR diagram smaller on mobile */
  .content-panel div[style*="max-width:380px"] { max-width: 280px !important; }

  /* Research notice banner */
  .site-header div[style*="warn-bg"] { font-size: 0.74rem; padding: 6px 10px; }
}



@media (max-width: 1100px) and (min-width: 641px) {
  .air-data-table { min-width: 1120px; width: max(100%, 1120px); }
  .air-data-table .priority-desktop { display: none; }
}
@media (max-width: 640px) {
  .table-container { border: 0; overflow: visible; }
  .air-data-table { min-width: 100%; table-layout: auto; }
  .air-data-table colgroup,
  .air-data-table thead { display: none; }
  .air-data-table tbody,
  .air-data-table tr,
  .air-data-table td { display: block; width: 100%; }
  .air-data-table tbody tr.dt-main-row,
  .air-data-table tbody tr.dt-detail-row {
    border: 1px solid var(--border-default);
    border-radius: var(--radius-md);
    margin-bottom: 10px;
    background: var(--bg-surface-alt);
    overflow: hidden;
  }
  .air-data-table tbody tr.dt-main-row td {
    display: grid;
    grid-template-columns: 34% 1fr;
    gap: 8px;
    padding: 8px 12px;
    border-bottom: 1px solid var(--border-default);
    text-align: left;
  }
  .air-data-table tbody tr.dt-main-row td::before {
    content: attr(data-label);
    font-size: 0.66rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--text-muted);
  }
  .air-data-table tbody tr.dt-main-row td.priority-tablet,
  .air-data-table tbody tr.dt-main-row td.priority-desktop { display: none; }
  .air-data-table tbody tr.dt-main-row td.col-notes { border-bottom: 0; }
  .air-data-table tbody tr.dt-detail-row td {
    display: block;
    padding: 0;
    border-bottom: 0;
  }
  .dt-detail-wrap { padding: 12px; }
  .dt-detail-grid { grid-template-columns: 1fr; }
}

/* ═══ PRINT ═══ */
@media print {
  body { background: white; color: black; }
  .nav-tabs, .theme-toggle, .actions-bar, .collapse-toggle { display: none; }
  .tab-panel { display: block !important; break-inside: avoid; border: 1px solid #ccc; margin-bottom: 20px; box-shadow: none; }
  .chart-card { break-inside: avoid; }
}

/* layout safety */
.overview-chart-grid { align-items: stretch; }
@media (max-width: 767px) {
  .overview-chart-grid { grid-template-columns: 1fr !important; }
  .overview-chart-grid > .chart-card { grid-column: span 1 !important; }
}
@media (min-width: 768px) {
  .overview-chart-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
}


/* chart stability tweaks */
.chart-card canvas { width: 100% !important; min-height: 280px; }
.overview-chart-grid { display:grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap:16px; }
@media (max-width: 900px) { .overview-chart-grid { grid-template-columns: 1fr; } .chart-card[style*="grid-column: span 2"] { grid-column:auto !important; } }


/* release markers and tab architecture */
.site-version-marker {
  display: inline-flex;
  align-items: center;
  margin-top: 10px;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--accent-text);
  background: var(--accent-light);
  border: 1px solid color-mix(in srgb, var(--accent) 30%, var(--border-default));
  border-radius: 999px;
  padding: 4px 10px;
}
.site-notice {
  margin-top: 10px;
  padding: 8px 14px;
  background: var(--warn-bg);
  border: 1px solid var(--border-default);
  border-radius: var(--radius-sm);
  font-size: 0.8rem;
  color: var(--text-secondary);
  line-height: 1.5;
}
.site-notice strong { color: var(--warn); }

.dataset-switcher {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 12px;
}
.dataset-tab {
  border: 1px solid var(--border-default);
  background: var(--bg-surface);
  color: var(--text-secondary);
  padding: 8px 14px;
  border-radius: var(--radius-sm);
  cursor: pointer;
  font-family: var(--font-body);
  font-size: 0.8rem;
  font-weight: 600;
  transition: all .15s;
}
.dataset-tab:hover {
  background: var(--accent-light);
  color: var(--accent-text);
  border-color: var(--accent);
}
.dataset-tab.active {
  background: var(--accent);
  color: var(--text-inverse);
  border-color: var(--accent);
}
.context-note {
  color: var(--text-secondary);
  font-size: 0.82rem;
  line-height: 1.55;
  margin-top: 10px;
}

@media (max-width: 900px) {
  .site-version-marker { margin-top: 12px; }
}
@media (max-width: 640px) {
  .dataset-switcher { flex-direction: column; }
  .dataset-tab { width: 100%; min-height: 42px; }
}


#tab-air-explorer .chart-card canvas,
#tab-air-explorer .year-chart-wrap canvas {
  pointer-events: auto;
  -webkit-tap-highlight-color: transparent;
}
#tab-air-explorer .chart-card,
#tab-air-explorer .year-chart-wrap {
  overflow: hidden;
}


.overview-stats-compact {
  grid-template-columns: repeat(9, minmax(0,1fr));
}
.chart-card-wide { grid-column: span 2; }
.chart-card-tall { min-height: 460px; }
.chart-header-row {
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:12px;
  margin-bottom:10px;
}
.chart-header-row-wrap { flex-wrap:wrap; }
.chart-control-row { display:flex; gap:10px; flex-wrap:wrap; }
.chart-inline-control {
  min-width: 180px;
  max-width: 220px;
}
.chart-inline-control label {
  font-size:0.68rem;
}
.chart-note {
  margin-top:10px;
  font-size:0.76rem;
  line-height:1.5;
  color:var(--text-secondary);
}

.toggle-pill-row {
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.toggle-pill {
  display:inline-flex;
  align-items:center;
  gap:0;
}
.toggle-pill input {
  position:absolute;
  opacity:0;
  pointer-events:none;
}
.toggle-pill span {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:8px 12px;
  border:1px solid var(--border-default);
  border-radius:999px;
  background:var(--bg-subtle);
  color:var(--text-secondary);
  font-size:0.76rem;
  line-height:1.2;
  cursor:pointer;
  transition:all .15s ease;
}
.toggle-pill input:checked + span {
  background:var(--accent-light);
  color:var(--accent-strong);
  border-color:var(--accent);
}
.control-group-wide {
  grid-column: span 2;
}

.flag-head {
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  line-height:1.1;
  gap:3px;
  min-width:40px;
}
.flag-head-rect {
  display:block;
  width:22px;
  height:14px;
  border-radius:2px;
  border:1px solid rgba(0,0,0,.12);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.16);
}
.flag-au { background:#012169; }
.flag-ca { background:linear-gradient(90deg,#d52b1e 0 26%, #fff 26% 74%, #d52b1e 74% 100%); }
.flag-nz { background:#00247d; }
.flag-uk { background:#012169; }
.flag-us { background:repeating-linear-gradient(180deg,#b22234 0 9%, #fff 9% 18%); }
.flag-5e { background:linear-gradient(135deg,#2b6cb0,#4a5568); }
.flag-head-code {
  font-size:0.66rem;
  font-weight:700;
  letter-spacing:0.05em;
  color:var(--text-secondary);
}
.flag-head-cell {
  text-align:center !important;
}
.religion-center { text-align:center !important; }
.table-subhead {
  display:block;
  margin-top:2px;
  font-size:0.62rem;
  font-weight:600;
  color:var(--text-muted);
  line-height:1.2;
}
.context-empty-state {
  margin-top:10px;
  padding:10px 12px;
  border:1px dashed var(--border-default);
  border-radius:var(--radius-sm);
  background:var(--bg-surface-alt);
  color:var(--text-secondary);
  font-size:0.78rem;
  line-height:1.45;
}
.context-empty-state[hidden] { display:none !important; }
.religion-compare-table th:first-child,
.religion-compare-table td:first-child {
  position:sticky;
  left:0;
  background:var(--bg-surface);
  z-index:1;
}
.religion-compare-table thead th:first-child {
  z-index:2;
}
.religion-compare-table td:not(:first-child),
.religion-compare-table th:not(:first-child) {
  text-align:center;
}

.religion-compare-wrap {
  overflow-x:auto;
}
.religion-compare-wrap table {
  min-width: 980px;
}
.metric-toggle-grid {
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:8px 12px;
  margin-bottom:10px;
}
.metric-toggle-grid label {
  display:flex;
  align-items:center;
  gap:6px;
  font-size:0.76rem;
  color:var(--text-secondary);
}
.metric-toggle-grid input { accent-color: var(--accent); }
@media (max-width: 1400px) {
  .overview-stats-compact { grid-template-columns: repeat(3, minmax(0,1fr)); }
}
@media (max-width: 900px) {
  .overview-stats-compact { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .metric-toggle-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .control-group-wide { grid-column: span 1; }
}
@media (max-width: 640px) {
  .overview-stats-compact { grid-template-columns: 1fr 1fr; }
  .chart-header-row { flex-direction:column; }
  .chart-inline-control { min-width:100%; max-width:100%; }
  .metric-toggle-grid { grid-template-columns: 1fr; }
  .chart-note { font-size:0.74rem; }
  .toggle-pill-row { gap:6px; }
  .toggle-pill span { width:100%; }
  #tab-air-explorer .chart-card canvas { min-height: 240px; }
  #tab-air-explorer .chart-card-tall { min-height: 520px; }
  #tab-air-explorer #ov_timeline { height: 260px !important; min-height: 260px; }
  .flag-head-emoji { font-size: 0.92rem; }
  .flag-head-code { font-size: 0.6rem; }
  .religion-compare-wrap table { min-width: 920px; }
}
@media (max-width: 430px) {
  #tab-air-explorer .chart-card-tall { min-height: 620px; }
  .religion-compare-wrap table { min-width: 900px; }
}


/* ═══ ADMIN SURFACES ═══ */
.site{max-width:1480px;margin:0 auto;padding:16px 20px 40px;background:var(--bg-base);color:var(--text-primary);font-family:var(--font-body)}
.card{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}
.section{padding:20px}
.header.card{padding:24px 28px}
.header .meta,.lead{color:var(--text-secondary)}
.grid{display:grid;gap:16px}
.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}
.grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}
.kpi .label{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:6px}
.kpi .value{font-size:1.35rem;font-weight:700}
.admin-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:16px}
.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.form-grid .full{grid-column:1/-1}
.form-grid label,.section label{display:block;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:4px}
.form-grid input,.form-grid select,.form-grid textarea,.table-tools input,.section select{width:100%;border:1px solid var(--border-default);background:var(--bg-input);color:var(--text-primary);border-radius:var(--radius-sm);padding:8px 10px;font-size:.85rem;font-family:var(--font-body)}
.form-grid textarea{min-height:110px;resize:vertical}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 14px;border:1px solid var(--border-default);background:var(--bg-surface);color:var(--text-secondary);border-radius:var(--radius-sm);text-decoration:none;cursor:pointer;font-size:.82rem;font-weight:600}
.btn:hover{background:var(--accent-light);border-color:var(--accent);color:var(--accent-text);text-decoration:none}
.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--text-inverse)}
.btn.primary:hover{filter:brightness(.98)}
.msg{margin:16px auto 0;max-width:1480px;padding:12px 16px;border-radius:var(--radius-md);border:1px solid var(--border-default)}
.msg.ok{background:var(--good-bg);color:var(--good);border-color:var(--good)}
.msg.err{background:var(--danger-bg);color:var(--danger);border-color:var(--danger)}
.table-wrap{overflow:auto;border:1px solid var(--border-default);border-radius:var(--radius-md)}
.data-table{width:100%;border-collapse:collapse;font-size:.8rem}
.data-table th,.data-table td{padding:10px 8px;border-bottom:1px solid var(--border-default);vertical-align:top}
.data-table th{background:var(--bg-elevated);font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);position:sticky;top:0;z-index:1}
.table-tools{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:12px 0}
.table-tools .spacer{flex:1 1 auto}
.list{display:grid;gap:8px}
.list-item.small{font-size:.78rem;color:var(--text-secondary);background:var(--bg-surface-alt);border:1px solid var(--border-default);border-radius:var(--radius-sm);padding:8px 10px}
@media (max-width:1100px){.admin-layout,.grid.two,.grid.four{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}}


.overview-explorer-controls {
  grid-template-columns: minmax(140px, 180px) minmax(160px, 220px) minmax(320px, 1fr);
  align-items: end;
}
.overview-explorer-controls .control-group-wide {
  grid-column: span 1;
}
.religion-compare-table thead th {
  text-align: center;
  vertical-align: bottom;
}
.religion-compare-table th:last-child,
.religion-compare-table th:nth-last-child(2),
.religion-compare-table td:last-child,
.religion-compare-table td:nth-last-child(2) {
  white-space: nowrap;
}
#tab-air-explorer .chart-card-tall {
  min-height: 500px;
}
@media (max-width: 980px) {
  .overview-explorer-controls {
    grid-template-columns: repeat(2, minmax(0,1fr));
  }
  .overview-explorer-controls .control-group-wide {
    grid-column: span 2;
  }
}
@media (max-width: 640px) {
  .overview-explorer-controls {
    grid-template-columns: 1fr;
  }
  .overview-explorer-controls .control-group-wide {
    grid-column: span 1;
  }
  #tab-air-explorer #ov_context_cluster_main {
    height: 500px !important;
    min-height: 500px;
  }
}
@media (max-width: 430px) {
  #tab-air-explorer #ov_context_cluster_main {
    height: 560px !important;
    min-height: 560px;
  }
}


.indexed-compare-controls {
  display:grid;
  grid-template-columns: minmax(0, 2fr) minmax(260px, 1fr);
  gap:12px 16px;
  margin-bottom:10px;
}
.indexed-compare-controls .control-block {
  background: var(--bg-surface-alt);
  border: 1px solid var(--border-default);
  border-radius: var(--radius-md);
  padding: 10px 12px;
}
.control-block-title {
  font-size: 0.74rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: var(--text-muted);
  margin-bottom: 8px;
}
.indexed-metric-grid {
  grid-template-columns: repeat(4,minmax(0,1fr));
  margin-bottom:0;
}
.indexed-case-pill-row {
  gap: 8px;
  flex-wrap: wrap;
}
.chart-inline-status {
  min-height: 1.1rem;
  margin: 2px 0 10px;
  font-size: 0.74rem;
  color: var(--text-muted);
}
#tab-air-explorer #ov_indexed_context_case {
  height: 340px !important;
  min-height: 340px;
}
@media (max-width: 1100px) {
  .indexed-compare-controls {
    grid-template-columns: 1fr;
  }
  .indexed-metric-grid {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }
}
@media (max-width: 640px) {
  .indexed-metric-grid {
    grid-template-columns: 1fr;
  }
  #tab-air-explorer #ov_indexed_context_case {
    height: 460px !important;
    min-height: 460px;
  }
}
@media (max-width: 430px) {
  #tab-air-explorer #ov_indexed_context_case {
    height: 520px !important;
    min-height: 520px;
  }
}


.compare-page-panel .compare-intro { color: var(--text-secondary); max-width: 1100px; }
.compare-scoreboard-grid { grid-template-columns: repeat(7, minmax(0,1fr)); margin-bottom: 14px; }
.compare-stat-card { min-height: 96px; }
.compare-workflow-controls { display:grid; grid-template-columns: repeat(5, minmax(0,1fr)); gap:12px; align-items:end; }
.compare-chart-grid .chart-card canvas { min-height: 320px; }
.rank-list { display:grid; gap:4px; }
.rank-item { display:flex; justify-content:space-between; gap:10px; font-size:0.78rem; }
.rank-label { color: var(--text-secondary); }
.rank-value { font-weight:700; }
#FiveEyes_Compared .chart-card-tall { min-height: 500px; }
@media (max-width: 1280px) { .compare-scoreboard-grid { grid-template-columns: repeat(4, minmax(0,1fr)); } }
@media (max-width: 980px) { .compare-workflow-controls { grid-template-columns: repeat(2, minmax(0,1fr)); } .compare-scoreboard-grid { grid-template-columns: repeat(3, minmax(0,1fr)); } }
@media (max-width: 640px) { .compare-workflow-controls { grid-template-columns: 1fr; } .compare-scoreboard-grid { grid-template-columns: repeat(2, minmax(0,1fr)); } #FiveEyes_Compared .chart-card canvas { min-height: 260px; } }
@media (max-width: 430px) { .compare-scoreboard-grid { grid-template-columns: 1fr; } #FiveEyes_Compared .chart-card-tall { min-height: 560px; } }

.flag-au::after { content:"★"; color:#fff; font-size:7px; position:relative; left:12px; top:-12px; }
.flag-nz::after { content:"★"; color:#d52b1e; font-size:7px; position:relative; left:12px; top:-12px; }
.flag-uk::after { content:"✚"; color:#c8102e; font-size:8px; position:relative; left:6px; top:-13px; }
.flag-us::after { content:""; position:relative; display:block; width:9px; height:7px; background:#3c3b6e; top:-14px; }


.flag-head-emoji { font-size: 1rem; line-height: 1; }
.cluster-scoreboard-grid {
  display:grid;
  grid-template-columns: repeat(auto-fit, minmax(220px,1fr));
  gap:12px;
  margin-top:12px;
}
.cluster-scoreboard-grid .stat-card { min-height: 106px; }
.cluster-scoreboard-grid .stat-card.stat-card-wide { grid-column: span 2; }
.cluster-scoreboard-grid .stat-value-small { font-size:0.9rem; line-height:1.45; white-space:normal; overflow-wrap:anywhere; }
.cluster-fixed-range {
  min-height: 42px;
  display:flex;
  align-items:center;
  padding:10px 12px;
  border:1px solid var(--border-default);
  border-radius: var(--radius-sm);
  background: var(--bg-surface-alt);
  font-weight:600;
  color: var(--text-primary);
}
.cluster-mini-grid {
  display:grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap:12px;
  margin-top:12px;
}
.mini-card {
  background: var(--bg-surface-alt);
  border:1px solid var(--border-default);
  border-radius: var(--radius-md);
  padding:10px 12px;
  min-height: 220px;
}
.mini-card-title {
  font-size: 0.74rem;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:0.04em;
  color: var(--text-muted);
  margin-bottom:8px;
}
.context-cluster-controls { margin-bottom: 12px; }
.chart-card-context-cluster { min-height: 880px; }
#tab-air-explorer #ov_context_cluster_main { height: 380px !important; min-height: 380px; max-height: 380px; }
#tab-air-explorer #ov_context_cluster_targets, #tab-air-explorer #ov_context_cluster_air { height: 180px !important; min-height: 180px; }
@media (max-width: 1100px) {
  .cluster-scoreboard-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .cluster-scoreboard-grid .stat-card.stat-card-wide { grid-column: span 2; }
}
@media (max-width: 640px) {
  .cluster-scoreboard-grid, .cluster-mini-grid { grid-template-columns: 1fr; }
  .cluster-scoreboard-grid .stat-card.stat-card-wide { grid-column: span 1; }
  .chart-card-context-cluster { min-height: 1160px; }
  #tab-air-explorer #ov_context_cluster_main { height: 480px !important; min-height: 480px; max-height: 480px; }
}
@media (max-width: 430px) {
  .chart-card-context-cluster { min-height: 1240px; }
  #tab-air-explorer #ov_context_cluster_main { height: 520px !important; min-height: 520px; max-height: 520px; }
}


.chart-title-actions {
  margin-left:auto;
  display:flex;
  align-items:center;
  gap:8px;
}
.action-btn-quiet {
  background: var(--bg-surface-alt);
  color: var(--text-secondary);
}
.chart-export-btn {
  padding: 7px 10px;
  font-size: 0.72rem;
}
.mini-card-header {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-bottom:8px;
}
.cluster-scoreboard-grid .stat-card.stat-card-ranked {
  min-height: 148px;
}
.summary-rank-list {
  display:grid;
  gap:8px;
  margin-top:6px;
}
.summary-rank-row {
  display:grid;
  grid-template-columns: 28px minmax(0,1fr) auto;
  gap:10px;
  align-items:center;
}
.summary-rank-pill {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:24px;
  height:24px;
  border-radius:999px;
  background: var(--accent-light);
  color: var(--accent-strong);
  font-size:0.72rem;
  font-weight:700;
}
.summary-rank-label {
  color: var(--text-secondary);
  font-size:0.82rem;
  line-height:1.3;
}
.summary-rank-value {
  font-size:0.8rem;
  font-weight:700;
  color: var(--text-primary);
  white-space:nowrap;
}
@media (max-width: 640px) {
  .chart-title-actions { width:100%; justify-content:flex-start; }
}

#tab-air-explorer #ov_context_cluster_main { image-rendering: auto; }


.chart-card-context-cluster .chart-control-row {
  align-items: end;
}
.chart-card-context-cluster .chart-inline-control select {
  min-width: 172px;
}
#tab-air-explorer #ov_context_cluster_main {
  width: 100% !important;
  max-width: 100%;
}
#tab-air-explorer #ov_context_cluster_targets,
#tab-air-explorer #ov_context_cluster_air {
  width: 100% !important;
}
#tab-air-explorer .chart-card-context-cluster canvas {
  display: block;
}
#tab-air-explorer .chart-card-context-cluster .metric-toggle-grid label {
  min-height: 36px;
}
#tab-air-explorer .chart-card-context-cluster .chart-inline-status {
  line-height: 1.45;
}
@media (max-width: 900px) {
  .chart-card-context-cluster .chart-inline-control select {
    min-width: 150px;
  }
}


.compare-page-blue {
  background: linear-gradient(180deg, rgba(225,239,252,.55) 0%, rgba(225,239,252,.28) 38%, rgba(255,255,255,0) 100%);
  border-radius: 22px;
}
.compare-top-grid { display:grid; gap:14px; }
.compare-dual-controls { grid-template-columns: repeat(3, minmax(0,1fr)); }
.compare-dual-columns { display:grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap:14px; }
.compare-column {
  background: rgba(255,255,255,.52);
  border: 1px solid rgba(80,132,188,.14);
  border-radius: 18px;
  padding: 12px;
  backdrop-filter: blur(1px);
}
:root[data-theme='dark'] .compare-column,
html[data-theme='dark'] .compare-column {
  background: rgba(22,28,38,.72);
  border-color: rgba(153,184,220,.14);
}
.compare-column-header {
  font-size: .82rem;
  text-transform: uppercase;
  letter-spacing: .08em;
  color: var(--text-secondary);
  margin-bottom: 10px;
  font-weight: 700;
}
.compare-side-controls { grid-template-columns: repeat(5, minmax(0,1fr)); }
.compare-scoreboard-primary { grid-template-columns: repeat(2, minmax(0,1fr)); gap:10px; }
.compare-scoreboard-side { grid-template-columns: repeat(2, minmax(0,1fr)); gap:10px; }
.compare-stat-card-compact { min-height: 84px; }
.compare-summary-columns .compare-column { padding-bottom: 14px; }
.compare-explorer-card canvas { min-height: 390px; }
.compare-linked-grid { display:grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap:12px; margin-top:14px; }
.compare-linked-grid-compact { grid-template-columns: repeat(2, minmax(0,1fr)); }
.compare-linked-grid-secondary { margin-top: 10px; }
.compare-linked-card {
  border: 1px solid var(--border-soft);
  background: var(--surface-elevated);
  border-radius: 16px;
  padding: 12px 14px;
  min-height: 96px;
}
.compare-linked-label { font-size: .8rem; font-weight: 700; color: var(--text-secondary); margin-bottom: 8px; }
.compare-linked-values { display:flex; justify-content:space-between; gap:8px; font-weight: 700; }
.compare-linked-note { margin-top:8px; font-size:.8rem; color: var(--text-muted); line-height:1.35; }
.compare-chart-grid-refined { grid-template-columns: 1fr 1.4fr; align-items:start; }
.compare-chart-grid-refined .chart-card canvas { min-height: 300px; }
.compare-chart-grid-refined .chart-card-tall canvas { min-height: 360px; }
.compare-mini-grid { margin-top: 14px; grid-template-columns: repeat(4, minmax(0,1fr)); }
.compare-mini-card canvas { min-height: 230px; }
.compare-mini-card { min-height: 312px; }
.compare-context-card canvas { min-height: 345px; }
.compare-context-controls { grid-template-columns: repeat(7, minmax(0,1fr)); margin-bottom: 12px; }
.compare-context-linked-grid { margin-top: 14px; }
.compare-context-summary-note { margin: 10px 0 12px; color: var(--text-secondary); font-size: 0.83rem; line-height: 1.45; }
@media (max-width: 1280px) {
  .compare-side-controls { grid-template-columns: repeat(3, minmax(0,1fr)); }
  .compare-scoreboard-side, .compare-scoreboard-primary { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .compare-context-controls { grid-template-columns: repeat(4, minmax(0,1fr)); }
  .compare-mini-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
}
@media (max-width: 980px) {
  .compare-dual-controls, .compare-dual-columns, .compare-side-controls, .compare-linked-grid, .compare-chart-grid-refined { grid-template-columns: 1fr; }
  .compare-scoreboard-side, .compare-scoreboard-primary { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .compare-context-controls { grid-template-columns: repeat(2, minmax(0,1fr)); }
}
@media (max-width: 640px) {
  .compare-scoreboard-side,
  .compare-scoreboard-primary,
  .compare-context-controls,
  .compare-mini-grid { grid-template-columns: 1fr; }
  #FiveEyes_Compared .chart-card canvas { min-height: 260px; }
  .compare-explorer-card canvas { min-height: 320px; }
  .compare-context-card canvas { min-height: 300px; }
}


/* ═══════════════════════════════════════════════════════
   VERSION 2.5.0 ADDITIONS
   ═══════════════════════════════════════════════════════ */

/* ── Phase stub placeholder (Phases 2–5) ── */
.phase-stub {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 280px;
  padding: 40px 24px;
  text-align: center;
  color: var(--text-secondary);
}
.phase-stub-icon {
  font-size: 2rem;
  margin-bottom: 14px;
  opacity: 0.5;
}
.phase-stub-title {
  font-size: 1rem;
  font-weight: 700;
  color: var(--text-primary);
  margin-bottom: 8px;
}
.phase-stub-note {
  font-size: 0.82rem;
  color: var(--text-muted);
  max-width: 380px;
  line-height: 1.55;
}

/* ── Chart error placeholder ── */
.chart-error-state {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 120px;
  padding: 16px;
  margin-top: 8px;
  background: var(--danger-bg);
  border: 1px dashed var(--danger);
  border-radius: var(--radius-sm);
  color: var(--danger);
  font-size: 0.78rem;
  text-align: center;
}

/* ── Scoreboard grid responsive ── */
.scoreboard-grid {
  display: grid;
  grid-template-columns: repeat(9, minmax(0, 1fr));
  gap: 10px;
  margin-bottom: 20px;
}
@media (max-width: 1400px) {
  .scoreboard-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 900px) {
  .scoreboard-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 640px) {
  .scoreboard-grid { grid-template-columns: 1fr 1fr; }
}

/* ── Module chart grid (2-col default) ── */
.module-chart-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  margin-top: 16px;
}
@media (max-width: 900px) {
  .module-chart-grid { grid-template-columns: 1fr; }
}

/* AIR Explorer refinement — stacked module layout */
.module-chart-grid.module-chart-stack {
  grid-template-columns: 1fr;
}

/* ── Wide chart card spans full grid ── */
.chart-card-wide { grid-column: 1 / -1; }

/* ── Tall chart card minimum height ── */
.chart-card-tall { min-height: 460px; }

.explorer-scoreboard-grid {
  grid-template-columns: repeat(5, minmax(0, 1fr));
  margin-bottom: 16px;
}
.explorer-scoreboard-grid .stat-card {
  min-height: 94px;
}
.explorer-scoreboard-grid .stat-label {
  line-height: 1.2;
}
.chart-shell {
  position: relative;
}
.chart-shell.chart-shell-medium canvas {
  width: 100% !important;
  height: 380px !important;
}
@media (max-width: 1200px) {
  .explorer-scoreboard-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 760px) {
  .explorer-scoreboard-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .chart-shell.chart-shell-medium canvas { height: 340px !important; }
}
@media (max-width: 480px) {
  .explorer-scoreboard-grid { grid-template-columns: 1fr; }
  .chart-shell.chart-shell-medium canvas { height: 300px !important; }
}

/* ── Mini chart cards (used in context cluster) ── */
.mini-chart-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin-top: 12px;
}
.mini-chart-grid .chart-card canvas { min-height: 200px; height: 200px !important; }
@media (max-width: 640px) {
  .mini-chart-grid { grid-template-columns: 1fr; }
}

/* ── Cluster scoreboard cards ── */
.cluster-scoreboard-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin: 14px 0;
}
@media (max-width: 900px) {
  .cluster-scoreboard-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* ── Context cluster controls block ── */
.context-cluster-controls {
  display: grid;
  grid-template-columns: minmax(0, 2fr) minmax(260px, 1fr);
  gap: 12px 16px;
  margin-bottom: 14px;
}
.context-cluster-controls .control-block {
  background: var(--bg-surface-alt);
  border: 1px solid var(--border-default);
  border-radius: var(--radius-md);
  padding: 10px 12px;
}
@media (max-width: 900px) {
  .context-cluster-controls { grid-template-columns: 1fr; }
}

/* ── Main explorer controls ── */
.explorer-controls {
  grid-template-columns: minmax(140px, 180px) minmax(160px, 220px) minmax(320px, 1fr);
  align-items: end;
}
.explorer-controls .control-group-wide { grid-column: span 1; }
@media (max-width: 980px) {
  .explorer-controls { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .explorer-controls .control-group-wide { grid-column: span 2; }
}
@media (max-width: 640px) {
  .explorer-controls { grid-template-columns: 1fr; }
  .explorer-controls .control-group-wide { grid-column: span 1; }
}

/* ── Chart header row ── */
.chart-header-row {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 12px;
  margin-bottom: 10px;
}
.chart-header-row-wrap { flex-wrap: wrap; }
.chart-control-row { display: flex; gap: 10px; flex-wrap: wrap; }
.chart-inline-control { min-width: 180px; max-width: 220px; }
.chart-inline-control label { font-size: 0.68rem; }
.chart-note {
  margin-top: 10px;
  font-size: 0.76rem;
  line-height: 1.5;
  color: var(--text-secondary);
}
.chart-title-actions {
  display: flex;
  gap: 6px;
  align-items: center;
}
@media (max-width: 640px) {
  .chart-header-row { flex-direction: column; }
  .chart-inline-control { min-width: 100%; max-width: 100%; }
  #tab-air-explorer #ov_context_cluster_main {
    height: 500px !important;
    min-height: 500px;
  }
}

/* ── Toggle pill row ── */
.toggle-pill-row { display: flex; flex-wrap: wrap; gap: 8px; }
.toggle-pill { display: inline-flex; align-items: center; gap: 0; }
.toggle-pill input { position: absolute; opacity: 0; pointer-events: none; }
.toggle-pill span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 8px 12px;
  border: 1px solid var(--border-default);
  border-radius: 999px;
  background: var(--bg-surface-alt);
  color: var(--text-secondary);
  font-size: 0.76rem;
  line-height: 1.2;
  cursor: pointer;
  transition: all .15s ease;
}
.toggle-pill input:checked + span {
  background: var(--accent-light);
  color: var(--accent-text);
  border-color: var(--accent);
}
.control-group-wide { grid-column: span 2; }
@media (max-width: 640px) {
  .toggle-pill-row { gap: 6px; }
  .toggle-pill span { width: 100%; }
  .control-group-wide { grid-column: span 1; }
}

/* ── Metric toggle grid (context cluster checkboxes) ── */
.metric-toggle-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 8px 12px;
  margin-bottom: 10px;
}
.metric-toggle-grid label {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 0.76rem;
  color: var(--text-secondary);
}
.metric-toggle-grid input { accent-color: var(--accent); }
.indexed-metric-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); margin-bottom: 0; }
@media (max-width: 900px) {
  .metric-toggle-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* ── Religion comparison table ── */
.religion-compare-wrap { overflow-x: auto; }
.religion-compare-wrap table { min-width: 980px; }
.religion-compare-table thead th { text-align: center; vertical-align: bottom; }
.religion-compare-table th:first-child,
.religion-compare-table td:first-child {
  position: sticky; left: 0; background: var(--bg-surface); z-index: 1;
}
.religion-compare-table thead th:first-child { z-index: 2; }
.religion-compare-table td:not(:first-child),
.religion-compare-table th:not(:first-child) { text-align: center; }
.religion-center { text-align: center !important; }
.table-subhead { display: block; margin-top: 2px; font-size: 0.62rem; font-weight: 600; color: var(--text-muted); line-height: 1.2; }

/* ── Flag head cells ── */
.flag-head { display: flex; flex-direction: column; align-items: center; justify-content: center; line-height: 1.1; gap: 3px; min-width: 40px; }
.flag-head-rect { display: block; width: 22px; height: 14px; border-radius: 2px; border: 1px solid rgba(0,0,0,.12); box-shadow: inset 0 0 0 1px rgba(255,255,255,.16); }
.flag-au { background: #012169; }
.flag-ca { background: linear-gradient(90deg,#d52b1e 0 26%, #fff 26% 74%, #d52b1e 74% 100%); }
.flag-nz { background: #00247d; }
.flag-uk { background: #012169; }
.flag-us { background: repeating-linear-gradient(180deg,#b22234 0 9%, #fff 9% 18%); }
.flag-5e { background: linear-gradient(135deg,#2b6cb0,#4a5568); }
.flag-head-code { font-size: 0.66rem; font-weight: 700; letter-spacing: 0.05em; color: var(--text-secondary); }
.flag-head-cell { text-align: center !important; }

/* ── Five-Eyes Compared layout ── */
.compare-linked-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin-top: 12px;
}
.compare-linked-card {
  background: var(--bg-elevated);
  border: 1px solid var(--border-default);
  border-radius: var(--radius-sm);
  padding: 12px 14px;
}
.compare-linked-label {
  font-size: 0.68rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: var(--text-muted);
  margin-bottom: 6px;
}
.compare-linked-values {
  display: flex;
  gap: 12px;
  font-size: 0.84rem;
  font-weight: 600;
  color: var(--text-primary);
  flex-wrap: wrap;
}
.compare-linked-note {
  margin-top: 6px;
  font-size: 0.72rem;
  color: var(--text-muted);
  line-height: 1.4;
}
.compare-workflow-controls { grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); }

/* ── Comparison AB panels ── */
.compare-ab-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin-bottom: 14px;
}
.compare-ab-panel {
  background: var(--bg-surface-alt);
  border: 1px solid var(--border-default);
  border-radius: var(--radius-md);
  padding: 12px 14px;
}
.compare-ab-label {
  font-size: 0.68rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--text-muted);
  margin-bottom: 8px;
}
@media (max-width: 640px) {
  .compare-ab-grid { grid-template-columns: 1fr; }
  .compare-linked-grid { grid-template-columns: 1fr; }
}

/* ── Chart inline status (context cluster) ── */
.chart-inline-status {
  min-height: 1.1rem;
  font-size: 0.74rem;
  color: var(--text-muted);
  line-height: 1.4;
  padding: 2px 0;
}

/* ── Context empty state ── */
.context-empty-state {
  margin-top: 10px;
  padding: 10px 12px;
  border: 1px dashed var(--border-default);
  border-radius: var(--radius-sm);
  background: var(--bg-surface-alt);
  color: var(--text-secondary);
  font-size: 0.78rem;
  line-height: 1.45;
}
.context-empty-state[hidden] { display: none !important; }

/* ── Summary rank list (used in cluster scoreboard) ── */
.summary-rank-list { display: grid; gap: 5px; }
.summary-rank-row {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 0.78rem;
}
.summary-rank-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: var(--accent-light);
  color: var(--accent-text);
  font-size: 0.64rem;
  font-weight: 700;
  flex-shrink: 0;
}
.summary-rank-label { flex: 1; color: var(--text-primary); }
.summary-rank-value { color: var(--text-muted); font-size: 0.72rem; }

/* ── Chart action button ── */
.chart-action-btn {
  background: var(--bg-input);
  border: 1px solid var(--border-default);
  border-radius: var(--radius-sm);
  padding: 4px 8px;
  font-size: 0.7rem;
  font-family: var(--font-body);
  color: var(--text-muted);
  cursor: pointer;
  transition: all .15s;
}
.chart-action-btn:hover { background: var(--accent-light); color: var(--accent-text); border-color: var(--accent); }

/* ── Dataset tab switcher ── */
.dataset-switcher { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px; }
.dataset-tab {
  border: 1px solid var(--border-default);
  background: var(--bg-surface);
  color: var(--text-secondary);
  padding: 8px 14px;
  border-radius: var(--radius-sm);
  cursor: pointer;
  font-family: var(--font-body);
  font-size: 0.8rem;
  font-weight: 600;
  transition: all .15s;
}
.dataset-tab:hover { background: var(--accent-light); color: var(--accent-text); border-color: var(--accent); }
.dataset-tab.active { background: var(--accent); color: var(--text-inverse); border-color: var(--accent); }
@media (max-width: 640px) {
  .dataset-switcher { flex-direction: column; }
  .dataset-tab { width: 100%; min-height: 42px; }
}


.chart-note-muted {
  color: var(--text-muted);
  margin-top: 8px;
}
.explorer-summary-grid {
  grid-template-columns: repeat(6, minmax(0, 1fr));
  margin: 16px 0;
}
.explorer-summary-grid .stat-card {
  min-height: 96px;
}
.explorer-mini-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  margin-top: 16px;
}
.mini-summary-card {
  background: var(--bg-surface-alt);
  border: 1px solid var(--border-default);
  border-radius: var(--radius-md);
  padding: 14px;
}
.mini-summary-title {
  margin: 0 0 10px;
  font-size: 0.95rem;
  color: var(--text-primary);
}
.chart-shell.chart-shell-mini canvas {
  width: 100% !important;
  height: 220px !important;
}
.mini-comparator-list {
  margin-top: 10px;
  display: grid;
  gap: 6px;
}
.mini-comparator-row {
  display: grid;
  grid-template-columns: 22px minmax(0, 1fr) auto;
  gap: 8px;
  align-items: start;
  font-size: 0.78rem;
  color: var(--text-secondary);
}
.mini-rank {
  font-weight: 700;
  color: var(--text-primary);
}
.mini-comparator-label {
  min-width: 0;
  overflow-wrap: anywhere;
}
.mini-comparator-value {
  color: var(--text-muted);
  text-align: right;
  white-space: nowrap;
}

.mini-comparator-row-compact .mini-comparator-value {
  white-space: nowrap;
}
@media (max-width: 1280px) {
  .explorer-summary-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 900px) {
  .explorer-mini-grid { grid-template-columns: 1fr; }
}
@media (max-width: 760px) {
  .explorer-summary-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 520px) {
  .explorer-summary-grid { grid-template-columns: 1fr; }
  .chart-shell.chart-shell-mini canvas { height: 200px !important; }
  .mini-comparator-row { grid-template-columns: 20px minmax(0, 1fr); }
  .mini-comparator-value { grid-column: 2; text-align: left; white-space: normal; }
}

.change-stat-card { position: relative; }
.change-stat-card .stat-subtext { line-height: 1.25; }
.change-meter {
  margin-top: 8px;
  height: 6px;
  border-radius: 999px;
  background: var(--bg-input);
  overflow: hidden;
  border: 1px solid var(--border-default);
}
.change-meter-fill {
  display: block;
  height: 100%;
  border-radius: 999px;
  background: var(--text-muted);
}
.change-stat-card.change-up .change-meter-fill { background: var(--good); }
.change-stat-card.change-down .change-meter-fill { background: var(--danger); }
.change-stat-card.change-flat .change-meter-fill { background: var(--accent); }
.change-stat-card.change-na .change-meter-fill { background: var(--text-muted); width: 0 !important; }
.explorer-mini-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}
.mini-summary-card {
  padding: 12px;
}
.mini-summary-title {
  margin-bottom: 8px;
  font-size: 0.88rem;
  line-height: 1.25;
}
.chart-shell.chart-shell-mini canvas {
  height: 170px !important;
}
.mini-comparator-list {
  margin-top: 8px;
  gap: 5px;
}
.mini-comparator-row {
  font-size: 0.73rem;
  line-height: 1.35;
}
.mini-comparator-value {
  white-space: normal;
  text-align: left;
}
.incident-method-note {
  margin-top: 12px;
}
@media (max-width: 1280px) {
  .explorer-mini-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 900px) {
  .chart-shell.chart-shell-mini canvas { height: 180px !important; }
}
@media (max-width: 700px) {
  .explorer-mini-grid { grid-template-columns: 1fr; }
}


.explorer-mini-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}
.chart-shell.chart-shell-mini canvas {
  height: 165px !important;
}
.mini-comparator-row {
  grid-template-columns: 20px minmax(0, 0.95fr) minmax(0, 1.05fr);
  gap: 8px;
}
.mini-comparator-stack {
  display: grid;
  gap: 1px;
}
.mini-comparator-line {
  display: block;
  color: var(--text-muted);
  line-height: 1.25;
}
.mini-comparator-value {
  text-align: left;
  white-space: normal;
}
@media (max-width: 900px) {
  .explorer-mini-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 700px) {
  .explorer-mini-grid { grid-template-columns: 1fr; }
  .chart-shell.chart-shell-mini canvas { height: 180px !important; }
}

.kpi .label{
  font-size:.68rem;
  line-height:1.3;
}
.kpi .value{
  font-size:clamp(.96rem, 1.55vw, 1.18rem);
  line-height:1.25;
  overflow-wrap:anywhere;
}
.admin-layout{
  grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);
}
@media (max-width:1100px){
  .admin-layout{grid-template-columns:1fr}
}


.explorer-mini-grid {
  gap: 12px;
}
.mini-summary-card {
  padding: 10px 12px;
}
.chart-shell.chart-shell-mini canvas {
  height: 138px !important;
}
.mini-summary-title {
  margin-bottom: 6px;
}
.mini-comparator-list {
  margin-top: 6px;
  gap: 4px;
}
.mini-comparator-row {
  grid-template-columns: 18px minmax(0, 0.88fr) minmax(0, 1.12fr);
  gap: 6px;
  font-size: 0.71rem;
  line-height: 1.25;
}
.mini-comparator-value {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: left;
}
@media (max-width: 900px) {
  .chart-shell.chart-shell-mini canvas {
    height: 146px !important;
  }
}
@media (max-width: 700px) {
  .chart-shell.chart-shell-mini canvas {
    height: 156px !important;
  }
  .mini-comparator-value {
    white-space: normal;
    overflow: visible;
    text-overflow: clip;
  }
}


.context-explorer-controls {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.context-summary-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin: 16px 0;
}
.context-summary-card { min-height: 98px; }
.context-change-lines {
  display: grid;
  gap: 2px;
  margin-top: 4px;
  font-size: 0.72rem;
  color: var(--text-secondary);
  line-height: 1.25;
}
.chart-shell.chart-shell-context-main canvas {
  width: 100% !important;
  height: 360px !important;
}
.context-mini-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  margin-top: 16px;
}
.chart-shell.chart-shell-context-mini canvas {
  width: 100% !important;
  height: 180px !important;
}
@media (max-width: 1180px) {
  .context-explorer-controls, .context-summary-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 760px) {
  .chart-shell.chart-shell-context-main canvas { height: 330px !important; }
  .context-mini-grid { grid-template-columns: 1fr; }
}
@media (max-width: 520px) {
  .context-explorer-controls, .context-summary-grid { grid-template-columns: 1fr; }
  .chart-shell.chart-shell-context-main canvas { height: 300px !important; }
  .chart-shell.chart-shell-context-mini canvas { height: 160px !important; }
}


.chart-note-teaching {
  margin-top: 10px;
  padding: 8px 10px;
  border-left: 3px solid rgba(64, 99, 160, 0.35);
  background: color-mix(in srgb, var(--panel-bg) 92%, var(--accent) 8%);
}
.context-interpretation-block {
  margin-top: 16px;
  padding: 14px 16px;
  border: 1px solid var(--border-subtle);
  border-radius: 10px;
  background: color-mix(in srgb, var(--panel-bg) 94%, var(--text-muted) 6%);
}
.context-interpretation-title {
  margin: 0 0 8px;
  font-size: 0.95rem;
}
.context-interpretation-block p {
  margin: 0 0 8px;
  font-size: 0.86rem;
  line-height: 1.45;
  color: var(--text-secondary);
}
.context-interpretation-block p:last-child { margin-bottom: 0; }

.context-guide-block {
  margin-top: 12px;
  padding: 12px 14px;
  border: 1px solid var(--border-subtle);
  border-radius: 10px;
  background: color-mix(in srgb, var(--panel-bg) 95%, var(--accent) 5%);
}
.context-guide-title {
  margin: 0 0 6px;
  font-size: 0.94rem;
}
.context-guide-block p {
  margin: 0 0 6px;
  font-size: 0.85rem;
  line-height: 1.45;
  color: var(--text-secondary);
}
.context-guide-block p:last-child { margin-bottom: 0; }
.context-guide-block code {
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 0.82rem;
  background: color-mix(in srgb, var(--panel-bg) 85%, var(--text-muted) 15%);
  padding: 1px 4px;
  border-radius: 4px;
}
.context-insight-card {
  min-height: 120px;
}
.context-insight-value {
  margin-top: 4px;
  font-size: 0.88rem;
  font-weight: 600;
  line-height: 1.35;
  color: var(--text-primary);
}
.context-insight-subtext {
  margin-top: 6px;
  line-height: 1.35;
}
.air-export-header {
  margin-bottom: 14px;
  padding: 10px 12px;
  border: 1px solid rgba(91, 100, 112, 0.18);
  border-radius: 10px;
  background: rgba(255,255,255,0.86);
  color: #1e2732;
  font-family: Arial, Helvetica, sans-serif;
}
.air-export-kicker {
  font-size: 11px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #475364;
  margin-bottom: 2px;
}
.air-export-subtitle {
  font-size: 13px;
  font-weight: 600;
  margin-bottom: 4px;
}
.air-export-module {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 4px;
}
.air-export-meta {
  font-size: 11px;
  line-height: 1.35;
  color: #5b6470;
}


.context-air-mini-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.mini-air-note {
  margin-top: 8px;
  font-size: 0.75rem;
  line-height: 1.35;
  color: var(--text-secondary);
}
@media (max-width: 1080px) {
  .context-air-mini-grid { grid-template-columns: 1fr; }
}


.fiveeyes-module-block { margin-top: 18px; }
.fiveeyes-section-title {
  margin: 0 0 10px;
  font-size: 0.98rem;
  font-weight: 700;
  letter-spacing: 0.01em;
  color: var(--text-primary);
}
.fiveeyes-selector-bar {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  max-width: 980px;
}
.fiveeyes-selector-bar--polished {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  max-width: none;
  gap: 12px;
  margin-bottom: 0;
}
.compare-country-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
  gap: 12px;
}
.compare-country-grid--dual {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.compare-country-card {
  min-height: 252px;
  transition: border-color .15s ease, box-shadow .15s ease, transform .15s ease, opacity .15s ease;
}
.compare-country-card--focus,
.compare-country-card--primary,
.compare-country-card--secondary {
  border-color: color-mix(in srgb, var(--accent) 55%, var(--border-default));
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--accent) 16%, transparent);
}
.compare-country-card--muted { opacity: 0.82; }
.compare-country-card-head {
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:10px;
  margin-bottom: 8px;
}
.compare-country-name {
  font-family: var(--font-display);
  font-size: 1.02rem;
  font-weight: 700;
  line-height: 1.2;
  color: var(--text-primary);
}
.compare-country-badge {
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:4px 8px;
  border-radius:999px;
  border:1px solid color-mix(in srgb, var(--accent) 45%, var(--border-default));
  background: color-mix(in srgb, var(--accent) 12%, var(--bg-surface-alt));
  color: var(--accent-text);
  font-size: 0.68rem;
  font-weight: 700;
  white-space: nowrap;
}
.compare-country-total {
  font-family: var(--font-display);
  font-size: 2rem;
  font-weight: 800;
  line-height: 1;
  color: var(--text-primary);
}
.compare-country-total-label {
  margin-top: 4px;
  font-size: 0.72rem;
  color: var(--text-secondary);
}
.compare-country-metrics {
  display:grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap:8px;
  margin-top: 12px;
}
.compare-country-metric {
  display:flex;
  flex-direction:column;
  gap:2px;
  padding:8px 9px;
  background: color-mix(in srgb, var(--bg-surface-alt) 92%, transparent);
  border:1px solid var(--border-default);
  border-radius: var(--radius-sm);
}
.compare-country-metric span {
  font-size: 0.65rem;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--text-muted);
}
.compare-country-metric strong {
  font-size: 1rem;
  color: var(--text-primary);
  line-height: 1.15;
}
.fiveeyes-interpret-grid {
  display:grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}
#tab-five-eyes .chart-card canvas {
  min-height: 320px;
}
@media (max-width: 1100px) {
  .fiveeyes-interpret-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .compare-country-grid--dual { grid-template-columns: 1fr; }
}
@media (max-width: 820px) {
  .fiveeyes-selector-bar { grid-template-columns: 1fr; }
  .compare-country-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 640px) {
  .compare-country-grid,
  .fiveeyes-interpret-grid { grid-template-columns: 1fr; }
  #tab-five-eyes .chart-card canvas { min-height: 260px; }
}

.compare-detail-card {
  min-height: 0;
}
.compare-rank-list {
  display: grid;
  gap: 10px;
  margin-top: 8px;
}
.compare-rank-item {
  padding: 10px 11px;
  border: 1px solid var(--border-default);
  border-radius: var(--radius-sm);
  background: color-mix(in srgb, var(--bg-surface-alt) 90%, transparent);
}
.compare-rank-head {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  margin-bottom: 8px;
}
.compare-rank-number {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 22px;
  height: 22px;
  padding: 0 6px;
  border-radius: 999px;
  background: color-mix(in srgb, var(--accent) 14%, var(--bg-surface-alt));
  border: 1px solid color-mix(in srgb, var(--accent) 30%, var(--border-default));
  color: var(--accent-text);
  font-size: 0.72rem;
  font-weight: 700;
}
.compare-rank-title {
  font-size: 0.92rem;
  font-weight: 700;
  line-height: 1.3;
  color: var(--text-primary);
}
.compare-rank-meta-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}
.compare-rank-meta-grid div {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.compare-rank-meta-grid span {
  font-size: 0.64rem;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--text-muted);
}
.compare-rank-meta-grid strong {
  font-size: 0.9rem;
  line-height: 1.25;
  color: var(--text-primary);
}
.fiveeyes-interpret-grid--wide {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
@media (max-width: 1100px) {
  .fiveeyes-interpret-grid--wide {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 640px) {
  .compare-rank-meta-grid,
  .fiveeyes-interpret-grid--wide {
    grid-template-columns: 1fr;
  }
}


.compare-country-grid--single {
  grid-template-columns: minmax(0, 1fr);
  max-width: 1100px;
}
.compare-overview-card {
  min-height: 0;
}
.compare-overview-card--bloc {
  border-width: 1.5px;
}
.compare-country-card--context {
  border-style: dashed;
}
.compare-overview-sections {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  margin-top: 14px;
}
.compare-overview-section h4 {
  margin: 0 0 8px;
  font-size: 0.84rem;
  line-height: 1.25;
  color: var(--text-secondary);
}
.fiveeyes-interpret-grid--mode-aware {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}
@media (max-width: 1180px) {
  .compare-overview-sections {
    grid-template-columns: 1fr;
  }
  .fiveeyes-interpret-grid--mode-aware {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 680px) {
  .fiveeyes-interpret-grid--mode-aware {
    grid-template-columns: 1fr;
  }
}


/* ============================================================
   FiveEyesAIR style.css additions — Version 1.2.3
   Five-Eyes layout and AIR comparison refinement
   ============================================================ */
.fiveeyes-selector-bar--dual{grid-template-columns:repeat(2,minmax(220px,1fr));max-width:720px}
.compare-country-grid--stable{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}
.compare-overview-card--panel{min-height:100%}
.compare-country-metrics--compact{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin-top:14px}
.compare-country-metrics--compact .compare-country-metric{padding:8px 8px;min-height:68px}
.compare-country-metrics--compact .compare-country-metric span{font-size:.74rem}
.compare-country-metrics--compact .compare-country-metric strong{font-size:1rem}
.compare-overview-sections--balanced{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:stretch;margin-top:14px}
.compare-overview-section--equal{display:flex;flex-direction:column;min-height:100%}
.compare-overview-section--equal .compare-rank-item{flex:1 1 auto}
.fiveeyes-share-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px}
.fiveeyes-share-card{border:1px solid var(--border-color,#d0d7de);border-radius:14px;padding:12px 14px;background:var(--panel-soft-bg,rgba(255,255,255,.6))}
.fiveeyes-share-card .stat-value{font-size:1.35rem;margin-top:4px}
@media (max-width: 1080px){
  .compare-country-grid--stable,.compare-overview-sections--balanced,.fiveeyes-share-pair,.fiveeyes-selector-bar--dual{grid-template-columns:1fr}
  .compare-country-metrics--compact{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width: 720px){
  .compare-country-metrics--compact{grid-template-columns:repeat(2,minmax(0,1fr))}
}


.fiveeyes-module-block--anchor .chart-card-fiveeyes-primary{grid-column:1 / -1;padding:18px 18px 16px}
.fiveeyes-module-block--anchor .chart-card-fiveeyes-primary canvas{min-height:360px !important;height:360px !important}
.chart-card-fiveeyes-air{padding:16px 18px 14px}
.chart-card-fiveeyes-air canvas{min-height:168px !important;height:168px !important}
.fiveeyes-air-combo-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:16px;align-items:center}
.fiveeyes-air-combo-chart-wrap{min-width:0}
.fiveeyes-air-combo-summary{display:grid;grid-template-columns:1fr;gap:10px}
.fiveeyes-air-combo-card{border:1px solid var(--border-default);border-radius:14px;padding:12px 14px;background:var(--panel-soft-bg,rgba(255,255,255,.62))}
.fiveeyes-air-combo-row{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-top:6px}
.fiveeyes-air-combo-key{font-size:.78rem;color:var(--text-secondary);letter-spacing:.01em}
.fiveeyes-air-combo-val{font-size:1rem;font-weight:600;color:var(--text-primary)}
.compare-country-total--refined{font-size:1.55rem;font-weight:700;line-height:1.05}
.compare-country-total-label--refined{font-size:.78rem}
.compare-country-metrics--compact .compare-country-metric--calm{padding:7px 8px;min-height:58px}
.compare-country-metrics--compact .compare-country-metric--calm span{font-size:.74rem;font-weight:500;letter-spacing:.01em;text-transform:none}
.compare-country-metrics--compact .compare-country-metric--calm .compare-country-metric-value{font-size:.74rem;font-weight:400;line-height:1.25;color:var(--text-primary)}
@media (max-width:1080px){
  .fiveeyes-module-block--anchor .chart-card-fiveeyes-primary canvas{min-height:300px !important;height:300px !important}
  .fiveeyes-air-combo-layout{grid-template-columns:1fr}
}
@media (max-width:640px){
  .fiveeyes-module-block--anchor .chart-card-fiveeyes-primary canvas{min-height:260px !important;height:260px !important}
  .chart-card-fiveeyes-air canvas{min-height:150px !important;height:150px !important}
}


.compare-rank-dynamic-title{font-size:.82rem;font-weight:400;color:#111827;line-height:1.3}
.compare-rank-value{font-size:.78rem;font-weight:400;line-height:1.25;color:#111827}
.compare-rank-value--dynamic{font-size:.74rem;font-weight:400;color:#111827}
.compare-rank-meta-grid span{font-size:.64rem;font-weight:600;color:var(--text-muted)}
.compare-rank-item{padding:10px 11px}
.compare-rank-head{margin-bottom:7px}
.fiveeyes-compare-explicit{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:10px;align-items:center;margin:10px 0 14px}
.fiveeyes-compare-explicit-unit{display:flex;flex-direction:column;gap:3px;padding:10px 12px;border:1px solid var(--border-default);border-radius:14px;background:var(--panel-soft-bg,rgba(255,255,255,.62))}
.fiveeyes-compare-explicit-kicker{font-size:.7rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted)}
.fiveeyes-compare-explicit-name{font-size:1rem;font-weight:700;line-height:1.2;color:var(--text-primary)}
.fiveeyes-compare-explicit-divider{display:inline-flex;align-items:center;justify-content:center;min-width:38px;height:38px;border-radius:999px;border:1px solid var(--border-default);background:color-mix(in srgb,var(--accent) 10%, var(--bg-surface-alt));font-size:.78rem;font-weight:700;color:var(--accent-text)}
.compare-country-name{font-size:1.08rem}
.compare-country-badge{font-size:.66rem}
.compare-country-metrics--compact .compare-country-metric--calm .compare-country-metric-value{font-size:.72rem;font-weight:400;color:#111827}
.compare-country-metrics--compact .compare-country-metric--calm span{font-size:.72rem}
.kpi .value,.list-item,.data-table td,.form-grid input,.form-grid textarea,.form-grid select,.section select,.table-tools input{color:#111827;font-weight:400}
.kpi .value{font-size:1.02rem}
@media (max-width: 820px){.fiveeyes-compare-explicit{grid-template-columns:1fr;}.fiveeyes-compare-explicit-divider{justify-self:center}}


.compare-rank-item{display:flex;flex-direction:column;gap:8px;padding:11px 12px}
.compare-rank-head{margin-bottom:0}
.compare-rank-dynamic-title{font-size:.82rem;font-weight:600;color:#111827;line-height:1.32}
.compare-rank-meta-stack{display:flex;flex-direction:column;gap:5px}
.compare-rank-line{display:flex;flex-direction:column;align-items:flex-start;gap:1px}
.compare-rank-line-label{font-size:.68rem;font-weight:600;letter-spacing:.02em;color:var(--text-muted);text-transform:none}
.compare-rank-value,.compare-rank-value--dynamic{font-size:.82rem;font-weight:600;line-height:1.28;color:#111827}
.compare-overview-section--equal{min-height:100%}
.compare-overview-section--equal .compare-rank-item{min-height:0}
.compare-overview-section--equal{justify-content:stretch}
.compare-overview-section--equal > .stat-subtext{margin-top:auto}
@media (max-width: 900px){
  .compare-rank-item{padding:10px 11px}
}


.chart-note-era { margin-top: 10px; }
.context-interpretation-title, .context-guide-title { letter-spacing: .01em; }

.cases-note{margin-bottom:14px}
.cases-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}
.cases-kpis--six{grid-template-columns:repeat(6,minmax(0,1fr))}
.cases-card{padding:18px}
.cases-tools{margin:0 0 10px}
.cases-tools input,.cases-tools select{min-width:150px;flex:0 1 180px}
.cases-download-btn{white-space:nowrap}
.cases-table-meta{display:flex;gap:16px;flex-wrap:wrap;align-items:center;margin:0 0 14px;color:var(--text-secondary);font-size:.82rem}
.cases-catalogue{display:grid;grid-template-columns:1fr;gap:14px}
.case-record-card{border:1px solid var(--border-default);border-radius:16px;background:var(--panel-soft-bg,rgba(255,255,255,.64));box-shadow:var(--shadow-soft);padding:16px 18px}
.case-record-kicker{font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);margin-bottom:8px}
.case-record-kicker-sep{padding:0 6px}
.case-record-place{margin:0 0 4px;font-size:1.18rem;line-height:1.2;color:var(--text-primary);font-weight:800}
.case-record-title{margin:0 0 8px;font-size:1rem;line-height:1.35;color:var(--text-secondary);font-weight:700}
.case-record-note{margin:0 0 10px;font-size:.86rem;line-height:1.45;color:var(--text-muted)}
.case-record-secondary{display:flex;flex-wrap:wrap;gap:12px 18px;margin-bottom:12px;color:var(--text-secondary);font-size:.9rem}
.case-record-summary{font-size:.94rem;line-height:1.62;color:var(--text-primary);margin-bottom:14px}
.case-record-sources,.case-print-sources{display:flex;flex-wrap:wrap;gap:8px}
.cases-source-item{display:inline-flex;align-items:center;justify-content:center;min-width:34px;padding:4px 8px;border-radius:999px;font-size:.78rem;line-height:1.2;color:var(--text-secondary);text-decoration:none;word-break:normal;background:var(--bg-surface-alt);border:1px solid var(--border-default)}
.cases-source-link{color:var(--accent-text)}
.cases-source-link:hover{text-decoration:underline}
.case-record-print{display:none}
.case-print-header{display:flex;flex-direction:column;gap:4px;margin-bottom:12px}
.case-print-id{font-size:.78rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted)}
.case-print-title{margin:0;font-size:1.08rem;line-height:1.28;color:var(--text-primary)}
.case-print-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 16px;margin-bottom:14px}
.cases-detail-item{display:flex;flex-direction:column;gap:2px}
.cases-detail-label{font-size:.7rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted)}
.cases-detail-value{font-size:.88rem;line-height:1.45;color:var(--text-primary)}
.case-print-summary-block{margin:0 0 12px}
.case-print-summary{font-size:.9rem;line-height:1.55;color:var(--text-primary);margin-top:4px}
.cases-empty,.cases-empty-card{text-align:center;color:var(--text-secondary);padding:18px 12px}
.cases-empty-card{border:1px dashed var(--border-default);border-radius:14px;background:var(--bg-surface-alt)}
.cases-chart-note{margin-top:10px}
@media (max-width:1260px){
  .cases-kpis--six{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:1100px){
  .cases-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cases-kpis--six{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:760px){
  .cases-kpis,.cases-kpis--six{grid-template-columns:1fr}
  .cases-tools input,.cases-tools select,.cases-download-btn{flex:1 1 100%;min-width:100%}
  .case-record-card{padding:15px 14px}
  .case-record-place{font-size:1.06rem}
  .case-record-title{font-size:.95rem}
  .case-record-secondary{flex-direction:column;gap:6px}
}
@media print{
  .cases-note,.cases-tools,.cases-table-meta,.cases-chart-note,.cases-kpis,.panel-title,.overview-note{display:none !important}
  #tab-cases.tab-panel{display:block !important;border:0;box-shadow:none;margin:0;padding:0;background:#fff}
  #tab-cases .panel-footer{display:none !important}
  .cases-card{padding:0;border:0;box-shadow:none;background:#fff}
  .cases-catalogue{gap:12px}
  .case-record-card{break-inside:avoid;page-break-inside:avoid;border:1px solid #d1d5db;box-shadow:none;background:#fff;padding:12px 14px}
  .case-record-screen{display:none !important}
  .case-record-print{display:block !important}
  .case-print-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .cases-source-item{color:#111827}
}


.explorer-top-scoreboard-grid {
  grid-template-columns: repeat(6, minmax(0, 1fr));
  margin: 16px 0 20px;
}
.era-legend {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px;
  margin: 10px 0 14px;
}
.era-chip {
  display: grid;
  gap: 4px;
  padding: 10px 12px;
  border-radius: 12px;
  border: 1px solid var(--border-default);
  background: var(--bg-surface-alt);
  color: var(--text-secondary);
  font-size: 0.76rem;
  line-height: 1.35;
}
.era-chip strong {
  color: var(--text-primary);
  font-size: 0.79rem;
}
.era-chip-1 { background: color-mix(in srgb, var(--bg-surface-alt) 88%, rgba(64, 99, 160, 0.16) 12%); }
.era-chip-2 { background: color-mix(in srgb, var(--bg-surface-alt) 88%, rgba(120, 132, 152, 0.16) 12%); }
.era-chip-3 { background: color-mix(in srgb, var(--bg-surface-alt) 88%, rgba(64, 99, 160, 0.16) 12%); }
.era-chip-4 { background: color-mix(in srgb, var(--bg-surface-alt) 88%, rgba(120, 132, 152, 0.16) 12%); }
.era-chip-5 { background: color-mix(in srgb, var(--bg-surface-alt) 88%, rgba(64, 99, 160, 0.16) 12%); }
.era-legend-compact {
  grid-template-columns: repeat(5, minmax(0, 1fr));
  margin-top: 8px;
}
.era-legend-compact .era-chip {
  padding: 8px 10px;
  font-size: 0.72rem;
}
@media (max-width: 1280px) {
  .explorer-top-scoreboard-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .era-legend, .era-legend-compact { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 900px) {
  .explorer-top-scoreboard-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .era-legend, .era-legend-compact { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 560px) {
  .explorer-top-scoreboard-grid,
  .era-legend,
  .era-legend-compact { grid-template-columns: 1fr; }
}


.mini-summary-card-compact { padding: 9px 11px; }
.mini-summary-card-compact .mini-summary-title { margin-bottom: 5px; }
.mini-summary-card-compact .chart-shell.chart-shell-mini canvas { height: 108px !important; }
@media (max-width: 900px) {
  .mini-summary-card-compact .chart-shell.chart-shell-mini canvas { height: 118px !important; }
}
@media (max-width: 700px) {
  .mini-summary-card-compact .chart-shell.chart-shell-mini canvas { height: 128px !important; }
}

/* Dark-mode and site-wide text contrast cleanup */
.content-panel,
.content-panel p,
.content-panel li,
.content-panel td,
.content-panel th,
.chart-note,
.overview-note,
.section p,
.section li,
.section td,
.section th,
.case-record-kicker,
.case-record-title,
.case-record-secondary,
.case-record-summary,
.case-record-sources,
.cases-table-meta,
.cases-source-item,
.cases-source-link,
.mini-comparator-label,
.mini-comparator-value,
.context-interpretation-block p,
.context-guide-block p,
.context-guide-block li,
.msg,
.lead,
label,
legend { color: var(--text-primary); }

.content-panel .lead,
.chart-note,
.overview-note,
.cases-table-meta,
.context-guide-block .chart-note,
.context-interpretation-block .chart-note,
.mini-comparator-value,
.mini-comparator-line,
.compare-rank-meta-grid span,
.compare-rank-line-label,
.compare-country-metric--calm span,
.case-record-kicker { color: var(--text-secondary); }

.compare-rank-dynamic-title,
.compare-rank-value,
.compare-rank-value--dynamic,
.compare-country-metrics--compact .compare-country-metric--calm .compare-country-metric-value,
.kpi .value,
.list-item,
.data-table td,
.form-grid input,
.form-grid textarea,
.form-grid select,
.section select,
.table-tools input,
.table-tools select,
.admin-layout,
.card.section h1 small { color: var(--text-primary) !important; }

[data-theme="dark"] .admin-layout,
[data-theme="dark"] .card.section,
[data-theme="dark"] .content-panel,
[data-theme="dark"] .module-card,
[data-theme="dark"] .mini-summary-card,
[data-theme="dark"] .case-record-card,
[data-theme="dark"] .glossary-table,
[data-theme="dark"] .glossary-table td,
[data-theme="dark"] .glossary-table th { color: var(--text-primary); }

[data-theme="dark"] a:not(.btn),
[data-theme="dark"] .cases-source-link { color: var(--accent-text); }
[data-theme="dark"] input,
[data-theme="dark"] select,
[data-theme="dark"] textarea { background: var(--bg-input); color: var(--text-primary); border-color: var(--border-default); }

[data-theme="dark"] .case-record-card { background: rgba(17,24,39,0.82); border-color: rgba(148,163,184,0.22); }
[data-theme="dark"] .case-record-place { color: #f8fafc; }
[data-theme="dark"] .case-record-title { color: #dbe7f5; }
[data-theme="dark"] .case-record-note { color: #aebed2; }
[data-theme="dark"] .case-record-secondary,
[data-theme="dark"] .case-record-summary,
[data-theme="dark"] .cases-table-meta { color: #e5eef8; }
[data-theme="dark"] .cases-source-item { background: rgba(30,41,59,0.95); border-color: rgba(148,163,184,0.26); color: #dbe7f5; }
[data-theme="dark"] .cases-source-link { color: #93c5fd; }
[data-theme="dark"] .cases-tools input,
[data-theme="dark"] .cases-tools select { background: var(--bg-input); color: var(--text-primary); }

.admin-site{max-width:none;width:min(100%,1920px);padding:16px 16px 40px;}
.admin-layout--full{grid-template-columns:1fr;}


.site-notice{line-height:1.5}
.chart-actions .chart-action-btn,.fiveeyes-export-group .chart-action-btn,.cases-download-btn{white-space:nowrap}
.compare-context-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px}
.compare-context-card{min-height:100%}
.chart-card-fiveeyes-context canvas{min-height:320px}
.case-record-card{padding:18px 20px}
.case-record-note{margin-bottom:8px}
.case-record-summary{max-width:92ch}
.case-record-sources{padding-top:2px}
.cases-tools .btn,.cases-tools button,.cases-tools select,.cases-tools input{min-height:42px}
.admin-site .header.card,.admin-site .card.section{overflow:hidden}
.admin-site .table-wrap{overflow:auto;-webkit-overflow-scrolling:touch}
.admin-site .data-table th,.admin-site .data-table td{vertical-align:top}
.admin-site .form-grid label{margin-bottom:4px}
.admin-site .btn{min-height:40px}
@media (max-width: 980px){
  .chart-header-row-wrap,.chart-title-actions,.fiveeyes-selector-bar--dual{gap:10px}
  .chart-title-actions{align-items:stretch}
  .compare-context-grid{grid-template-columns:1fr}
}
@media (max-width: 760px){
  .site-header{padding:16px 14px}
  .nav-tabs{gap:8px;overflow-x:auto;padding-bottom:2px}
  .tab-btn{white-space:nowrap}
  .chart-card,.module-card,.content-panel,.case-record-card{border-radius:14px}
  .chart-shell,.chart-shell-medium{min-height:280px}
  .chart-card canvas{max-width:100%}
  .chart-title-actions,.cases-tools,.controls-bar{display:flex;flex-wrap:wrap}
  .chart-title-actions > *, .cases-tools > *, .controls-bar > *{flex:1 1 100%}
  .spacer{display:none}
}
@media (max-width: 520px){
  .site-wrap{padding:10px}
  .theme-toggle{width:100%;justify-content:center}
  .header-top{gap:12px}
  .header-titles h1{font-size:1.45rem;line-height:1.2}
  .subtitle,.date-range,.header-cite,.header-meta,.site-version-marker,.site-notice{font-size:.9rem}
  .tab-panel{padding-top:12px}
  .chart-card-fiveeyes-context canvas{min-height:260px}
  .case-record-card{padding:15px 14px}
  .case-record-place{font-size:1.06rem}
  .case-record-title{font-size:.95rem}
  .case-record-summary{font-size:.92rem;line-height:1.58}
  .case-record-secondary{flex-direction:column;gap:6px}
  .admin-link-footer{display:inline-flex;padding:8px 10px;border:1px solid var(--border-default);border-radius:999px;background:var(--bg-surface-alt)}
}
[data-theme="dark"] .site-notice,
[data-theme="dark"] .header-cite,
[data-theme="dark"] .header-meta,
[data-theme="dark"] .site-version-marker{color:#dbe7f5}
[data-theme="dark"] .content-panel,
[data-theme="dark"] .module-card,
[data-theme="dark"] .chart-card,
[data-theme="dark"] .admin-site .card.section,
[data-theme="dark"] .admin-site .header.card{box-shadow:0 8px 24px rgba(0,0,0,.28)}
[data-theme="dark"] .chart-note,
[data-theme="dark"] .overview-note,
[data-theme="dark"] .lead,
[data-theme="dark"] .compare-intro{color:#dbe7f5}
[data-theme="dark"] .tab-btn{color:#e5eef8}
[data-theme="dark"] .chart-action-btn,
[data-theme="dark"] .btn,
[data-theme="dark"] .admin-link-footer{color:#eef6ff}


.cases-tools.controls-bar{
  grid-template-columns:minmax(220px,1.35fr) repeat(4,minmax(150px,1fr)) minmax(190px,.95fr);
  gap:12px;
  align-items:end;
  margin-bottom:14px;
}
.cases-tools .control-group{gap:6px}
.cases-tools .control-group label{font-size:.69rem;letter-spacing:.06em;color:var(--text-secondary)}
.cases-tools input,
.cases-tools select{min-height:44px;border-radius:12px;border:1px solid var(--border-default);background:var(--bg-input);box-shadow:0 1px 0 rgba(15,23,42,.03)}
.cases-tools input[type="search"]{padding-inline:12px}
.cases-tools .cases-action-group .btn{min-height:44px;width:100%}
.case-record-meta{margin:0 0 8px;font-size:.79rem;line-height:1.45;color:var(--text-secondary);font-weight:600}
.case-record-note{margin:0 0 10px;font-size:.86rem;line-height:1.5}
.case-record-secondary{margin-top:2px;margin-bottom:0;color:var(--text-secondary)}
.compare-country-card--compact .compare-country-brief{margin-top:12px;display:grid;gap:6px;font-size:.9rem;line-height:1.5;color:var(--text-primary)}
.compare-country-card--compact .compare-country-brief p{margin:0}
.compare-country-card--compact .compare-overview-sections{display:none}
.compare-country-grid--stable{align-items:start}
.content-panel h3{margin-top:1.25rem}
.content-panel p + p{margin-top:.9rem}
.glossary-table td:first-child{width:28%}
[data-theme="dark"] .case-record-meta{color:#c7d5e5}
[data-theme="dark"] .cases-tools input,
[data-theme="dark"] .cases-tools select{background:rgba(15,23,42,.92);border-color:rgba(148,163,184,.22)}
@media (max-width:1120px){
  .cases-tools.controls-bar{grid-template-columns:repeat(3,minmax(0,1fr))}
  .cases-tools .control-group-wide,
  .cases-tools .cases-action-group{grid-column:span 3}
}
@media (max-width:760px){
  .cases-tools.controls-bar{grid-template-columns:1fr}
  .cases-tools .control-group-wide,
  .cases-tools .cases-action-group{grid-column:auto}
  .cases-tools .control-group label{font-size:.7rem}
  .glossary-table td:first-child{width:auto}
}


.glossary-list{display:grid;grid-template-columns:1fr;gap:14px;margin-top:18px}
.glossary-item{padding:16px 18px;border:1px solid var(--border-default);border-radius:16px;background:linear-gradient(180deg,color-mix(in srgb,var(--panel-bg) 92%,var(--accent-light) 8%),var(--panel-bg));box-shadow:0 6px 18px rgba(15,23,42,.04)}
.glossary-term{margin:0 0 6px;font-size:1rem;line-height:1.25;color:var(--text-primary)}
.glossary-definition{margin:0;font-size:.94rem;line-height:1.62;color:var(--text-secondary)}
.cases-toolbar-shell{margin-bottom:16px;padding:16px;border:1px solid color-mix(in srgb,var(--accent) 20%,var(--border-default));border-radius:18px;background:linear-gradient(180deg,color-mix(in srgb,var(--accent-light) 28%,var(--panel-bg)),var(--panel-bg));box-shadow:0 10px 24px rgba(15,23,42,.05)}
.cases-toolbar-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:14px}
.cases-toolbar-title{margin:0 0 6px;font-size:1rem;line-height:1.25}
.cases-toolbar-subtitle{margin:0;color:var(--text-secondary);font-size:.9rem;line-height:1.5;max-width:76ch}
.cases-toolbar-badges{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}
.cases-toolbar-badge{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;border:1px solid color-mix(in srgb,var(--accent) 26%,var(--border-default));background:color-mix(in srgb,var(--accent-light) 55%,var(--bg-surface-alt));color:var(--accent-text);font-size:.72rem;font-weight:700;letter-spacing:.02em}
.cases-toolbar-badge--muted{border-color:var(--border-default);background:var(--bg-surface-alt);color:var(--text-secondary)}
.cases-tools.controls-bar{margin-bottom:0}
.cases-tools .control-group label{font-size:.72rem;font-weight:700}
.cases-tools input,.cases-tools select{min-height:48px;border-radius:14px;border:1px solid color-mix(in srgb,var(--accent) 16%,var(--border-default));background:var(--bg-input);box-shadow:0 10px 18px rgba(15,23,42,.04), inset 0 1px 0 rgba(255,255,255,.45);transition:border-color .18s ease, box-shadow .18s ease, transform .18s ease, background-color .18s ease}
.cases-tools input:hover,.cases-tools select:hover{border-color:color-mix(in srgb,var(--accent) 42%,var(--border-strong))}
.cases-tools input:focus,.cases-tools select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 18%, transparent),0 12px 24px rgba(15,23,42,.08);background:var(--panel-bg)}
.cases-action-stack{display:grid;grid-template-columns:1fr;gap:8px}
.cases-reset-btn{background:var(--bg-surface-alt);color:var(--text-primary);border:1px solid var(--border-default)}
.cases-reset-btn:hover{border-color:color-mix(in srgb,var(--accent) 42%,var(--border-default));transform:translateY(-1px)}
.cases-download-btn:hover{transform:translateY(-1px);box-shadow:0 10px 22px rgba(15,23,42,.08)}
.chart-card-fiveeyes-secondary{border-style:solid}
@media (max-width:980px){.cases-toolbar-header{flex-direction:column}.cases-toolbar-badges{justify-content:flex-start}}
@media (max-width:760px){.glossary-item{padding:14px 14px}.cases-toolbar-shell{padding:14px;border-radius:16px}.cases-toolbar-subtitle{font-size:.88rem}.cases-tools .control-group label{font-size:.7rem}}
[data-theme="dark"] .glossary-item{background:linear-gradient(180deg,rgba(17,24,39,.96),rgba(15,23,42,.94));box-shadow:0 10px 22px rgba(0,0,0,.28)}
[data-theme="dark"] .glossary-definition{color:#d7e3f1}
[data-theme="dark"] .cases-toolbar-shell{background:linear-gradient(180deg,rgba(18,30,47,.98),rgba(15,23,42,.94));border-color:rgba(127,160,204,.24);box-shadow:0 12px 28px rgba(0,0,0,.28)}
[data-theme="dark"] .cases-toolbar-badge{background:rgba(39,65,99,.7);color:#eef6ff;border-color:rgba(127,160,204,.28)}
[data-theme="dark"] .cases-toolbar-badge--muted{background:rgba(17,24,39,.88);color:#d7e3f1;border-color:rgba(148,163,184,.22)}
[data-theme="dark"] .cases-tools input,[data-theme="dark"] .cases-tools select{background:rgba(15,23,42,.94);border-color:rgba(148,163,184,.22);box-shadow:0 10px 20px rgba(0,0,0,.26), inset 0 1px 0 rgba(255,255,255,.04)}
[data-theme="dark"] .cases-tools input:hover,[data-theme="dark"] .cases-tools select:hover{border-color:rgba(127,160,204,.48)}
[data-theme="dark"] .cases-tools input:focus,[data-theme="dark"] .cases-tools select:focus{background:rgba(19,31,49,.98);box-shadow:0 0 0 4px rgba(112,157,255,.18),0 12px 24px rgba(0,0,0,.34)}
[data-theme="dark"] .cases-reset-btn{background:rgba(22,32,48,.92);color:#eef6ff;border-color:rgba(148,163,184,.24)}


.fiveeyes-controls-shell{
  margin: 14px 0 12px;
  padding: 16px 16px 14px;
  border: 1px solid color-mix(in srgb, var(--accent) 16%, var(--border-default));
  border-radius: 18px;
  background: linear-gradient(180deg, color-mix(in srgb, var(--bg-surface) 88%, white 12%), color-mix(in srgb, var(--bg-surface-alt) 96%, white 4%));
  box-shadow: 0 10px 24px rgba(15, 23, 42, 0.05);
}
.fiveeyes-controls-shell-head{
  display:grid;
  grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);
  gap:14px;
  align-items:start;
  margin-bottom:12px;
}
.fiveeyes-controls-kicker{
  font-size:.7rem;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:var(--text-muted);
  margin-bottom:4px;
}
.fiveeyes-controls-title{
  margin:0;
  font-size:1.02rem;
  line-height:1.3;
  color:var(--text-primary);
}
.fiveeyes-controls-subtitle{
  margin:0;
  font-size:.86rem;
  line-height:1.45;
  color:var(--text-secondary);
}
.fiveeyes-control-card{
  gap:7px;
  padding:12px 12px 11px;
  border:1px solid var(--border-default);
  border-radius:16px;
  background: color-mix(in srgb, var(--bg-surface) 92%, white 8%);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.35);
  min-width:0;
}
.fiveeyes-control-card label{
  font-size:.72rem;
  font-weight:700;
  letter-spacing:.06em;
  color:var(--text-secondary);
}
.fiveeyes-control-card select{
  min-height:44px;
  padding:10px 12px;
  border-radius:12px;
  border:1px solid color-mix(in srgb, var(--accent) 10%, var(--border-default));
  background: var(--bg-input);
  color:var(--text-primary);
  box-shadow: 0 1px 0 rgba(255,255,255,.18), 0 6px 14px rgba(15,23,42,.04);
  transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease, background .18s ease;
}
.fiveeyes-control-card select:hover{
  border-color: color-mix(in srgb, var(--accent) 34%, var(--border-default));
  box-shadow: 0 1px 0 rgba(255,255,255,.18), 0 8px 18px rgba(15,23,42,.06);
}
.fiveeyes-control-card select:focus{
  outline:none;
  border-color:var(--accent);
  background: color-mix(in srgb, var(--bg-input) 94%, white 6%);
  box-shadow: 0 0 0 4px color-mix(in srgb, var(--accent) 16%, transparent), 0 10px 20px rgba(15,23,42,.08);
  transform: translateY(-1px);
}
.fiveeyes-control-help{
  font-size:.75rem;
  line-height:1.35;
  color:var(--text-muted);
}
.fiveeyes-control-card--export{
  justify-content:space-between;
}
.fiveeyes-control-action{
  display:flex;
  align-items:center;
  min-height:44px;
}
.fiveeyes-export-group .chart-action-btn{
  width:100%;
  min-height:44px;
  justify-content:center;
  border-radius:12px;
}
.fiveeyes-compare-explicit{
  margin: 12px 0 16px;
}
.fiveeyes-compare-explicit-unit{
  box-shadow: 0 8px 18px rgba(15,23,42,.04);
}
.fiveeyes-compare-explicit-unit--a{
  border-color: color-mix(in srgb, var(--accent) 28%, var(--border-default));
}
.fiveeyes-compare-explicit-unit--b{
  border-color: color-mix(in srgb, var(--accent-2, #7c3aed) 24%, var(--border-default));
}
.compare-context-card-name{
  font-size: .96rem;
  font-weight: 700;
  line-height: 1.25;
  color: var(--text-primary);
  margin-bottom: 6px;
}
.compare-context-card{
  padding: 14px 15px;
}
.chart-card-fiveeyes-context .chart-title{
  margin-bottom: 4px;
}
.chart-card-fiveeyes-context .chart-note{
  max-width: 980px;
}
@media (max-width: 1100px){
  .fiveeyes-selector-bar--polished{grid-template-columns:repeat(2,minmax(0,1fr));}
  .fiveeyes-controls-shell-head{grid-template-columns:1fr;}
}
@media (max-width: 760px){
  .fiveeyes-controls-shell{padding:14px; border-radius:16px;}
  .fiveeyes-selector-bar--polished{grid-template-columns:1fr; gap:10px;}
  .fiveeyes-control-card{padding:11px 11px 10px;}
  .fiveeyes-controls-title{font-size:.96rem;}
  .fiveeyes-controls-subtitle{font-size:.82rem;}
}
[data-theme="dark"] .fiveeyes-controls-shell{
  background: linear-gradient(180deg, rgba(18,30,47,.98), rgba(15,23,42,.94));
  border-color: rgba(127,160,204,.24);
  box-shadow: 0 14px 30px rgba(0,0,0,.28);
}
[data-theme="dark"] .fiveeyes-controls-subtitle,
[data-theme="dark"] .fiveeyes-control-card label{
  color:#dbe7f5;
}
[data-theme="dark"] .fiveeyes-control-card{
  background: rgba(17,24,39,.78);
  border-color: rgba(127,160,204,.22);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.03), 0 8px 18px rgba(0,0,0,.18);
}
[data-theme="dark"] .fiveeyes-control-card select{
  background: rgba(15,23,42,.94);
  border-color: rgba(148,163,184,.22);
  box-shadow: 0 10px 20px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.04);
}
[data-theme="dark"] .fiveeyes-control-card select:hover{
  border-color: rgba(127,160,204,.46);
}
[data-theme="dark"] .fiveeyes-control-card select:focus{
  background: rgba(19,31,49,.98);
  box-shadow: 0 0 0 4px rgba(112,157,255,.18), 0 12px 24px rgba(0,0,0,.34);
}
[data-theme="dark"] .fiveeyes-control-help,
[data-theme="dark"] .chart-card-fiveeyes-context .chart-note{
  color:#c5d3e6;
}


.splash-panel{padding-top:8px}
.splash-hero{padding:22px 22px 18px;border:1px solid color-mix(in srgb,var(--accent) 18%,var(--border-default));border-radius:22px;background:linear-gradient(180deg,color-mix(in srgb,var(--accent-light) 24%,var(--panel-bg)),var(--panel-bg));box-shadow:0 12px 28px rgba(15,23,42,.06)}
.splash-kicker{font-size:.74rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);margin-bottom:6px}
.splash-title{margin:0 0 10px;font-size:clamp(1.55rem,2.8vw,2.2rem);line-height:1.15}
.splash-intro{margin:0;max-width:80ch;font-size:1rem;line-height:1.65;color:var(--text-secondary)}
.splash-flags{display:flex;gap:12px;flex-wrap:wrap;margin-top:16px;font-size:1.65rem}
.splash-version-marker{margin-top:8px;font-size:.85rem;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);font-weight:700}
.splash-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:16px}
.splash-nav-card{appearance:none;text-align:left;display:flex;flex-direction:column;gap:8px;padding:18px 18px 17px;border:1px solid color-mix(in srgb,var(--accent) 16%,var(--border-default));border-radius:18px;background:linear-gradient(180deg,var(--panel-bg),color-mix(in srgb,var(--bg-surface-alt) 92%,white 8%));cursor:pointer;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}
.splash-nav-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--accent) 40%,var(--border-default));box-shadow:0 14px 26px rgba(15,23,42,.08)}
.splash-nav-card:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 16%,transparent),0 14px 26px rgba(15,23,42,.12)}
.splash-nav-icon{font-size:1.45rem;line-height:1;color:var(--accent-text)}
.splash-nav-title{font-size:1.02rem;font-weight:700;color:var(--text-primary)}
.splash-nav-text{font-size:.9rem;line-height:1.5;color:var(--text-secondary)}
.about-acknowledgment{padding:14px 16px;border:1px solid var(--border-default);border-radius:14px;background:color-mix(in srgb,var(--bg-surface-alt) 92%,transparent)}
.about-acknowledgment p + p{margin-top:10px}

.context-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}
.context-summary-card--micro{min-height:88px}
.context-insight-card--wide{grid-column:span 3}
.context-insight-card--tall{min-height:132px}
.context-insight-card--xl{min-height:152px}
.context-guide-block,.context-interpretation-block{margin-top:14px}
@media (max-width:980px){
  .context-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .context-insight-card--wide{grid-column:span 2}
}
@media (max-width:640px){
  .context-summary-grid{grid-template-columns:1fr}
  .context-insight-card--wide{grid-column:auto}
}

.fiveeyes-burden-bar-card{margin-top:14px;padding:14px 14px 12px;border:1px solid var(--border-default);border-radius:16px;background:color-mix(in srgb,var(--bg-surface-alt) 92%,transparent)}
.fiveeyes-burden-bar-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap;margin-bottom:10px}
.fiveeyes-burden-bar-title{font-size:.82rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted)}
.fiveeyes-burden-bar-note{font-size:.82rem;line-height:1.45;color:var(--text-secondary);max-width:48ch}
.fiveeyes-burden-bar{display:flex;overflow:hidden;border-radius:999px;border:1px solid color-mix(in srgb,var(--accent) 16%,var(--border-default));min-height:48px;background:var(--bg-input)}
.fiveeyes-burden-bar-segment{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 14px;color:#fff;min-width:0}
.fiveeyes-burden-bar-segment strong,.fiveeyes-burden-bar-segment em{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fiveeyes-burden-bar-segment strong{font-size:.86rem;font-style:normal}
.fiveeyes-burden-bar-segment em{font-size:.82rem;font-style:normal;opacity:.92}
.fiveeyes-burden-bar-segment--a{background:linear-gradient(90deg,#2457a6,#3b82f6)}
.fiveeyes-burden-bar-segment--b{background:linear-gradient(90deg,#6d28d9,#8b5cf6)}
.fiveeyes-burden-bar-foot{margin-top:8px;font-size:.83rem;line-height:1.45;color:var(--text-secondary)}
@media (max-width:760px){
  .splash-hero{padding:18px 16px 16px;border-radius:18px}
  .splash-card-grid{grid-template-columns:1fr}
  .fiveeyes-burden-bar{min-height:56px}
  .fiveeyes-burden-bar-segment{padding:0 10px}
  .fiveeyes-burden-bar-segment strong{font-size:.8rem}
}

.cases-tools input,.cases-tools select{
  min-height:44px;
  padding:10px 12px;
  border-radius:12px;
  border:1px solid color-mix(in srgb,var(--accent) 10%,var(--border-default));
  background:var(--bg-input);
  color:var(--text-primary);
  box-shadow:0 1px 0 rgba(255,255,255,.18),0 6px 14px rgba(15,23,42,.04);
}
.cases-tools input:hover,.cases-tools select:hover{border-color:color-mix(in srgb,var(--accent) 34%,var(--border-default));box-shadow:0 1px 0 rgba(255,255,255,.18),0 8px 18px rgba(15,23,42,.06)}
.cases-tools input:focus,.cases-tools select:focus{outline:none;border-color:var(--accent);background:color-mix(in srgb,var(--bg-input) 94%,white 6%);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 16%,transparent),0 10px 20px rgba(15,23,42,.08)}
.cases-tools .chart-action-btn,.cases-tools .btn.cases-reset-btn{
  min-height:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:12px;padding:9px 12px;font-size:.78rem
}
.cases-tools .cases-action-group label{margin-bottom:7px}
.cases-toolbar-badges:empty{display:none}

.admin-case-table col.col-case-id,.admin-case-table col.col-date,.admin-case-table col.col-country{width:118px}
.admin-case-table col.col-actions{width:170px}
.admin-case-table col.col-perpetrator{width:220px}
.admin-case-table th:nth-child(2),.admin-case-table td:nth-child(2),
.admin-case-table th:nth-child(1),.admin-case-table td:nth-child(1),
.admin-case-table th:nth-child(3),.admin-case-table td:nth-child(3){white-space:nowrap}
[data-theme="dark"] .splash-hero{background:linear-gradient(180deg,rgba(18,30,47,.98),rgba(15,23,42,.94));border-color:rgba(127,160,204,.24);box-shadow:0 14px 30px rgba(0,0,0,.28)}
[data-theme="dark"] .splash-nav-card{background:linear-gradient(180deg,rgba(17,24,39,.92),rgba(15,23,42,.96));border-color:rgba(127,160,204,.22)}
[data-theme="dark"] .splash-nav-card:hover{box-shadow:0 16px 32px rgba(0,0,0,.34)}
[data-theme="dark"] .about-acknowledgment{background:rgba(17,24,39,.82);border-color:rgba(127,160,204,.22)}
[data-theme="dark"] .fiveeyes-burden-bar-card{background:rgba(17,24,39,.82);border-color:rgba(127,160,204,.22)}


.controls-bar .control-group input[type="search"],
.controls-bar .control-group input[type="time"],
.controls-bar .control-group input[type="number"],
.controls-bar .control-group input[type="text"],
.controls-bar .control-group select,
.test-controls-grid .control-group input,
.test-controls-grid .control-group select,
.explorer-controls .control-group input,
.explorer-controls .control-group select,
.cases-tools .control-group input,
.cases-tools .control-group select{
  width:100%;
  min-height:44px;
  padding:10px 12px;
  border-radius:12px;
  border:1px solid color-mix(in srgb, var(--accent) 10%, var(--border-default));
  background:var(--bg-input);
  color:var(--text-primary);
  font-size:.84rem;
  font-family:var(--font-body);
  box-shadow:0 1px 0 rgba(255,255,255,.18),0 6px 14px rgba(15,23,42,.04);
  transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease,background .18s ease;
  appearance:auto;
}
.controls-bar .control-group input[type="search"]:hover,
.controls-bar .control-group input[type="time"]:hover,
.controls-bar .control-group input[type="number"]:hover,
.controls-bar .control-group input[type="text"]:hover,
.controls-bar .control-group select:hover,
.test-controls-grid .control-group input:hover,
.test-controls-grid .control-group select:hover,
.explorer-controls .control-group input:hover,
.explorer-controls .control-group select:hover,
.cases-tools .control-group input:hover,
.cases-tools .control-group select:hover{
  border-color:color-mix(in srgb,var(--accent) 34%,var(--border-default));
  box-shadow:0 1px 0 rgba(255,255,255,.18),0 8px 18px rgba(15,23,42,.06);
}
.controls-bar .control-group input[type="search"]:focus,
.controls-bar .control-group input[type="time"]:focus,
.controls-bar .control-group input[type="number"]:focus,
.controls-bar .control-group input[type="text"]:focus,
.controls-bar .control-group select:focus,
.test-controls-grid .control-group input:focus,
.test-controls-grid .control-group select:focus,
.explorer-controls .control-group input:focus,
.explorer-controls .control-group select:focus,
.cases-tools .control-group input:focus,
.cases-tools .control-group select:focus{
  outline:none;
  border-color:var(--accent);
  background:color-mix(in srgb,var(--bg-input) 94%,white 6%);
  box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 16%, transparent),0 10px 20px rgba(15,23,42,.08);
  transform:translateY(-1px);
}
.chart-action-btn{
  min-height:40px;
  padding:8px 12px;
  font-size:.78rem;
  font-weight:700;
  border-radius:12px;
}
.splash-card-grid{grid-template-columns:repeat(3,minmax(0,1fr));}
.test-panel{padding-top:8px;}
.test-tool-shell{margin:16px 0 14px;padding:16px;border:1px solid color-mix(in srgb,var(--accent) 16%,var(--border-default));border-radius:18px;background:linear-gradient(180deg,color-mix(in srgb,var(--bg-surface) 92%,white 8%),color-mix(in srgb,var(--bg-surface-alt) 96%,white 4%));box-shadow:0 10px 24px rgba(15,23,42,.05)}
.test-tool-head{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);gap:14px;align-items:start;margin-bottom:12px}
.test-tool-kicker,.test-opportunity-kicker{font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);margin-bottom:5px}
.test-tool-title{margin:0;font-size:1.02rem;line-height:1.3}
.test-tool-subtitle{margin:0;font-size:.86rem;line-height:1.5;color:var(--text-secondary)}
.test-controls-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:0}
.test-control-card{padding:12px;border:1px solid var(--border-default);border-radius:16px;background:color-mix(in srgb,var(--bg-surface) 92%,white 8%);box-shadow:inset 0 1px 0 rgba(255,255,255,.35)}
.test-summary-grid,.test-comparison-grid,.test-explanation-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:14px}
.test-stat-card,.test-compare-card,.test-explanation-card,.test-opportunity-card{padding:16px;border:1px solid var(--border-default);border-radius:16px;background:var(--bg-surface);box-shadow:var(--shadow-sm)}
.test-stat-kicker{font-size:.74rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);margin-bottom:10px}
.test-stat-row,.test-compare-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:baseline;padding:7px 0;border-bottom:1px solid color-mix(in srgb,var(--border-default) 78%, transparent)}
.test-stat-row:last-child,.test-compare-row:last-child{border-bottom:none}
.test-stat-row span,.test-compare-row span{font-size:.82rem;color:var(--text-secondary)}
.test-stat-row strong,.test-compare-row strong{font-size:.94rem;color:var(--text-primary)}
.test-stat-row em{font-style:normal;font-size:.77rem;color:var(--text-muted);grid-column:1/-1}
.test-compare-card h4,.test-explanation-card h4,.test-opportunity-card h4{margin:0 0 10px;font-size:1rem;line-height:1.32}
.test-compare-note{margin-top:10px;font-size:.84rem;line-height:1.55;color:var(--text-secondary)}
.test-opportunity-card{margin-top:14px}
.test-opportunity-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:14px 0}
.test-opportunity-metric{padding:12px;border:1px solid var(--border-default);border-radius:14px;background:var(--bg-surface-alt)}
.test-opportunity-metric span{display:block;font-size:.76rem;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:6px}
.test-opportunity-metric strong{font-size:1.25rem;color:var(--text-primary)}
.test-opportunity-reallocate{margin-top:12px;padding-top:12px;border-top:1px solid var(--border-default)}
.test-opportunity-reallocate ul{margin:10px 0 0 18px;padding:0;color:var(--text-secondary)}
.test-opportunity-reallocate li{margin:6px 0;line-height:1.5}
.test-explanation-card p,.test-opportunity-card p{color:var(--text-secondary);line-height:1.65;margin:0 0 10px}
.test-explanation-card--caution{grid-column:1/-1}
.test-explanation-footnote{margin-top:12px;font-size:.82rem;line-height:1.55;color:var(--text-secondary)}
@media (max-width:1080px){
  .splash-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .test-tool-head{grid-template-columns:1fr;}
}
@media (max-width:760px){
  .test-controls-grid,.test-summary-grid,.test-comparison-grid,.test-explanation-grid,.test-opportunity-grid{grid-template-columns:1fr;}
  .splash-card-grid{grid-template-columns:1fr;}
}
[data-theme="dark"] .controls-bar .control-group input[type="search"],
[data-theme="dark"] .controls-bar .control-group input[type="time"],
[data-theme="dark"] .controls-bar .control-group input[type="number"],
[data-theme="dark"] .controls-bar .control-group input[type="text"],
[data-theme="dark"] .controls-bar .control-group select,
[data-theme="dark"] .test-controls-grid .control-group input,
[data-theme="dark"] .test-controls-grid .control-group select,
[data-theme="dark"] .explorer-controls .control-group input,
[data-theme="dark"] .explorer-controls .control-group select,
[data-theme="dark"] .cases-tools .control-group input,
[data-theme="dark"] .cases-tools .control-group select{
  background:rgba(15,23,42,.94);
  border-color:rgba(148,163,184,.22);
  box-shadow:0 10px 20px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.04);
}
[data-theme="dark"] .controls-bar .control-group input[type="search"]:hover,
[data-theme="dark"] .controls-bar .control-group input[type="time"]:hover,
[data-theme="dark"] .controls-bar .control-group input[type="number"]:hover,
[data-theme="dark"] .controls-bar .control-group input[type="text"]:hover,
[data-theme="dark"] .controls-bar .control-group select:hover,
[data-theme="dark"] .test-controls-grid .control-group input:hover,
[data-theme="dark"] .test-controls-grid .control-group select:hover,
[data-theme="dark"] .explorer-controls .control-group input:hover,
[data-theme="dark"] .explorer-controls .control-group select:hover,
[data-theme="dark"] .cases-tools .control-group input:hover,
[data-theme="dark"] .cases-tools .control-group select:hover{border-color:rgba(127,160,204,.46)}
[data-theme="dark"] .controls-bar .control-group input[type="search"]:focus,
[data-theme="dark"] .controls-bar .control-group input[type="time"]:focus,
[data-theme="dark"] .controls-bar .control-group input[type="number"]:focus,
[data-theme="dark"] .controls-bar .control-group input[type="text"]:focus,
[data-theme="dark"] .controls-bar .control-group select:focus,
[data-theme="dark"] .test-controls-grid .control-group input:focus,
[data-theme="dark"] .test-controls-grid .control-group select:focus,
[data-theme="dark"] .explorer-controls .control-group input:focus,
[data-theme="dark"] .explorer-controls .control-group select:focus,
[data-theme="dark"] .cases-tools .control-group input:focus,
[data-theme="dark"] .cases-tools .control-group select:focus{background:rgba(19,31,49,.98);box-shadow:0 0 0 4px rgba(112,157,255,.18),0 12px 24px rgba(0,0,0,.34)}
[data-theme="dark"] .test-tool-shell,[data-theme="dark"] .test-stat-card,[data-theme="dark"] .test-compare-card,[data-theme="dark"] .test-explanation-card,[data-theme="dark"] .test-opportunity-card{background:linear-gradient(180deg,rgba(18,30,47,.98),rgba(15,23,42,.94));border-color:rgba(127,160,204,.22);box-shadow:0 14px 30px rgba(0,0,0,.22)}
[data-theme="dark"] .test-control-card,[data-theme="dark"] .test-opportunity-metric{background:rgba(17,24,39,.78);border-color:rgba(127,160,204,.22)}
[data-theme="dark"] .test-tool-subtitle,[data-theme="dark"] .test-stat-row span,[data-theme="dark"] .test-compare-note,[data-theme="dark"] .test-explanation-card p,[data-theme="dark"] .test-opportunity-card p,[data-theme="dark"] .test-explanation-footnote{color:#cbd8e7}


body.splash-entry-active .site-header,
body.splash-entry-active .nav-tabs{display:none}
body.splash-entry-active .site-wrap{padding-top:0}
body.splash-entry-active #tab-splash{padding-top:0}
body.splash-entry-active .splash-panel{padding:clamp(20px,4vw,38px) clamp(16px,3.5vw,28px);min-height:100vh;display:flex;flex-direction:column;justify-content:center;max-width:980px;margin:0 auto}
body.splash-entry-active .splash-hero{padding:0;border:none;background:none;box-shadow:none;text-align:center}
body.splash-entry-active .splash-intro{max-width:72ch;margin:0 auto}
body.splash-entry-active .splash-flags{justify-content:center;margin-top:18px}
body.splash-entry-active .splash-version-marker{text-align:center}
body.splash-entry-active .content-panel.splash-panel{background:none;border:none;box-shadow:none}
body.splash-entry-active .splash-card-grid{margin-top:24px;grid-template-columns:repeat(2,minmax(0,1fr))}
body.splash-entry-active .splash-nav-card{min-height:152px;justify-content:flex-start}
@media (max-width: 760px){body.splash-entry-active .splash-card-grid{grid-template-columns:1fr}}

.explorer-scoreboard-grid,.compare-country-grid,.compare-context-grid{gap:10px}
.stat-card,.compare-stat-card,.context-summary-card,.compare-country-card{padding:12px 13px}
.context-summary-card{min-height:84px}
.compare-stat-card,.compare-stat-card-compact{min-height:74px}
.compare-country-card{padding:14px 14px 13px}
.compare-country-card-head{margin-bottom:8px}
.context-change-lines{gap:3px}
.change-meter{margin-top:8px}

.test-panel .panel-footer{margin-top:16px}
.test-tool-shell{margin:14px 0 12px;padding:14px 14px 12px}
.test-tool-head{gap:10px;margin-bottom:10px}
.test-controls-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.duration-input-pair{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:8px;align-items:center}
.duration-input-pair span{font-weight:700;color:var(--text-secondary);text-align:center}
.duration-input-pair input{width:100%;text-align:center}
.test-summary-grid,.test-comparison-grid,.test-explanation-grid{gap:12px;margin-top:12px}
.test-stat-card,.test-compare-card,.test-explanation-card,.test-opportunity-card{padding:14px}
.test-three-up{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:12px 0}
.test-three-up--reallocate{grid-template-columns:repeat(2,minmax(0,1fr))}
.test-three-up-card{padding:10px 11px;border:1px solid var(--border-default);border-radius:14px;background:var(--bg-surface-alt)}
.test-three-up-card span{display:block;font-size:.76rem;line-height:1.4;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:5px}
.test-three-up-card strong{font-size:.92rem;line-height:1.45;color:var(--text-primary)}
.test-visual-stack{display:grid;gap:10px;margin-top:6px}
.test-visual-row{display:grid;gap:6px}
.test-visual-meta{display:flex;justify-content:space-between;gap:12px;align-items:baseline}
.test-visual-meta span{font-size:.82rem;color:var(--text-secondary)}
.test-visual-meta strong{font-size:.88rem;color:var(--text-primary)}
.test-visual-bar{height:12px;border-radius:999px;background:color-mix(in srgb,var(--border-default) 55%, transparent);overflow:hidden}
.test-visual-bar span{display:block;height:100%;border-radius:999px;background:var(--accent)}
.test-visual-row.is-country .test-visual-bar span{background:var(--good)}
.test-visual-row.is-a5e .test-visual-bar span{background:var(--warning)}
.test-opportunity-metric em{display:block;margin-top:6px;font-style:normal;font-size:.82rem;line-height:1.5;color:var(--text-secondary)}
@media (max-width: 900px){.test-controls-grid,.test-summary-grid,.test-comparison-grid,.test-explanation-grid,.test-three-up,.test-opportunity-grid{grid-template-columns:1fr}.test-three-up--reallocate{grid-template-columns:1fr}.duration-input-pair{grid-template-columns:1fr auto 1fr}}
[data-theme="dark"] body.splash-entry-active .splash-panel{background:none}
[data-theme="dark"] .test-three-up-card,[data-theme="dark"] .test-opportunity-metric{background:rgba(17,24,39,.78);border-color:rgba(127,160,204,.22)}
[data-theme="dark"] .test-visual-bar{background:rgba(127,160,204,.18)}


:root{
  --control-height:42px;
  --control-radius:12px;
  --control-shadow:0 8px 18px rgba(15,23,42,.05), inset 0 1px 0 rgba(255,255,255,.42);
}
.tab-btn,
.chart-action-btn,
.btn.btn-secondary,
.cases-tools .chart-action-btn,
.cases-tools .btn.cases-reset-btn,
.fiveeyes-export-group .chart-action-btn{
  min-height:40px;
  border-radius:999px;
  font-weight:700;
  letter-spacing:.01em;
}
.chart-action-btn,
.btn.btn-secondary{
  padding:10px 16px;
  box-shadow:0 8px 18px rgba(15,23,42,.06);
}
.controls-bar .control-group input[type="search"],
.controls-bar .control-group input[type="time"],
.controls-bar .control-group input[type="number"],
.controls-bar .control-group input[type="text"],
.controls-bar .control-group select,
.test-controls-grid .control-group input,
.test-controls-grid .control-group select,
.explorer-controls .control-group input,
.explorer-controls .control-group select,
.cases-tools .control-group input,
.cases-tools .control-group select{
  min-height:var(--control-height);
  border-radius:var(--control-radius);
  box-shadow:var(--control-shadow);
}
.splash-nav-card{
  min-height:158px;
  gap:10px;
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease, background-color .18s ease;
}
.splash-nav-card:hover{transform:translateY(-2px)}
body.splash-entry-active .splash-card-grid{gap:16px}
.cases-toolbar-shell{
  padding:14px 14px 12px;
  border-radius:16px;
}
.cases-toolbar-header{
  align-items:end;
  margin-bottom:10px;
  gap:10px 14px;
}
.cases-toolbar-title{font-size:.98rem}
.cases-toolbar-subtitle{
  font-size:.86rem;
  line-height:1.45;
  max-width:68ch;
}
.cases-toolbar-badges{gap:6px}
.cases-toolbar-badge{
  padding:5px 9px;
  font-size:.68rem;
}
.cases-tools.controls-bar{
  display:grid;
  grid-template-columns:minmax(240px,1.45fr) repeat(4,minmax(120px,.72fr)) auto;
  gap:10px;
  align-items:end;
}
.cases-tools .control-group{
  gap:5px;
  min-width:0;
}
.cases-tools .control-group label{
  margin-bottom:0;
  font-size:.68rem;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:var(--text-muted);
}
.cases-tools input,
.cases-tools select{
  min-width:0;
  min-height:42px;
  padding:0 12px;
  border-radius:12px;
}
.cases-search-group input{padding-inline:13px}
.cases-action-group{min-width:188px}
.cases-action-stack{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
}
.cases-tools .chart-action-btn,
.cases-tools .btn.cases-reset-btn{
  width:100%;
  min-height:42px;
  margin:0;
}
.cases-table-meta{
  gap:10px 18px;
  font-size:.85rem;
}
.case-record-card{
  border-radius:15px;
  padding:16px 18px;
}
.case-record-summary{
  max-width:88ch;
  line-height:1.58;
}
.test-panel .overview-note.test-intro-note{
  max-width:78ch;
  margin-bottom:12px;
}
.test-tool-shell{
  margin:12px 0;
  padding:14px;
  border-radius:16px;
}
.test-tool-title{font-size:1rem}
.test-tool-subtitle{
  font-size:.85rem;
  line-height:1.5;
  max-width:54ch;
}
.test-controls-grid{
  grid-template-columns:minmax(180px,.8fr) repeat(2,minmax(240px,1fr));
  gap:12px;
}
.test-control-card{
  padding:11px 12px;
  border-radius:14px;
}
.test-summary-grid,
.test-comparison-grid,
.test-explanation-grid{gap:12px}
.test-stat-card,.test-compare-card,.test-explanation-card,.test-opportunity-card{
  border-radius:15px;
  padding:14px;
}
.test-three-up-card,
.test-opportunity-metric{
  border-radius:13px;
}
.test-visual-bar{height:10px}
.fiveeyes-controls-wrap,
.explorer-controls-wrap,
.module-card,
.chart-card{
  border-radius:18px;
}
.fiveeyes-controls-subtitle,
.chart-note,
.overview-note{line-height:1.55}
.mini-summary-card canvas{max-height:250px}
.mini-touch-legend{display:none !important}
@media (max-width:1120px){
  .cases-tools.controls-bar{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
  .cases-tools .control-group-wide{grid-column:1 / -1}
  .cases-tools .cases-action-group{grid-column:1 / -1}
}
@media (max-width:760px){
  .cases-toolbar-shell{padding:12px}
  .cases-tools.controls-bar{grid-template-columns:1fr;gap:9px}
  .cases-tools .control-group-wide,
  .cases-tools .cases-action-group{grid-column:auto}
  .cases-action-stack{grid-template-columns:1fr}
  .case-record-card{padding:14px}
  .test-controls-grid{grid-template-columns:1fr}
  body.splash-entry-active .splash-card-grid{grid-template-columns:1fr}
}
[data-theme="dark"] .chart-action-btn,
[data-theme="dark"] .btn.btn-secondary{
  box-shadow:0 10px 22px rgba(0,0,0,.28);
}
[data-theme="dark"] .cases-toolbar-shell,
[data-theme="dark"] .test-tool-shell,
[data-theme="dark"] .test-stat-card,
[data-theme="dark"] .test-compare-card,
[data-theme="dark"] .test-explanation-card,
[data-theme="dark"] .test-opportunity-card{
  border-color:rgba(127,160,204,.22);
}
[data-theme="dark"] .cases-tools input,
[data-theme="dark"] .cases-tools select,
[data-theme="dark"] .test-controls-grid .control-group input,
[data-theme="dark"] .test-controls-grid .control-group select{
  box-shadow:0 8px 18px rgba(0,0,0,.26), inset 0 1px 0 rgba(255,255,255,.04);
}



.cases-toolbar-shell{padding:12px 14px 10px;border-radius:16px;background:linear-gradient(180deg,color-mix(in srgb,var(--accent-light) 18%,var(--panel-bg)),var(--panel-bg));}
.cases-toolbar-header{margin-bottom:8px;gap:10px}.cases-toolbar-subtitle{font-size:.84rem;line-height:1.4;max-width:56ch}.cases-toolbar-badges{display:none !important}
.cases-tools.controls-bar{grid-template-columns:minmax(280px,1.65fr) repeat(4,minmax(110px,.8fr)) minmax(180px,1fr);gap:8px;align-items:end}.cases-tools .control-group{gap:4px}.cases-tools .control-group label{font-size:.66rem;letter-spacing:.08em}.cases-tools input,.cases-tools select{min-height:38px;padding:0 11px;border-radius:11px;font-size:.89rem}.cases-search-group input{padding-inline:12px}.cases-action-stack{gap:6px}.cases-tools .chart-action-btn,.cases-tools .btn.cases-reset-btn{min-height:38px;font-size:.82rem;border-radius:11px}.cases-table-meta{margin-top:10px;font-size:.82rem;gap:8px 14px}.cases-chart-note{margin-top:10px}.cases-kpis .stat-card{padding:14px 14px 12px}.cases-catalogue{gap:10px}.case-record-card{padding:15px 16px;border-radius:14px}
.chart-shell.chart-shell-mini{display:flex;justify-content:center;align-items:center}.chart-shell.chart-shell-mini canvas{width:100% !important;max-width:220px;max-height:220px;height:auto !important;aspect-ratio:1/1;display:block;margin:0 auto}.mini-summary-card{padding:14px 14px 12px}.mini-comparator-list{margin-top:10px}
#tab-air-explorer .overview-note,#tab-fiveeyes-explorer .overview-note.compare-intro,#tab-test-yourself .overview-note.test-intro-note{display:none !important}#tab-air-explorer .incident-method-note,#tab-air-explorer [data-air-status]{display:none !important}
.test-tool-shell{padding:13px 14px;border-radius:16px}.test-tool-head{align-items:end}.test-tool-subtitle{font-size:.82rem;max-width:34ch}.test-controls-grid{grid-template-columns:minmax(180px,.8fr) repeat(2,minmax(220px,1fr));gap:10px}.test-control-card{padding:10px 11px;border-radius:13px}.test-control-card label{font-size:.75rem;line-height:1.35}.duration-input-pair input{min-height:40px}.test-summary-grid,.test-comparison-grid{gap:10px}.test-stat-card,.test-compare-card,.test-opportunity-card{padding:13px;border-radius:14px}.test-opportunity-card{margin-top:10px}.test-opportunity-grid{margin:12px 0 0;gap:10px}.test-opportunity-metric{padding:11px 12px;border-radius:13px}.test-opportunity-metric em{margin-top:5px}.test-three-up-card strong{font-size:1rem}
.content-panel--reference{padding:22px}.glossary-intro-note{margin-bottom:12px}.glossary-card-list{display:grid;gap:10px}.glossary-item{padding:12px 14px;border-radius:14px;background:var(--bg-elevated)}.glossary-term{font-family:var(--font-display);font-weight:700;font-size:.94rem;margin-bottom:6px}.glossary-definition{font-size:.84rem;line-height:1.55;color:var(--text-secondary)}
@media (max-width:1100px){.cases-tools.controls-bar{grid-template-columns:repeat(3,minmax(0,1fr))}.cases-search-group,.cases-action-group{grid-column:1 / -1}.test-controls-grid{grid-template-columns:1fr}}
@media (max-width:760px){.cases-toolbar-shell{padding:11px 12px}.cases-tools.controls-bar{grid-template-columns:1fr;gap:8px}.cases-search-group,.cases-action-group{grid-column:auto}.cases-action-stack{grid-template-columns:1fr 1fr}.test-opportunity-grid{grid-template-columns:1fr}.test-tool-shell{padding:12px}.chart-shell.chart-shell-mini canvas{max-width:190px}}
[data-theme="dark"] .glossary-item{background:rgba(17,24,39,.9);border-color:rgba(127,160,204,.22)}[data-theme="dark"] .cases-toolbar-shell{background:linear-gradient(180deg,rgba(18,30,47,.96),rgba(15,23,42,.94));border-color:rgba(127,160,204,.22)}


.cases-note{margin-bottom:12px}
.cases-toolbar-header{margin-bottom:6px}
.cases-toolbar-title{font-size:.96rem;letter-spacing:.01em}
.cases-toolbar-subtitle{font-size:.8rem;line-height:1.35;max-width:46ch}
.cases-tools.controls-bar{grid-template-columns:minmax(260px,1.9fr) repeat(4,minmax(108px,.78fr)) minmax(170px,.95fr);gap:7px}
.cases-tools .control-group{gap:3px}
.cases-tools .control-group label{font-size:.64rem;letter-spacing:.09em}
.cases-tools input,.cases-tools select{min-height:36px;padding:0 10px;font-size:.86rem}
.cases-tools .chart-action-btn,.cases-tools .btn.cases-reset-btn{min-height:36px;padding:0 12px;font-size:.8rem}
.cases-table-meta{margin-top:8px;padding-top:2px}
.test-tool-kicker{margin-bottom:4px}
.test-tool-title{letter-spacing:.01em}
.test-tool-subtitle{max-width:24ch}
.test-controls-grid{grid-template-columns:minmax(170px,.74fr) repeat(2,minmax(210px,1fr));gap:9px}
.test-control-card{padding:9px 10px}
.test-control-card label{font-size:.73rem}
.duration-input-pair input{min-height:38px}
.test-stat-kicker,.test-opportunity-kicker{font-size:.68rem}
.test-opportunity-card h4{font-size:1rem;line-height:1.3}
.glossary-card-list{gap:8px}
.glossary-item{padding:11px 13px;border-radius:13px}
.glossary-term{font-size:.92rem}
.glossary-definition{font-size:.83rem;line-height:1.52}
@media (max-width:980px){
  .cases-tools.controls-bar{grid-template-columns:minmax(240px,1.4fr) repeat(2,minmax(120px,1fr)) repeat(2,minmax(110px,.9fr));}
  .cases-action-group{grid-column:1 / -1}
  .cases-action-stack{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:760px){
  .cases-toolbar-subtitle{max-width:none}
  .cases-tools.controls-bar{grid-template-columns:1fr}
  .cases-action-group{grid-column:auto}
  .test-controls-grid{grid-template-columns:1fr}
}


.cases-toolbar-shell{padding:11px 12px 10px;border-radius:16px}
.cases-toolbar-top{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 14px;align-items:end;margin-bottom:8px}
.cases-toolbar-header{margin-bottom:0;min-width:0}
.cases-toolbar-title{font-size:.95rem;line-height:1.2}
.cases-toolbar-subtitle{font-size:.79rem;line-height:1.32;max-width:44ch}
.cases-toolbar-utility{display:flex;justify-content:flex-end;align-items:flex-end}
.cases-catalogue-btn{min-height:34px;padding:0 12px;border-radius:11px;font-size:.75rem;box-shadow:none;white-space:nowrap}
.cases-filter-layout{display:grid;grid-template-columns:minmax(250px,1.25fr) minmax(0,1.95fr) auto;gap:8px 10px;align-items:end}
.cases-filter-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px 10px;min-width:0}
.cases-tools .control-group,.cases-filter-layout .control-group{gap:3px;min-width:0}
.cases-tools .control-group label,.cases-filter-layout .control-group label{margin-bottom:0;font-size:.63rem;letter-spacing:.09em;text-transform:uppercase;color:var(--text-muted)}
.cases-search-group input,.cases-filter-grid select{width:100%}
.cases-search-group input,.cases-filter-grid select,.cases-action-stack .chart-action-btn,.cases-action-stack .btn.cases-reset-btn{min-height:34px;height:34px;padding:0 10px;border-radius:10px;font-size:.82rem;box-shadow:none}
.cases-search-group input{padding-inline:11px}
.cases-action-group{min-width:136px}
.cases-action-stack{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
.cases-tools .chart-action-btn,.cases-tools .btn.cases-reset-btn,.cases-action-stack .chart-action-btn,.cases-action-stack .btn.cases-reset-btn{margin:0;font-size:.76rem;font-weight:700;letter-spacing:.01em}
.cases-table-meta{margin-top:7px;font-size:.8rem;gap:7px 12px}
.cases-chart-note{margin-top:8px}
[data-theme="dark"] .cases-catalogue-btn,[data-theme="dark"] .cases-action-stack .chart-action-btn,[data-theme="dark"] .cases-action-stack .btn.cases-reset-btn{box-shadow:none}
@media (max-width:1180px){
  .cases-filter-layout{grid-template-columns:minmax(220px,1.2fr) minmax(0,1fr);}
  .cases-action-group{grid-column:1 / -1;min-width:0}
}
@media (max-width:920px){
  .cases-filter-layout{grid-template-columns:1fr;gap:8px}
  .cases-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cases-toolbar-top{grid-template-columns:1fr}
  .cases-toolbar-utility{justify-content:flex-start}
}
@media (max-width:760px){
  .cases-toolbar-shell{padding:11px}
  .cases-filter-grid{grid-template-columns:1fr}
  .cases-action-stack{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cases-catalogue-btn{width:100%}
}
.about-flow-block p + p{margin-top:10px}
.about-acknowledgment{padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}
[data-theme="dark"] .about-acknowledgment{background:transparent;border-color:transparent}

.duration-input-pair--compact{grid-template-columns:minmax(0,74px) auto minmax(0,74px) auto;gap:6px;align-items:center}
.duration-input-pair--compact .duration-input-box{min-height:34px !important;height:34px;padding:0 8px;font-size:.82rem}
.duration-unit-label{font-size:.78rem;font-weight:700;color:var(--text-secondary);white-space:nowrap}
.test-average-delta{display:block;margin-top:6px;font-size:.76rem;line-height:1.35;color:var(--text-secondary);font-style:normal}
.test-three-up-card--user{border-color:color-mix(in srgb,var(--accent) 30%,var(--border-default))}
.test-visual-stack{gap:12px;margin-top:10px}
.test-visual-row{gap:7px}
.test-visual-bar{position:relative;height:12px;border-radius:999px;overflow:hidden;background:color-mix(in srgb,var(--border-default) 72%, transparent)}
.test-visual-bar span{display:block;height:100%;min-width:0;border-radius:999px}
.test-opportunity-summary,.test-opportunity-subline,.test-opportunity-question,.test-threshold-copy{margin:8px 0 0}
.test-opportunity-question{font-weight:700;color:var(--text-primary)}
.test-opportunity-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.test-opportunity-metric span{line-height:1.35}
.test-threshold-card{margin-top:10px;padding:13px;border:1px solid var(--border-default);border-radius:14px;background:var(--card-bg);box-shadow:var(--card-shadow)}
.test-threshold-status{margin-top:10px;padding:10px 12px;border-radius:12px;background:color-mix(in srgb,var(--accent) 9%, transparent);font-weight:700;color:var(--text-primary)}
.chart-shell.chart-shell-mini{display:flex;justify-content:center;align-items:center}
#air-incident-top-targets-chart,#air-incident-top-ideologies-chart{width:100% !important;max-width:none !important;height:190px !important;aspect-ratio:auto !important}
#air-incident-top-immigration-chart,#air-incident-top-religion-chart{width:100% !important;max-width:220px !important;height:220px !important;aspect-ratio:1 / 1 !important}
.chart-shell.chart-shell-context-mini canvas{height:190px !important}
.fiveeyes-actions-group{min-width:132px}
.fiveeyes-action-stack{display:grid;grid-template-columns:1fr;gap:6px}
.fiveeyes-actions-group .chart-action-btn{min-height:34px;height:34px;padding:0 10px;border-radius:10px;box-shadow:none;font-size:.76rem;font-weight:700;letter-spacing:.01em}
.fiveeyes-actions-group label{margin-bottom:0;font-size:.63rem;letter-spacing:.09em;text-transform:uppercase;color:var(--text-muted)}
@media (max-width:900px){.test-opportunity-grid{grid-template-columns:1fr}.duration-input-pair--compact{grid-template-columns:minmax(0,68px) auto minmax(0,68px) auto}}
@media (max-width:760px){.duration-input-pair--compact{grid-template-columns:minmax(0,64px) auto minmax(0,64px) auto;gap:5px}#air-incident-top-targets-chart,#air-incident-top-ideologies-chart{height:180px !important}#air-incident-top-immigration-chart,#air-incident-top-religion-chart{height:190px !important}.chart-shell.chart-shell-context-mini canvas{height:170px !important}}

#air-incident-top-immigration-chart,
#air-incident-top-religion-chart {
  display: block !important;
  width: min(100%, 220px) !important;
  max-width: 220px !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  aspect-ratio: 1 / 1 !important;
  margin: 0 auto !important;
}

#air-incident-top-immigration-chart + .chartjs-render-monitor,
#air-incident-top-religion-chart + .chartjs-render-monitor {
  aspect-ratio: 1 / 1 !important;
}

.chart-shell.chart-shell-mini {
  align-items: center;
}

@media (max-width: 760px) {
  #air-incident-top-immigration-chart,
  #air-incident-top-religion-chart {
    max-width: 190px !important;
  }
}


#tab-air-explorer .explorer-mini-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}
#tab-air-explorer .mini-summary-card {
  min-width: 0;
}
#tab-air-explorer .chart-shell.chart-shell-mini-target canvas {
  height: 180px !important;
}
#tab-air-explorer .chart-shell.chart-shell-mini-ideology canvas {
  height: 220px !important;
}
#tab-air-explorer .mini-summary-card--donut .chart-shell.chart-shell-mini-donut {
  width: min(100%, 250px);
  aspect-ratio: 1 / 1;
  margin: 0 auto;
}
#tab-air-explorer .mini-summary-card--donut .chart-shell.chart-shell-mini-donut canvas {
  width: 100% !important;
  height: 100% !important;
}
#tab-air-explorer .mini-summary-card--donut .mini-comparator-list {
  margin-top: 12px;
}
@media (max-width: 1280px) {
  #tab-air-explorer .explorer-mini-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 700px) {
  #tab-air-explorer .explorer-mini-grid { grid-template-columns: 1fr; }
  #tab-air-explorer .chart-shell.chart-shell-mini-ideology canvas { height: 210px !important; }
  #tab-air-explorer .mini-summary-card--donut .chart-shell.chart-shell-mini-donut { width: min(100%, 230px); }
}


:root{--warning:var(--warn)}
[data-theme="dark"]{--warning:var(--warn)}
.test-visual-row.is-a5e .test-visual-bar span{background:var(--warning)}
#tab-air-explorer .mini-summary-grid{align-items:start}
#tab-air-explorer .mini-summary-card{overflow:hidden}
#tab-air-explorer .chart-shell.chart-shell-mini-target,
#tab-air-explorer .chart-shell.chart-shell-mini-ideology{width:100%;min-height:220px;display:block}
#tab-air-explorer .chart-shell.chart-shell-mini-target canvas,
#tab-air-explorer .chart-shell.chart-shell-mini-ideology canvas,
#air-incident-top-targets-chart,
#air-incident-top-ideologies-chart{width:100% !important;max-width:none !important;min-width:0 !important;height:220px !important;max-height:none !important;aspect-ratio:auto !important;display:block;margin:0 auto}
#tab-air-explorer .mini-summary-card--donut .chart-shell.chart-shell-mini-donut{width:min(100%,240px) !important;min-width:220px;height:auto !important;aspect-ratio:1 / 1 !important;display:flex !important;justify-content:center;align-items:center;margin:0 auto}
#tab-air-explorer .mini-summary-card--donut .chart-shell.chart-shell-mini-donut canvas,
#air-incident-top-immigration-chart,
#air-incident-top-religion-chart{width:100% !important;max-width:240px !important;height:auto !important;aspect-ratio:1 / 1 !important;display:block;margin:0 auto}
@media (max-width:760px){#tab-air-explorer .chart-shell.chart-shell-mini-target canvas,#tab-air-explorer .chart-shell.chart-shell-mini-ideology canvas,#air-incident-top-targets-chart,#air-incident-top-ideologies-chart{height:190px !important}#tab-air-explorer .mini-summary-card--donut .chart-shell.chart-shell-mini-donut{width:min(100%,210px) !important;min-width:0}}


.chart-shell{position:relative;width:100%}
.chart-shell canvas{display:block;max-width:100%}
#tab-air-explorer .chart-shell.chart-shell-mini-target,
#tab-air-explorer .chart-shell.chart-shell-mini-ideology{min-height:224px;height:224px}
#tab-air-explorer .chart-shell.chart-shell-mini-target canvas,
#tab-air-explorer .chart-shell.chart-shell-mini-ideology canvas{width:100% !important;height:224px !important;min-height:224px !important;max-height:224px !important}
#tab-air-explorer .chart-shell.chart-shell-mini-donut{display:flex;align-items:center;justify-content:center;min-height:236px;height:236px}
#tab-air-explorer .chart-shell.chart-shell-mini-donut canvas{width:100% !important;height:220px !important;min-height:220px !important;max-height:220px !important;max-width:220px !important;aspect-ratio:1 / 1}
#tab-air-explorer .context-mini-grid .mini-summary-card{min-height:324px}
#tab-air-explorer .chart-shell.chart-shell-context-mini{min-height:220px;height:220px}
#tab-air-explorer .chart-shell.chart-shell-context-mini canvas{width:100% !important;height:220px !important;min-height:220px !important;max-height:220px !important}
@media (max-width:900px){
  #tab-air-explorer .chart-shell.chart-shell-mini-target,
  #tab-air-explorer .chart-shell.chart-shell-mini-ideology{min-height:208px;height:208px}
  #tab-air-explorer .chart-shell.chart-shell-mini-target canvas,
  #tab-air-explorer .chart-shell.chart-shell-mini-ideology canvas{height:208px !important;min-height:208px !important;max-height:208px !important}
  #tab-air-explorer .chart-shell.chart-shell-context-mini{min-height:198px;height:198px}
  #tab-air-explorer .chart-shell.chart-shell-context-mini canvas{height:198px !important;min-height:198px !important;max-height:198px !important}
}
@media (max-width:700px){
  #tab-air-explorer .chart-shell.chart-shell-mini-donut{min-height:216px;height:216px}
  #tab-air-explorer .chart-shell.chart-shell-mini-donut canvas{height:196px !important;min-height:196px !important;max-height:196px !important;max-width:196px !important}
  #tab-air-explorer .context-mini-grid .mini-summary-card{min-height:300px}
}


.figure-grid--two {
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  align-items: start;
}
.figure-grid--two .content-figure {
  max-width: 430px;
  width: 100%;
  justify-self: center;
}
.content-figure {
  overflow: hidden;
}
.content-figure img {
  width: auto;
  max-width: 100%;
  max-height: 320px;
  margin: 0 auto;
  object-fit: contain;
  box-shadow: 0 1px 0 rgba(15,23,42,.03);
}
.content-figure--single {
  max-width: 620px;
}
.content-figure--single img {
  max-height: 360px;
}
.content-panel,
.content-panel h2,
.content-panel h3,
.content-panel p,
.figure-caption {
  transition: background-color .2s ease, color .2s ease, border-color .2s ease;
}
.glossary-card-list {
  margin-top: 14px;
}
.tab-btn:focus-visible,
.theme-toggle:focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: 2px;
}
[data-theme="dark"] .content-panel {
  background: linear-gradient(180deg, rgba(18,30,47,.98), rgba(15,23,42,.94));
  border-color: rgba(127,160,204,.24);
}
[data-theme="dark"] .content-figure {
  background: linear-gradient(180deg, rgba(17,24,39,.94), rgba(15,23,42,.92));
  border-color: rgba(127,160,204,.22);
  box-shadow: 0 14px 28px rgba(0,0,0,.24);
}
[data-theme="dark"] .content-figure img {
  background: rgba(255,255,255,.96);
}
[data-theme="dark"] .figure-caption {
  color: #d7e3f1;
}
[data-theme="dark"] .tab-btn:not(.active) {
  color: #dbe7f5;
}
[data-theme="dark"] .tab-btn.active {
  color: #ffffff;
  background: rgba(127,160,204,.18);
  border-color: rgba(127,160,204,.34);
}
[data-theme="dark"] .theme-toggle {
  background: rgba(17,24,39,.92);
  border-color: rgba(127,160,204,.24);
  color: #eef6ff;
}
[data-theme="dark"] .theme-toggle:hover {
  background: rgba(24,39,61,.96);
  border-color: rgba(127,160,204,.38);
}
@media (max-width: 760px) {
  .content-figure--single { max-width: 100%; }
  .content-figure img { max-height: 260px; }
  .content-figure--single img { max-height: 300px; }
  .figure-grid--two .content-figure { max-width: 100%; }
}


.content-panel--about .lead {
  max-width: 86ch;
}
.content-panel--about h3 {
  color: var(--text-primary);
}
.content-panel--about .about-figure {
  margin: 14px auto 18px;
  max-width: 560px;
  background: transparent;
  border: 1px solid var(--border);
  box-shadow: none;
}
.content-panel--about .about-figure img {
  max-height: 250px;
}
.content-panel--about .figure-caption {
  font-size: .8rem;
}
[data-theme="dark"] .content-panel--about .about-figure {
  background: rgba(15,23,42,.18);
  border-color: rgba(127,160,204,.20);
  box-shadow: none;
}
@media (max-width: 700px) {
  .content-panel--about .about-figure {
    max-width: 100%;
  }
  .content-panel--about .about-figure img {
    max-height: 220px;
  }
}




.content-panel--about .about-figure {
  max-width: 500px;
}
.content-panel--about .about-figure img {
  max-height: 210px;
}
#tab-methodology .figure-grid--two {
  align-items: stretch;
}
#tab-methodology .figure-grid--two .content-figure {
  max-width: 430px;
  width: 100%;
  min-height: 330px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
#tab-methodology .figure-grid--two .content-figure img {
  width: auto;
  max-width: 100%;
  height: auto;
  max-height: 200px;
  margin: 0 auto 8px;
  object-fit: contain;
}
#tab-methodology .figure-grid--two .figure-caption {
  margin-top: auto;
}
@media (max-width: 700px) {
  .content-panel--about .about-figure img {
    max-height: 190px;
  }
  #tab-methodology .figure-grid--two .content-figure {
    min-height: auto;
  }
  #tab-methodology .figure-grid--two .content-figure img {
    max-height: 180px;
  }
}


.content-panel--about .about-figure {
  max-width: 500px;
}
.content-panel--about .about-figure img {
  max-height: 210px;
}
#tab-methodology .figure-grid--two {
  align-items: stretch;
}
#tab-methodology .figure-grid--two .content-figure {
  max-width: 430px;
  width: 100%;
  min-height: 330px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
#tab-methodology .figure-grid--two .content-figure img {
  width: auto;
  max-width: 100%;
  height: auto;
  max-height: 200px;
  margin: 0 auto 8px;
  object-fit: contain;
}
#tab-methodology .figure-grid--two .figure-caption {
  margin-top: auto;
}
@media (max-width: 700px) {
  .content-panel--about .about-figure img {
    max-height: 190px;
  }
  #tab-methodology .figure-grid--two .content-figure {
    min-height: auto;
  }
  #tab-methodology .figure-grid--two .content-figure img {
    max-height: 180px;
  }
}


.content-panel--about .about-figure {
  max-width: 440px;
}
.content-panel--about .about-figure img {
  max-height: 176px;
}
#tab-methodology .figure-grid--two {
  align-items: stretch;
  gap: 16px;
}
#tab-methodology .figure-grid--two .content-figure {
  max-width: 400px;
  min-height: 286px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
#tab-methodology .figure-grid--two .content-figure img {
  max-height: 168px;
  width: auto;
  max-width: 100%;
  object-fit: contain;
  margin: 0 auto 8px;
}
#tab-methodology .figure-grid--two .figure-caption {
  margin-top: auto;
}
@media (max-width: 700px) {
  .content-panel--about .about-figure img {
    max-height: 156px;
  }
  #tab-methodology .figure-grid--two .content-figure {
    min-height: auto;
    max-width: 100%;
  }
  #tab-methodology .figure-grid--two .content-figure img {
    max-height: 150px;
  }
}


.content-panel--about .about-figure{
  max-width:460px;
  margin:14px auto 18px;
}
.content-panel--about .about-figure img{
  max-height:185px;
  width:auto;
}
#tab-methodology .figure-grid--two{
  align-items:stretch;
  gap:18px;
}
#tab-methodology .figure-grid--two .content-figure{
  max-width:420px;
  min-height:300px;
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
}
#tab-methodology .figure-grid--two .content-figure img{
  max-height:180px;
  width:auto;
  object-fit:contain;
}
#tab-methodology .figure-grid--two .figure-caption{
  margin-top:auto;
}
.test-threshold-status.is-within{
  background:color-mix(in srgb,var(--success, #2e7d32) 12%, transparent);
}
.test-threshold-status.is-above{
  background:color-mix(in srgb,var(--warn) 12%, transparent);
}
.test-threshold-status.is-high{
  background:color-mix(in srgb,var(--danger, #b42318) 12%, transparent);
}
.test-threshold-status span{
  display:block;
  margin-top:4px;
  font-weight:500;
}
@media (max-width:700px){
  .content-panel--about .about-figure img{max-height:198px;}
  #tab-methodology .figure-grid--two .content-figure{min-height:auto;}
  #tab-methodology .figure-grid--two .content-figure img{max-height:198px;}
}
/* ===== v1.5.2 analytical refinement overrides ===== */
.about-findings-grid,
.explorer-findings-strip{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(210px,1fr));
  gap:14px;
  margin:16px 0 20px;
}
.about-finding-card,
.explorer-finding-card{
  border:1px solid var(--border-default);
  background:var(--panel-bg);
}
.ref-group{margin-top:18px}
.ref-group-title{margin:0 0 10px;font-size:.92rem;letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted)}
.ref-group-list{display:grid;gap:8px}
.content-panel--about .about-figure{
  max-width:560px;
  margin:16px auto 22px;
}
.content-panel--about .about-figure img{
  max-height:288px;
  width:auto;
}
#tab-methodology .figure-grid--two .content-figure{
  min-height:300px;
}
#tab-methodology .figure-grid--two .content-figure img{
  max-height:228px;
}
@media (max-width:760px){
  .content-panel--about .about-figure{max-width:100%}
  .content-panel--about .about-figure img{max-height:228px}
  .about-findings-grid,
  .explorer-findings-strip{grid-template-columns:1fr}
  #tab-methodology .figure-grid--two .content-figure{min-height:auto}
}

/* ===== v2.2.0 about/methodology polish overrides ===== */
.content-panel--about p,
.content-panel--about .lead{
  text-align: justify;
  text-justify: inter-word;
}
.content-panel--about .about-figure{
  max-width: 1000px;
  margin: 18px auto 24px;
}
.content-panel--about .about-figure img{
  max-height: 576px;
  width: auto;
  max-width: 100%;
}
#tab-methodology .figure-grid--two .content-figure{
  max-width: 100%;
  min-height: 360px;
}
#tab-methodology .figure-grid--two .content-figure img{
  max-height: 456px;
  width: auto;
  max-width: 100%;
}
@media (max-width: 900px){
  .content-panel--about .about-figure img{max-height: 420px;}
  #tab-methodology .figure-grid--two .content-figure img{max-height: 340px;}
}
@media (max-width: 760px){
  .content-panel--about p,
  .content-panel--about .lead{
    text-align: left;
  }
  .content-panel--about .about-figure img{max-height: 300px;}
  #tab-methodology .figure-grid--two .content-figure{min-height: auto;}
  #tab-methodology .figure-grid--two .content-figure img{max-height: 260px;}
}


/* ===== 2.0.1 final baseline text-page alignment ===== */
.content-page-meta{
  display:flex;
  justify-content:flex-end;
  flex-wrap:wrap;
  gap:12px;
  margin:0 0 14px;
  font-size:.78rem;
  line-height:1.4;
  color:var(--text-muted);
  text-align:right;
}
#tab-about .content-panel,
#tab-methodology .content-panel{
  text-align:left;
}
#tab-about .content-panel h2,
#tab-about .content-panel h3,
#tab-methodology .content-panel h2,
#tab-methodology .content-panel h3,
#tab-about .content-panel .figure-caption,
#tab-methodology .content-panel .figure-caption{
  text-align:left;
}
#tab-about .content-panel p,
#tab-about .content-panel .lead,
#tab-methodology .content-panel p,
#tab-methodology .content-panel .lead{
  text-align:justify;
  text-align-last:left;
  text-justify:inter-word;
  margin-left:0;
  margin-right:0;
  max-width:none;
}
@media (max-width:760px){
  .content-page-meta{justify-content:flex-start;text-align:left;}
  #tab-about .content-panel,
  #tab-methodology .content-panel,
  #tab-about .content-panel h2,
  #tab-about .content-panel h3,
  #tab-about .content-panel p,
  #tab-about .content-panel .lead,
  #tab-about .content-panel .figure-caption,
  #tab-methodology .content-panel h2,
  #tab-methodology .content-panel h3,
  #tab-methodology .content-panel p,
  #tab-methodology .content-panel .lead,
  #tab-methodology .content-panel .figure-caption{
    text-align:left;
    text-align-last:left;
  }
}


/* ===== 2.0.2 final cases-page width alignment ===== */
#tab-cases,
#tab-cases .cases-toolbar-shell,
#tab-cases .cases-kpis,
#tab-cases .cases-table-meta,
#tab-cases .cases-catalogue,
#tab-cases .case-record-card,
#tab-cases .case-record-screen,
#tab-cases .case-record-print{
  width:100%;
  max-width:none;
}
#tab-cases .case-record-summary,
#tab-cases .cases-toolbar-subtitle{
  max-width:none;
}

[data-theme="dark"] .splash-version-marker{color:#dbe7f5}

/* Admin add-case declutter polish */
.admin-case-form-card{padding:18px 18px 16px}
.admin-form-header{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;flex-wrap:wrap;margin-bottom:10px}
.admin-form-tag{display:inline-flex;align-items:center;justify-content:center;padding:6px 10px;border-radius:999px;border:1px solid var(--border-default);background:var(--bg-surface-alt);color:var(--text-muted);font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.admin-form-note{margin:10px 0 14px;padding:10px 12px;border-radius:12px;border:1px solid var(--border-default);background:var(--bg-surface-alt);color:var(--text-secondary);font-size:.82rem}
.admin-form-section{margin-top:14px}
.admin-form-section h3{margin:0 0 10px;font-size:.94rem;letter-spacing:.02em}
.admin-form-section--auto{padding:12px;border:1px dashed var(--border-default);border-radius:14px;background:color-mix(in srgb,var(--bg-surface-alt) 85%, transparent)}
.admin-form-grid--core{grid-template-columns:repeat(2,minmax(0,1fr))}
.admin-form-grid--auto{grid-template-columns:repeat(2,minmax(0,1fr))}
.admin-form-grid--advanced{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:12px}
.admin-field-readonly input,.admin-field-readonly textarea,.admin-field-readonly select{background:color-mix(in srgb,var(--bg-surface-alt) 92%, transparent);color:var(--text-secondary);border-color:color-mix(in srgb,var(--border-default) 88%, transparent);box-shadow:none}
.admin-field-readonly select{pointer-events:none}
.admin-case-preview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:10px 0 12px}
.admin-case-preview > div{padding:10px 12px;border:1px solid var(--border-default);border-radius:12px;background:var(--bg-surface-alt)}
.admin-case-preview strong{display:block;margin-top:4px;font-size:.96rem;color:var(--text-primary)}
.admin-case-preview-label{display:block;font-size:.68rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted)}
.admin-form-advanced{margin-top:14px;border:1px solid var(--border-default);border-radius:14px;background:var(--bg-surface-alt);padding:10px 12px}
.admin-form-advanced summary{cursor:pointer;font-weight:700;color:var(--text-secondary);list-style:none}
.admin-form-advanced summary::-webkit-details-marker{display:none}
.admin-form-advanced[open] summary{margin-bottom:10px}
.admin-case-form-card .form-grid input,.admin-case-form-card .form-grid select,.admin-case-form-card .form-grid textarea{min-height:44px;border-radius:12px}
.admin-case-form-card .form-grid textarea{min-height:112px;padding-top:10px}
.admin-case-form-card .form-grid select{appearance:auto}
.field-hint{margin-top:5px;font-size:.74rem;line-height:1.35;color:var(--text-muted)}
@media (max-width:980px){
  .admin-case-preview,.admin-form-grid--core,.admin-form-grid--auto,.admin-form-grid--advanced{grid-template-columns:1fr}
}

/* Version 2.13.1 async data-loading status panel */
.air-data-status {
  margin-top: 12px;
  padding: 10px 12px;
  border: 1px solid var(--border, #6f767f);
  border-radius: 10px;
  background: #ffffff;
  color: #030303;
  font-size: 0.95rem;
  line-height: 1.4;
}
.air-data-status--loading {
  background: #f8f8f8;
}
.air-data-status--ready {
  border-color: #6f767f;
  background: #f2f1f0;
}
.air-data-status--error {
  border-color: #a6192e;
  background: #fff5f5;
  color: #7f1d1d;
}


/* Version 2.13.1 equalised offender-profile doughnut charts */
#tab-air-explorer .mini-summary-card--immigration,
#tab-air-explorer .mini-summary-card--religion {
  display: flex;
  flex-direction: column;
}
#tab-air-explorer .mini-summary-card--immigration .chart-shell.chart-shell-mini-donut,
#tab-air-explorer .mini-summary-card--religion .chart-shell.chart-shell-mini-donut {
  width: 240px !important;
  height: 240px !important;
  min-width: 240px !important;
  min-height: 240px !important;
  max-width: 240px !important;
  max-height: 240px !important;
  aspect-ratio: 1 / 1 !important;
  margin: 0 auto 10px auto !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
#tab-air-explorer .mini-summary-card--immigration .chart-shell.chart-shell-mini-donut canvas,
#tab-air-explorer .mini-summary-card--religion .chart-shell.chart-shell-mini-donut canvas,
#air-incident-top-immigration-chart,
#air-incident-top-religion-chart {
  width: 220px !important;
  height: 220px !important;
  min-width: 220px !important;
  min-height: 220px !important;
  max-width: 220px !important;
  max-height: 220px !important;
  aspect-ratio: 1 / 1 !important;
}
#tab-air-explorer .mini-summary-card--immigration .mini-comparator-list,
#tab-air-explorer .mini-summary-card--religion .mini-comparator-list {
  margin-top: 8px !important;
}
@media (max-width: 700px) {
  #tab-air-explorer .mini-summary-card--immigration .chart-shell.chart-shell-mini-donut,
  #tab-air-explorer .mini-summary-card--religion .chart-shell.chart-shell-mini-donut {
    width: 216px !important;
    height: 216px !important;
    min-width: 216px !important;
    min-height: 216px !important;
    max-width: 216px !important;
    max-height: 216px !important;
  }
  #tab-air-explorer .mini-summary-card--immigration .chart-shell.chart-shell-mini-donut canvas,
  #tab-air-explorer .mini-summary-card--religion .chart-shell.chart-shell-mini-donut canvas,
  #air-incident-top-immigration-chart,
  #air-incident-top-religion-chart {
    width: 196px !important;
    height: 196px !important;
    min-width: 196px !important;
    min-height: 196px !important;
    max-width: 196px !important;
    max-height: 196px !important;
  }
}

/* Version 2.13.1 Five Eyes Explorer coverage and display-mode notes */
.fiveeyes-context-status {
  margin: 10px 0 12px;
  padding: 10px 12px;
  border: 1px solid var(--border-default, #d6d3cc);
  border-radius: 12px;
  background: var(--panel-muted, #f8f8f8);
  color: var(--text-secondary, #4b5563);
  font-size: 0.92rem;
  line-height: 1.45;
}
.fiveeyes-context-status--caution {
  border-color: rgba(180, 83, 9, 0.45);
  background: rgba(251, 191, 36, 0.12);
}

/* Version 2.13.1 analytical context additions */
.fiveeyes-matrix-wrap {
  width: 100%;
  overflow-x: auto;
}
.fiveeyes-snapshot-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.9rem;
}
.fiveeyes-snapshot-table th,
.fiveeyes-snapshot-table td {
  border: 1px solid var(--border, #d4d7dc);
  padding: 0.55rem 0.65rem;
  vertical-align: top;
  text-align: left;
}
.fiveeyes-snapshot-table td strong {
  display: block;
  font-weight: 700;
}
.fiveeyes-snapshot-table td span {
  display: block;
  margin-top: 0.2rem;
  font-size: 0.78rem;
  color: var(--muted, #6f767f);
}
.fiveeyes-profile-grid,
.fiveeyes-narrative-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 1rem;
}
.fiveeyes-profile-card .fiveeyes-profile-line,
.context-relationship-line {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 0.4rem 0.75rem;
  align-items: baseline;
  border-top: 1px solid var(--border, #d4d7dc);
  padding-top: 0.45rem;
  margin-top: 0.45rem;
}
.fiveeyes-profile-line span,
.context-relationship-line span {
  color: var(--muted, #6f767f);
  font-size: 0.86rem;
}
.fiveeyes-profile-line strong,
.context-relationship-line strong {
  font-weight: 700;
}
.fiveeyes-profile-line em,
.context-relationship-line em {
  grid-column: 1 / -1;
  color: var(--muted, #6f767f);
  font-style: normal;
  font-size: 0.78rem;
}
.narrative-check-card ul {
  margin: 0.6rem 0 0.75rem 1.1rem;
  padding: 0;
}
.narrative-check-card li {
  margin-bottom: 0.35rem;
}
.context-relationship-panel {
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid var(--border, #d4d7dc);
}
.fiveeyes-future-data-note p {
  margin: 0.4rem 0;
}

/* Version 2.13.1 limited-coverage context cards */
.fiveeyes-limited-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
  gap: 12px;
  margin-top: 14px;
}
.fiveeyes-limited-card ul {
  margin: 8px 0 0;
  padding-left: 18px;
}
.fiveeyes-limited-card li {
  margin: 3px 0;
  font-size: 0.9rem;
}
.fiveeyes-limited-card em {
  color: var(--muted, #6f767f);
  font-style: normal;
}


/* Version 2.13.1 sparse/benchmark context indicator display */
.fiveeyes-selected-indicator-fallback { margin-top: 0.75rem; }
.fiveeyes-indicator-coverage-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); gap: 0.75rem; margin-top: 0.75rem; }
.fiveeyes-indicator-coverage-card { padding: 0.85rem; border: 1px solid var(--border, #d7dbe3); border-radius: 14px; background: var(--card-bg, #fff); }
.fiveeyes-indicator-coverage-card strong { display:block; font-size:1.05rem; margin-top:0.25rem; }
.fiveeyes-indicator-coverage-card span { display:block; color: var(--muted, #6f767f); font-size:0.86rem; }
.fiveeyes-indicator-class-note { margin-top: 0.7rem; padding: 0.7rem 0.8rem; border-radius: 12px; border: 1px solid var(--border, #d7dbe3); background: var(--soft-panel, #f8f8f8); color: var(--muted, #4a5568); }
.context-limited-indicator-grid { display:grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap:0.7rem; margin-top:0.65rem; }
.context-limited-indicator-card { padding:0.75rem; border:1px solid var(--border, #d7dbe3); border-radius:12px; background:var(--card-bg, #fff); }
.context-limited-indicator-card strong { display:block; }
.context-limited-indicator-card span { display:block; font-size:0.85rem; color:var(--muted, #6f767f); }

/* v2.12.0 Full Case File, Personal Screen-Time Comparison, Comparative Five Eyes, and Performance Repair Build */
.about-project-v285 .about-callout{margin:16px 0;padding:14px 16px;border:1px solid var(--border-default);border-radius:14px;background:var(--bg-surface-alt);color:var(--text-primary)}
.about-project-v285 .about-callout--caution{border-left:4px solid var(--accent-strong, #0f76d7)}
.about-data-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:16px 0 22px}
.about-two-col{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:14px 0 22px}
.about-info-card{border:1px solid var(--border-default);border-radius:14px;padding:14px 16px;background:var(--bg-surface-alt)}
.about-info-card h4{margin:0 0 8px;font-size:1rem}.about-info-card ul,.about-callout ul{margin:8px 0 0 20px}.about-info-card li,.about-callout li{margin:5px 0}
.air-process-diagram{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;gap:10px;align-items:stretch;margin:18px 0 18px}
.air-process-step{border:1px solid var(--border-default);border-radius:14px;padding:13px 14px;background:var(--bg-surface-alt)}
.air-process-step span{display:block;font-weight:700;margin-bottom:6px}.air-process-step small{display:block;line-height:1.35;color:var(--text-secondary)}
.air-process-arrow{display:flex;align-items:center;justify-content:center;font-weight:700;color:var(--text-secondary)}
.about-category-breakdown{border:1px solid var(--border-default);border-radius:14px;padding:14px 16px;background:var(--bg-surface-alt);margin:14px 0 22px}.about-category-breakdown h4{margin:0 0 10px}
.about-bar-row{display:grid;grid-template-columns:minmax(220px,2fr) minmax(100px,3fr) 42px;gap:10px;align-items:center;margin:8px 0}.about-bar-label{font-size:.9rem}.about-bar-track{height:10px;border-radius:999px;background:rgba(111,118,127,.20);overflow:hidden}.about-bar-fill{display:block;height:100%;border-radius:999px;background:var(--accent-strong, #0f76d7)}.about-bar-value{text-align:right;font-variant-numeric:tabular-nums}
.about-timeline{border:1px solid var(--border-default);border-radius:14px;padding:14px 16px;background:var(--bg-surface-alt);margin:14px 0 22px}.about-timeline h4{margin:0 0 12px}.about-timeline-bars{display:flex;align-items:end;gap:4px;min-height:150px;padding:8px 0 2px;overflow-x:auto}.about-year-bar{display:flex;flex-direction:column;align-items:center;gap:5px;min-width:18px}.about-year-fill{display:block;width:12px;border-radius:6px 6px 0 0;background:var(--accent-strong, #0f76d7)}.about-year-label{font-size:.72rem;color:var(--text-secondary)}
.about-link-row{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0 20px}
@media (max-width:900px){.about-data-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.about-two-col{grid-template-columns:1fr}.air-process-diagram{grid-template-columns:1fr}.air-process-arrow{transform:rotate(90deg);min-height:18px}.about-bar-row{grid-template-columns:1fr 2fr 36px}}
@media (max-width:560px){.about-data-grid{grid-template-columns:1fr}.about-bar-row{grid-template-columns:1fr}.about-bar-value{text-align:left}.about-bar-track{width:100%}}

/* Version 2.13.1 static-asset consistency patch */
.glossary-section-heading{margin:18px 0 4px;font-size:.88rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);font-weight:800}
.glossary-card-list .glossary-section-heading:first-child{margin-top:0}

/* Version 2.13.1 methodology dynamic case-summary replacement */
.content-figure--data-summary {
  justify-content: flex-start;
}
.method-case-summary-grid {
  width: 100%;
  margin-top: 10px;
}
.method-case-summary-grid .stat-card {
  min-width: 0;
}

/* Version 2.13.1 Online Time fallback and Incident Explorer layout patch */
.context-chart-fallback[hidden]{display:none!important}
.context-chart-fallback{margin:12px 0 16px}
#tab-air-explorer .explorer-mini-stack{display:grid;gap:18px;margin-top:16px}
#tab-air-explorer .explorer-mini-grid--bars,
#tab-air-explorer .explorer-mini-grid--donuts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:stretch}
#tab-air-explorer .explorer-mini-grid--donuts .mini-summary-card{min-height:390px}
#tab-air-explorer .explorer-mini-grid--donuts .chart-shell.chart-shell-mini-donut{width:320px!important;height:320px!important;min-width:300px!important;min-height:300px!important;max-width:100%!important;max-height:320px!important;margin:0 auto 12px!important;display:flex!important;align-items:center!important;justify-content:center!important}
#tab-air-explorer .explorer-mini-grid--donuts .chart-shell.chart-shell-mini-donut canvas,
#tab-air-explorer .explorer-mini-grid--donuts #air-incident-top-immigration-chart,
#tab-air-explorer .explorer-mini-grid--donuts #air-incident-top-religion-chart{width:300px!important;height:300px!important;min-width:280px!important;min-height:280px!important;max-width:300px!important;max-height:300px!important;aspect-ratio:1 / 1!important}
#tab-air-explorer [data-air-incident-scope]{font-size:.78em;color:var(--text-muted);font-weight:600;white-space:normal}
#tab-air-explorer .mini-comparator-row-empty{display:block;padding:10px 12px;border:1px dashed var(--border-default);border-radius:12px;color:var(--text-muted);background:var(--bg-surface-alt)}
@media (max-width:900px){#tab-air-explorer .explorer-mini-grid--bars,#tab-air-explorer .explorer-mini-grid--donuts{grid-template-columns:1fr}#tab-air-explorer .explorer-mini-grid--donuts .chart-shell.chart-shell-mini-donut{width:280px!important;height:280px!important;min-width:260px!important;min-height:260px!important}#tab-air-explorer .explorer-mini-grid--donuts .chart-shell.chart-shell-mini-donut canvas,#tab-air-explorer .explorer-mini-grid--donuts #air-incident-top-immigration-chart,#tab-air-explorer .explorer-mini-grid--donuts #air-incident-top-religion-chart{width:260px!important;height:260px!important;min-width:240px!important;min-height:240px!important}}

/* Version 2.13.1 Online Time layout and selector simplification */
#tab-air-explorer .context-explorer-controls{align-items:end}
#tab-air-explorer .chart-shell-context-main{margin-top:14px;margin-bottom:12px;min-height:380px}
#tab-air-explorer .context-scoreboard-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:10px 0 12px}
#tab-air-explorer .context-scoreboard-grid .stat-card{padding:10px 12px;min-height:unset}
#tab-air-explorer .context-scoreboard-grid .stat-card .stat-label{font-size:.72rem;line-height:1.15}
#tab-air-explorer .context-scoreboard-grid .stat-card .stat-value{font-size:.98rem;line-height:1.18}
#tab-air-explorer .context-scoreboard-grid .stat-card .stat-subtext{font-size:.7rem;line-height:1.2;max-height:2.4em;overflow:hidden}
#tab-air-explorer .context-insight-grid{margin-top:10px}
@media (max-width:980px){#tab-air-explorer .context-scoreboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){#tab-air-explorer .context-scoreboard-grid{grid-template-columns:1fr}#tab-air-explorer .chart-shell-context-main{min-height:320px}}

/* Version 2.13.1 Incident Explorer Top 3 comparator detail patch */
#tab-air-explorer .mini-comparator-help {
  margin: 4px 0 8px;
  font-size: 0.78rem;
  line-height: 1.3;
  color: var(--text-secondary);
}
#tab-air-explorer .mini-comparator-row-expanded {
  align-items: start;
  grid-template-columns: 22px minmax(0, 0.9fr) minmax(0, 1.35fr);
}
#tab-air-explorer .mini-comparator-row-expanded .mini-comparator-label {
  line-height: 1.25;
  font-weight: 650;
}
#tab-air-explorer .mini-comparator-row-expanded .mini-comparator-stack {
  gap: 2px;
}
#tab-air-explorer .mini-comparator-row-expanded .mini-comparator-line {
  font-size: 0.78rem;
}
@media (max-width: 760px) {
  #tab-air-explorer .mini-comparator-row-expanded { grid-template-columns: 22px minmax(0, 1fr); }
  #tab-air-explorer .mini-comparator-row-expanded .mini-comparator-value { grid-column: 2; }
}


/* Version 2.13.1 Online Time step workflow and Incident Explorer cleanup */
#tab-air-explorer .context-step-workflow{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:12px 0 14px}
#tab-air-explorer .context-step-card{border:1px solid var(--border-default);border-radius:14px;background:var(--bg-surface-alt);padding:12px 14px;min-width:0}
#tab-air-explorer .context-step-card--comparators{grid-column:1 / -1}
#tab-air-explorer .context-step-label{font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);margin-bottom:6px}
#tab-air-explorer .context-step-title{margin:0 0 10px;font-size:1rem}
#tab-air-explorer .control-helper{margin:.35rem 0 0;font-size:.78rem;line-height:1.3;color:var(--text-secondary)}
#tab-air-explorer .context-comparator-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
#tab-air-explorer .context-comparator-block{display:grid;gap:8px;border:1px solid var(--border-subtle, var(--border-default));border-radius:12px;padding:10px;background:var(--bg-surface)}
#tab-air-explorer .context-comparator-block>strong{font-size:.88rem;color:var(--text-primary)}
#tab-air-explorer .incident-annual-trend-card{margin:12px 0 16px;border:1px solid var(--border-default);border-radius:16px;background:var(--bg-surface);padding:14px 16px}
#tab-air-explorer .chart-shell-incident-trend{height:280px;min-height:240px;margin-top:8px}
#tab-air-explorer .ideology-conversion-profile-card{min-width:260px}
#tab-air-explorer .ideology-conversion-profile-card .profile-row{display:grid;grid-template-columns:minmax(110px,.9fr) minmax(0,1.3fr);gap:8px;margin:6px 0;font-size:.82rem;line-height:1.3}
#tab-air-explorer .ideology-conversion-profile-card .profile-row>span{color:var(--text-secondary);font-weight:650}
#tab-air-explorer .ideology-conversion-profile-card .profile-row div{display:grid;gap:2px}
#tab-air-explorer .ideology-conversion-profile-card .profile-muted{color:var(--text-muted)}
#tab-air-explorer .explorer-summary-grid--clean{grid-template-columns:repeat(5,minmax(0,1fr));align-items:stretch}
@media (max-width:1100px){#tab-air-explorer .explorer-summary-grid--clean{grid-template-columns:repeat(2,minmax(0,1fr))}#tab-air-explorer .context-comparator-grid{grid-template-columns:1fr}}
@media (max-width:760px){#tab-air-explorer .context-step-workflow{grid-template-columns:1fr}#tab-air-explorer .explorer-summary-grid--clean{grid-template-columns:1fr}#tab-air-explorer .ideology-conversion-profile-card .profile-row{grid-template-columns:1fr}}

/* Version 2.13.1 UX, scoreboard, benchmark-transparency, and Online-Time refinement build */
.nav-tabs .tab-btn,
.nav-tabs .tab-btn.priority-tab{
  background: var(--bg-surface) !important;
  color: var(--text-secondary) !important;
  border-color: var(--border-default) !important;
  font-weight: 500 !important;
  box-shadow: none !important;
}
.nav-tabs .tab-btn:hover,
.nav-tabs .tab-btn.priority-tab:hover{
  background: var(--accent-light) !important;
  color: var(--accent-text) !important;
  border-color: var(--accent) !important;
}
.nav-tabs .tab-btn.active,
.nav-tabs .tab-btn.priority-tab.active{
  background: var(--accent) !important;
  color: var(--text-inverse) !important;
  border-color: var(--accent) !important;
  font-weight: 650 !important;
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--accent) 22%, transparent) !important;
}
#tab-air-explorer .context-step-workflow{grid-template-columns:1.05fr 1.05fr .9fr;align-items:stretch}
#tab-air-explorer .context-step-card{box-shadow:0 8px 20px rgba(15,23,42,.04)}
#tab-air-explorer .context-step-card--comparators{grid-column:1 / -1;background:color-mix(in srgb,var(--bg-surface-alt) 72%,var(--bg-surface) 28%)}
#tab-air-explorer .context-step-card--display{grid-column:1 / -1}
#tab-air-explorer .context-comparator-block{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--border-default) 65%,transparent)}
#tab-air-explorer .control-helper--hint{font-size:.72rem;color:var(--text-muted);padding-top:4px;border-top:1px dashed color-mix(in srgb,var(--border-default) 75%,transparent)}
#tab-air-explorer .chart-shell-context-main{margin-top:12px}
#tab-air-explorer .incident-scoreboard-grid-v290{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
#tab-air-explorer .incident-scoreboard-grid-v290 .stat-card{min-height:104px;padding:12px 14px}
#tab-air-explorer .incident-scoreboard-grid-v290 .stat-label{font-size:.73rem;line-height:1.2}
#tab-air-explorer .incident-scoreboard-grid-v290 .stat-value{font-size:1.04rem;line-height:1.18}
#tab-air-explorer .incident-scoreboard-grid-v290 .stat-subtext{font-size:.72rem;line-height:1.28}
#tab-air-explorer .explorer-top-scoreboard-grid{grid-template-columns:repeat(7,minmax(0,1fr))}
#tab-air-explorer .explorer-top-scoreboard-grid .stat-card{min-height:98px}
@media (max-width:1280px){#tab-air-explorer .explorer-top-scoreboard-grid{grid-template-columns:repeat(4,minmax(0,1fr))}#tab-air-explorer .incident-scoreboard-grid-v290{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:980px){#tab-air-explorer .context-step-workflow{grid-template-columns:1fr}#tab-air-explorer .explorer-top-scoreboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:620px){#tab-air-explorer .explorer-top-scoreboard-grid,#tab-air-explorer .incident-scoreboard-grid-v290{grid-template-columns:1fr}}

/* ═══════════════════════════════════════════════════════
   Version 2.13.1 — MRU-informed theme and reference-page polish
   ═══════════════════════════════════════════════════════ */
:root {
  --mru-blue: #007FB5;
  --mru-dark-blue: #003352;
  --accent: #007FB5;
  --accent-text: #003352;
  --accent-light: #e7f6fb;
  --chart-1: #007FB5;
  --chart-2: #003352;
  --chart-9: #007FB5;
}
[data-theme="dark"] {
  --bg-base: #071925;
  --bg-surface: #0e2433;
  --bg-surface-alt: #123047;
  --bg-elevated: #123047;
  --bg-input: #0b2030;
  --accent: #007FB5;
  --accent-text: #63c7ec;
  --accent-light: #003352;
  --border-default: rgba(99,199,236,.24);
  --border-strong: rgba(99,199,236,.38);
  --chart-1: #007FB5;
  --chart-2: #63c7ec;
}
.nav-tabs .tab-btn { background: var(--bg-surface); color: var(--text-secondary); border: 1px solid var(--border-default); }
.nav-tabs .tab-btn:hover, .nav-tabs .tab-btn:focus-visible { color: var(--accent-text); border-color: var(--accent); box-shadow: 0 0 0 3px rgba(0,127,181,.14); }
.nav-tabs .tab-btn.active { background: var(--accent); color: #fff; border-color: var(--accent); }
.splash-nav-card, .small-btn, .chart-action-btn, .btn { border-color: var(--accent); }
a, .references-modern-card a, .cases-source-link { color: var(--accent-text); }
.site-version-marker, .splash-version-marker, .section-kicker, .glossary-tag { color: var(--accent-text); }
.content-panel h2, .content-panel h3, .site-header h1 { color: var(--mru-dark-blue); }
[data-theme="dark"] .content-panel h2, [data-theme="dark"] .content-panel h3, [data-theme="dark"] .site-header h1 { color: #d9f3ff; }
.about-callout, .content-figure, .ref-item, .stat-card, .glossary-modern-card, .references-modern-card { border-color: var(--border-default); }
.methodology-framework-stack { display: grid; gap: 18px; width: 100%; }
.content-figure--wide { width: 100%; max-width: 100%; }
.methodology-framework-figure img { width: 100%; max-height: 620px; object-fit: contain; }
.methodology-case-summary-panel { padding: 16px; }
.method-case-summary-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; }
.method-case-summary-grid .stat-card { min-height: auto; padding: 12px; }
.content-page-header { margin-bottom: 18px; }
.glossary-modern-page .overview-note, .content-panel--reference .overview-note { max-width: 980px; }
.glossary-tools { display: grid; gap: 10px; margin: 16px 0 18px; }
.glossary-filter-row { display: flex; flex-wrap: wrap; gap: 8px; }
.glossary-filter { border: 1px solid var(--border-default); background: var(--bg-surface); color: var(--text-secondary); border-radius: 999px; padding: 7px 12px; cursor: pointer; }
.glossary-filter.active, .glossary-filter:hover { background: var(--accent); color: #fff; border-color: var(--accent); }
.glossary-modern-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 12px; }
.glossary-modern-card { background: var(--bg-surface); border: 1px solid var(--border-default); border-radius: var(--radius-md); padding: 14px; box-shadow: var(--shadow-sm); }
.glossary-modern-card h3 { margin: 5px 0 8px; font-size: 1rem; }
.glossary-modern-card p { margin: 0; color: var(--text-secondary); }
.glossary-tag { display: inline-flex; font-size: .72rem; font-weight: 700; text-transform: uppercase; letter-spacing: .04em; }
.references-modern-list { display: grid; gap: 10px; }
.references-modern-card { padding: 14px; }
.reference-text { line-height: 1.45; }
.reference-links { margin-top: 8px; }
.reference-muted { color: var(--text-muted); font-size: .9rem; }
.ref-group-title { margin-top: 20px; padding-top: 8px; border-top: 1px solid var(--border-default); }
@media (max-width: 760px) { .method-case-summary-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 520px) { .method-case-summary-grid { grid-template-columns: 1fr; } }


/* ═══════════════════════════════════════════════════════
   Version 2.13.1 — References restoration, AIR cycle, and MRU visual repair
   ═══════════════════════════════════════════════════════ */
body { background: var(--bg-base); }
.site-wrap { background: transparent; }
.content-panel, .site-header, .nav-tabs, .panel-footer { box-shadow: var(--shadow-sm); }
.content-page-header, .content-panel--reference, .content-panel--about { background: var(--bg-surface); }
.air-cycle-framework-figure {
  margin: 16px 0 18px;
  padding: 14px;
  background: var(--bg-surface-alt);
  border: 1px solid var(--border-default);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-sm);
  width: 100%;
}
.air-cycle-framework-figure img {
  display: block;
  width: 100%;
  max-width: 920px;
  max-height: 560px;
  object-fit: contain;
  margin: 0 auto;
}
.about-data-grid, .method-case-summary-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
  gap: 12px;
  width: 100%;
  align-items: stretch;
}
#about-context-summary.about-data-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
#method-case-summary.about-data-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.about-data-grid .stat-card, .method-case-summary-grid .stat-card {
  min-height: 126px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 14px 16px;
}
.about-category-breakdown, .about-timeline, .content-figure--data-summary {
  width: 100%;
  background: var(--bg-surface-alt);
  border: 1px solid var(--border-default);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-sm);
}
.about-category-breakdown, .about-timeline { padding: 16px; }
.about-timeline-horizontal-bars { display: grid; gap: 8px; }
.about-year-row { grid-template-columns: 86px minmax(160px,1fr) 48px; }
.about-year-row .about-bar-label { font-variant-numeric: tabular-nums; }
.references-modern-group {
  background: var(--bg-surface);
  border: 1px solid var(--border-default);
  border-radius: var(--radius-lg);
  padding: 14px;
  margin: 16px 0;
  box-shadow: var(--shadow-sm);
}
.references-modern-card {
  background: var(--bg-surface-alt);
  border: 1px solid var(--border-default);
  border-radius: var(--radius-md);
  padding: 12px;
  margin: 10px 0;
}
.reference-links a { color: var(--accent-text); font-weight: 700; text-decoration: underline; text-underline-offset: 2px; }
.reference-muted { color: var(--text-muted); }
@media (max-width: 760px) {
  #about-context-summary.about-data-grid, #method-case-summary.about-data-grid { grid-template-columns: 1fr; }
  .about-year-row { grid-template-columns: 1fr; gap: 4px; }
  .air-cycle-framework-figure img { max-height: 460px; }
}

/* Version 2.13.1 — UX, selector-governance, filter, timeline, and mobile polish */
:root {
  --mru-blue: #007FB5;
  --mru-dark-blue: #003352;
  --page-bg: #F2FAFD;
  --surface-bg: rgba(255,255,255,0.96);
  --surface-border: rgba(0, 51, 82, 0.14);
}
html:not([data-theme="dark"]), body:not(.dark-mode) {
  background: var(--page-bg);
}
body {
  background: var(--page-bg);
}
body.theme-dark, html[data-theme="dark"] body {
  --page-bg: #061f2b;
  --surface-bg: rgba(5, 31, 43, 0.94);
  --surface-border: rgba(0, 127, 181, 0.30);
  background: #061f2b;
}
.content-panel, .chart-card, .stat-card, .mini-summary-card, .reference-card, .glossary-card, .context-step-card, .case-filter-panel, .incident-annual-trend-card {
  border-color: var(--surface-border);
}
.air-cycle-framework-figure {
  background: var(--surface-bg);
  border: 1px solid var(--surface-border);
  border-radius: 20px;
  box-shadow: 0 12px 32px rgba(0, 51, 82, 0.10);
  padding: clamp(0.75rem, 2vw, 1.35rem);
  max-width: 980px;
  margin-left: auto;
  margin-right: auto;
}
.air-cycle-framework-figure img {
  display: block;
  width: min(100%, 860px);
  max-height: 72vh;
  object-fit: contain;
  margin: 0 auto;
  border-radius: 14px;
}
.about-timeline-card, .about-context-category-card, .about-chart-card {
  background: var(--surface-bg);
  border: 1px solid var(--surface-border);
  border-radius: 18px;
  box-shadow: 0 10px 28px rgba(0, 51, 82, 0.09);
}
.context-scoreboard-grid, .context-summary-grid, .methodology-summary-grid, .about-context-scoreboard, .support-summary-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
  align-items: stretch;
}
.context-scoreboard-grid > *, .methodology-summary-grid > *, .about-context-scoreboard > *, .support-summary-grid > * { min-width: 0; height: 100%; }
.context-step-workflow {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 1rem;
  align-items: stretch;
  margin-bottom: 1rem;
}
.context-step-card { min-width: 0; background: var(--surface-bg); }
.context-step-card--scope, .context-step-card--anchor, .context-step-card--case, .context-step-card--five { grid-column: span 3; }
.context-step-card--comparators { grid-column: 1 / -1; }
.context-step-card--display { grid-column: 1 / -1; }
.context-comparator-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; }
.context-comparator-block { border: 1px solid var(--surface-border); border-radius: 14px; padding: 0.85rem; background: rgba(255,255,255,0.56); }
html[data-theme="dark"] .context-comparator-block, body.theme-dark .context-comparator-block { background: rgba(0, 51, 82, 0.28); }
.control-helper--hint { font-size: 0.78rem; line-height: 1.35; color: var(--muted-text, #587083); }
.case-explorer-shell { display: grid; grid-template-columns: minmax(0, 1fr); gap: 1rem; align-items: start; }
.case-filter-panel { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 0.9rem; align-items: end; background: var(--surface-bg); border: 1px solid var(--surface-border); border-radius: 18px; padding: 1rem; }
.case-filter-panel .control-group-wide { grid-column: span 2; }
.advanced-filter-panel { grid-column: 1 / -1; border: 1px solid var(--surface-border); border-radius: 14px; padding: 0.75rem 0.9rem; background: rgba(0,127,181,0.045); }
.advanced-filter-panel summary { cursor: pointer; font-weight: 700; color: var(--mru-dark-blue); }
html[data-theme="dark"] .advanced-filter-panel summary, body.theme-dark .advanced-filter-panel summary { color: #73d1f5; }
.advanced-filter-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0.85rem; margin-top: 0.85rem; }
.case-filter-status { font-size: 0.92rem; color: var(--muted-text, #587083); margin: -0.25rem 0 0.35rem; }
.case-filter-status strong { color: var(--mru-dark-blue); }
html[data-theme="dark"] .case-filter-status strong, body.theme-dark .case-filter-status strong { color: #73d1f5; }
.chart-shell-context-main { margin-top: 0.6rem; min-height: 380px; }
.chart-shell-context-main canvas { max-height: 520px; }
.incident-annual-trend-card { background: var(--surface-bg); border: 1px solid var(--surface-border); border-radius: 18px; padding: 1rem; box-shadow: 0 10px 28px rgba(0, 51, 82, 0.08); }
.chart-shell-incident-trend { min-height: 280px; }
input[type="number"], input[type="search"], select { max-width: 100%; }
@media (max-width: 980px) {
  .context-step-card--scope, .context-step-card--anchor, .context-step-card--case, .context-step-card--five { grid-column: span 6; }
  .context-comparator-grid { grid-template-columns: 1fr; }
  .case-filter-panel { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .advanced-filter-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 640px) {
  body { overflow-x: hidden; }
  .content-panel, .chart-card, .mini-summary-card, .stat-card { border-radius: 14px; }
  .context-step-workflow, .context-scoreboard-grid, .context-summary-grid, .methodology-summary-grid, .about-context-scoreboard, .support-summary-grid { grid-template-columns: 1fr; }
  .context-step-card--scope, .context-step-card--anchor, .context-step-card--case, .context-step-card--five, .context-step-card--comparators, .context-step-card--display { grid-column: 1 / -1; }
  .case-filter-panel, .advanced-filter-grid { grid-template-columns: 1fr; }
  .case-filter-panel .control-group-wide { grid-column: 1; }
  .chart-shell-context-main, .chart-shell-incident-trend { min-height: 300px; overflow-x: auto; }
  .air-cycle-framework-figure { padding: 0.55rem; }
  .air-cycle-framework-figure img { max-height: none; width: 100%; }
  .controls-bar, .test-controls-grid { gap: 0.75rem; }
  .duration-input-box { min-height: 44px; }
}


/* Version 2.13.1 — forensic repair, unified AIR Explorer, and mobile/performance polish */
.panel-lede{max-width:980px;margin:.35rem 0 1rem;color:var(--muted, #50616b);line-height:1.45}
.matching-cases-shell{margin-top:1rem;border-top:1px solid var(--border, #d8e7ef);padding-top:1rem}
.matching-case-list{display:grid;gap:.85rem;margin-top:.75rem}
.matching-case-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1rem;align-items:start;background:var(--card-bg, #fff);border:1px solid var(--border, #d8e7ef);border-radius:16px;padding:1rem;box-shadow:0 8px 24px rgba(0,51,82,.06)}
.matching-case-kicker{font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em;color:var(--accent-dark,#003352)}
.matching-case-card h4{margin:.15rem 0 .35rem;color:var(--accent-dark,#003352)}
.matching-case-meta{font-size:.86rem;color:var(--muted,#5a6b74);font-weight:600;margin-bottom:.35rem}
.matching-case-card p{margin:0;color:var(--text,#17232b);line-height:1.42}
.matching-case-actions{display:flex;flex-direction:column;gap:.55rem;align-items:flex-end;min-width:160px}
.case-source-buttons{display:flex;gap:.4rem;flex-wrap:wrap;justify-content:flex-end}
.case-source-btn{display:inline-flex;align-items:center;justify-content:center;min-width:2.4rem;padding:.35rem .55rem;border-radius:999px;background:var(--primary,#007FB5);color:#fff;text-decoration:none;font-weight:700;font-size:.82rem}
.full-case-file-panel{margin-top:1rem;background:var(--card-bg,#fff);border:2px solid var(--primary,#007FB5);border-radius:18px;padding:1rem;box-shadow:0 12px 32px rgba(0,51,82,.10)}
.full-case-file-panel[hidden]{display:none!important}
.full-case-file-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.85rem}
.full-case-file-header h3{margin:0;color:var(--accent-dark,#003352)}
.full-case-file-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}
.full-case-field{border:1px solid var(--border,#d8e7ef);border-radius:12px;padding:.65rem;background:rgba(0,127,181,.035)}
.full-case-field span{display:block;font-size:.72rem;text-transform:uppercase;letter-spacing:.04em;font-weight:800;color:var(--muted,#50616b);margin-bottom:.22rem}
.full-case-field strong{font-weight:600;color:var(--text,#17232b);word-break:break-word}
.full-case-sources{margin-top:1rem}
.test-yourself-practice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.85rem;margin-top:.85rem}
.social-test-yourself-panel{margin-top:1rem}
.case-explorer-shell{display:block;width:100%}
.case-filter-panel{align-items:end}
@media (max-width: 760px){
  .matching-case-card{grid-template-columns:1fr}.matching-case-actions{align-items:flex-start}.case-source-buttons{justify-content:flex-start}.full-case-file-grid{grid-template-columns:1fr}.test-yourself-practice-grid{grid-template-columns:1fr}.chart-title-actions{width:100%;justify-content:flex-start;flex-wrap:wrap}.matching-cases-shell .chart-header-row{align-items:flex-start}
}

/* Version 2.13.1 Test Yourself interaction repair */
.test-question-card{background:var(--card-bg,#fff);border:1px solid var(--border,#d8e7ef);border-radius:18px;padding:1rem;box-shadow:0 8px 22px rgba(0,51,82,.06)}
.test-question-card h4{margin:.1rem 0 .85rem;color:var(--accent-dark,#003352);font-size:1.05rem;line-height:1.35}
.test-answer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;margin:.75rem 0}
.test-answer-card{display:flex;gap:.55rem;align-items:flex-start;border:1px solid var(--border,#d8e7ef);border-radius:14px;padding:.75rem;background:var(--surface,#f8fcfe);cursor:pointer;line-height:1.35}
.test-answer-card input{margin-top:.15rem;flex:0 0 auto}
.test-answer-card.is-selected{border-color:var(--primary,#007FB5);box-shadow:0 0 0 2px rgba(0,127,181,.14)}
.test-answer-card.is-correct{border-color:#2f855a;background:rgba(47,133,90,.10)}
.test-answer-card.is-incorrect{border-color:#c53030;background:rgba(197,48,48,.08)}
.test-feedback{margin:.75rem 0;padding:.75rem;border-radius:14px;border:1px solid var(--border,#d8e7ef);line-height:1.4}
.test-feedback-correct{background:rgba(47,133,90,.10);border-color:#2f855a}.test-feedback-incorrect{background:rgba(197,48,48,.08);border-color:#c53030}
.test-action-row{display:flex;gap:.55rem;flex-wrap:wrap;margin-top:.75rem}
@media (max-width: 720px){.test-answer-grid{grid-template-columns:1fr}.test-action-row .btn{width:100%}}

/* Version 2.13.1 targeted case-file and Test Yourself repair */
.case-file-kicker{font-size:.76rem;text-transform:uppercase;letter-spacing:.06em;font-weight:800;color:var(--text-muted,#536672);margin-bottom:.18rem}
.duration-input-box--wide{width:100%;max-width:11rem;font-size:1rem;padding:.62rem .7rem;border-radius:10px;border:1px solid var(--surface-border,#c9dce6);background:var(--surface,#fff);color:var(--text,#17232b)}
.test-control-card small{display:block;margin-top:.35rem;color:var(--text-muted,#596b74);font-size:.78rem;line-height:1.35}
.test-practice-card{margin-top:1.1rem;border:1px solid var(--surface-border,#c9dce6);border-radius:18px;background:var(--card-bg,#fff);padding:1rem;box-shadow:0 10px 24px rgba(0,51,82,.08)}
.test-question-text{font-weight:700;color:var(--mru-dark-blue,#003352);margin:.85rem 0 .65rem}
.test-answer-list{display:grid;grid-template-columns:1fr;gap:.62rem;margin:.7rem 0}
.test-answer-card{width:100%;text-align:left;display:flex;gap:.65rem;align-items:flex-start;border:1px solid var(--surface-border,#c9dce6);border-radius:14px;padding:.78rem .85rem;background:var(--surface,#f8fcfe);color:var(--text,#17232b);cursor:pointer;line-height:1.35}
.test-answer-card:hover,.test-answer-card:focus{border-color:var(--mru-blue,#007FB5);box-shadow:0 0 0 3px rgba(0,127,181,.14);outline:none}
.test-answer-card.is-selected{border-color:var(--mru-blue,#007FB5);box-shadow:0 0 0 2px rgba(0,127,181,.16)}
.test-answer-card.is-correct{border-color:#2f855a;background:rgba(47,133,90,.10)}
.test-answer-card.is-incorrect{border-color:#c53030;background:rgba(197,48,48,.08)}
.test-answer-letter{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:1.55rem;height:1.55rem;border-radius:999px;background:rgba(0,127,181,.12);font-weight:800;color:var(--mru-dark-blue,#003352)}
.test-feedback{margin:.75rem 0;border-radius:12px;padding:.75rem .85rem;border:1px solid var(--surface-border,#c9dce6);background:rgba(0,127,181,.06)}
.test-feedback.is-correct{border-color:#2f855a;background:rgba(47,133,90,.10)}
.test-feedback.is-incorrect{border-color:#c53030;background:rgba(197,48,48,.08)}
.test-practice-actions{display:flex;gap:.55rem;flex-wrap:wrap;margin-top:.75rem}
html[data-theme="dark"] .test-question-text, body.theme-dark .test-question-text{color:#9adbf5}
html[data-theme="dark"] .duration-input-box--wide, body.theme-dark .duration-input-box--wide{background:#09293a;color:#eef8fc;border-color:rgba(255,255,255,.18)}
@media (max-width:720px){.test-practice-actions .btn{width:100%}.duration-input-box--wide{max-width:100%}}

/* Version 2.13.1 personal screen-time comparison repair */
.personal-comparison-tool{display:flex;flex-direction:column;gap:1rem}
.personal-comparison-controls{display:grid;grid-template-columns:1.2fr 1fr 1fr;align-items:end;gap:1rem}
.personal-comparison-chart-shell{min-height:320px}
.personal-comparison-fallback{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin-top:.5rem}
.personal-comparison-row{border:1px solid var(--border,rgba(0,0,0,.12));border-radius:14px;padding:.75rem;background:var(--card-bg,#fff);display:flex;flex-direction:column;gap:.25rem}
.personal-comparison-row span{font-size:.78rem;color:var(--muted,#64748b)}
.personal-comparison-row strong{font-size:1rem;color:var(--text,#0f172a)}
@media (max-width: 760px){.personal-comparison-controls{grid-template-columns:1fr}.personal-comparison-fallback{grid-template-columns:1fr}.personal-comparison-chart-shell{min-height:360px}}

/* Version 2.13.1 forensic stability and Test Yourself hours/minutes repair */
.duration-pair {
  display: grid;
  grid-template-columns: minmax(4.5rem, 7rem) auto minmax(4.5rem, 7rem) auto;
  gap: 0.5rem;
  align-items: center;
}
.duration-pair input {
  width: 100%;
}
.test-warning-list {
  margin-top: 1rem;
  padding: 0.75rem 1rem;
  border: 1px solid rgba(180, 95, 0, 0.35);
  border-radius: 0.75rem;
  background: rgba(255, 193, 7, 0.12);
}
.test-warning-list p {
  margin: 0.25rem 0;
  font-weight: 700;
}
.test-chart-card {
  margin-top: 1rem;
  padding: 1rem;
  border: 1px solid var(--border, rgba(120,120,120,0.25));
  border-radius: 1rem;
  background: var(--panel-bg, rgba(255,255,255,0.04));
}
.test-chart-wrap {
  position: relative;
  min-height: 320px;
}
.test-visual-stack--six-bars {
  margin-top: 1rem;
}
@media (max-width: 680px) {
  .duration-pair {
    grid-template-columns: 1fr auto;
  }
  .test-chart-wrap {
    min-height: 380px;
  }
}

/* Version 2.13.1 UX stability repairs */
.advanced-filter-panel--visible { grid-column: 1 / -1; display: block; }
.advanced-filter-title { margin: 0 0 0.75rem; font-size: 1rem; color: var(--mru-dark-blue); }
html[data-theme="dark"] .advanced-filter-title, body.theme-dark .advanced-filter-title { color: #73d1f5; }
.air-case-modal[hidden] { display: none !important; }
.air-case-modal { position: fixed; inset: 0; z-index: 3000; display: flex; align-items: center; justify-content: center; padding: clamp(12px, 3vw, 32px); }
.air-case-modal-backdrop { position: absolute; inset: 0; background: rgba(0,0,0,0.58); }
.air-case-modal-card { position: relative; z-index: 1; width: min(1040px, 96vw); max-height: min(86vh, 900px); overflow: auto; border-radius: 18px; background: var(--bg-surface, #fff); color: var(--text-primary, #111827); box-shadow: 0 24px 80px rgba(0,0,0,0.35); padding: clamp(16px, 2.5vw, 28px); border: 1px solid var(--border-default, rgba(0,0,0,0.12)); }
.air-case-modal-card .full-case-file-header { position: sticky; top: 0; background: inherit; z-index: 2; padding-bottom: 0.75rem; margin-bottom: 1rem; border-bottom: 1px solid var(--border-default, rgba(0,0,0,0.12)); }
.air-case-modal-card .full-case-file-grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 0.75rem; }
.air-case-modal-card .full-case-field { min-width: 0; }
.air-case-modal-card .full-case-field strong { overflow-wrap: anywhere; }
.personal-chart-grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 1rem; margin-top: 1rem; }
.duration-pair select { min-width: 72px; }
@media (max-width: 760px) {
  .air-case-modal { align-items: flex-start; padding: 8px; }
  .air-case-modal-card { width: 100%; max-height: calc(100vh - 16px); border-radius: 14px; }
  .air-case-modal-card .full-case-file-grid, .personal-chart-grid { grid-template-columns: 1fr; }
  .air-case-modal-card .full-case-file-header { align-items: flex-start; gap: 0.75rem; }
}

/* Version 2.13.1 count-pathway clarification */

.case-calculation-note {
  margin: 0.75rem 0 1rem;
  padding: 0.75rem 0.9rem;
  border: 1px solid rgba(14, 116, 144, 0.28);
  border-radius: 0.85rem;
  background: rgba(14, 116, 144, 0.08);
  color: inherit;
  font-size: 0.95rem;
  line-height: 1.45;
}
.case-calculation-note strong { font-weight: 700; }


/* Version 2.13.1 case-card redesign, CSV simplification, and Test Yourself output cards */
.matching-case-card--overview{display:flex;flex-direction:column;gap:1rem;padding:1.1rem;border:1px solid var(--border-soft,#d8e0e8);border-radius:18px;background:var(--panel-bg,#fff);box-shadow:0 8px 22px rgba(15,23,42,.06)}
.matching-case-card--overview .matching-case-kicker{display:flex;justify-content:space-between;gap:.75rem;flex-wrap:wrap;font-size:.82rem;font-weight:700;color:var(--muted-text,#526071);text-transform:none;letter-spacing:.01em}
.matching-case-detail-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.65rem;margin:.75rem 0}
.matching-case-detail{padding:.55rem .65rem;border-radius:12px;background:rgba(15,23,42,.035);border:1px solid rgba(15,23,42,.06)}
.matching-case-detail span{display:block;font-size:.72rem;text-transform:uppercase;letter-spacing:.04em;color:var(--muted-text,#526071);font-weight:700;margin-bottom:.2rem}
.matching-case-detail strong{display:block;font-size:.92rem;line-height:1.25;color:var(--text-strong,#172033);font-weight:650;overflow-wrap:anywhere}
.matching-case-summary{margin-top:.45rem}.matching-case-summary span{display:block;font-size:.72rem;text-transform:uppercase;letter-spacing:.04em;color:var(--muted-text,#526071);font-weight:700;margin-bottom:.25rem}.matching-case-summary p{margin:0;line-height:1.48}.matching-case-actions--sources{justify-content:flex-start}.incident-weapon-title{margin-top:1rem}.personal-output-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin:1rem 0}.personal-output-card{border:1px solid var(--border-soft,#d8e0e8);border-radius:18px;padding:1rem;background:var(--panel-bg,#fff);box-shadow:0 8px 22px rgba(15,23,42,.05)}.personal-output-card h4{margin:.1rem 0 .55rem}.personal-output-big{font-size:1.25rem;font-weight:800;margin:.25rem 0 .75rem}.personal-output-card dl{display:grid;grid-template-columns:1fr;gap:.3rem;margin:.5rem 0}.personal-output-card dl div{display:flex;justify-content:space-between;gap:.75rem;border-bottom:1px solid rgba(15,23,42,.07);padding:.25rem 0}.personal-output-card dt{font-weight:650;color:var(--muted-text,#526071)}.personal-output-card dd{margin:0;font-weight:750}.source-link{white-space:nowrap}@media (max-width:980px){.matching-case-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.personal-output-grid{grid-template-columns:1fr}}@media (max-width:620px){.matching-case-detail-grid{grid-template-columns:1fr}.matching-case-card--overview .matching-case-kicker{display:block}.chart-title-actions{width:100%}.chart-title-actions .btn{width:100%}}

/* Version 2.13.1 Test Yourself UX rebuild and no-jump visual refinements */
.personal-output-grid--streamlined {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
  align-items: stretch;
}
.personal-output-card--comparison,
.personal-output-card--meaning {
  display: flex;
  flex-direction: column;
  gap: .75rem;
}
.personal-annual-list {
  display: grid;
  gap: .55rem;
  margin: 0;
}
.personal-annual-list div {
  display: grid;
  gap: .15rem;
  padding: .6rem .7rem;
  border: 1px solid var(--border-color, rgba(120,130,150,.25));
  border-radius: .85rem;
  background: var(--soft-panel-bg, rgba(120,130,150,.07));
}
.personal-annual-list dt {
  font-size: .76rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .02em;
  color: var(--muted-text, #64748b);
}
.personal-annual-list dd {
  margin: 0;
  font-weight: 700;
  line-height: 1.25;
}
.personal-status-row {
  display: flex;
  flex-wrap: wrap;
  gap: .4rem;
}
.personal-status-row span,
.personal-books-callout {
  border-radius: 999px;
  padding: .4rem .65rem;
  background: rgba(38, 132, 255, .1);
  border: 1px solid rgba(38, 132, 255, .25);
  font-size: .86rem;
  font-weight: 700;
}
.personal-books-callout {
  display: flex;
  justify-content: space-between;
  gap: .7rem;
  border-radius: .85rem;
}
.personal-mini-bars {
  display: grid;
  gap: .55rem;
  margin-top: auto;
}
.personal-mini-row {
  display: grid;
  gap: .25rem;
}
.personal-mini-label {
  display: flex;
  justify-content: space-between;
  gap: .7rem;
  align-items: baseline;
  font-size: .85rem;
}
.personal-mini-label strong {
  text-align: right;
  font-size: .82rem;
}
.personal-mini-track {
  height: .55rem;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(120,130,150,.18);
}
.personal-mini-track span {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: currentColor;
  opacity: .75;
}
@media (max-width: 980px) {
  .personal-output-grid--streamlined { grid-template-columns: 1fr; }
  .personal-mini-label { align-items: flex-start; flex-direction: column; gap: .15rem; }
  .personal-mini-label strong { text-align: left; }
}

/* Version 2.13.1 compact case cards and self-contained Test Yourself component */
.matching-case-card--overview{gap:.55rem!important;padding:.72rem .82rem!important;border-radius:13px!important;box-shadow:0 4px 14px rgba(15,23,42,.045)!important}
.matching-case-card--overview h4{font-size:1rem!important;line-height:1.22!important;margin:.08rem 0!important}
.matching-case-card--overview .matching-case-kicker{font-size:.74rem!important;gap:.45rem!important;align-items:center!important}
.matching-case-detail-grid{grid-template-columns:repeat(7,minmax(0,1fr))!important;gap:.35rem!important;margin:.42rem 0!important}
.matching-case-detail{padding:.38rem .46rem!important;border-radius:9px!important}
.matching-case-detail span{font-size:.62rem!important;margin-bottom:.08rem!important;letter-spacing:.025em!important}
.matching-case-detail strong{font-size:.8rem!important;line-height:1.18!important}
.matching-case-summary{margin-top:.25rem!important}.matching-case-summary span{font-size:.64rem!important;margin-bottom:.12rem!important}.matching-case-summary p{font-size:.88rem!important;line-height:1.34!important}
.matching-case-actions--sources{margin-top:.2rem!important}.case-source-buttons{display:flex;gap:.35rem;flex-wrap:wrap}.case-source-btn{padding:.34rem .52rem!important;font-size:.78rem!important;border-radius:999px!important}
.case-calculation-note{font-size:.78rem!important;padding:.35rem .5rem!important;margin-top:.25rem!important;border-radius:9px!important}
.ty-component .personal-comparison-controls{align-items:end}.ty-output-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.85rem;margin-top:.85rem}.ty-card{border:1px solid var(--border-soft,#d8e0e8);border-radius:14px;padding:.85rem;background:var(--panel-bg,#fff);box-shadow:0 4px 14px rgba(15,23,42,.045)}.ty-card h4{margin:.05rem 0 .55rem;font-size:1rem}.ty-values{display:grid;gap:.35rem;margin:0 0 .6rem}.ty-values div{display:grid;grid-template-columns:minmax(0,.58fr) minmax(0,1fr);gap:.5rem;align-items:start;padding:.38rem .45rem;border:1px solid rgba(120,130,150,.22);border-radius:10px;background:rgba(120,130,150,.055)}.ty-values dt{font-size:.7rem;text-transform:uppercase;letter-spacing:.025em;font-weight:800;color:var(--muted-text,#526071)}.ty-values dd{margin:0;font-weight:750;font-size:.86rem;line-height:1.25}.ty-status{display:flex;flex-wrap:wrap;gap:.35rem;margin:.45rem 0}.ty-status span,.ty-books{font-size:.78rem;font-weight:750;border:1px solid rgba(38,132,255,.22);background:rgba(38,132,255,.08);border-radius:999px;padding:.32rem .5rem}.ty-books{display:flex;justify-content:space-between;gap:.5rem;border-radius:10px;margin:.35rem 0}.ty-bars{display:grid;gap:.45rem}.ty-bar-row{display:grid;gap:.18rem}.ty-bar-label{display:flex;justify-content:space-between;gap:.5rem;font-size:.78rem}.ty-bar-label strong{text-align:right;font-size:.76rem}.ty-bar-track{height:.45rem;background:rgba(120,130,150,.18);border-radius:999px;overflow:hidden}.ty-bar-track span{display:block;height:100%;background:currentColor;opacity:.72;border-radius:inherit}.ty-benchmark-year{font-size:.76rem;color:var(--muted-text,#526071);margin:.5rem 0 0}.ty-card-perspective .chart-note{margin:.45rem 0 0;font-size:.82rem}
@media (max-width:1180px){.matching-case-detail-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.ty-output-grid{grid-template-columns:1fr}}
@media (max-width:680px){.matching-case-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.ty-values div{grid-template-columns:1fr}.ty-bar-label{flex-direction:column}.ty-bar-label strong{text-align:left}.ty-books{flex-direction:column}.matching-case-card--overview{padding:.65rem!important}}
@media (max-width:460px){.matching-case-detail-grid{grid-template-columns:1fr!important}}


/* Version 2.13.1 persistent-panel, compact records, Social Context separation, and Test Yourself finalisation */
.case-record-card,
.matching-case-card,
.case-card {
  padding: 0.72rem 0.85rem !important;
  margin-bottom: 0.65rem !important;
  border-radius: 0.8rem !important;
  box-shadow: 0 1px 8px rgba(15, 23, 42, 0.06) !important;
}
.case-record-card .case-card-header,
.matching-case-card .case-card-header,
.case-card .case-card-header {
  gap: 0.45rem !important;
  margin-bottom: 0.45rem !important;
}
.case-record-card .case-detail-grid,
.case-record-card .case-meta-grid,
.matching-case-card .case-detail-grid,
.matching-case-card .case-meta-grid,
.case-card .case-detail-grid,
.case-card .case-meta-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  gap: 0.32rem 0.55rem !important;
  margin: 0.45rem 0 !important;
}
.case-record-card .case-detail-item,
.case-record-card .case-meta-item,
.matching-case-card .case-detail-item,
.matching-case-card .case-meta-item,
.case-card .case-detail-item,
.case-card .case-meta-item {
  padding: 0.28rem 0.35rem !important;
  min-height: auto !important;
}
.case-record-card p,
.matching-case-card p,
.case-card p {
  margin-top: 0.42rem !important;
  margin-bottom: 0.42rem !important;
  line-height: 1.42 !important;
}
.case-record-card .source-row,
.matching-case-card .source-row,
.case-card .source-row {
  gap: 0.4rem !important;
  margin-top: 0.48rem !important;
}
.ty-output-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 0.75rem;
  align-items: stretch;
}
.ty-card {
  border: 1px solid var(--border, #d8dee8);
  border-radius: 0.85rem;
  padding: 0.85rem;
  background: var(--surface, #fff);
}
.ty-card h4 { margin: 0 0 0.55rem 0; }
.ty-values { margin: 0; display: grid; gap: 0.42rem; }
.ty-values div { display: grid; grid-template-columns: minmax(110px, 0.9fr) 1.4fr; gap: 0.55rem; align-items: baseline; }
.ty-values dt { font-size: 0.82rem; color: var(--text-muted, #64748b); font-weight: 700; }
.ty-values dd { margin: 0; font-size: 0.9rem; font-weight: 650; }
.ty-status { display: flex; flex-wrap: wrap; gap: 0.35rem; margin: 0.55rem 0; }
.ty-status span { border: 1px solid var(--border, #d8dee8); border-radius: 999px; padding: 0.18rem 0.45rem; font-size: 0.78rem; background: rgba(148,163,184,0.10); }
.ty-bars { display: grid; gap: 0.38rem; margin-top: 0.5rem; }
.ty-bar-row { display: grid; gap: 0.2rem; }
.ty-bar-label { display: flex; justify-content: space-between; gap: 0.6rem; font-size: 0.8rem; }
.ty-bar-label strong { text-align: right; font-weight: 650; }
.ty-bar-track { height: 0.48rem; border-radius: 999px; background: rgba(148,163,184,0.22); overflow: hidden; }
.ty-bar-track span { display: block; height: 100%; border-radius: inherit; background: currentColor; opacity: 0.48; }
.ty-books { display: grid; gap: 0.12rem; margin-top: 0.52rem; padding: 0.48rem; border-radius: 0.65rem; background: rgba(148,163,184,0.10); }
.ty-books span { color: var(--text-muted, #64748b); font-size: 0.78rem; font-weight: 700; }
.ty-books strong { font-size: 0.9rem; }
.ty-benchmark-year { margin: 0.5rem 0 0 0 !important; font-size: 0.78rem; color: var(--text-muted, #64748b); }
.context-lite-bars { display: grid; gap: 0.42rem; margin-top: 0.65rem; }
.context-lite-row { display: grid; grid-template-columns: minmax(110px, 0.8fr) minmax(120px, 1.6fr) minmax(90px, 0.6fr) 48px; gap: 0.55rem; align-items: center; font-size: 0.88rem; }
.context-lite-track { height: 0.5rem; border-radius: 999px; background: rgba(148,163,184,0.22); overflow: hidden; }
.context-lite-track span { display: block; height: 100%; border-radius: inherit; background: currentColor; opacity: 0.48; }
.context-lite-row em { color: var(--text-muted, #64748b); font-style: normal; font-size: 0.78rem; }
@media (max-width: 700px) {
  .ty-values div { grid-template-columns: 1fr; gap: 0.1rem; }
  .ty-bar-label { display: grid; }
  .ty-bar-label strong { text-align: left; }
  .context-lite-row { grid-template-columns: 1fr; gap: 0.25rem; }
}


/* Version 2.13.1 compact record-style Matching Case Records */
.matching-case-list{gap:.5rem!important;margin-top:.55rem!important}
.matching-case-card--overview{gap:.38rem!important;padding:.55rem .7rem!important;border-radius:11px!important;box-shadow:0 2px 10px rgba(15,23,42,.04)!important}
.matching-case-card--overview .matching-case-kicker{font-size:.69rem!important;line-height:1.15!important;margin:0!important}
.matching-case-card--overview h4{font-size:.94rem!important;line-height:1.16!important;margin:.02rem 0 .15rem!important}
.matching-case-detail-grid{grid-template-columns:repeat(7,minmax(105px,1fr))!important;gap:.22rem!important;margin:.28rem 0!important}
.matching-case-detail{padding:.25rem .32rem!important;border-radius:7px!important}
.matching-case-detail span{font-size:.57rem!important;margin-bottom:.04rem!important;letter-spacing:.018em!important}
.matching-case-detail strong{font-size:.74rem!important;line-height:1.12!important}
.matching-case-summary{margin-top:.18rem!important}.matching-case-summary span{font-size:.59rem!important;margin-bottom:.08rem!important}.matching-case-summary p{font-size:.82rem!important;line-height:1.28!important}
.matching-case-actions--sources{margin-top:.12rem!important}.case-source-buttons{display:flex!important;gap:.28rem!important;flex-wrap:wrap!important}.case-source-btn{padding:.26rem .46rem!important;font-size:.72rem!important;line-height:1!important}
.case-filter-status{font-size:.84rem!important;margin:.45rem 0!important}
@media (max-width:1200px){.matching-case-detail-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}}
@media (max-width:760px){.matching-case-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.matching-case-card--overview{padding:.5rem!important}}
@media (max-width:480px){.matching-case-detail-grid{grid-template-columns:1fr!important}}

/* ============================================================
   FiveEyesAIR — Version 2.13.1 About Project rebuild
   ============================================================ */
.about-project-v2917 .lead{max-width:1050px}.about-project-v2917 h3{margin-top:28px}.air-framework-visual{margin:18px auto 24px;text-align:center;background:transparent;border:0;box-shadow:none;padding:0;max-width:980px}.air-framework-visual img{display:block;width:min(100%,880px);height:auto;margin:0 auto;background:transparent;border:0;box-shadow:none}.air-framework-visual figcaption{max-width:820px;margin:8px auto 0;color:var(--text-secondary);font-size:.94rem}.air-tier-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:16px 0 24px}.air-tier-card{border:1px solid var(--border-default);border-radius:14px;background:var(--bg-surface-alt);padding:14px 15px}.air-tier-card--middle{border-left:4px solid var(--accent-strong,#0f76d7)}.air-tier-card h4{margin:0 0 8px;font-size:1rem}.air-tier-card p{margin:0;color:var(--text-secondary);line-height:1.45}.about-method-note{border-left:4px solid var(--accent-strong,#0f76d7);padding:10px 12px;background:var(--bg-surface-alt);border-radius:10px;color:var(--text-secondary)}.country-intel-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:16px 0 24px}.country-intel-card{border:1px solid var(--border-default);border-radius:15px;background:var(--bg-surface-alt);padding:14px 15px}.country-intel-card header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;border-bottom:1px solid var(--border-default);padding-bottom:10px;margin-bottom:10px}.country-intel-card h4{margin:0;font-size:1.04rem}.country-intel-card header span{display:block;color:var(--text-secondary);font-size:.82rem}.country-intel-card header strong{font-size:2rem;line-height:1;font-variant-numeric:tabular-nums}.country-intel-metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;margin:10px 0}.country-intel-metrics span{border:1px solid var(--border-default);border-radius:10px;padding:7px 6px;text-align:center;background:color-mix(in srgb,var(--bg-surface-alt) 72%,transparent)}.country-intel-metrics b{display:block;font-size:1rem;font-variant-numeric:tabular-nums}.country-intel-metrics em{display:block;font-style:normal;color:var(--text-secondary);font-size:.72rem}.country-intel-patterns{display:grid;gap:7px;margin:10px 0 0}.country-intel-patterns div{display:grid;grid-template-columns:170px 1fr;gap:8px}.country-intel-patterns dt{font-size:.78rem;text-transform:uppercase;letter-spacing:.02em;color:var(--text-secondary)}.country-intel-patterns dd{margin:0;font-size:.9rem}.about-stacked-year-chart{display:grid;gap:7px;margin-top:10px}.about-year-stack-row{display:grid;grid-template-columns:72px minmax(160px,1fr) 44px;gap:10px;align-items:center}.about-year-label,.about-year-total{font-variant-numeric:tabular-nums;color:var(--text-secondary);font-size:.86rem}.about-year-total{text-align:right}.about-year-stack-outer{height:13px;border-radius:999px;background:rgba(111,118,127,.18);overflow:hidden}.about-year-stack-track{display:flex;height:100%;min-width:4px;border-radius:999px;overflow:hidden}.seg-attack{background:#2368b8}.seg-plot{background:#b87d23}.seg-civm{background:#8a2b56}.about-chart-legend{display:flex;gap:14px;flex-wrap:wrap;margin:12px 0 4px;color:var(--text-secondary);font-size:.9rem}.about-chart-legend span{display:inline-flex;align-items:center;gap:6px}.about-chart-legend i{display:inline-block;width:12px;height:12px;border-radius:3px}.can-cannot-panel{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:16px 0 22px}.can-cannot-card{border:1px solid var(--border-default);border-radius:15px;padding:14px 16px;background:var(--bg-surface-alt)}.can-cannot-card h4{margin:0 0 8px}.can-cannot-card ul{margin:0;padding-left:19px}.can-cannot-card li{margin:6px 0}.can-card{border-left:4px solid #198754}.cannot-card{border-left:4px solid #b94a48}@media(max-width:900px){.air-tier-grid,.country-intel-grid,.can-cannot-panel{grid-template-columns:1fr}.country-intel-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.country-intel-patterns div{grid-template-columns:1fr}.about-year-stack-row{grid-template-columns:58px minmax(120px,1fr) 38px}}@media(max-width:560px){.country-intel-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.air-framework-visual img{width:100%}.about-year-stack-row{grid-template-columns:1fr}.about-year-total{text-align:left}}

/* Version 2.13.1 methodology/runtime architecture */
.methodology-page-v2918 .lead { font-size: 1.04rem; line-height: 1.65; }
.methodology-page-v2918 h3 { margin-top: 1.7rem; }
.methodology-list { padding-left: 1.25rem; }
.methodology-list li { margin: .35rem 0; }
.runtime-file-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:.75rem; margin:1rem 0; }
.runtime-file-grid article { border:1px solid var(--border-subtle,#d9e2ec); border-radius:12px; padding:.85rem; background:var(--card-bg,#fff); }
.runtime-file-grid h4 { margin:0 0 .35rem 0; font-size:.95rem; }
.runtime-file-grid p { margin:0; font-size:.88rem; line-height:1.45; }
.methodology-caveat { border-left:4px solid #b7791f; padding:.65rem .85rem; background:rgba(183,121,31,.08); border-radius:8px; }

/* Version 2.13.1 Comparative Five Eyes stable matrix loading */
.fiveeyes-matrix-loading,
.fiveeyes-matrix-error {
  min-height: 7rem;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

/* Version 2.13.1 — Home title box and AIR Explorer revision */
.site-header--status-only {
  padding: 0;
  margin: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
}
.site-header--status-only .air-data-status {
  margin: 0 0 0.75rem 0;
}
.splash-hero--formal {
  gap: 1rem;
}
.home-title-box {
  width: min(980px, 100%);
  margin: 0 auto;
  padding: 1.25rem;
  border: 1px solid var(--border-color, rgba(120, 120, 120, 0.25));
  border-radius: 18px;
  background: var(--panel-bg, rgba(255,255,255,0.78));
  box-shadow: var(--panel-shadow, 0 10px 30px rgba(15,23,42,0.08));
  text-align: center;
}
.home-title-box .splash-title {
  margin-bottom: 0.35rem;
}
.home-title-box .subtitle,
.home-title-box .date-range,
.home-title-box .header-cite,
.home-title-box .header-meta,
.home-title-box .site-version-marker,
.home-title-box .site-notice {
  margin-top: 0.45rem;
}
.home-theme-toggle {
  margin-top: 0.75rem;
}
.splash-hero--formal .splash-flags {
  margin-top: 0.75rem;
  font-size: clamp(2rem, 5vw, 3.25rem);
  letter-spacing: 0.2rem;
}
.case-air-level-note {
  margin-top: 0.75rem;
}
.incident-target-location-title {
  margin-top: 1.25rem;
}
@media (max-width: 720px) {
  .home-title-box {
    padding: 1rem;
    border-radius: 14px;
  }
  .splash-hero--formal .splash-flags {
    letter-spacing: 0.05rem;
  }
}

/* Version 2.13.1 — Home author profile links and responsive era-label refinement */
.author-profile-links {
  margin-top: .45rem;
  font-size: .92rem;
  color: var(--muted, #64748b);
}
.author-profile-links a {
  color: inherit;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.author-profile-links a:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 3px;
  border-radius: 4px;
}
@media (max-width: 700px) {
  .chart-shell-incident-trend,
  .chart-shell:has(#air-cases-by-year-category-chart) {
    min-height: 390px;
  }
}

/* Version 2.13.1 Home, AIR Explorer, Test Yourself, and Comparative Context repair */
.header-meta-centered { text-align: center; justify-content: center; }
.ty-output-grid-main { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; align-items: stretch; }
.ty-comparison-card { display: flex; flex-direction: column; gap: .75rem; }
.ty-compare-bars { min-height: 220px; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .75rem; align-items: end; padding: .75rem .25rem .25rem; }
.ty-compare-bar { display: grid; grid-template-rows: auto 150px auto; gap: .35rem; text-align: center; min-width: 0; }
.ty-compare-value { font-size: .82rem; font-weight: 700; line-height: 1.15; }
.ty-compare-track { height: 150px; border-radius: 999px 999px .35rem .35rem; background: rgba(120, 132, 150, .16); display: flex; align-items: flex-end; overflow: hidden; border: 1px solid rgba(120, 132, 150, .25); }
.ty-compare-track span { display: block; width: 100%; min-height: 0; border-radius: 999px 999px .25rem .25rem; }
.ty-compare-bar--five .ty-compare-track span { background: #5b7cfa; }
.ty-compare-bar--country .ty-compare-track span { background: #2ba884; }
.ty-compare-bar--you .ty-compare-track span { background: #d58b2a; }
.ty-compare-label { font-size: .78rem; font-weight: 700; line-height: 1.15; overflow-wrap: anywhere; }
.ty-annual-perspective { margin-top: 1rem; padding: 1rem; border: 1px solid var(--border-color, rgba(120,132,150,.25)); border-radius: 1rem; background: var(--card-bg, rgba(255,255,255,.72)); }
.ty-annual-perspective h4 { margin: 0 0 .75rem; }
.ty-annual-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .75rem; }
.ty-annual-card { border: 1px solid rgba(120,132,150,.22); border-radius: .85rem; padding: .85rem; background: rgba(255,255,255,.55); }
.ty-annual-card span { display: block; font-size: .75rem; text-transform: uppercase; letter-spacing: .045em; opacity: .75; margin-bottom: .35rem; }
.ty-annual-card strong { display: block; font-size: 1rem; line-height: 1.25; }
.ty-data-note { margin-top: .85rem; }
.era-chip span { white-space: normal; line-height: 1.1; }
@media (max-width: 720px) {
  .ty-output-grid-main, .ty-annual-grid { grid-template-columns: 1fr; }
  .ty-compare-bars { min-height: 190px; gap: .5rem; }
  .ty-compare-bar { grid-template-rows: auto 120px auto; }
  .ty-compare-track { height: 120px; }
  .era-chip span { display: block; max-width: 8ch; overflow-wrap: anywhere; }
}


/* Version 2.13.1 — Home dark-mode polish, era-marker readability, and Test Yourself visual polish */
[data-theme="dark"] .home-title-box {
  background: linear-gradient(180deg, rgba(15, 23, 42, 0.98), rgba(10, 16, 28, 0.96));
  border-color: rgba(148, 185, 237, 0.34);
  box-shadow: 0 22px 52px rgba(0, 0, 0, 0.46), inset 0 1px 0 rgba(255, 255, 255, 0.06);
}
[data-theme="dark"] .home-title-box .splash-title,
[data-theme="dark"] .home-title-box .subtitle,
[data-theme="dark"] .home-title-box .date-range,
[data-theme="dark"] .home-title-box .header-cite,
[data-theme="dark"] .home-title-box .header-meta,
[data-theme="dark"] .home-title-box .site-notice { color: #eef5ff; }
[data-theme="dark"] .home-title-box .site-version-marker { color: #9fc7ff; }
[data-theme="dark"] .home-title-box .header-cite a { color: #b8d6ff; text-decoration-color: rgba(184, 214, 255, .66); }
[data-theme="dark"] .home-title-box .header-cite a:hover,
[data-theme="dark"] .home-title-box .header-cite a:focus-visible { color: #ffffff; text-decoration-color: #ffffff; }
[data-theme="dark"] .home-title-box .home-theme-toggle { color: #eef5ff; border-color: rgba(184, 214, 255, .42); background: rgba(18, 31, 52, .82); }
[data-theme="dark"] .splash-hero--formal .splash-flags { filter: drop-shadow(0 0 10px rgba(134, 177, 255, .28)); }
.ty-compare-bars { padding: 1rem .65rem .4rem; border-radius: 1rem; background: linear-gradient(180deg, rgba(124, 148, 184, .12), rgba(124, 148, 184, .045)); border: 1px solid rgba(120, 132, 150, .18); }
.ty-compare-track { border-radius: .75rem .75rem .35rem .35rem; box-shadow: inset 0 0 0 1px rgba(255,255,255,.18); }
.ty-compare-track span { box-shadow: 0 -6px 14px rgba(0,0,0,.12) inset, 0 4px 12px rgba(15,23,42,.12); }
.ty-compare-bar--five .ty-compare-track span { background: linear-gradient(180deg, #7da2ff, #4568dc); }
.ty-compare-bar--country .ty-compare-track span { background: linear-gradient(180deg, #46c9a6, #17876f); }
.ty-compare-bar--you .ty-compare-track span { background: linear-gradient(180deg, #f0b35e, #c87019); }
.ty-compare-value { color: var(--text-primary); }
.ty-compare-label { color: var(--text-secondary); }
[data-theme="dark"] .ty-compare-bars { background: linear-gradient(180deg, rgba(65, 86, 122, .32), rgba(29, 43, 67, .22)); border-color: rgba(155, 186, 229, .24); }
[data-theme="dark"] .ty-annual-perspective, [data-theme="dark"] .ty-annual-card { background: rgba(15, 23, 42, .74); border-color: rgba(155, 186, 229, .22); }
@media (max-width: 720px) {
  .ty-compare-bars { padding: .8rem .45rem .35rem; }
  .ty-compare-label { font-size: .72rem; }
  .ty-compare-value { font-size: .76rem; }
}

/* Version 2.13.1 — core interactive UX refinement */
.global-theme-toggle{
  position:fixed;
  top:14px;
  right:14px;
  z-index:1000;
  min-width:auto;
  padding:.55rem .8rem;
  border-radius:999px;
  box-shadow:0 8px 22px rgba(0,0,0,.12);
}
body.splash-entry-active .global-theme-toggle{ top:14px; right:14px; }
.site-notice{ background:#d7edf8; color:#123246; border-color:#8bc7e8; }
[data-theme="dark"] .site-notice{ background:rgba(33,87,119,.52); color:#edf8ff; border-color:rgba(139,199,232,.42); }
[data-theme="dark"] .home-title-box{ background:linear-gradient(135deg,rgba(12,23,38,.96),rgba(20,42,64,.94)); border-color:rgba(139,199,232,.36); box-shadow:0 18px 46px rgba(0,0,0,.44); }
[data-theme="dark"] .home-title-box .splash-title,[data-theme="dark"] .home-title-box .subtitle,[data-theme="dark"] .home-title-box .date-range,[data-theme="dark"] .home-title-box .header-cite,[data-theme="dark"] .home-title-box .header-meta{ color:#eef7ff; }
[data-theme="dark"] .home-title-box a{ color:#9bd8ff; }
[data-theme="dark"] .home-title-box a:hover,[data-theme="dark"] .home-title-box a:focus-visible{ color:#d8f2ff; }
[data-theme="dark"] .site-version-marker{ background:#d7edf8; color:#123246; border-color:#8bc7e8; }
.era-chip span{ display:inline-block; line-height:1.05; }
.era-chip span::first-line{ line-height:1.05; }
@media (max-width:760px){
  .global-theme-toggle{ top:10px; right:10px; font-size:.8rem; padding:.45rem .65rem; }
  .era-chip span{ max-width:7.5rem; white-space:normal; word-break:normal; overflow-wrap:break-word; }
}
@media (max-width:520px){ .era-chip span{ max-width:4.8rem; } }

.matching-case-card{ max-width:940px; margin-left:auto; margin-right:auto; }
.matching-case-detail-grid{ grid-template-columns:repeat(auto-fit,minmax(150px,1fr)); }
.case-source-btn{ white-space:nowrap; }

[data-theme="dark"] .ty-card,
[data-theme="dark"] .ty-annual-card,
[data-theme="dark"] .personal-comparison-tool{ background:rgba(18,31,52,.94); color:#eef5ff; border-color:rgba(139,199,232,.28); box-shadow:0 12px 30px rgba(0,0,0,.32); }
[data-theme="dark"] .ty-card h4,
[data-theme="dark"] .ty-annual-card span,
[data-theme="dark"] .ty-values dt{ color:#cfe8ff; }
[data-theme="dark"] .ty-values dd,
[data-theme="dark"] .ty-annual-card strong{ color:#fff; }
[data-theme="dark"] .ty-status span{ background:rgba(139,199,232,.14); color:#edf8ff; border-color:rgba(139,199,232,.28); }
.ty-guidance-note{ margin:.35rem 0 .75rem; padding:.8rem 1rem; border:1px solid var(--border-default); border-radius:14px; background:var(--bg-soft); color:var(--text-secondary); font-size:.94rem; line-height:1.45; }
.ty-line-compare{ display:flex; flex-direction:column; gap:.65rem; margin:1rem 0; }
.ty-line-row{ display:grid; grid-template-columns:9rem 1fr 5.4rem; align-items:center; gap:.65rem; }
.ty-line-label{ font-weight:700; color:var(--text-secondary); font-size:.86rem; }
.ty-line-track{ position:relative; height:8px; border-radius:999px; background:rgba(80,110,140,.18); overflow:visible; }
.ty-line-track span{ position:absolute; top:0; left:0; height:8px; border-radius:999px; min-width:4px; }
.ty-line-track i{ position:absolute; top:50%; width:14px; height:14px; border-radius:999px; transform:translate(-50%,-50%); border:2px solid var(--bg-surface); box-shadow:0 0 0 2px rgba(0,0,0,.08); }
.ty-line-row--you .ty-line-track{ height:11px; }
.ty-line-row--you .ty-line-track span{ height:11px; }
.ty-line-row--you .ty-line-track i{ width:19px; height:19px; box-shadow:0 0 0 3px rgba(0,127,181,.18); }
.ty-line-value{ font-weight:800; text-align:right; color:var(--text-primary); font-size:.88rem; }
.ty-line-row--five .ty-line-track span,.ty-line-row--five .ty-line-track i{ background:#5e7ce2; }
.ty-line-row--country .ty-line-track span,.ty-line-row--country .ty-line-track i{ background:#12a594; }
.ty-line-row--you .ty-line-track span,.ty-line-row--you .ty-line-track i{ background:#c44747; }
[data-theme="dark"] .ty-line-track{ background:rgba(205,226,245,.18); }
[data-theme="dark"] .ty-line-track i{ border-color:#122034; }
@media (max-width:640px){ .ty-line-row{ grid-template-columns:1fr; gap:.25rem; } .ty-line-value{text-align:left;} }

.fiveeyes-flag{ display:inline-block; margin-right:.35rem; font-size:1.05em; line-height:1; }
.fiveeyes-flags{ letter-spacing:.05em; margin-right:.35rem; }
.compare-country-card .stat-value-compact,.fiveeyes-profile-card .stat-value-compact{ display:flex; align-items:center; gap:.25rem; }
.fiveeyes-layout-note{ margin:.75rem 0 1rem; color:var(--text-secondary); max-width:980px; }
.fiveeyes-narrative-grid{ gap:1rem; }
.narrative-check-card ul{ margin:.5rem 0 .75rem; padding-left:1.1rem; }

/* Version 2.13.1 — live-test correction: MRU theme consistency, line graphs, era/narrative polish */
:root {
  --mru-light-blue: #d9ecfb;
  --mru-blue: #00447c;
  --mru-cyan: #00a3e0;
  --mru-burgundy: #8c1d40;
  --air-dark-card: #111827;
  --air-dark-card-2: #172033;
  --air-dark-border: rgba(148, 163, 184, 0.35);
}
body.dark-mode .chart-card,
body.dark-mode .stat-card,
body.dark-mode .ty-card,
body.dark-mode .ty-annual-card,
body.dark-mode .fiveeyes-control-card,
body.dark-mode .fiveeyes-profile-card,
body.dark-mode .narrative-check-card,
body.dark-mode .content-panel {
  background: linear-gradient(180deg, var(--air-dark-card-2), var(--air-dark-card));
  border-color: var(--air-dark-border);
  color: #f8fafc;
}
body.dark-mode .chart-note,
body.dark-mode .stat-subtext,
body.dark-mode .fiveeyes-control-help,
body.dark-mode .ty-benchmark-year,
body.dark-mode .ty-guidance-note,
body.dark-mode .fiveeyes-layout-note {
  color: rgba(226, 232, 240, 0.86);
}
.note-box,
.splash-note,
.home-note,
.home-title-box .chart-note {
  background: var(--mru-light-blue);
  border-color: rgba(0, 68, 124, 0.24);
  color: #0f172a;
}
body.dark-mode .note-box,
body.dark-mode .splash-note,
body.dark-mode .home-note,
body.dark-mode .home-title-box .chart-note {
  background: rgba(0, 68, 124, 0.34);
  border-color: rgba(0, 163, 224, 0.34);
  color: #eff6ff;
}
.ty-line-compare--svg {
  margin-top: 1rem;
  padding: 0.75rem;
  border: 1px solid rgba(0, 68, 124, 0.16);
  border-radius: 14px;
  background: rgba(217, 236, 251, 0.36);
}
body.dark-mode .ty-line-compare--svg {
  background: rgba(15, 23, 42, 0.42);
  border-color: rgba(148, 163, 184, 0.30);
}
.ty-line-svg { width: 100%; height: 190px; display: block; overflow: visible; }
.ty-line-axis { stroke: rgba(71, 85, 105, 0.45); stroke-width: 1.2; }
body.dark-mode .ty-line-axis { stroke: rgba(226, 232, 240, 0.35); }
.ty-line-path { fill: none; stroke: var(--mru-blue); stroke-width: 3.2; stroke-linecap: round; stroke-linejoin: round; opacity: 0.86; }
.ty-line-point circle { stroke: #fff; stroke-width: 2; }
.ty-line-point--five circle { fill: var(--mru-blue); }
.ty-line-point--country circle { fill: var(--mru-cyan); }
.ty-line-point--you circle { fill: var(--mru-burgundy); stroke-width: 3; }
.ty-line-point--you .ty-line-value-label { font-weight: 800; fill: var(--mru-burgundy); }
.ty-line-value-label { font-size: 13px; font-weight: 700; fill: #0f172a; text-anchor: middle; }
.ty-line-x-label { font-size: 12px; font-weight: 700; fill: #334155; text-anchor: middle; }
body.dark-mode .ty-line-value-label,
body.dark-mode .ty-line-x-label { fill: #f8fafc; }
.narrative-check-card--calculated .narrative-result-line { margin: 0.55rem 0; font-weight: 650; color: inherit; }
.narrative-mini-list { margin-top: 0.45rem; padding-left: 1.1rem; }
.fiveeyes-snapshot-table th .fiveeyes-flag,
.fiveeyes-profile-card .fiveeyes-flag,
.compare-country-card .fiveeyes-flag { margin-right: 0.25rem; }
@media (max-width: 680px) {
  .ty-line-svg { height: 210px; }
  .ty-line-x-label { font-size: 10px; }
  .ty-line-value-label { font-size: 11px; }
}

/* Version 2.13.1 — core interactive live-test finalisation */
.ty-guidance-note {
  margin: .75rem 0 .65rem;
  padding: .85rem 1rem;
  border-radius: 14px;
  background: rgba(184, 219, 232, .42);
  border: 1px solid rgba(0, 95, 131, .18);
  color: var(--text-primary, #162033);
}
.ty-guidance-note ul { margin: .45rem 0 .35rem 1.2rem; padding: 0; }
.ty-guidance-note p { margin: .35rem 0 0; }
body.dark-mode .ty-guidance-note,
[data-theme="dark"] .ty-guidance-note {
  background: rgba(19, 57, 77, .72);
  border-color: rgba(184, 219, 232, .28);
  color: #eef7fb;
}
.ty-comparison-card .ty-values { display: none !important; }
.ty-bar-compare {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .9rem;
  align-items: end;
  min-height: 210px;
  margin-top: .9rem;
  padding: .8rem .7rem .6rem;
  border-radius: 16px;
  background: rgba(255,255,255,.52);
  border: 1px solid rgba(0, 95, 131, .12);
}
body.dark-mode .ty-bar-compare,
[data-theme="dark"] .ty-bar-compare { background: rgba(7, 24, 39, .48); border-color: rgba(184, 219, 232, .18); }
.ty-bar-item { display:flex; flex-direction:column; align-items:center; justify-content:flex-end; gap:.35rem; min-width:0; height:190px; }
.ty-bar-track { position:relative; width:min(54px, 60%); height:130px; border-radius:999px; background:rgba(100,116,139,.18); overflow:hidden; border:1px solid rgba(100,116,139,.18); }
.ty-bar-fill { position:absolute; bottom:0; left:0; right:0; border-radius:999px 999px 0 0; min-height:3px; }
.ty-bar-item--five .ty-bar-fill { background: linear-gradient(180deg, #00a3e0, #005f83); }
.ty-bar-item--country .ty-bar-fill { background: linear-gradient(180deg, #78be20, #4f7f14); }
.ty-bar-item--you .ty-bar-fill { background: linear-gradient(180deg, #ffcc33, #c47f00); box-shadow: 0 0 0 2px rgba(255,204,51,.18) inset; }
.ty-bar-value { font-weight:700; font-size:.86rem; text-align:center; color: var(--text-primary, #111827); }
.ty-bar-label { font-weight:700; font-size:.8rem; text-align:center; line-height:1.15; color: var(--text-secondary, #475569); word-break:normal; overflow-wrap:break-word; }
body.dark-mode .ty-bar-value, body.dark-mode .ty-bar-label,
[data-theme="dark"] .ty-bar-value, [data-theme="dark"] .ty-bar-label { color:#f4fbff; }
.ty-annual-card span { text-transform:none; letter-spacing:0; line-height:1.25; }
.fiveeyes-narrative-stack { display:flex; flex-direction:column; gap:.85rem; }
.narrative-check-card { width:100%; }
.narrative-question { margin:0 0 .35rem; font-size:1rem; font-weight:800; color:var(--text-primary, #111827); }
.narrative-answer, .narrative-caution { margin:.25rem 0 0; font-weight:400; color:var(--text-secondary, #475569); line-height:1.45; }
.narrative-caution { font-size:.88rem; }
body.dark-mode .narrative-question, [data-theme="dark"] .narrative-question { color:#f8fbff; }
body.dark-mode .narrative-answer, body.dark-mode .narrative-caution,
[data-theme="dark"] .narrative-answer, [data-theme="dark"] .narrative-caution { color:#d5e6ef; }
.fiveeyes-interpret-summary { max-width: none; }
.fiveeyes-interpret-summary p { margin:.4rem 0 0; line-height:1.5; }
.footer-row--admin { display:flex; align-items:center; justify-content:space-between; gap:1rem; }
.footer-row--admin .admin-link-footer { font-size:.86rem; opacity:.72; text-decoration:none; }
.footer-row--admin .admin-link-footer:hover,
.footer-row--admin .admin-link-footer:focus { opacity:1; text-decoration:underline; }
.fiveeyes-limited-grid { display:none !important; }
@media (max-width: 640px) {
  .ty-bar-compare { gap:.45rem; padding:.65rem .35rem; }
  .ty-bar-track { width:min(42px, 70%); }
  .ty-bar-label { font-size:.72rem; }
  .ty-bar-value { font-size:.76rem; }
}


/* Version 2.13.1 core interactive final refinement */
.fiveeyes-snapshot-table th .matrix-indicator-name{display:block;font-weight:800;}
.fiveeyes-snapshot-table th .matrix-indicator-note{display:block;margin-top:.25rem;font-weight:500;line-height:1.25;color:var(--muted,#5f6b7a);}
.dark .fiveeyes-snapshot-table th .matrix-indicator-note, [data-theme="dark"] .fiveeyes-snapshot-table th .matrix-indicator-note{color:rgba(226,232,240,.78);}
.common-narrative-checks{display:grid;grid-template-columns:1fr;gap:.9rem;}
.common-narrative-checks .narrative-question{font-weight:800;margin-bottom:.35rem;}
.common-narrative-checks .narrative-answer{font-weight:400;margin:0;}
.common-narrative-checks .narrative-answer strong{font-weight:800;}


/* v2.99.9 AIR Context / Social Context v3.0.0 Master refinement */
.context-controls .control-group, .personal-comparison-controls .control-group { min-width: 190px; }
.context-summary-grid { display:grid; grid-template-columns: repeat(auto-fit, minmax(240px,1fr)); gap: 1rem; margin: 1rem 0; }
.air-context-panel .air-table { width:100%; border-collapse:collapse; }
.air-context-panel .air-table th, .air-context-panel .air-table td { padding:.55rem .65rem; border-bottom:1px solid var(--border-color, #d8e1ee); vertical-align:top; }
.source-note { opacity:.75; font-size:.9em; }
.download-panel { margin-top: 1.5rem; padding: 1rem; border-radius: 12px; background: var(--panel-soft-bg, #eef6ff); border: 1px solid var(--border-color, #cfe0f5); }
.download-grid { display:grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap:.6rem; }
.download-grid a { display:block; padding:.65rem .75rem; border-radius:10px; background:rgba(255,255,255,.72); border:1px solid var(--border-color, #cfe0f5); text-decoration:none; }
.checkbox-grid { display:grid; grid-template-columns: repeat(auto-fit, minmax(135px,1fr)); gap:.35rem .75rem; }
.checkbox-grid label { font-size:.92rem; }
.tag-row { display:flex; flex-wrap:wrap; gap:.4rem; margin:.5rem 0; }
.tag-chip { display:inline-block; border-radius:999px; padding:.28rem .55rem; background: rgba(26,92,140,.12); border: 1px solid rgba(26,92,140,.22); font-size:.9rem; }
.ty-platform-profile { margin-top: 1rem; padding:1rem; border-radius:12px; border:1px solid var(--border-color, #d8e1ee); background: var(--card-bg, #fff); }
body.dark .download-panel, body.dark .ty-platform-profile { background: rgba(18,32,48,.92); border-color: rgba(148,163,184,.25); }
body.dark .download-grid a { background: rgba(15,23,42,.72); border-color: rgba(148,163,184,.25); }
body.dark .tag-chip { background: rgba(96,165,250,.16); border-color: rgba(96,165,250,.28); }


/* ===== v2.99.9 pre-final refinement: AIR Context, Test Yourself, and chart harmonisation ===== */
.aircontext-controls, .personal-comparison-controls.ty-input-row { display:grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 12px; align-items:end; }
.aircontext-controls .control-group, .personal-comparison-controls .control-group { min-width:0; }
.aircontext-controls select, .personal-comparison-controls select { width:100%; max-width:100%; }
.aircontext-chart-card { margin: 18px 0; padding: 18px; border-radius: 18px; background: var(--chart-panel-bg, rgba(9, 28, 42, .94)); border: 1px solid var(--border-subtle, rgba(255,255,255,.12)); box-shadow: var(--shadow-soft, 0 14px 34px rgba(0,0,0,.16)); color: var(--text-primary); }
.aircontext-chart-card h4 { margin: 0 0 12px; font-size: 1rem; letter-spacing: .02em; }
.aircontext-deviation-row, .aircontext-dot-row { display:grid; grid-template-columns: minmax(120px, 1.1fr) minmax(160px, 3fr) minmax(90px, .9fr); gap: 12px; align-items:center; margin: 9px 0; }
.aircontext-country { font-weight: 700; font-size: .9rem; }
.aircontext-value { text-align:right; font-variant-numeric: tabular-nums; font-weight: 700; }
.aircontext-deviation-track, .aircontext-dot-track { position:relative; height: 18px; border-radius: 999px; background: rgba(255,255,255,.12); overflow:hidden; }
.aircontext-average-line { position:absolute; left:50%; top:0; bottom:0; width:2px; background: rgba(255,255,255,.78); z-index:2; }
.aircontext-deviation-bar { position:absolute; top:4px; height:10px; border-radius:999px; }
.aircontext-deviation-bar.above { background:#6fb3d2; }
.aircontext-deviation-bar.below { background:#d6907e; }
.aircontext-dot { position:absolute; top:50%; width:14px; height:14px; transform:translate(-50%,-50%); border-radius:999px; background:#6fb3d2; border:2px solid #fff; box-shadow:0 0 0 2px rgba(111,179,210,.25); }
.aircontext-table th:first-child, .aircontext-table td:first-child { font-weight:700; }
.ty-input-row { grid-template-columns: minmax(130px,.8fr) minmax(130px,.8fr) minmax(260px,1.4fr) minmax(260px,1.4fr); }
.ty-exposure-context-card { border: 1px solid rgba(111,179,210,.5); background: linear-gradient(180deg, rgba(111,179,210,.12), rgba(111,179,210,.04)); }
.ty-exposure-context-card details { margin-top:8px; }
.ty-exposure-context-card summary { cursor:pointer; font-weight:700; }
.ty-warning { margin: 12px 0; }
.tag-chip { text-transform: none; }
.suggestion-note { margin-top: 1rem; }
.compare-page-panel .control-helper, .compare-page-panel .selector-helper { display:none !important; }
@media (max-width: 760px) { .aircontext-deviation-row, .aircontext-dot-row { grid-template-columns: 1fr; gap: 4px; } .aircontext-value { text-align:left; } .duration-pair { flex-wrap:wrap; } }


/* v2.99.9 About Project article-derived figures and dynamic charts */
.about-project-v2995 .lead{max-width:1080px}.about-project-v2995 h3{margin-top:30px}.about-air-stages{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:16px 0 22px}.about-air-stages article{border:1px solid var(--border-default);background:var(--bg-surface-alt);border-radius:14px;padding:14px 15px}.about-air-stages h4{margin:0 0 8px}.about-air-stages p{margin:0;color:var(--text-secondary);line-height:1.45}.about-article-figure{margin:22px auto 28px;text-align:center;border:1px solid var(--border-default);border-radius:18px;background:var(--bg-surface);padding:16px;box-shadow:var(--shadow-soft,0 6px 20px rgba(0,0,0,.08))}.about-article-figure--transparent{background:color-mix(in srgb,var(--bg-surface) 84%,transparent)}.about-article-figure img{display:block;max-width:100%;height:auto;margin:0 auto;border-radius:10px}.about-article-figure--transparent img{background:transparent}.about-article-figure figcaption,.about-chart-card figcaption{max-width:960px;margin:10px auto 0;color:var(--text-secondary);font-size:.93rem;line-height:1.45}.about-dynamic-chart-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:18px 0 24px}.about-chart-card{border:1px solid var(--border-default);border-radius:16px;background:var(--bg-surface-alt);padding:16px;margin:0}.about-chart-card--wide{grid-column:1/-1}.about-chart-card h4{margin:0 0 12px}.about-horizontal-bars{display:grid;gap:8px}.about-hbar-row{display:grid;grid-template-columns:minmax(150px,1.4fr) minmax(120px,2fr) 52px;gap:10px;align-items:center}.about-hbar-label{font-size:.88rem;color:var(--text-primary)}.about-hbar-track{height:12px;border-radius:999px;background:rgba(111,118,127,.20);overflow:hidden}.about-hbar-fill{display:block;height:100%;border-radius:999px;background:var(--accent-strong,#0f76d7)}.about-hbar-value{text-align:right;font-variant-numeric:tabular-nums;color:var(--text-secondary)}.about-mini-table{width:100%;border-collapse:collapse;font-size:.9rem}.about-mini-table th,.about-mini-table td{padding:7px 8px;border-bottom:1px solid var(--border-default);text-align:left}.about-mini-table td:last-child,.about-mini-table th:last-child{text-align:right;font-variant-numeric:tabular-nums}.about-stacked-year-chart{display:grid;gap:7px;margin-top:10px;max-height:420px;overflow:auto}.about-year-stack-row{display:grid;grid-template-columns:72px minmax(160px,1fr) 44px;gap:10px;align-items:center}.about-year-label,.about-year-total{font-variant-numeric:tabular-nums;color:var(--text-secondary);font-size:.86rem}.about-year-total{text-align:right}.about-year-stack-outer{height:13px;border-radius:999px;background:rgba(111,118,127,.18);overflow:hidden}.about-year-stack-track{display:flex;height:100%;min-width:4px;border-radius:999px;overflow:hidden}.seg-attack{background:#2368b8}.seg-plot{background:#b87d23}.seg-civm{background:#8a2b56}.about-chart-legend{display:flex;gap:14px;flex-wrap:wrap;margin:12px 0 4px;color:var(--text-secondary);font-size:.9rem}.about-chart-legend span{display:inline-flex;align-items:center;gap:6px}.about-chart-legend i{display:inline-block;width:12px;height:12px;border-radius:3px}.about-context-scoreboard{grid-template-columns:repeat(4,minmax(0,1fr))}.about-category-breakdown{margin:0}.about-category-breakdown h4{display:none}.can-cannot-panel{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:16px 0 22px}.can-cannot-card{border:1px solid var(--border-default);border-radius:15px;padding:14px 16px;background:var(--bg-surface-alt)}.can-cannot-card h4{margin:0 0 8px}.can-cannot-card ul{margin:0;padding-left:19px}.can-cannot-card li{margin:6px 0}.can-card{border-left:4px solid #198754}.cannot-card{border-left:4px solid #b94a48}@media(max-width:1000px){.about-air-stages,.about-dynamic-chart-grid{grid-template-columns:1fr 1fr}.about-context-scoreboard{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.about-air-stages,.about-dynamic-chart-grid,.can-cannot-panel,.about-context-scoreboard{grid-template-columns:1fr}.about-hbar-row,.about-year-stack-row{grid-template-columns:1fr}.about-hbar-value,.about-year-total{text-align:left}.about-article-figure{padding:10px}}

/* v2.99.9 live-test repair: AIR Context contrast, Test Yourself inputs, textbook glossary */
.aircontext-chart-card,
.about-chart-card,
.ty-platform-profile,
.ty-exposure-context-card { background: var(--card-bg, #ffffff); border: 1px solid var(--border-color, rgba(0,0,0,.12)); border-radius: 18px; box-shadow: var(--shadow-soft, 0 10px 30px rgba(0,0,0,.08)); }
[data-theme="dark"] .aircontext-chart-card,
[data-theme="dark"] .about-chart-card,
[data-theme="dark"] .ty-platform-profile,
[data-theme="dark"] .ty-exposure-context-card { background: #12233a; color: #f3f7ff; border-color: rgba(255,255,255,.14); }
.aircontext-deviation-row,.aircontext-dot-row { display:grid; grid-template-columns:minmax(110px, 180px) 1fr minmax(80px,120px); gap:12px; align-items:center; margin:10px 0; }
.aircontext-deviation-track,.aircontext-dot-track { position:relative; min-height:22px; background:rgba(20,50,90,.10); border-radius:999px; overflow:hidden; }
[data-theme="dark"] .aircontext-deviation-track,[data-theme="dark"] .aircontext-dot-track { background:rgba(255,255,255,.12); }
.aircontext-average-line { position:absolute; left:50%; top:0; bottom:0; width:2px; background:rgba(20,30,45,.72); z-index:2; }
[data-theme="dark"] .aircontext-average-line { background:rgba(255,255,255,.85); }
.aircontext-deviation-bar { position:absolute; top:4px; bottom:4px; background:#1f6f8b; border-radius:999px; }
.aircontext-deviation-bar.below { background:#c7982a; }
.aircontext-country,.aircontext-value { color:var(--text-color,#18202b); font-weight:700; }
[data-theme="dark"] .aircontext-country,[data-theme="dark"] .aircontext-value { color:#f8fbff; }
.aircontext-dot { position:absolute; top:50%; transform:translate(-50%,-50%); width:14px; height:14px; border-radius:50%; background:#1f6f8b; box-shadow:0 0 0 3px rgba(31,111,139,.18); }
.duration-pair--stacked { display:grid; grid-template-columns:repeat(2,minmax(90px,1fr)); gap:10px; align-items:end; }
.duration-unit { display:flex; flex-direction:column; gap:4px; font-size:.78rem; color:var(--text-muted,#667); font-weight:700; }
.duration-unit select { width:100%; }
.checkbox-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(150px,1fr)); gap:8px 12px; }
.ty-platform-profile { padding:18px; margin-top:18px; }
.ty-platform-profile .tag-row { display:flex; flex-wrap:wrap; gap:8px; margin-top:12px; }
.tag-chip { display:inline-flex; align-items:center; border-radius:999px; padding:6px 10px; background:rgba(31,111,139,.12); color:#13364a; font-weight:700; }
[data-theme="dark"] .tag-chip { background:rgba(255,255,255,.14); color:#f8fbff; }
.glossary-textbook-page .glossary-tools { margin: 14px 0 22px; }
.glossary-textbook-list { display:block; }
.glossary-textbook-entry { padding:14px 0; border-bottom:1px solid var(--border-color, rgba(0,0,0,.12)); }
.glossary-textbook-entry h3 { margin:0 0 4px; font-size:1.05rem; }
.glossary-textbook-entry p { margin:0; line-height:1.55; }
.glossary-textbook-entry .glossary-tag { display:inline-block; margin-top:6px; font-size:.74rem; letter-spacing:.08em; text-transform:uppercase; color:var(--text-muted,#667); }
@media (max-width:720px){ .aircontext-deviation-row,.aircontext-dot-row{grid-template-columns:1fr; gap:6px;} .duration-pair--stacked{grid-template-columns:1fr 1fr;} }

/* v2.99.9 comparative social-media snapshot and About page polish */
.fiveeyes-social-time-grid { display:grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 12px; margin-top: 12px; }
.fiveeyes-social-time-card { border:1px solid var(--border-color, rgba(0,0,0,.12)); background:var(--card-bg,#fff); border-radius:16px; padding:14px; box-shadow:var(--shadow-soft,0 8px 24px rgba(0,0,0,.06)); }
[data-theme="dark"] .fiveeyes-social-time-card { background:#12233a; color:#f4f8ff; border-color:rgba(255,255,255,.14); }
.fiveeyes-social-time-card h4 { margin:0 0 10px; display:flex; align-items:center; gap:6px; }
.social-time-age-row { display:grid; grid-template-columns: 96px 1fr; gap:8px; align-items:baseline; border-top:1px solid var(--border-color, rgba(0,0,0,.10)); padding:7px 0; }
.social-time-age-row:first-of-type { border-top:0; }
.social-time-age-row strong { font-variant-numeric: tabular-nums; }
.social-time-age-row em { grid-column:2; font-size:.82rem; color:var(--text-muted,#667); font-style:normal; }
.about-project-v2997 .about-section { margin: 24px 0 34px; }
.about-project-v2997 .about-section--narrow { max-width: 1050px; }
.about-project-v2997 .about-claim-list li { margin: 6px 0; }
.about-action-row { display:flex; gap:10px; flex-wrap:wrap; margin-top:14px; }