/*
 * QAZ.EXPERT static AV DS 4.7 compatible adapter.
 *
 * The token values below are copied from the reviewed AV DS 4 token build:
 * The token baseline remains AV DS 4.6 @ 67c439221438c51b5d86018d9aee3a5e9a1c8c11;
 * the 4.7 catalog release is recorded in avds-system-contract.json and its
 * local deviation ledger until an upstream token-diff is published for review.
 * tokens/dist/styles.css and tokens/dist/typography.css.
 *
 * This is a static-first consumer layer. It intentionally does not load the
 * AV DS React runtime; generated HTML keeps product-owned data, routing and
 * fallback policy while this file owns the shared visual vocabulary.
 */

:root {
  --av-color-blue-500: #3b82f6;
  --av-color-blue-600: #2563eb;
  --av-color-blue-700: #1d4ed8;
  --av-color-slate-50: #f8fafc;
  --av-color-slate-100: #f1f5f9;
  --av-color-slate-200: #e2e8f0;
  --av-color-slate-300: #cbd5e1;
  --av-color-slate-400: #94a3b8;
  --av-color-slate-500: #64748b;
  --av-color-slate-700: #334155;
  --av-color-slate-800: #1e293b;
  --av-color-slate-900: #0f172a;
  --av-color-slate-950: #020617;
  --av-color-amber-100: #fef3c7;
  --av-color-amber-700: #b45309;
  --av-color-amber-800: #92400e;
  --av-color-green-100: #dcfce7;
  --av-color-green-700: #15803d;
  --av-color-red-100: #fee2e2;
  --av-color-red-600: #dc2626;
  --av-color-orange-100: #ffedd5;
  --av-color-orange-600: #ea580c;
  --av-color-cyan-500: #06b6d4;
  --av-color-cyan-950: #083344;
  --av-color-violet-600: #7c3aed;
  --av-color-teal-500: #14b8a6;
  --av-color-teal-950: #042f2e;
  --av-color-white: #ffffff;
  --av-spacing-0: 0px;
  --av-spacing-1: 4px;
  --av-spacing-2: 8px;
  --av-spacing-3: 12px;
  --av-spacing-4: 16px;
  --av-spacing-5: 20px;
  --av-spacing-6: 24px;
  --av-spacing-8: 32px;
  --av-spacing-10: 40px;
  --av-spacing-12: 48px;
  --av-radius-sm: 4px;
  --av-radius-md: 8px;
  --av-radius-lg: 12px;
  --av-radius-xl: 16px;
  --av-radius-full: 999px;
  --av-duration-instant: 80ms;
  --av-duration-fast: 120ms;
  --av-duration-base: 180ms;
  --av-duration-slow: 280ms;
  --av-easing-standard: cubic-bezier(.2, 0, 0, 1);
  --av-easing-emphasized: cubic-bezier(.2, 0, .1, 1);
  --av-z-dropdown: 1000;
  --av-z-modal: 1300;
  --av-z-tooltip: 1400;
  --av-z-toast: 1500;
  --av-opacity-disabled: .48;
  --av-opacity-scrim: .64;
  --av-shadow-sm: 0 1px 2px rgb(15 23 42 / .12);
  --av-shadow-lg: 0 16px 32px -12px rgb(15 23 42 / .18);

  /* AV DS 4 institutional theme, selected for this public atlas. */
  --av-color-background: #f6f9fc;
  --av-color-foreground: #020617;
  --av-color-surface: #ffffff;
  --av-color-card: #ffffff;
  --av-color-muted: #f1f5f9;
  --av-color-muted-foreground: #334155;
  --av-color-border: #e2e8f0;
  --av-color-primary: #1d4ed8;
  --av-color-primary-foreground: #ffffff;
  --av-text-body-font-family: Inter, "IBM Plex Sans", system-ui, sans-serif;
  --av-text-body-font-size: 16px;
  --av-text-body-font-weight: 400;
  --av-text-body-line-height: 24px;
  --av-text-body: 400 16px/24px Inter, "IBM Plex Sans", system-ui, sans-serif;
  --av-text-heading-font-family: "IBM Plex Serif", Georgia, serif;
  --av-text-heading-font-size: 32px;
  --av-text-heading-font-weight: 600;
  --av-text-heading-line-height: 40px;
  --av-text-heading: 600 32px/40px "IBM Plex Serif", Georgia, serif;
  --av-text-code-font-family: "IBM Plex Mono", ui-monospace, monospace;
  --av-text-code-font-size: 13px;
  --av-text-code-line-height: 20px;

  /* Product compatibility aliases. */
  --background: 210 43% 98%;
  --foreground: 229 83% 5%;
  --border: 214 33% 91%;
  --card: 0 0% 100%;
  --card-border: 214 32% 91%;
  --primary: 224 76% 48%;
  --primary-foreground: 0 0% 100%;
  --secondary: 210 44% 96%;
  --secondary-foreground: 229 83% 5%;
  --muted-token: 210 44% 96%;
  --muted-foreground: 215 25% 27%;
  --accent: 214 33% 91%;
  --accent-foreground: 229 83% 5%;
  --ring: 224 76% 48%;
  --font-sans: var(--av-text-body-font-family);
  --font-display: var(--av-text-heading-font-family);
  --font-mono: var(--av-text-code-font-family);
  --font-micro: var(--av-text-body-font-family);
  --av-bg: var(--av-color-background);
  --av-bg-soft: var(--av-color-muted);
  --av-surface: var(--av-color-surface);
  --av-surface-2: var(--av-color-muted);
  --av-surface-3: var(--av-color-muted);
  --av-border: var(--av-color-border);
  --av-border-strong: var(--av-color-slate-300);
  --av-text: var(--av-color-foreground);
  --av-text-muted: var(--av-color-muted-foreground);
  --av-text-soft: rgb(51 65 85 / .78);
  --av-brand: var(--av-color-primary);
  --av-brand-strong: var(--av-color-blue-700);
  --av-brand-soft: rgb(29 78 216 / .10);
  --av-success: var(--av-color-green-700);
  --av-success-soft: rgb(21 128 61 / .11);
  --av-warning: var(--av-color-amber-700);
  --av-warning-soft: rgb(180 83 9 / .11);
  --av-danger: var(--av-color-red-600);
  --av-danger-soft: rgb(220 38 38 / .11);
  --av-shadow-xs: 0 1px 1px rgb(15 23 42 / .08);
  --av-shadow-md: var(--av-shadow-lg);
  --radius: var(--av-radius-md);
  --line: var(--av-color-border);
  --line-strong: var(--av-color-slate-300);
  --ink: var(--av-color-foreground);
  --muted: var(--av-color-muted-foreground);
  --faint: rgb(51 65 85 / .78);
  --blue: var(--av-color-primary);
  --blue-dark: var(--av-color-blue-700);
  --paper: var(--av-color-surface);
  --paper-soft: var(--av-color-muted);
  --shadow: var(--av-shadow-lg);
}

/* AV DS 4 theme contract. Themes use the same semantic token names as the
 * institutional default, so a composition can change its context without
 * bringing product-specific colour literals with it. */
html[data-av-theme="editorial"] {
  color-scheme: light;
  --av-color-background: #fffaf3;
  --av-color-foreground: #1f2937;
  --av-color-surface: #fffefb;
  --av-color-card: #fffefb;
  --av-color-muted: #f7efe3;
  --av-color-muted-foreground: #5b6472;
  --av-color-border: #e8dccb;
  --av-color-primary: #9a3412;
  --av-color-primary-foreground: #ffffff;
}

html[data-av-theme="data-analytics"] {
  color-scheme: light;
  --av-color-background: #f5f8ff;
  --av-color-foreground: #0f172a;
  --av-color-surface: #ffffff;
  --av-color-card: #ffffff;
  --av-color-muted: #eaf0ff;
  --av-color-muted-foreground: #334155;
  --av-color-border: #cbd9f4;
  --av-color-primary: #1d4ed8;
  --av-color-primary-foreground: #ffffff;
}

html[data-av-theme="map"] {
  color-scheme: light;
  --av-color-background: #f2fbfa;
  --av-color-foreground: #042f2e;
  --av-color-surface: #ffffff;
  --av-color-card: #ffffff;
  --av-color-muted: #e2f3f1;
  --av-color-muted-foreground: #335d5b;
  --av-color-border: #b9ded9;
  --av-color-primary: #0f766e;
  --av-color-primary-foreground: #ffffff;
}

html[data-av-theme="dark"] {
  color-scheme: dark;
  --av-color-background: #0f172a;
  --av-color-foreground: #e2e8f0;
  --av-color-surface: #172033;
  --av-color-card: #172033;
  --av-color-muted: #253149;
  --av-color-muted-foreground: #cbd5e1;
  --av-color-border: #334155;
  --av-color-primary: #60a5fa;
  --av-color-primary-foreground: #07111f;
  --av-shadow-sm: 0 1px 2px rgb(0 0 0 / .32);
  --av-shadow-lg: 0 16px 32px -12px rgb(0 0 0 / .48);
}

/* Runtime-normalised primitives retain native semantics and make their
 * visual API explicit across static and generated pages. */
html[data-av-ds="4"] [hidden] { display: none !important; }
html[data-av-ds="4"] .av-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 36px;
  border: 1px solid var(--av-color-border);
  border-radius: var(--av-radius-md);
  padding: 0 var(--av-spacing-3);
  color: var(--av-color-foreground);
  background: var(--av-color-surface);
  font: inherit;
  font-weight: 700;
  line-height: 1.2;
  transition: background var(--av-duration-fast) var(--av-easing-standard), border-color var(--av-duration-fast) var(--av-easing-standard), color var(--av-duration-fast) var(--av-easing-standard);
}
html[data-av-ds="4"] .av-button:hover:not(:disabled),
html[data-av-ds="4"] .av-button:focus-visible { border-color: var(--av-color-primary); color: var(--av-color-primary); }
html[data-av-ds="4"] .av-button:active:not(:disabled) { background: var(--av-color-muted); }
html[data-av-ds="4"] .av-button:disabled { cursor: not-allowed; opacity: var(--av-opacity-disabled); }

html[data-av-ds="4"] .av-input,
html[data-av-ds="4"] .av-select,
html[data-av-ds="4"] .av-textarea {
  min-height: 36px;
  border: 1px solid var(--av-color-border);
  border-radius: var(--av-radius-md);
  padding: var(--av-spacing-2) var(--av-spacing-3);
  color: var(--av-color-foreground);
  background: var(--av-color-surface);
}
html[data-av-ds="4"] .av-input:disabled,
html[data-av-ds="4"] .av-select:disabled,
html[data-av-ds="4"] .av-textarea:disabled { cursor: not-allowed; opacity: var(--av-opacity-disabled); }
html[data-av-ds="4"] .av-label { display: inline-grid; gap: var(--av-spacing-1); color: var(--av-color-foreground); font-size: 13px; font-weight: 700; }
html[data-av-ds="4"] .av-checkbox { inline-size: 18px; block-size: 18px; accent-color: var(--av-color-primary); }

html[data-av-ds="4"] .av-alert {
  display: grid;
  gap: var(--av-spacing-2);
  border: 1px solid var(--av-color-border);
  border-inline-start: 4px solid var(--av-color-primary);
  border-radius: var(--av-radius-md);
  padding: var(--av-spacing-3);
  color: var(--av-color-foreground);
  background: var(--av-color-muted);
}
html[data-av-ds="4"] .av-alert[data-av-state="error"] { border-inline-start-color: var(--av-color-red-600); }
html[data-av-ds="4"] .av-alert[data-av-state="degraded"],
html[data-av-ds="4"] .av-alert[data-av-state="stale"] { border-inline-start-color: var(--av-color-amber-700); }
html[data-av-ds="4"] .av-evidence-card { border: 1px solid var(--av-color-border); border-radius: var(--av-radius-md); padding: var(--av-spacing-3); background: var(--av-color-muted); }
html[data-av-ds="4"] .av-methodology-provenance { border-block-start: 1px solid var(--av-color-border); }
html[data-av-ds="4"] .av-sheet { z-index: var(--av-z-modal); border-color: var(--av-color-border); border-radius: var(--av-radius-lg); background: var(--av-color-surface); }
html[data-av-ds="4"] .av-sheet[hidden] { display: none !important; pointer-events: none !important; }
html[data-av-ds="4"] .av-state-panel { border-inline-start: 3px solid var(--av-color-primary); }
html[data-av-ds="4"] .av-freshness-ledger { display: grid; gap: var(--av-spacing-4); }

html[data-av-ds="4"] .av-benchmark-card,
html[data-av-ds="4"] .av-accent-card { border: 1px solid var(--av-color-border); border-radius: var(--av-radius-lg); background: var(--av-color-card); box-shadow: var(--av-shadow-sm); }
html[data-av-ds="4"] .av-accent-card { border-block-start: 3px solid var(--av-color-primary); }
html[data-av-ds="4"] .av-bar-chart { display: grid; gap: var(--av-spacing-2); }
html[data-av-ds="4"] .av-progress { display: block; min-block-size: 4px; border-radius: var(--av-radius-full); overflow: hidden; background: var(--av-color-muted); }
html[data-av-ds="4"] .av-progress > i { display: block; min-block-size: inherit; border-radius: inherit; background: var(--av-color-primary); }
html[data-av-ds="4"] .av-score-bar { display: block; min-block-size: 6px; border-radius: var(--av-radius-full); overflow: hidden; background: var(--av-color-muted); }
html[data-av-ds="4"] .av-score-bar > i { display: block; min-block-size: inherit; border-radius: inherit; background: var(--av-color-primary); }
html[data-av-ds="4"] .av-range-bar { display: block; min-block-size: 6px; border-radius: var(--av-radius-full); overflow: hidden; background: var(--av-color-muted); }
html[data-av-ds="4"] .av-range-bar > i { display: block; min-block-size: inherit; border-radius: inherit; background: linear-gradient(90deg, var(--av-color-primary), var(--av-color-teal-500)); }
html[data-av-ds="4"] .av-data-freshness { border-inline-start: 3px solid var(--av-color-teal-500); }
html[data-av-ds="4"] .av-data-quality-flag { position: relative; border-inline-start: 3px solid var(--av-color-primary); }
html[data-av-ds="4"] .av-source-badge { display: inline-flex; align-items: center; gap: var(--av-spacing-1); border-radius: var(--av-radius-full); }
html[data-av-ds="4"] .av-copy-button { min-height: 36px; border: 1px solid var(--av-color-border); border-radius: var(--av-radius-md); padding: 0 var(--av-spacing-3); color: var(--av-color-primary); background: var(--av-color-surface); font: inherit; font-weight: 700; }
html[data-av-ds="4"] .av-copy-button:hover,
html[data-av-ds="4"] .av-copy-button:focus-visible { border-color: var(--av-color-primary); background: var(--av-color-muted); }
html[data-av-ds="4"] .av-delta-badge { display: inline-flex; align-items: center; min-block-size: 24px; padding-inline: var(--av-spacing-2); border-radius: var(--av-radius-full); font-variant-numeric: tabular-nums; }
html[data-av-ds="4"] .av-delta-badge.tone-success { color: var(--av-color-green-700); background: var(--av-color-green-100); }
html[data-av-ds="4"] .av-delta-badge.tone-warning { color: var(--av-color-amber-800); background: var(--av-color-amber-100); }
html[data-av-ds="4"] .av-export-receipt { color: var(--av-color-muted-foreground); }
html[data-av-ds="4"] .av-pulse-dot { inline-size: 8px; block-size: 8px; border-radius: var(--av-radius-full); background: var(--av-color-primary); box-shadow: 0 0 0 3px rgb(37 99 235 / .14); }
html[data-av-ds="4"] .av-workflow-path { display: grid; gap: var(--av-spacing-3); }
html[data-av-ds="4"] .av-world-map { position: relative; overflow: hidden; border-radius: var(--av-radius-md); }
html[data-av-ds="4"] .av-map-layer-toggle-group { display: inline-flex; align-items: center; gap: var(--av-spacing-2); }
html[data-av-ds="4"] .av-pill-tabs { display: flex; flex-wrap: wrap; gap: var(--av-spacing-1); padding: var(--av-spacing-1); border: 1px solid var(--av-color-border); border-radius: var(--av-radius-lg); background: var(--av-color-muted); }
html[data-av-ds="4"] .av-pill-tabs [role="tab"] { min-height: 32px; border-radius: var(--av-radius-md); }
html[data-av-ds="4"] .av-paginated-list { display: flex; align-items: center; justify-content: space-between; gap: var(--av-spacing-3); }
html[data-av-ds="4"] .av-search-field { display: grid; gap: var(--av-spacing-2); }
html[data-av-ds="4"] .av-table { border-collapse: collapse; color: var(--av-color-foreground); }
html[data-av-ds="4"] .av-table th { color: var(--av-color-muted-foreground); background: var(--av-color-muted); }
html[data-av-ds="4"] .av-trend-sparkline { min-block-size: 120px; border-radius: var(--av-radius-md); background: linear-gradient(180deg, rgb(37 99 235 / .08), transparent); }
html[data-av-ds="4"] .av-tooltip { z-index: var(--av-z-tooltip); }
html[data-av-ds="4"] .av-loading-skeleton,
html[data-av-ds="4"] .av-skeleton { border-radius: var(--av-radius-sm); color: transparent !important; background: linear-gradient(90deg, var(--av-color-muted) 25%, var(--av-color-slate-100) 37%, var(--av-color-muted) 63%); background-size: 400% 100%; animation: avds-skeleton var(--av-duration-slow) var(--av-easing-standard) infinite; }
html[data-av-ds="4"] [data-av-network="offline"] .av-network-status { display: block; }
html[data-av-ds="4"] .av-network-status { display: none; position: fixed; z-index: var(--av-z-toast); inset: auto var(--av-spacing-4) var(--av-spacing-4); max-inline-size: min(32rem, calc(100vw - var(--av-spacing-8))); border: 1px solid var(--av-color-amber-700); border-radius: var(--av-radius-md); padding: var(--av-spacing-3); color: var(--av-color-foreground); background: var(--av-color-amber-100); box-shadow: var(--av-shadow-lg); }
html[data-av-ds="4"] :where(p, h1, h2, h3, h4, li, dt, dd, a, small, strong, code) { overflow-wrap: anywhere; }
@keyframes avds-skeleton { to { background-position-x: -400%; } }

/* Explicit high-width and print contracts keep reading surfaces compact and
 * preserve a useful paper alternative for data-heavy pages. */
@media (min-width: 1920px) {
  html[data-av-ds="4"] .subpage-main > .content-band,
  html[data-av-ds="4"] .home-main > .content-band { max-inline-size: 1440px; margin-inline: auto; }
}
@media (min-width: 1921px) {
  html[data-av-ds="4"] .site-header,
  html[data-av-ds="4"] .site-footer { padding-inline: max(var(--av-spacing-6), calc((100vw - 1440px) / 2)); }
}
@media (max-width: 390px) {
  html[data-av-ds="4"] .av-button,
  html[data-av-ds="4"] .av-input,
  html[data-av-ds="4"] .av-select { min-height: 40px; }
  html[data-av-ds="4"] .av-card { padding: var(--av-spacing-4); }
}
@media print {
  html[data-av-ds="4"] { color-scheme: light; }
  html[data-av-ds="4"] body { color: #000; background: #fff; }
  html[data-av-ds="4"] .site-header,
  html[data-av-ds="4"] .site-footer,
  html[data-av-ds="4"] .mobile-app-nav,
  html[data-av-ds="4"] .av-network-status { display: none !important; }
  html[data-av-ds="4"] .content-band,
  html[data-av-ds="4"] .av-card,
  html[data-av-ds="4"] .av-table-wrapper { box-shadow: none; break-inside: avoid; }
}

html[data-av-theme="institutional"] {
  color-scheme: light;
}

html[data-av-ds="4"] body {
  background: var(--av-color-background);
  color: var(--av-color-foreground);
  font-family: var(--av-text-body-font-family);
  font-size: 15px;
  line-height: 1.5;
}

html[data-av-ds="4"] h1,
html[data-av-ds="4"] h2,
html[data-av-ds="4"] h3,
html[data-av-ds="4"] h4 {
  font-family: var(--av-text-heading-font-family);
  font-weight: var(--av-text-heading-font-weight);
  letter-spacing: 0;
}

html[data-av-ds="4"] .site-header {
  min-height: 64px;
  border-color: var(--av-color-border);
  background: var(--av-color-surface);
  box-shadow: var(--av-shadow-sm);
}

html[data-av-ds="4"] .brand-mark,
html[data-av-ds="4"] .main-nav,
html[data-av-ds="4"] .content-band,
html[data-av-ds="4"] .detail-card,
html[data-av-ds="4"] .summary-card,
html[data-av-ds="4"] .data-module-card,
html[data-av-ds="4"] .source-card,
html[data-av-ds="4"] .contract-card,
html[data-av-ds="4"] .entity-card,
html[data-av-ds="4"] .public-card,
html[data-av-ds="4"] .workbench-module,
html[data-av-ds="4"] .workbench-panel,
html[data-av-ds="4"] .regional-chart-card,
html[data-av-ds="4"] .digital-metric-card,
html[data-av-ds="4"] .directory-entry-card {
  border-color: var(--av-color-border);
  border-radius: var(--av-radius-md);
  box-shadow: var(--av-shadow-sm);
}

html[data-av-ds="4"] .brand-mark {
  background: var(--av-color-muted);
  color: var(--av-color-primary);
}

html[data-av-ds="4"] .main-nav {
  gap: var(--av-spacing-1);
  padding: var(--av-spacing-1);
  background: var(--av-color-surface);
  box-shadow: none;
}

html[data-av-ds="4"] .main-nav a {
  min-height: 32px;
  border-radius: var(--av-radius-sm);
  color: var(--av-color-muted-foreground);
  transition: background var(--av-duration-fast) var(--av-easing-standard), color var(--av-duration-fast) var(--av-easing-standard);
}

html[data-av-ds="4"] .main-nav a:hover,
html[data-av-ds="4"] .main-nav a:focus-visible {
  background: var(--av-color-muted);
  color: var(--av-color-foreground);
}

html[data-av-ds="4"] .main-nav a.is-active {
  background: var(--av-color-primary);
  color: var(--av-color-primary-foreground);
  box-shadow: none;
}

html[data-av-ds="4"] .content-band,
html[data-av-ds="4"] .detail-card,
html[data-av-ds="4"] .summary-card,
html[data-av-ds="4"] .data-module-card,
html[data-av-ds="4"] .source-card,
html[data-av-ds="4"] .contract-card,
html[data-av-ds="4"] .entity-card,
html[data-av-ds="4"] .public-card,
html[data-av-ds="4"] .workbench-module,
html[data-av-ds="4"] .workbench-panel,
html[data-av-ds="4"] .regional-chart-card,
html[data-av-ds="4"] .digital-metric-card,
html[data-av-ds="4"] .directory-entry-card,
html[data-av-ds="4"] .page-hero,
html[data-av-ds="4"] .page-hero-copy,
html[data-av-ds="4"] .page-hero > .page-summary-grid {
  background: var(--av-color-surface);
}

html[data-av-ds="4"] .page-hero,
html[data-av-ds="4"] .page-hero-copy,
html[data-av-ds="4"] .page-hero > .page-summary-grid {
  background-image: none;
}

html[data-av-ds="4"] .workbench-module-wide {
  align-content: start;
}

html[data-av-ds="4"] .section-kicker,
html[data-av-ds="4"] .section-heading h2,
html[data-av-ds="4"] .page-hero-copy h1 {
  color: var(--av-color-foreground);
}

html[data-av-ds="4"] .section-kicker {
  color: var(--av-color-primary);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .06em;
  text-transform: uppercase;
}

html[data-av-ds="4"] .page-hero-copy h1 {
  max-width: 28ch;
  font-size: clamp(28px, 3vw, 42px);
  line-height: 1.12;
}

html[data-av-ds="4"] .page-hero-copy .page-intro {
  color: var(--av-color-muted-foreground);
}

html[data-av-ds="4"] .summary-card strong,
html[data-av-ds="4"] .avds-summary-card strong {
  color: var(--av-color-foreground);
}

html[data-av-ds="4"] .field-chip,
html[data-av-ds="4"] .filter-chip,
html[data-av-ds="4"] .status-chip,
html[data-av-ds="4"] .avds-status-badge,
html[data-av-ds="4"] .gate-chip {
  border: 1px solid var(--av-color-border);
  border-radius: var(--av-radius-full);
  background: var(--av-color-muted);
  color: var(--av-color-muted-foreground);
}

html[data-av-ds="4"] .filter-chip-row {
  gap: var(--av-spacing-2);
}

html[data-av-ds="4"] .secondary-action,
html[data-av-ds="4"] .compact-button,
html[data-av-ds="4"] .icon-button,
html[data-av-ds="4"] .inline-link {
  border-radius: var(--av-radius-md);
  transition: background var(--av-duration-fast) var(--av-easing-standard), border-color var(--av-duration-fast) var(--av-easing-standard), color var(--av-duration-fast) var(--av-easing-standard);
}

html[data-av-ds="4"] input,
html[data-av-ds="4"] select,
html[data-av-ds="4"] textarea,
html[data-av-ds="4"] .av-select {
  border-color: var(--av-color-border);
  border-radius: var(--av-radius-md);
  background: var(--av-color-surface);
  color: var(--av-color-foreground);
}

html[data-av-ds="4"] input:focus-visible,
html[data-av-ds="4"] select:focus-visible,
html[data-av-ds="4"] textarea:focus-visible,
html[data-av-ds="4"] button:focus-visible,
html[data-av-ds="4"] a:focus-visible {
  outline: 2px solid var(--av-color-primary);
  outline-offset: 2px;
}

html[data-av-ds="4"] .site-footer {
  border-color: var(--av-color-border);
  color: var(--av-color-muted-foreground);
}

html[data-av-ds="4"] .site-footer .avds-coverage-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  align-self: flex-start;
  min-height: 24px;
  padding: 4px 8px;
  color: var(--av-color-primary);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .04em;
  line-height: 1;
  text-decoration: none;
  white-space: nowrap;
}

html[data-av-ds="4"] .footer-nav-link,
html[data-av-ds="4"] .footer-credit-link,
html[data-av-ds="4"] .inline-link {
  color: var(--av-color-primary);
}

html[data-av-ds="4"] .table-scroll {
  overflow-x: auto;
  border: 1px solid var(--av-color-border);
  border-radius: var(--av-radius-md);
  background: var(--av-color-surface);
}

html[data-av-ds="4"] .indicator-observation-table {
  width: 100%;
  border-collapse: collapse;
  color: var(--av-color-foreground);
  font-size: 13px;
}

html[data-av-ds="4"] .indicator-observation-table th,
html[data-av-ds="4"] .indicator-observation-table td {
  padding: var(--av-spacing-3) var(--av-spacing-4);
  border-bottom: 1px solid var(--av-color-border);
  text-align: left;
  vertical-align: top;
}

html[data-av-ds="4"] .indicator-observation-table th {
  background: var(--av-color-muted);
  color: var(--av-color-muted-foreground);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .04em;
  text-transform: uppercase;
}

@media (max-width: 960px) {
  html[data-av-ds="4"] .site-header {
    min-height: calc(56px + env(safe-area-inset-top));
    box-shadow: var(--av-shadow-sm);
  }

  html[data-av-ds="4"] .mobile-app-nav,
  html[data-av-ds="4"] .mobile-app-sheet {
    border-color: var(--av-color-border);
    background: var(--av-color-surface);
  }
}

@media (prefers-reduced-motion: reduce) {
  html[data-av-ds="4"] *,
  html[data-av-ds="4"] *::before,
  html[data-av-ds="4"] *::after {
    transition-duration: 0.01ms !important;
  }
}

/* AV DS 4 primitive parity used by the B2 collection and detail surfaces. */
html[data-av-ds="4"] .av-card {
  display: grid;
  gap: var(--av-spacing-3);
  min-width: 0;
  border: 1px solid var(--av-color-border);
  border-radius: var(--av-radius-lg);
  padding: var(--av-spacing-5);
  color: var(--av-color-foreground);
  background: var(--av-color-card);
  box-shadow: var(--av-shadow-sm);
}

html[data-av-ds="4"] .av-card--elevated { box-shadow: var(--av-shadow-lg); }
html[data-av-ds="4"] .av-card--outlined { box-shadow: none; }
html[data-av-ds="4"] .av-card--compact { padding: var(--av-spacing-4); }
html[data-av-ds="4"] .av-card--rich { gap: var(--av-spacing-4); padding: var(--av-spacing-6); }
html[data-av-ds="4"] .av-card__eyebrow {
  margin: 0;
  color: var(--av-color-muted-foreground);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .04em;
  text-transform: uppercase;
}
html[data-av-ds="4"] .av-card__title {
  margin: 0;
  font: var(--av-text-heading);
  font-size: 22px;
  line-height: 28px;
}
html[data-av-ds="4"] .av-card__body { color: var(--av-color-muted-foreground); }
html[data-av-ds="4"] .av-card__footer {
  border-block-start: 1px solid var(--av-color-border);
  padding-block-start: var(--av-spacing-3);
  color: var(--av-color-muted-foreground);
}

html[data-av-ds="4"] .av-badge {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  border: 1px solid var(--av-color-border);
  border-radius: var(--av-radius-full);
  padding: 0 var(--av-spacing-2);
  color: var(--av-color-foreground);
  background: var(--av-color-surface);
  font-size: 12px;
  line-height: 20px;
  font-weight: 700;
}
html[data-av-ds="4"] .av-badge--success { border-color: var(--av-color-green-700); color: var(--av-color-green-700); }
html[data-av-ds="4"] .av-badge--warning { border-color: var(--av-color-amber-700); color: var(--av-color-amber-700); }
html[data-av-ds="4"] .av-badge--danger { border-color: var(--av-color-red-600); color: var(--av-color-red-600); }
html[data-av-ds="4"] .av-badge--info { border-color: var(--av-color-primary); color: var(--av-color-primary); }
html[data-av-ds="4"] .av-badge--neutral { color: var(--av-color-muted-foreground); }

html[data-av-ds="4"] .av-chip {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  border: 1px solid var(--av-color-border);
  border-radius: var(--av-radius-full);
  padding: 0 var(--av-spacing-3);
  color: var(--av-color-foreground);
  background: var(--av-color-surface);
  font-size: 13px;
  font-weight: 600;
}
html[data-av-ds="4"] .av-chip--selected { border-color: var(--av-color-primary); color: var(--av-color-primary); background: var(--av-color-muted); }
html[data-av-ds="4"] .av-chip--muted { color: var(--av-color-muted-foreground); background: var(--av-color-muted); }

html[data-av-ds="4"] .av-breadcrumbs__list {
  display: flex;
  flex-wrap: wrap;
  gap: var(--av-spacing-2);
  margin: 0;
  padding: 0;
  list-style: none;
}
html[data-av-ds="4"] .av-breadcrumbs__item {
  display: inline-flex;
  align-items: center;
  gap: var(--av-spacing-2);
  color: var(--av-color-muted-foreground);
}
html[data-av-ds="4"] .av-breadcrumbs__item + .av-breadcrumbs__item::before { content: "/"; color: var(--av-color-muted-foreground); }
html[data-av-ds="4"] .breadcrumb-nav.av-breadcrumbs { display: block; }
html[data-av-ds="4"] .breadcrumb-nav.av-breadcrumbs .av-breadcrumbs__list { align-items: center; }

html[data-av-ds="4"] .av-provenance-strip {
  display: grid;
  gap: var(--av-spacing-3);
}
html[data-av-ds="4"] .av-provenance-strip__items {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: var(--av-spacing-2);
}
html[data-av-ds="4"] .av-provenance-strip__item {
  display: grid;
  min-width: 0;
  border: 1px solid var(--av-color-border);
  border-radius: var(--av-radius-md);
  color: inherit;
  background: var(--av-color-card);
  text-decoration: none;
}
html[data-av-ds="4"] .av-provenance-strip__item-copy { display: grid; gap: var(--av-spacing-1); padding: var(--av-spacing-3); }
html[data-av-ds="4"] .av-provenance-strip__label { color: var(--av-color-muted-foreground); font-size: 13px; }
html[data-av-ds="4"] .av-provenance-strip__value { font-weight: 700; }

html[data-av-ds="4"] .av-source-registry {
  display: grid;
  gap: var(--av-spacing-4);
  width: min(100%, 1040px);
}
html[data-av-ds="4"] .av-source-registry__records {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--av-spacing-3);
}
html[data-av-ds="4"] .av-source-registry__record { min-width: 0; }
html[data-av-ds="4"] .av-source-registry__record-body,
html[data-av-ds="4"] .av-source-registry__record-header { display: grid; gap: var(--av-spacing-3); }

html[data-av-ds="4"] .av-legal-reading__body {
  display: grid;
  gap: var(--av-spacing-4);
  line-height: 1.72;
}
html[data-av-ds="4"] .av-legal-reading__source,
html[data-av-ds="4"] .av-legal-reading__action {
  display: inline-flex;
  align-items: center;
  min-height: 32px;
  border: 1px solid var(--av-color-border);
  border-radius: var(--av-radius-md);
  padding: 0 var(--av-spacing-3);
  color: var(--av-color-primary);
  background: var(--av-color-card);
  font-size: 13px;
  font-weight: 700;
  text-decoration: none;
}

html[data-av-ds="4"] .av-table-wrapper {
  width: 100%;
  overflow-x: auto;
  border: 1px solid var(--av-color-border);
  border-radius: var(--av-radius-lg);
  background: var(--av-color-card);
}
html[data-av-ds="4"] .av-table-wrapper table { min-width: 640px; }
html[data-av-ds="4"] .av-table-wrapper th,
html[data-av-ds="4"] .av-table-wrapper td { border-bottom-color: var(--av-color-border); }

html[data-av-ds="4"] .av-data-quality-scorecard {
  display: grid;
  gap: var(--av-spacing-3);
  border: 1px solid var(--av-color-border);
  border-radius: var(--av-radius-lg);
  padding: var(--av-spacing-4);
  background: var(--av-color-card);
}
html[data-av-ds="4"] .av-data-quality-scorecard__items {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  gap: var(--av-spacing-2);
}
html[data-av-ds="4"] .av-data-quality-scorecard__item {
  display: grid;
  gap: var(--av-spacing-1);
  min-width: 0;
  border: 1px solid var(--av-color-border);
  border-radius: var(--av-radius-md);
  padding: var(--av-spacing-3);
  background: var(--av-color-muted);
}
html[data-av-ds="4"] .av-data-quality-scorecard__item-label { color: var(--av-color-muted-foreground); font-size: 12px; }
html[data-av-ds="4"] .av-data-quality-scorecard__item-value { font-weight: 700; }

html[data-av-ds="4"] .av-geo-publication,
html[data-av-ds="4"] .av-geo-signal-strip {
  display: grid;
  gap: var(--av-spacing-4);
  width: min(100%, 1080px);
}
html[data-av-ds="4"] .av-geo-publication__header,
html[data-av-ds="4"] .av-geo-signal-strip__header { display: grid; gap: var(--av-spacing-2); }
html[data-av-ds="4"] .av-geo-publication__eyebrow,
html[data-av-ds="4"] .av-geo-signal-strip__eyebrow {
  color: var(--av-color-primary);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}
html[data-av-ds="4"] .av-geo-publication__layout {
  display: grid;
  grid-template-columns: minmax(0, 1.8fr) minmax(240px, .7fr);
  overflow: hidden;
  border: 1px solid var(--av-color-border);
  border-radius: var(--av-radius-lg);
  background: var(--av-color-card);
}
html[data-av-ds="4"] .av-geo-publication__map { min-width: 0; min-height: 320px; border-inline-end: 1px solid var(--av-color-border); }
html[data-av-ds="4"] .av-geo-publication__summary { display: flex; flex-direction: column; gap: var(--av-spacing-4); padding: var(--av-spacing-5); }
html[data-av-ds="4"] .av-geo-publication__summary > p { margin: 0; color: var(--av-color-muted-foreground); font-size: 13px; }
html[data-av-ds="4"] .av-geo-publication__summary dl { display: grid; gap: var(--av-spacing-3); margin: 0; }
html[data-av-ds="4"] .av-geo-publication__summary dl div { display: flex; justify-content: space-between; gap: var(--av-spacing-3); padding-block-end: var(--av-spacing-2); border-block-end: 1px solid var(--av-color-border); }
html[data-av-ds="4"] .av-geo-signal-strip__list { display: grid; gap: var(--av-spacing-2); }
html[data-av-ds="4"] .av-geo-signal-strip__row { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: var(--av-spacing-3); align-items: center; border-bottom: 1px solid var(--av-color-border); padding: var(--av-spacing-3) 0; }
html[data-av-ds="4"] .av-geo-signal-strip__value { font-weight: 700; color: var(--av-color-primary); }

@media (max-width: 640px) {
  html[data-av-ds="4"] .av-source-registry__records,
  html[data-av-ds="4"] .av-provenance-strip__items,
  html[data-av-ds="4"] .av-data-quality-scorecard__items { grid-template-columns: 1fr; }
  html[data-av-ds="4"] .av-geo-publication__layout { grid-template-columns: 1fr; }
  html[data-av-ds="4"] .av-geo-publication__map { min-height: 240px; border-inline-end: 0; border-block-end: 1px solid var(--av-color-border); }
  html[data-av-ds="4"] .av-card--rich { padding: var(--av-spacing-5); }
}

/* AV DS 4 parity for the B5 analytical and temporal surfaces. */
html[data-av-ds="4"] .avds-summary-strip {
  gap: var(--av-spacing-2);
}

html[data-av-ds="4"] .avds-summary-strip > .av-card {
  min-width: 0;
  border-color: var(--av-color-border);
  background: var(--av-color-card);
}

html[data-av-ds="4"] .avds-filter-toolbar,
html[data-av-ds="4"] .av-filter-toolbar {
  gap: var(--av-spacing-2);
  border-color: var(--av-color-border);
}

html[data-av-ds="4"] .avds-tabs {
  gap: var(--av-spacing-1);
  border-color: var(--av-color-border);
}

html[data-av-ds="4"] .avds-tabs [role="tab"] {
  border-radius: var(--av-radius-md);
}

html[data-av-ds="4"] .avds-mini-metric {
  border-color: var(--av-color-border);
  border-radius: var(--av-radius-lg);
  background: var(--av-color-surface);
  box-shadow: var(--av-shadow-sm);
}

html[data-av-ds="4"] .av-table-header {
  background: var(--av-color-muted);
  color: var(--av-color-muted-foreground);
}

html[data-av-ds="4"] .av-table-row,
html[data-av-ds="4"] .quality-row.av-card,
html[data-av-ds="4"] .tm-layer-row.av-card {
  border-color: var(--av-color-border);
  background: var(--av-color-card);
}

html[data-av-ds="4"] .av-card-grid {
  display: grid;
  gap: var(--av-spacing-3);
}

html[data-av-ds="4"] .tm-map-shell.av-card,
html[data-av-ds="4"] .tm-metrics-panel.av-card,
html[data-av-ds="4"] .tm-trend.av-card,
html[data-av-ds="4"] .tm-release.av-card,
html[data-av-ds="4"] .tm-provenance.av-card {
  border-color: var(--av-color-border);
  background: var(--av-color-card);
}

html[data-av-ds="4"] .tm-release-message.av-card,
html[data-av-ds="4"] .tm-trend-empty.av-card,
html[data-av-ds="4"] .tm-event-card.av-card,
html[data-av-ds="4"] .tm-events-grid + .av-card,
html[data-av-ds="4"] .workbench-module .empty-state.av-card {
  border-color: var(--av-color-border);
  background: var(--av-color-card);
}

html[data-av-ds="4"] .tm-release-facts .av-data-quality-scorecard__item,
html[data-av-ds="4"] .tm-trend-summary .av-data-quality-scorecard__item {
  border-color: var(--av-color-border);
  background: var(--av-color-muted);
}

html[data-av-ds="4"] .tm-event-card .tm-event-meta,
html[data-av-ds="4"] .tm-layer-source,
html[data-av-ds="4"] .tm-trend-meta {
  color: var(--av-color-muted-foreground);
}

/* Narrow viewport guardrails: generated pages may contain wide tables and
 * long provenance labels, but neither should widen the document itself. */
html[data-av-ds="4"],
html[data-av-ds="4"] body,
html[data-av-ds="4"] main,
html[data-av-ds="4"] .home-main,
html[data-av-ds="4"] .subpage-main {
  min-width: 0;
  max-width: 100%;
}

html[data-av-ds="4"] .table-scroll,
html[data-av-ds="4"] .av-table-wrapper {
  width: 100%;
  min-width: 0;
  max-width: 100%;
  box-sizing: border-box;
  overflow-x: auto;
  contain: inline-size;
}

@media (max-width: 960px) {
  html[data-av-ds="4"] .mobile-app-nav {
    width: 100%;
    min-width: 0;
    max-width: 100vw;
    box-sizing: border-box;
  }

  html[data-av-ds="4"] .mobile-app-nav > * {
    min-width: 0;
    max-width: 100%;
  }
}

@media (max-width: 720px) {
  html[data-av-ds="4"] .home-main,
  html[data-av-ds="4"] .home-main > *,
  html[data-av-ds="4"] .atlas-hero,
  html[data-av-ds="4"] .atlas-map-panel,
  html[data-av-ds="4"] .atlas-copy-panel,
  html[data-av-ds="4"] .workbench-heading,
  html[data-av-ds="4"] .workbench-heading h1,
  html[data-av-ds="4"] .workbench-head-actions,
  html[data-av-ds="4"] .workbench-grid,
  html[data-av-ds="4"] .workbench-module,
  html[data-av-ds="4"] .quality-table,
  html[data-av-ds="4"] .quality-row {
    min-width: 0;
    max-width: 100%;
    box-sizing: border-box;
  }

  html[data-av-ds="4"] body.home-page,
  html[data-av-ds="4"] body.workbench-page {
    overflow-x: clip;
  }

  html[data-av-ds="4"] .home-page .atlas-map-panel,
  html[data-av-ds="4"] .home-page .kazakhstan-map {
    overflow: hidden;
  }

  html[data-av-ds="4"] .workbench-head-actions {
    width: 100%;
    flex-wrap: wrap;
    overflow: hidden;
  }

  html[data-av-ds="4"] .workbench-head-actions .compact-button,
  html[data-av-ds="4"] .quality-row em {
    min-width: 0;
    max-width: 100%;
    white-space: normal;
    overflow-wrap: anywhere;
  }

  html[data-av-ds="4"] .quality-row > span,
  html[data-av-ds="4"] .quality-row > span strong,
  html[data-av-ds="4"] .quality-row > span small,
  html[data-av-ds="4"] .page-hero-copy h1,
  html[data-av-ds="4"] .page-hero-copy .page-intro,
  html[data-av-ds="4"] .section-heading h2,
  html[data-av-ds="4"] .section-heading h3,
  html[data-av-ds="4"] .detail-card > p,
  html[data-av-ds="4"] .dataset-catalog-card > p,
  html[data-av-ds="4"] .public-card > p,
  html[data-av-ds="4"] .institution-roster-row span {
    min-width: 0;
    max-width: 100%;
    overflow-wrap: anywhere;
    text-overflow: ellipsis;
  }

  html[data-av-ds="4"] .public-card-hero ~ .content-band,
  html[data-av-ds="4"] .public-card-hero ~ .content-band .detail-card,
  html[data-av-ds="4"] .public-card-hero ~ .content-band .field-list {
    min-width: 0;
    max-width: 100%;
    box-sizing: border-box;
  }

  html[data-av-ds="4"] .public-card-hero ~ .content-band .field-list {
    contain: inline-size;
  }

  html[data-av-ds="4"] .glossary-term {
    font-size: max(9px, 1em);
  }

  html[data-av-ds="4"] .media-page .section-kicker {
    font-size: 9px;
  }
}

/* Public layout contract: this is the final, shared cascade layer for every
 * generated route. Route files may choose a composition, but cannot change
 * its readable measure, card density or mobile safe area. */
html[data-av-ds="4"] {
  --qz-fixed-utility-z: 1090;
  --qz-mobile-nav-height: calc(66px + env(safe-area-inset-bottom));
  --qz-card-inline-padding: var(--av-spacing-4);
}

html[data-av-ds="4"] :where(
  .summary-card, .detail-card, .route-card, .entity-card, .contract-card,
  .public-card, .source-card, .runtime-card, .platform-card, .data-module-card,
  .search-result-card, .featured-region-card, .digital-metric-card,
  .digital-group-card, .ready-output-card, .editorial-brief-card,
  .dataset-catalog-card, .freshness-card, .collection-ranking-card,
  .collection-coverage-card, .media-featured-card, .media-side-card,
  .media-news-card, .media-source-card, .media-pulse-card, .media-story-card
) {
  min-inline-size: 0;
  min-height: 0;
  padding: var(--qz-card-inline-padding);
  align-content: start;
}

html[data-av-ds="4"] :where(
  .summary-card, .detail-card, .route-card, .entity-card, .contract-card,
  .public-card, .source-card, .runtime-card, .platform-card, .data-module-card,
  .search-result-card, .featured-region-card, .digital-metric-card,
  .digital-group-card, .ready-output-card, .editorial-brief-card,
  .dataset-catalog-card, .freshness-card, .collection-ranking-card,
  .collection-coverage-card, .media-featured-card, .media-side-card,
  .media-news-card, .media-source-card, .media-pulse-card, .media-story-card
) :where(h2, h3, p, small, a, button) {
  min-inline-size: 0;
  overflow-wrap: normal;
  word-break: normal;
  hyphens: none;
}

html[data-av-ds="4"] .kazakhstan-map .leaflet-tile {
  box-sizing: content-box !important;
  width: auto !important;
  height: auto !important;
  mix-blend-mode: normal;
  object-fit: initial;
}

html[data-av-ds="4"] .kazakhstan-map[data-map-state="loading"]::after,
html[data-av-ds="4"] .kazakhstan-map[data-map-state="degraded"]::after {
  position: absolute;
  z-index: 750;
  right: var(--av-spacing-3);
  bottom: var(--av-spacing-3);
  max-width: min(34ch, calc(100% - var(--av-spacing-6)));
  padding: 6px 8px;
  border: 1px solid var(--av-color-border);
  border-radius: var(--av-radius-sm);
  background: color-mix(in srgb, var(--av-color-card) 94%, transparent);
  color: var(--av-color-muted-foreground);
  font: 600 11px/1.35 var(--av-font-body);
}
html[data-av-ds="4"] .kazakhstan-map[data-map-state="loading"]::after { content: "Загрузка карты…"; }
html[data-av-ds="4"] .kazakhstan-map[data-map-state="degraded"]::after { content: "Подложка карты недоступна; границы и показатели сохранены."; }

@media (max-width: 760px) {
  html[data-av-ds="4"] body.has-mobile-app-shell main,
  html[data-av-ds="4"] body.has-mobile-app-shell .site-footer {
    padding-bottom: max(var(--av-spacing-5), env(safe-area-inset-bottom));
  }

  html[data-av-ds="4"] .media-page #media-summary-strip {
    grid-template-columns: minmax(0, 1fr);
  }

  html[data-av-ds="4"] .media-page #media-summary-strip .summary-card,
  html[data-av-ds="4"] .media-page #media-summary-strip .summary-card:nth-child(4) {
    grid-column: auto;
    min-height: 0;
  }

  html[data-av-ds="4"] .media-page #media-summary-strip .summary-card strong {
    font-size: clamp(18px, 5vw, 22px);
    line-height: 1.15;
  }
}

html[data-av-ds="4"] .avds-public-data-health-panel {
  border-color: var(--av-color-border);
  background: var(--av-color-card);
  border-radius: var(--av-radius-lg);
}

/* CJM composition pass: page intent stays above supporting detail. */
html[data-av-ds="4"] .site-header > .site-header-inner,
html[data-av-ds="4"] .site-footer > .site-footer-inner {
  display: contents;
}

html[data-av-ds="4"] body:not(.home-page) .page-hero > .section-heading:only-child {
  grid-column: 1 / -1;
  align-content: center;
  min-height: 220px;
  margin: 0;
  padding: var(--av-spacing-6);
  background: radial-gradient(circle at 78% 15%, var(--av-color-accent), transparent 38%);
}

html[data-av-ds="4"] body:not(.home-page) .page-hero > .section-heading:only-child > p,
html[data-av-ds="4"] body:not(.home-page) .page-hero > .section-heading:only-child > .quick-links {
  max-width: 72ch;
}

html[data-av-ds="4"] body:not(.home-page) .subpage-main > .page-hero {
  min-height: 0;
  grid-template-columns: minmax(0, 1.08fr) minmax(260px, .66fr) minmax(260px, .72fr);
  align-items: stretch;
}

html[data-av-ds="4"] body:not(.home-page) .subpage-main > .page-hero:not(:has(> .page-summary-grid)) {
  grid-template-columns: minmax(0, 1.1fr) minmax(320px, .9fr);
}

html[data-av-ds="4"] body:not(.home-page) .subpage-main > .page-hero .page-hero-copy {
  padding: var(--av-spacing-6);
}

html[data-av-ds="4"] body:not(.home-page) .subpage-main > .page-hero .page-hero-visual {
  min-height: 320px;
  max-height: 460px;
}

html[data-av-ds="4"] body:not(.home-page) .subpage-main > .page-hero > .page-summary-grid {
  align-content: center;
}

html[data-av-ds="4"] body:not(.home-page) main .qxe-assistant {
  display: block;
  width: 100%;
  min-height: 0;
  margin: var(--av-spacing-4) 0 0;
  overflow: visible;
  border-color: var(--av-color-border);
  border-radius: var(--av-radius-md);
  background: var(--av-color-muted);
  box-shadow: none;
  color: var(--av-color-foreground);
}

html[data-av-ds="4"] body:not(.home-page) main .qxe-assistant__rail,
html[data-av-ds="4"] body:not(.home-page) main .qxe-assistant__eyebrow,
html[data-av-ds="4"] body:not(.home-page) main .qxe-assistant__text,
html[data-av-ds="4"] body:not(.home-page) main .qxe-assistant__questions,
html[data-av-ds="4"] body:not(.home-page) main .qxe-assistant__boundary,
html[data-av-ds="4"] body:not(.home-page) main .qxe-assistant__status {
  display: none;
}

html[data-av-ds="4"] body:not(.home-page) main .qxe-assistant__content {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: var(--av-spacing-3);
  align-items: center;
  padding: var(--av-spacing-3);
}

html[data-av-ds="4"] body:not(.home-page) main .qxe-assistant__title {
  margin: 0;
  color: var(--av-color-foreground);
  font-family: var(--av-font-sans);
  font-size: 13px;
  font-weight: 700;
  line-height: 1.3;
}

html[data-av-ds="4"] body:not(.home-page) main .qxe-assistant__footer {
  display: contents;
}

html[data-av-ds="4"] body:not(.home-page) main .qxe-assistant__open {
  grid-column: 2;
  grid-row: 1;
  width: auto;
  min-height: 38px;
  padding: 0 var(--av-spacing-4);
  border: 1px solid var(--av-color-primary);
  border-radius: var(--av-radius-md);
  background: var(--av-color-primary);
  color: var(--av-color-primary-foreground);
  box-shadow: none;
  font-size: 12px;
  white-space: nowrap;
}

html[data-av-ds="4"] .cjm-pager {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--av-spacing-3);
  margin-top: var(--av-spacing-4);
  padding-top: var(--av-spacing-3);
  border-top: 1px solid var(--av-color-border);
}

html[data-av-ds="4"] .cjm-pager[hidden] {
  display: none;
}

html[data-av-ds="4"] .cjm-paged-grid > .cjm-pager-hidden,
html[data-av-ds="4"] .sitemap-grid > .cjm-pager-hidden,
html[data-av-ds="4"] .cjm-section-disclosure > [hidden],
html[data-av-ds="4"] [data-qs-disclosure] > [hidden] {
  display: none !important;
}

html[data-av-ds="4"] .sitemap-section.is-collapsed > :not(.section-heading) {
  display: none !important;
}

html[data-av-ds="4"] .sitemap-section .mobile-disclosure-toggle {
  display: inline-flex;
  min-height: 38px;
  align-items: center;
  padding: 0 var(--av-spacing-3);
  border: 1px solid var(--av-color-border);
  border-radius: var(--av-radius-md);
  background: var(--av-color-card);
  color: var(--av-color-primary);
  font: inherit;
  font-size: 12px;
  font-weight: 700;
  cursor: pointer;
}

html[data-av-ds="4"] .cjm-pager__status {
  color: var(--av-color-muted-foreground);
  font-size: 12px;
}

html[data-av-ds="4"] .cjm-pager__more {
  min-height: 38px;
  padding: 0 var(--av-spacing-4);
  border: 1px solid var(--av-color-border);
  border-radius: var(--av-radius-md);
  background: var(--av-color-card);
  color: var(--av-color-primary);
  font: inherit;
  font-size: 12px;
  font-weight: 700;
  cursor: pointer;
}

html[data-av-ds="4"] .cjm-pager__more:hover,
html[data-av-ds="4"] .cjm-pager__more:focus-visible {
  border-color: var(--av-color-primary);
  outline: none;
}

html[data-av-ds="4"] .cjm-section-disclosure > .section-heading {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  column-gap: var(--av-spacing-5);
  margin-bottom: 0;
}

html[data-av-ds="4"] .cjm-section-disclosure > .section-heading > :not(.cjm-section-toggle) {
  grid-column: 1;
}

html[data-av-ds="4"] .cjm-section-toggle {
  grid-column: 2;
  grid-row: 1 / span 5;
  align-self: center;
  min-height: 40px;
  max-width: 300px;
  padding: 0 var(--av-spacing-4);
  border: 1px solid var(--av-color-border);
  border-radius: var(--av-radius-md);
  background: var(--av-color-card);
  color: var(--av-color-primary);
  font: inherit;
  font-size: 12px;
  font-weight: 700;
  text-align: left;
  cursor: pointer;
}

html[data-av-ds="4"] .cjm-section-toggle::after {
  content: "+";
  float: right;
  margin-left: var(--av-spacing-3);
}

html[data-av-ds="4"] .cjm-section-toggle[aria-expanded="true"]::after {
  content: "−";
}

html[data-av-ds="4"] .cjm-section-toggle:hover,
html[data-av-ds="4"] .cjm-section-toggle:focus-visible {
  border-color: var(--av-color-primary);
  outline: none;
}

html[data-av-ds="4"] .home-page .home-insights-band .editorial-briefs-grid > :nth-child(n + 4),
html[data-av-ds="4"] .home-page .regions-band #region-list,
html[data-av-ds="4"] .home-page .regions-band #budget-development,
html[data-av-ds="4"] .home-page .regions-band #data-showcase-grid,
html[data-av-ds="4"] .home-page .regions-band #data-showcase-meta {
  display: none;
}

html[data-av-ds="4"] .media-live-list > :nth-child(n + 7) {
  display: none;
}

/* AV DS 4.7 public contract compositions. These aliases preserve the
   product markup while making the upstream component boundary explicit. */
html[data-av-ds="4"] .av-contract-status {
  font-variant-numeric: tabular-nums;
}

html[data-av-ds="4"] .av-coverage-matrix,
html[data-av-ds="4"] .av-provenance-table,
html[data-av-ds="4"] .av-report-toolbar {
  min-width: 0;
}

html[data-av-ds="4"] .av-evidence-summary-surface,
html[data-av-ds="4"] .av-public-explainer-surface,
html[data-av-ds="4"] .av-trust-facts-panel {
  container-type: inline-size;
}

html[data-av-ds="4"] .av-evidence-trail {
  overflow-wrap: anywhere;
}

html[data-av-ds="4"] .av-info-tooltip {
  position: relative;
}

html[data-av-ds="4"] .av-report-toolbar {
  align-items: end;
}

/* B10 evidence and release-governance surfaces. */
html[data-av-ds="4"] .av-content-digest-surface,
html[data-av-ds="4"] .av-release-proof,
html[data-av-ds="4"] .av-evidence-use-policy-panel,
html[data-av-ds="4"] .av-live-link-release-gate {
  min-width: 0;
  overflow-wrap: anywhere;
}

html[data-av-ds="4"] .av-evidence-coverage-state,
html[data-av-ds="4"] .av-rule-status-strip,
html[data-av-ds="4"] .av-inspection-priority-summary {
  font-variant-numeric: tabular-nums;
}

html[data-av-ds="4"] .av-readiness-board,
html[data-av-ds="4"] .av-ecosystem-map,
html[data-av-ds="4"] .av-decision-feed {
  min-width: 0;
  container-type: inline-size;
}

/* B11 public operator and monitoring contracts. */
html[data-av-ds="4"] .av-media-monitoring-surface,
html[data-av-ds="4"] .av-operator-page-shell,
html[data-av-ds="4"] .av-runtime-projection,
html[data-av-ds="4"] .av-speaker-overview-card {
  min-width: 0;
}

html[data-av-ds="4"] .av-panel-action-rail {
  min-width: 0;
  overflow-wrap: anywhere;
}

html[data-av-ds="4"] .av-section-skeleton {
  max-width: 100%;
}

html[data-av-ds="4"] .av-switch {
  touch-action: manipulation;
}

html[data-av-ds="4"] .av-switch:has(input:focus-visible) {
  outline: 2px solid var(--avds-focus);
  outline-offset: 2px;
}

/* B12 review, publication and feedback contracts. */
html[data-av-ds="4"] .av-operator-review-surface,
html[data-av-ds="4"] .av-evidence-pair-review-card,
html[data-av-ds="4"] .av-publish-preflight-panel {
  min-width: 0;
  container-type: inline-size;
}

html[data-av-ds="4"] .av-chart-insight-tooltip {
  position: relative;
}

html[data-av-ds="4"] .av-chart-insight-tooltip[data-active-point]::before {
  content: attr(data-active-point);
  display: block;
  margin-bottom: var(--av-spacing-3);
  padding: var(--av-spacing-3);
  border: 1px solid var(--av-color-primary);
  border-radius: var(--av-radius-md);
  background: var(--av-color-card);
  color: var(--av-color-text);
  font-size: 12px;
  font-weight: 700;
  line-height: 1.45;
}

html[data-av-ds="4"] .av-policy-change-receipt {
  margin: var(--av-spacing-3) 0 0;
  padding: var(--av-spacing-3);
  border-left: 3px solid var(--av-color-success, #207a55);
  background: color-mix(in srgb, var(--av-color-success, #207a55) 8%, var(--av-color-card));
  border-radius: var(--av-radius-sm);
  font-size: 13px;
}

html[data-av-ds="4"] .report-publish-preflight {
  display: grid;
  grid-template-columns: minmax(220px, .7fr) minmax(0, 1.3fr);
  gap: var(--av-spacing-5);
  align-items: center;
}

html[data-av-ds="4"] .report-publish-preflight h2 {
  margin: 0;
}

html[data-av-ds="4"] .report-publish-preflight dl,
html[data-av-ds="4"] .avds-theme-coverage-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--av-spacing-3);
  margin: 0;
}

html[data-av-ds="4"] .report-publish-preflight dl > div {
  display: grid;
  gap: 3px;
  min-width: 0;
}

html[data-av-ds="4"] .report-publish-preflight dt,
html[data-av-ds="4"] .av-theme-coverage-card small {
  color: var(--av-color-muted-foreground);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}

html[data-av-ds="4"] .report-publish-preflight dd {
  min-width: 0;
  margin: 0;
  overflow-wrap: anywhere;
  font-weight: 700;
}

html[data-av-ds="4"] .avds-theme-coverage-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

html[data-av-ds="4"] .av-theme-coverage-card {
  display: grid;
  gap: var(--av-spacing-2);
  min-width: 0;
}

html[data-av-ds="4"] .av-toast {
  position: fixed;
  z-index: var(--av-z-toast, 1200);
  right: var(--av-spacing-4);
  bottom: var(--av-spacing-4);
  max-width: min(360px, calc(100vw - 32px));
  padding: 12px 16px;
  border: 1px solid color-mix(in srgb, var(--av-color-primary) 28%, transparent);
  border-radius: var(--av-radius-md);
  background: var(--av-color-text);
  color: var(--av-color-card);
  box-shadow: var(--av-shadow-lg);
  font-size: 13px;
  font-weight: 700;
}

html[data-av-ds="4"] .av-toast[hidden] {
  display: none;
}

html[data-av-ds="4"] .av-dialog {
  width: min(680px, calc(100vw - 32px));
  max-height: min(760px, calc(100vh - 32px));
  padding: 0;
  overflow: auto;
  border: 1px solid var(--av-color-border);
  border-radius: var(--av-radius-lg);
  background: var(--av-color-card);
  color: var(--av-color-text);
  box-shadow: var(--av-shadow-lg);
}

html[data-av-ds="4"] .av-dialog::backdrop {
  background: rgb(15 23 42 / .58);
  backdrop-filter: blur(3px);
}

html[data-av-ds="4"] .av-command-palette,
html[data-av-ds="4"] .av-project-passport-dialog {
  padding: var(--av-spacing-5);
}

html[data-av-ds="4"] .av-command-palette__head,
html[data-av-ds="4"] .av-project-passport-dialog__head,
html[data-av-ds="4"] .regional-demography-heading {
  display: flex;
  gap: var(--av-spacing-4);
  align-items: flex-start;
  justify-content: space-between;
}

html[data-av-ds="4"] .av-command-palette__head h2,
html[data-av-ds="4"] .av-project-passport-dialog__head h2,
html[data-av-ds="4"] .av-inline-document-assistant-panel h2 {
  margin: 0;
}

html[data-av-ds="4"] .av-command-palette__search {
  display: grid;
  gap: 6px;
  width: 100%;
  margin-block: var(--av-spacing-4);
}

html[data-av-ds="4"] .av-command-palette__search input {
  width: 100%;
  min-height: 46px;
  padding-inline: var(--av-spacing-4);
  border: 1px solid var(--av-color-border);
  border-radius: var(--av-radius-md);
  font: inherit;
}

html[data-av-ds="4"] .av-command-palette__results {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--av-spacing-2);
}

html[data-av-ds="4"] .av-command-palette__results a {
  display: grid;
  gap: 2px;
  padding: 12px;
  border: 1px solid transparent;
  border-radius: var(--av-radius-md);
  color: inherit;
  text-decoration: none;
}

html[data-av-ds="4"] .av-command-palette__results a:hover,
html[data-av-ds="4"] .av-command-palette__results a:focus-visible {
  border-color: var(--av-color-primary);
  background: color-mix(in srgb, var(--av-color-primary) 8%, var(--av-color-card));
}

html[data-av-ds="4"] .av-command-palette-trigger {
  min-height: 32px;
  padding-inline: 10px;
  white-space: nowrap;
}

html[data-av-ds="4"] .av-project-passport-dialog dl {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--av-spacing-3);
  margin-block: var(--av-spacing-5);
}

html[data-av-ds="4"] .av-project-passport-dialog dl > div {
  min-width: 0;
  padding: var(--av-spacing-3);
  border-radius: var(--av-radius-md);
  background: var(--av-color-muted-bg, #f1f5f9);
}

html[data-av-ds="4"] .av-project-passport-dialog dt { color: var(--av-color-muted-foreground); font-size: 11px; }
html[data-av-ds="4"] .av-project-passport-dialog dd { margin: 4px 0 0; overflow-wrap: anywhere; font-weight: 700; }

html[data-av-ds="4"] .regional-demography-card { grid-column: 1 / -1; }
html[data-av-ds="4"] .av-demography-heatmap { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: var(--av-spacing-2); margin-block: var(--av-spacing-4); }
html[data-av-ds="4"] .av-heat-cell { display: grid; gap: 6px; min-height: 78px; padding: 10px; border: 1px solid color-mix(in srgb, var(--av-color-primary) 20%, transparent); border-radius: var(--av-radius-md); background: color-mix(in srgb, var(--av-color-primary) calc(30% + var(--av-heat-level) * .65), var(--av-color-card)); color: white; text-decoration: none; text-shadow: 0 1px 1px rgb(0 0 0 / .35); }
html[data-av-ds="4"] .av-heat-cell span { font-size: 11px; }
html[data-av-ds="4"] .av-heat-cell strong { align-self: end; font-size: 13px; }
html[data-av-ds="4"] .av-heatmap-legend { display: flex; gap: 8px; align-items: center; color: var(--av-color-text); font-size: 10px; opacity: .68; }
html[data-av-ds="4"] .av-heatmap-legend i { width: 120px; height: 7px; border-radius: 999px; background: linear-gradient(90deg, color-mix(in srgb, var(--av-color-primary) 5%, white), var(--av-color-primary)); }

html[data-av-ds="4"] .avds-radial-gauge-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 220px)) minmax(240px, 1fr); gap: var(--av-spacing-5); align-items: center; }
html[data-av-ds="4"] .av-radial-gauge,
html[data-av-ds="4"] .av-radial-score-gauge { display: grid; grid-template-columns: 86px 1fr; gap: var(--av-spacing-3); align-items: center; font-weight: 700; }
html[data-av-ds="4"] .av-radial-gauge__ring { display: grid; width: 86px; aspect-ratio: 1; place-items: center; border-radius: 50%; background: radial-gradient(circle at center, var(--av-color-card) 58%, transparent 60%), conic-gradient(var(--av-color-primary) calc(var(--av-gauge-value) * 1%), var(--av-color-border) 0); }
html[data-av-ds="4"] .av-radial-score-gauge .av-radial-gauge__ring { background: radial-gradient(circle at center, var(--av-color-card) 58%, transparent 60%), conic-gradient(var(--av-color-accent, #0f766e) calc(var(--av-gauge-value) * 1%), var(--av-color-border) 0); }
html[data-av-ds="4"] .av-inline-document-assistant-panel { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: var(--av-spacing-5); align-items: center; padding: var(--av-spacing-5); border: 1px solid color-mix(in srgb, var(--av-color-primary) 25%, var(--av-color-border)); border-radius: var(--av-radius-lg); background: color-mix(in srgb, var(--av-color-primary) 5%, var(--av-color-card)); }
html[data-av-ds="4"] .av-inline-document-assistant-panel p { max-width: 68ch; margin-bottom: 0; }

html[data-av-ds="4"] .av-qazlake-ops-list {
  width: 100%;
  margin-top: var(--av-spacing-3);
  border: 1px solid var(--av-color-border);
  border-radius: var(--av-radius-lg);
  background: var(--av-color-card);
}

html[data-av-ds="4"] .av-qazlake-ops-list > summary {
  display: flex;
  min-height: 52px;
  align-items: center;
  justify-content: space-between;
  gap: var(--av-spacing-3);
  padding: var(--av-spacing-3) var(--av-spacing-4);
  cursor: pointer;
  list-style: none;
}

html[data-av-ds="4"] .av-qazlake-ops-list > summary::-webkit-details-marker { display: none; }
html[data-av-ds="4"] .av-qazlake-ops-list > summary > span:first-child { display: grid; gap: 2px; min-width: 0; }
html[data-av-ds="4"] .av-qazlake-ops-list > summary small { color: var(--av-color-muted-foreground); line-height: 1.35; }
html[data-av-ds="4"] .av-qazlake-ops-list[open] > summary { border-bottom: 1px solid var(--av-color-border); }
html[data-av-ds="4"] .av-qazlake-ops-list__body { display: grid; gap: var(--av-spacing-4); padding: var(--av-spacing-4); }

html[data-av-ds="4"] .av-kazakhstan-echart {
  display: grid;
  min-width: 0;
  gap: var(--av-spacing-3);
  margin: 0;
  padding: var(--av-spacing-4);
  border: 1px solid var(--av-color-border);
  border-radius: var(--av-radius-md);
  background: color-mix(in srgb, var(--av-color-primary) 3%, var(--av-color-card));
}

html[data-av-ds="4"] .av-kazakhstan-echart figcaption { display: grid; gap: 2px; }
html[data-av-ds="4"] .av-kazakhstan-echart figcaption span,
html[data-av-ds="4"] .av-kazakhstan-echart > p { color: var(--av-color-muted-foreground); font-size: 11px; }
html[data-av-ds="4"] .av-kazakhstan-echart svg { width: 100%; height: auto; overflow: visible; }
html[data-av-ds="4"] .av-kazakhstan-echart__tick line { stroke: var(--av-color-border); stroke-width: 1; }
html[data-av-ds="4"] .av-kazakhstan-echart__tick text,
html[data-av-ds="4"] .av-kazakhstan-echart__axis-label { fill: var(--av-color-muted-foreground); font: 10px var(--av-font-body); }
html[data-av-ds="4"] .av-kazakhstan-echart__bar rect { fill: var(--av-color-primary); }
html[data-av-ds="4"] .av-kazakhstan-echart__bar:nth-of-type(even) rect { fill: var(--av-color-accent-foreground, var(--av-color-primary)); opacity: .78; }
html[data-av-ds="4"] .av-kazakhstan-echart__bar text { fill: var(--av-color-foreground); font: 600 11px var(--av-font-body); }
html[data-av-ds="4"] .av-kazakhstan-echart__table { overflow: auto; border: 1px solid var(--av-color-border); border-radius: var(--av-radius-sm); }
html[data-av-ds="4"] .av-kazakhstan-echart__table table { width: 100%; border-collapse: collapse; font-size: 11px; }
html[data-av-ds="4"] .av-kazakhstan-echart__table th,
html[data-av-ds="4"] .av-kazakhstan-echart__table td { padding: 8px 10px; border-bottom: 1px solid var(--av-color-border); text-align: start; white-space: nowrap; }
html[data-av-ds="4"] .av-kazakhstan-echart__table tbody tr:last-child > * { border-bottom: 0; }

html[data-av-ds="4"] .av-qazlake-ops-list__runs { display: grid; gap: var(--av-spacing-2); margin: 0; padding: 0; list-style: none; }
html[data-av-ds="4"] .av-collector-run {
  display: grid;
  grid-template-columns: 10px minmax(0, 1fr) auto;
  align-items: center;
  gap: var(--av-spacing-3);
  min-height: 48px;
  padding: var(--av-spacing-2) var(--av-spacing-3);
  border: 1px solid var(--av-color-border);
  border-radius: var(--av-radius-sm);
}
html[data-av-ds="4"] .av-collector-run__status { width: 8px; height: 8px; border-radius: 50%; background: var(--av-color-warning); }
html[data-av-ds="4"] .av-collector-run.is-success .av-collector-run__status { background: var(--av-color-success); }
html[data-av-ds="4"] .av-collector-run > a { display: grid; min-width: 0; color: inherit; text-decoration: none; }
html[data-av-ds="4"] .av-collector-run small { color: var(--av-color-muted-foreground); }

html[data-av-ds="4"] .av-incident-response-surface {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: start;
  gap: var(--av-spacing-3);
  padding: var(--av-spacing-4);
  border-inline-start: 4px solid var(--av-color-warning);
  border-radius: var(--av-radius-sm);
  background: color-mix(in srgb, var(--av-color-warning) 8%, var(--av-color-card));
}
html[data-av-ds="4"] .av-incident-response-surface p { max-width: 72ch; margin: 4px 0 0; color: var(--av-color-muted-foreground); }
html[data-av-ds="4"] .av-incident-response-surface .quick-links { grid-column: 1 / -1; }

/* Card density contract.
 * Content cards size from their content. Equal-height rows and auto-pushed
 * actions created large dead zones whenever neighbouring copy differed. */
html[data-av-ds="4"] :where(
  .route-strip,
  .entity-grid,
  .contract-grid,
  .public-card-grid,
  .runtime-grid,
  .platform-grid,
  .data-module-grid,
  .detail-grid,
  .page-summary-grid,
  .featured-regions,
  .search-results-grid,
  .ready-output-grid,
  .editorial-briefs-grid,
  .dataset-catalog-grid,
  .freshness-grid,
  .situation-flow
) {
  align-items: start;
  grid-auto-rows: auto;
}

html[data-av-ds="4"] :where(
  .summary-card,
  .detail-card,
  .route-card,
  .entity-card,
  .contract-card,
  .public-card,
  .source-card,
  .avds-source-card,
  .runtime-card,
  .platform-card,
  .data-module-card,
  .search-result-card,
  .featured-region-card,
  .digital-metric-card,
  .digital-group-card,
  .ready-output-card,
  .editorial-brief-card,
  .dataset-catalog-card,
  .freshness-card,
  .collection-ranking-card,
  .collection-coverage-card,
  .avds-compare-card,
  .avds-provenance-card,
  .situation-flow article
) {
  height: auto;
  min-height: 0;
  align-self: start;
}

html[data-av-ds="4"] :where(
  .summary-card,
  .detail-card,
  .route-card,
  .entity-card,
  .contract-card,
  .runtime-card,
  .platform-card,
  .data-module-card,
  .search-result-card,
  .featured-region-card,
  .digital-metric-card,
  .digital-group-card,
  .dataset-catalog-card,
  .freshness-card,
  .collection-ranking-card,
  .collection-coverage-card,
  .avds-compare-card,
  .avds-provenance-card,
  .situation-flow article
) {
  gap: var(--av-spacing-2);
}

html[data-av-ds="4"] :where(
  .summary-card,
  .detail-card,
  .route-card,
  .entity-card,
  .contract-card,
  .public-card,
  .source-card,
  .runtime-card,
  .platform-card,
  .data-module-card,
  .search-result-card,
  .featured-region-card,
  .digital-metric-card,
  .digital-group-card,
  .ready-output-card,
  .editorial-brief-card,
  .dataset-catalog-card,
  .freshness-card,
  .collection-ranking-card,
  .collection-coverage-card,
  .avds-compare-card,
  .avds-provenance-card,
  .situation-flow article
) > :where(h2, h3, h4, p, ul, ol, dl, figure) {
  margin-block: 0;
}

html[data-av-ds="4"] :where(
  .summary-card,
  .detail-card,
  .route-card,
  .entity-card,
  .contract-card,
  .public-card,
  .source-card,
  .runtime-card,
  .platform-card,
  .data-module-card,
  .search-result-card,
  .featured-region-card,
  .digital-metric-card,
  .digital-group-card,
  .dataset-catalog-card,
  .freshness-card,
  .collection-ranking-card,
  .collection-coverage-card,
  .avds-compare-card,
  .avds-provenance-card,
  .situation-flow article
) > :where(.inline-link, .field-list, .public-card-meta, .runtime-meta, .platform-meta, .metric-inline-grid) {
  margin-top: var(--av-spacing-2);
}

html[data-av-ds="4"] .summary-card > p {
  margin-top: var(--av-spacing-1);
}

html[data-av-ds="4"] .summary-card.av-geo-signal-strip__row {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--av-spacing-1);
}

html[data-av-ds="4"] :where(
  .summary-card,
  .detail-card,
  .route-card,
  .entity-card,
  .contract-card,
  .public-card,
  .source-card,
  .runtime-card,
  .platform-card,
  .data-module-card,
  .search-result-card,
  .featured-region-card,
  .digital-metric-card,
  .digital-group-card,
  .ready-output-card,
  .editorial-brief-card,
  .dataset-catalog-card,
  .freshness-card,
  .collection-ranking-card,
  .collection-coverage-card,
  .avds-compare-card,
  .avds-provenance-card,
  .situation-flow article
) .inline-link {
  width: fit-content;
  max-width: 100%;
  align-self: start;
  margin-top: var(--av-spacing-2);
}

html[data-av-ds="4"] .editorial-brief-card .av-card__body {
  flex: 0 1 auto;
}

html[data-av-ds="4"] .editorial-brief-card .editorial-brief-footer {
  margin-top: var(--av-spacing-2);
}

@media (max-width: 1220px) {
  html[data-av-ds="4"] body:not(.home-page) .subpage-main > .page-hero {
    grid-template-columns: minmax(0, 1fr) minmax(280px, .72fr);
  }

  html[data-av-ds="4"] body:not(.home-page) .subpage-main > .page-hero > .page-summary-grid {
    grid-column: 1 / -1;
  }
}

@media (max-width: 720px) {
  html[data-av-ds="4"] .site-footer .avds-coverage-badge { display: none !important; }
  html[data-av-ds="4"] body.has-mobile-app-shell iframe[title*="chat" i],
  html[data-av-ds="4"] body.has-mobile-app-shell [class*="chat-widget" i],
  html[data-av-ds="4"] body.has-mobile-app-shell [class*="support-widget" i] {
    bottom: calc(78px + env(safe-area-inset-bottom)) !important;
  }
  html[data-av-ds="4"] .report-publish-preflight,
  html[data-av-ds="4"] .avds-theme-coverage-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  html[data-av-ds="4"] .report-publish-preflight dl {
    grid-template-columns: minmax(0, 1fr);
  }

  html[data-av-ds="4"] .av-command-palette,
  html[data-av-ds="4"] .av-project-passport-dialog { padding: var(--av-spacing-4); }
  html[data-av-ds="4"] .av-project-passport-dialog dl,
  html[data-av-ds="4"] .avds-radial-gauge-grid,
  html[data-av-ds="4"] .av-inline-document-assistant-panel { grid-template-columns: minmax(0, 1fr); }
  html[data-av-ds="4"] .av-incident-response-surface { grid-template-columns: minmax(0, 1fr); }
  html[data-av-ds="4"] .av-incident-response-surface .quick-links { grid-column: 1; }
  html[data-av-ds="4"] .av-kazakhstan-echart { padding: var(--av-spacing-3); }
  html[data-av-ds="4"] .av-kazakhstan-echart figcaption { min-width: 0; overflow-wrap: anywhere; }
  html[data-av-ds="4"] .av-kazakhstan-echart svg { display: none; }
  html[data-av-ds="4"] .av-kazakhstan-echart__table table { table-layout: fixed; }
  html[data-av-ds="4"] .av-kazakhstan-echart__table th,
  html[data-av-ds="4"] .av-kazakhstan-echart__table td {
    padding: 6px 4px;
    overflow-wrap: anywhere;
    white-space: normal;
  }
  html[data-av-ds="4"] .av-kazakhstan-echart__table .glossary-term {
    min-width: 0;
    max-width: 100%;
    white-space: normal;
  }
  html[data-av-ds="4"] #janus-widget-bubble {
    right: 12px !important;
    bottom: calc(104px + env(safe-area-inset-bottom)) !important;
  }
  html[data-av-ds="4"] #janus-widget-frame-container {
    bottom: calc(72px + env(safe-area-inset-bottom)) !important;
    height: calc(100dvh - 92px - env(safe-area-inset-bottom)) !important;
    max-height: calc(100dvh - 92px - env(safe-area-inset-bottom)) !important;
  }
  html[data-av-ds="4"] .av-collector-run { grid-template-columns: 8px minmax(0, 1fr); align-items: start; }
  html[data-av-ds="4"] .av-collector-run__status { margin-top: 6px; }
  html[data-av-ds="4"] .av-collector-run > :last-child { grid-column: 2; justify-self: start; }
  html[data-av-ds="4"] .av-demography-heatmap { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  html[data-av-ds="4"] .av-command-palette__results { grid-template-columns: minmax(0, 1fr); }
  html[data-av-ds="4"] .av-command-palette-trigger { display: none; }
  html[data-av-ds="4"] .mobile-optional-band.is-collapsed > :not(.section-heading),
  html[data-av-ds="4"] .mobile-optional-band.is-collapsed > .section-heading.home-subheading {
    display: none !important;
  }

  html[data-av-ds="4"] body:not(.home-page) .subpage-main > .page-hero {
    grid-template-columns: minmax(0, 1fr);
  }

  html[data-av-ds="4"] body:not(.home-page) .subpage-main > .page-hero:not(:has(> .page-summary-grid)) {
    grid-template-columns: minmax(0, 1fr);
  }

  html[data-av-ds="4"] body:not(.home-page) .subpage-main > .page-hero .page-hero-copy {
    padding: var(--av-spacing-4);
  }

  html[data-av-ds="4"] body:not(.home-page) .subpage-main > .page-hero .page-hero-visual {
    min-height: 132px;
    max-height: 180px;
  }

  html[data-av-ds="4"] body:not(.home-page) main .qxe-assistant__content {
    padding: 9px 10px;
  }

  html[data-av-ds="4"] body:not(.home-page) main .qxe-assistant__title {
    font-size: 12px;
  }

  html[data-av-ds="4"] body:not(.home-page) main .qxe-assistant__open {
    min-height: 36px;
    padding-inline: 11px;
    font-size: 11px;
  }

  html[data-av-ds="4"] .cjm-pager {
    align-items: stretch;
    flex-direction: column;
  }

  html[data-av-ds="4"] .cjm-pager__more {
    width: 100%;
    min-height: 42px;
  }

  html[data-av-ds="4"] .cjm-section-disclosure > .section-heading {
    grid-template-columns: minmax(0, 1fr);
  }

  html[data-av-ds="4"] .cjm-section-toggle {
    grid-column: 1;
    grid-row: auto;
    width: 100%;
    max-width: none;
    min-height: 42px;
    margin-top: var(--av-spacing-2);
  }

  html[data-av-ds="4"] .home-page .home-ready-band .ready-output-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  html[data-av-ds="4"] .home-page .home-ready-band .ready-output-card {
    min-height: 0;
    padding: var(--av-spacing-3);
    overflow: hidden;
  }

  html[data-av-ds="4"] .home-page .home-ready-band .ready-output-grid,
  html[data-av-ds="4"] .home-page .home-ready-band .ready-output-card,
  html[data-av-ds="4"] .home-page .home-ready-band .ready-output-card > *,
  html[data-av-ds="4"] .home-page .home-ready-band .ready-output-card .quick-links,
  html[data-av-ds="4"] .home-page .home-ready-band .ready-output-card .quick-links > * {
    min-width: 0;
    max-width: 100%;
    overflow-wrap: anywhere;
    white-space: normal;
  }

  html[data-av-ds="4"] .home-page .home-ready-band .ready-output-card .av-card__body {
    display: none;
  }

  html[data-av-ds="4"] .home-page .home-ready-band .ready-output-card .quick-links {
    display: grid;
  }

  html[data-av-ds="4"] .home-page .home-insights-band .editorial-briefs-grid > :nth-child(n + 3) {
    display: none;
  }

  html[data-av-ds="4"] .media-live-list > :nth-child(n + 5),
  html[data-av-ds="4"] .media-side-stack > :nth-child(n + 3) {
    display: none;
  }
}