/*
 * QazAgents static AVDS adapter.
 * Source: packages/ui-kit/src/tokens/variables.css
 * Source ref: 79342b07b061938c14101a213d1dd0c7a412d689 (@sgeo/ui-kit 4.7.0)
 * Source SHA-256: b3135d07c6935c570910782ef4d513cda34d3405c36e69f6a292e0b0c8595772
 * Token mapping: .theme-cyber-dark on the pinned QazAgents consumer source.
 * This is not a claim of parity with the current live AVDS source.
 */

:root {
  color-scheme: dark;
  --background: 222 34% 9%;
  --foreground: 193 72% 92%;
  --border: 217 26% 18%;
  --card: 223 30% 11%;
  --card-foreground: 193 72% 92%;
  --card-border: 217 24% 16%;
  --primary: 191 87% 46%;
  --primary-foreground: 222 34% 9%;
  --secondary: 218 24% 20%;
  --secondary-foreground: 193 72% 92%;
  --muted: 218 22% 22%;
  --muted-foreground: 194 26% 66%;
  --accent: 214 22% 18%;
  --accent-foreground: 193 72% 92%;
  --destructive: 0 72% 48%;
  --status-success: 154 55% 60%;
  --status-warning: 42 85% 65%;
  --status-danger: 0 80% 70%;
  --input: 218 20% 28%;
  --ring: 191 87% 46%;
  --font-sans: "IBM Plex Sans", Inter, Onest, "Helvetica Neue", Arial, sans-serif;
  --font-mono: "IBM Plex Mono", "JetBrains Mono", Menlo, monospace;
  --font-display: Onest, "IBM Plex Sans", Inter, "Helvetica Neue", Arial, sans-serif;
  --radius: .4375rem;
  --avds-space-cluster: .5rem;
  --avds-space-content: .75rem;
  --avds-space-card: 1rem;
  --avds-space-section: 2rem;
  --avds-surface-padding: 1.25rem;
  --avds-mobile-page-gutter: .75rem;
  --avds-mobile-touch-target: 44px;
}

* { box-sizing: border-box; }

[hidden] { display: none !important; }

/* Keep the accessible ZIP label available to assistive technology without
   letting its full skill name affect the compact-card layout. */
.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

html { background: hsl(var(--background)); }

body {
  margin: 0;
  min-width: 320px;
  background: hsl(var(--background));
  color: hsl(var(--foreground));
  font-family: var(--font-sans);
  font-size: 1rem;
  line-height: 1.55;
}

a { color: inherit; }

a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible {
  outline: 3px solid hsl(var(--ring));
  outline-offset: 3px;
}

.skip-link {
  position: fixed;
  z-index: 10;
  top: .75rem;
  left: .75rem;
  transform: translateY(-150%);
  padding: .75rem 1rem;
  border-radius: var(--radius);
  background: hsl(var(--primary));
  color: hsl(var(--primary-foreground));
}

.skip-link:focus {
  position: static;
  display: block;
  width: max-content;
  max-width: calc(100% - 1.5rem);
  margin: .75rem 0 0 .75rem;
  transform: translateY(0);
}

.page-intro,
.task-router-section,
.catalog-section,
.operator-section,
.content-shell,
.verified-status,
.site-footer {
  width: min(100% - 3rem, 74rem);
  margin-inline: auto;
}

.page-intro {
  display: grid;
  gap: var(--avds-space-content);
  padding-block: 4rem 2.5rem;
  border-bottom: 1px solid hsl(var(--border));
}

.page-intro.compact { padding-block: 2.5rem 2rem; }

.product-name,
.card-kind,
.result-count,
.profile-meta dt,
.catalog-summary dt,
.status-summary dt {
  margin: 0;
  color: hsl(var(--muted-foreground));
  font-size: .875rem;
}

h1,
h2,
h3,
p { margin-block: 0; }

h1,
h2,
h3 {
  color: hsl(var(--foreground));
  /* Long single-word headings ("Операционализировать") must not create
     horizontal scroll at narrow widths. */
  overflow-wrap: break-word;
}

h1 {
  max-width: 18ch;
  font-family: var(--font-display);
  font-size: clamp(2.25rem, 7vw, 4.5rem);
  font-weight: 650;
  letter-spacing: -.035em;
  line-height: 1.02;
}

h2 {
  font-family: var(--font-display);
  font-size: clamp(1.5rem, 3vw, 2.25rem);
  letter-spacing: -.02em;
  line-height: 1.15;
}

h3 { font-size: 1.15rem; line-height: 1.25; }

.lede,
.section-heading p,
.agent-card > p:not(.card-kind),
.site-footer p,
.state-panel p {
  max-width: 68ch;
  color: hsl(var(--muted-foreground));
}

.lede { font-size: clamp(1.05rem, 2vw, 1.25rem); }

.page-actions,
.filter-buttons,
.language-switch,
.site-footer nav {
  display: flex;
  flex-wrap: wrap;
  gap: var(--avds-space-cluster);
}

.primary-action,
.secondary-action,
.language-switch a,
.filter-buttons button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: var(--avds-mobile-touch-target);
  padding-inline: 1rem;
  border: 1px solid hsl(var(--border));
  border-radius: var(--radius);
  font: inherit;
  text-decoration: none;
}

.primary-action,
.filter-buttons button.active {
  border-color: hsl(var(--primary));
  background: hsl(var(--primary));
  color: hsl(var(--primary-foreground));
}

.secondary-action,
.language-switch a,
.filter-buttons button {
  background: transparent;
  color: hsl(var(--foreground));
}

.filter-buttons button { cursor: pointer; }

.page-actions .role-label {
  display: inline-flex;
  align-items: center;
  min-height: var(--avds-mobile-touch-target);
  padding-inline: .25rem;
  color: hsl(var(--muted-foreground));
}

.task-router-section {
  display: grid;
  gap: var(--avds-space-section);
  padding-block: 2.5rem;
  border-bottom: 1px solid hsl(var(--border));
}

.task-router-section .section-heading { margin: 0; }

.task-router-form {
  display: grid;
  gap: var(--avds-space-cluster);
  max-width: 52rem;
}

.task-query-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: var(--avds-space-content);
}

.task-router-form input,
.catalog-controls input {
  width: 100%;
  min-height: var(--avds-mobile-touch-target);
  padding-inline: .875rem;
  border: 1px solid hsl(var(--input));
  border-radius: var(--radius);
  background: hsl(var(--card));
  color: hsl(var(--foreground));
  font: inherit;
}

.form-help,
.task-result,
.catalog-disclosure small,
.catalog-disclosure-body > p,
.quality-squad > p,
.related-tasks > p {
  color: hsl(var(--muted-foreground));
  font-size: .9rem;
}

.task-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--avds-space-card);
}

.task-card {
  display: grid;
  grid-template-rows: auto auto 1fr auto;
  gap: var(--avds-space-content);
  min-width: 0;
  padding: var(--avds-surface-padding);
  border-block-start: 2px solid hsl(var(--primary));
  border-bottom: 1px solid hsl(var(--card-border));
}

.task-card > p:not(.task-result) { color: hsl(var(--muted-foreground)); }

.task-card .primary-action { justify-self: start; }

.router-result { max-width: 52rem; }

.router-result .primary-action { justify-self: start; }

.router-result-details {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--avds-space-content);
  margin: 0;
}

.router-result-details div {
  display: grid;
  gap: .25rem;
  padding-block-start: var(--avds-space-content);
  border-block-start: 1px solid hsl(var(--border));
}

.router-result-details dt {
  color: hsl(var(--muted-foreground));
  font-size: .875rem;
}

.router-result-details dd { margin: 0; }

#task-router-alternatives {
  display: flex;
  flex-wrap: wrap;
  gap: var(--avds-space-cluster);
}

.catalog-summary,
.status-summary,
.profile-meta {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--avds-space-content);
  margin: var(--avds-space-section) 0 0;
}

.catalog-summary div,
.status-summary div,
.profile-meta div {
  display: grid;
  gap: .25rem;
  min-width: 0;
  padding-inline-start: var(--avds-space-content);
  border-inline-start: 1px solid hsl(var(--border));
}

.catalog-summary dd,
.status-summary dd,
.profile-meta dd { margin: 0; }

.catalog-summary dd {
  font-size: 1.8rem;
  font-variant-numeric: tabular-nums;
  line-height: 1;
}

.operator-section,
.catalog-section { padding-block: var(--avds-space-section); }

.section-heading {
  display: grid;
  gap: var(--avds-space-content);
  margin-block-end: var(--avds-space-section);
}

.catalog-controls {
  display: grid;
  grid-template-columns: minmax(14rem, 1fr) auto;
  gap: var(--avds-space-content);
  align-items: end;
  margin-block-end: var(--avds-space-section);
}

.catalog-controls label { grid-column: 1; }

.catalog-controls input { grid-column: 1; }

.catalog-controls select {
  width: 100%;
  min-height: var(--avds-mobile-touch-target);
  padding-inline: .875rem;
  border: 1px solid hsl(var(--input));
  border-radius: var(--radius);
  background: hsl(var(--card));
  color: hsl(var(--foreground));
  font: inherit;
}

.filter-buttons { grid-column: 2; grid-row: 1 / span 2; }

.result-count { grid-column: 1 / -1; }

.skill-controls {
  grid-template-columns: minmax(14rem, 1fr) minmax(12rem, .55fr);
}

.skill-controls label[for="skill-search"] { grid-column: 1; grid-row: 1; }
.skill-controls #skill-search { grid-column: 1; grid-row: 2; }
.skill-controls label[for="skill-category"] { grid-column: 2; grid-row: 1; }
.skill-controls #skill-category { grid-column: 2; grid-row: 2; }
.skill-controls .filter-shortcuts { grid-column: 1 / -1; grid-row: 3; }
.skill-controls .active-goal { grid-column: 1; grid-row: 4; }
.skill-controls .result-count { grid-column: 2; grid-row: 4; text-align: end; }

.filter-shortcuts {
  display: flex;
  flex-wrap: wrap;
  grid-column: 1 / -1;
  gap: var(--avds-space-cluster);
}

.filter-shortcuts a {
  min-height: var(--avds-mobile-touch-target);
  padding: .625rem .75rem;
  border: 1px solid hsl(var(--border));
  border-radius: var(--radius);
  color: hsl(var(--foreground));
  text-decoration: none;
}

.filter-shortcuts a:hover,
.filter-shortcuts a:focus-visible { border-color: hsl(var(--primary)); }

.active-goal {
  margin: 0;
  color: hsl(var(--primary));
  font-size: .875rem;
}

.agent-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 18rem), 1fr));
  gap: var(--avds-space-card);
}

.agent-card {
  display: grid;
  grid-template-rows: auto auto 1fr auto;
  gap: var(--avds-space-content);
  min-width: 0;
  padding: var(--avds-surface-padding);
  border: 1px solid hsl(var(--card-border));
  border-radius: var(--radius);
  background: hsl(var(--card));
}

.agent-card[hidden] { display: none; }

.skill-card { grid-template-rows: auto auto auto 1fr auto auto auto auto; }

.skill-card h3 { max-width: 40ch; }

.package-name {
  color: hsl(var(--primary));
  font-family: var(--font-mono);
  font-size: .875rem;
}

.goal-role {
  width: max-content;
  max-width: 100%;
  margin: 0;
  padding-block-end: .25rem;
  border-bottom: 2px solid hsl(var(--primary));
  color: hsl(var(--foreground));
  font-size: .875rem;
  font-weight: 650;
}

.goal-role[hidden] { display: none; }

.catalog-disclosure {
  border-block: 1px solid hsl(var(--border));
}

.catalog-disclosure > summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--avds-space-content);
  min-height: 4.5rem;
  cursor: pointer;
  list-style: none;
}

.catalog-disclosure > summary::-webkit-details-marker { display: none; }

.catalog-disclosure > summary span:first-child {
  display: grid;
  gap: .2rem;
}

.catalog-disclosure[open] > summary { border-bottom: 1px solid hsl(var(--border)); }

.catalog-disclosure-body {
  display: grid;
  gap: var(--avds-space-section);
  padding-block: var(--avds-space-section);
}

.profile-library-link,
.quality-inline-status {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--avds-space-content);
}

.profile-library-link > div,
.quality-inline-status > div {
  display: grid;
  gap: .35rem;
}

.profile-library-link p,
.quality-inline-status p { color: hsl(var(--muted-foreground)); }

.quality-inline-status {
  padding-block: var(--avds-space-content);
  border-block: 1px solid hsl(var(--border));
}

.quality-inline-status h2 { font-size: 1rem; }

.card-meta {
  display: flex;
  flex-wrap: wrap;
  gap: var(--avds-space-cluster);
  color: hsl(var(--muted-foreground));
  font-size: .875rem;
}

.text-link,
.back-link {
  color: hsl(var(--primary));
  text-underline-offset: .2em;
}

.text-link { width: max-content; font-weight: 600; }

.content-shell { padding-block-end: 4rem; }

.home-content { padding-block-start: var(--avds-space-section); }

.home-hero {
  grid-template-columns: minmax(0, 1fr);
  align-items: start;
  row-gap: 0;
}

.home-hero-copy {
  display: grid;
  gap: var(--avds-space-card);
  min-inline-size: 0;
}

.route-map {
  width: min(100% - 3rem, 74rem);
  display: grid;
  gap: var(--avds-space-section);
  margin-inline: auto;
  padding-block: 2.5rem;
  border-bottom: 1px solid hsl(var(--border));
}

.route-steps {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: var(--avds-space-content);
  margin: 0;
  padding: 0;
  list-style: none;
}

.route-steps > li {
  display: grid;
  align-content: start;
  gap: .5rem;
  min-width: 0;
  padding: var(--avds-space-content);
  border: 0;
  background: transparent;
}

.route-step-number {
  color: hsl(var(--primary));
  font-family: var(--font-mono);
  font-size: .875rem;
  font-weight: 650;
}

.route-steps > li p,
.specialization-heading p,
.specialization-skill > p:not(.task-result) { color: hsl(var(--muted-foreground)); }

.route-map-actions,
.specialization-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--avds-space-cluster);
}

.specialization-directory {
  display: grid;
  gap: var(--avds-space-section);
  padding-block: var(--avds-space-section);
  border-bottom: 1px solid hsl(var(--border));
}

.specialization-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--avds-space-card);
}

.specialization-card {
  display: grid;
  gap: var(--avds-space-card);
  min-width: 0;
  padding: var(--avds-surface-padding);
  border: 1px solid hsl(var(--card-border));
  border-top: 3px solid hsl(var(--primary));
  border-radius: var(--radius);
  background: hsl(var(--card));
}

.specialization-card:last-child { grid-column: 1 / -1; }

.specialization-heading { display: grid; gap: .5rem; }

.specialization-skills {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--avds-space-content);
}

.specialization-skill {
  display: grid;
  align-content: start;
  gap: .5rem;
  min-width: 0;
  padding-top: var(--avds-space-content);
  border-top: 1px solid hsl(var(--border));
}

.specialization-skill h3 a,
.specialization-skill > a:first-child {
  color: hsl(var(--foreground));
  text-underline-offset: .2em;
}

.specialization-skill h3 a:hover,
.specialization-skill h3 a:focus-visible,
.specialization-skill > a:first-child:hover,
.specialization-skill > a:first-child:focus-visible { color: hsl(var(--primary)); }

.catalog-section.embedded {
  width: 100%;
  margin-inline: 0;
}

.task-router,
.system-map {
  padding-block: var(--avds-space-section);
  border-bottom: 1px solid hsl(var(--border));
}

.newsroom-route {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--avds-space-section);
  padding-block: var(--avds-space-card);
  border-block: 1px solid hsl(var(--border));
}

.newsroom-route > div {
  display: grid;
  gap: .35rem;
}

.newsroom-route p { color: hsl(var(--muted-foreground)); }

.task-goal-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  border-top: 1px solid hsl(var(--border));
}

.task-goal {
  display: grid;
  gap: .5rem;
  min-height: 9rem;
  padding: var(--avds-surface-padding);
  border-bottom: 1px solid hsl(var(--border));
  text-decoration: none;
}

.task-goal:nth-child(odd) { border-inline-end: 1px solid hsl(var(--border)); }

.task-goal:hover h3,
.task-goal:focus-visible h3 { color: hsl(var(--primary)); }

.task-goal p,
.cross-domain-route small,
.system-map dd,
.package-summary,
.contract-section p,
.contract-section li,
.download-panel p,
.evidence-boundary p {
  color: hsl(var(--muted-foreground));
}

.cross-domain-route {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--avds-space-content);
  min-height: var(--avds-mobile-touch-target);
  padding: 1rem var(--avds-surface-padding);
  border-inline-start: 3px solid hsl(var(--primary));
  text-decoration: none;
}

.cross-domain-route > span:first-child {
  display: grid;
  gap: .25rem;
}

.cross-domain-route small { font-size: .9rem; }

.catalog-cta { margin-block: 1rem var(--avds-space-section); }

.system-map dl { margin: 0; }

.system-map dl > div {
  display: grid;
  grid-template-columns: minmax(8rem, .35fr) 1fr;
  gap: var(--avds-space-content);
  padding-block: var(--avds-space-content);
  border-top: 1px solid hsl(var(--border));
}

.system-map dt,
.system-map dd { margin: 0; }

.system-map dt { font-size: 1.15rem; font-weight: 650; }

.catalog-zero {
  display: grid;
  gap: var(--avds-space-content);
  margin-block-start: var(--avds-space-section);
  padding-block: var(--avds-space-section);
  border-block: 1px solid hsl(var(--border));
}

.catalog-zero[hidden] { display: none; }

.zero-goals,
.zero-actions,
.release-links {
  display: flex;
  flex-wrap: wrap;
  gap: var(--avds-space-cluster);
  align-items: center;
}

.zero-goals a,
.release-links a {
  min-height: var(--avds-mobile-touch-target);
  padding: .625rem .75rem;
  border: 1px solid hsl(var(--border));
  border-radius: var(--radius);
  color: hsl(var(--foreground));
  text-decoration: none;
}

.breadcrumb {
  display: flex;
  flex-wrap: wrap;
  gap: var(--avds-space-cluster);
  padding-block: 1.5rem;
  color: hsl(var(--muted-foreground));
  font-size: .9rem;
}

.document-head {
  display: grid;
  gap: var(--avds-space-content);
  max-width: 52rem;
  padding-block: 1.5rem 2rem;
  border-bottom: 1px solid hsl(var(--border));
}

.qazagents-detail .document-head h1 {
  max-width: 20ch;
  font-size: clamp(2.25rem, 5vw, 3.75rem);
}

.profile-meta { max-width: 52rem; }

.skill-meta {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  max-width: none;
  margin-block-end: var(--avds-space-section);
}

.skill-meta > div { align-content: start; }

.skill-meta > div:last-child { grid-column: 1 / -1; }

.skill-meta + .public-skill-passport { margin-block-start: var(--avds-space-section); }

.language-switch { margin-block: var(--avds-space-section); }

.language-switch [aria-current="page"] {
  border-color: hsl(var(--primary));
  color: hsl(var(--primary));
}

.state-panel {
  display: grid;
  gap: var(--avds-space-content);
  max-width: 52rem;
  padding: var(--avds-surface-padding);
  border: 1px solid hsl(var(--border));
  border-inline-start: 3px solid hsl(var(--primary));
  border-radius: var(--radius);
  background: hsl(var(--card));
}

.skill-contract {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0 var(--avds-space-section);
  margin-block: var(--avds-space-section);
}

.operator-guide {
  display: grid;
  gap: var(--avds-space-section);
  padding-block: 3rem var(--avds-space-section);
  border-bottom: 1px solid hsl(var(--border));
}

.operator-guide > .section-heading { margin: 0; }

.technical-contract {
  margin-block: var(--avds-space-section);
  border-block: 1px solid hsl(var(--border));
}

.technical-contract > summary {
  min-height: var(--avds-mobile-touch-target);
  padding-block: var(--avds-space-content);
  color: hsl(var(--primary));
  cursor: pointer;
}

.technical-contract .skill-contract { margin-block: 0; }

.operator-mode-list { border-top: 1px solid hsl(var(--border)); }

.operator-mode {
  display: grid;
  grid-template-columns: minmax(11rem, .38fr) minmax(0, 1fr);
  gap: var(--avds-space-content) var(--avds-space-section);
  padding-block: var(--avds-space-card);
  border-bottom: 1px solid hsl(var(--border));
}

.operator-mode header,
.operator-mode > div {
  display: grid;
  align-content: start;
  gap: var(--avds-space-cluster);
}

.operator-mode header code { color: hsl(var(--muted-foreground)); }

.operator-mode p,
.proof-note { color: hsl(var(--muted-foreground)); }

.mode-command,
.operator-mode pre,
.start-prompt pre {
  grid-column: 1 / -1;
}

.mode-command summary {
  width: max-content;
  min-height: var(--avds-mobile-touch-target);
  padding-block: .625rem;
  color: hsl(var(--primary));
  cursor: pointer;
}

.operator-mode pre,
.start-prompt pre {
  max-width: 100%;
  margin: 0;
  overflow: auto;
  padding: var(--avds-space-content);
  border: 1px solid hsl(var(--border));
  border-radius: var(--radius);
  background: hsl(var(--background));
  color: hsl(var(--foreground));
  font: .875rem/1.55 var(--font-mono);
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}

.start-prompt {
  display: grid;
  grid-template-columns: minmax(11rem, .38fr) minmax(0, 1fr);
  gap: var(--avds-space-section);
  align-items: start;
}

.start-prompt pre { grid-column: 2; }

.contract-section {
  min-width: 0;
  padding-block: var(--avds-space-section);
  border-top: 1px solid hsl(var(--border));
}

.contract-section h2 { font-size: 1.35rem; }

.contract-section ul {
  display: grid;
  gap: .5rem;
  margin-block-end: 0;
  padding-inline-start: 1.25rem;
}

.download-panel,
.evidence-boundary {
  display: grid;
  gap: var(--avds-space-content);
}

.passport-section {
  display: grid;
  gap: var(--avds-space-section);
  padding-block: var(--avds-space-section);
}

.passport-section > .section-heading { margin: 0; }

.passport-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1px;
  overflow: hidden;
  border: 1px solid hsl(var(--border));
  border-radius: var(--radius);
  background: hsl(var(--border));
}

.passport-grid > section {
  display: grid;
  min-inline-size: 0;
  align-content: start;
  gap: var(--avds-space-content);
  padding: var(--avds-surface-padding);
  background: hsl(var(--card));
}

.passport-grid :is(h3, p, ul) { min-inline-size: 0; }

.passport-grid ul {
  display: grid;
  gap: var(--avds-space-cluster);
  margin: 0;
  padding-inline-start: 1.2rem;
}

.related-tasks,
.quality-squad,
.task-actions,
.feedback-panel {
  display: grid;
  gap: var(--avds-space-content);
}

.quality-squad > ul { margin-block: 0; }

.technical-disclosure {
  padding-block-start: var(--avds-space-content);
  border-block-start: 1px solid hsl(var(--border));
}

.technical-disclosure summary { cursor: pointer; }

.technical-disclosure .page-actions { margin-block-start: var(--avds-space-content); }

.feedback-panel {
  padding: var(--avds-surface-padding);
  border: 1px solid hsl(var(--border));
  border-radius: var(--radius);
}

.download-panel {
  padding: var(--avds-surface-padding);
  background: hsl(var(--card));
  border-inline-start: 3px solid hsl(var(--primary));
}

.download-action { width: max-content; }

.archive-digest code {
  overflow-wrap: anywhere;
  font-family: var(--font-mono);
}

.evidence-boundary {
  margin-block: var(--avds-space-section);
  border-color: hsl(var(--status-warning) / .55);
}

.evidence-boundary h2 { font-size: 1.25rem; }

.verified-status {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--avds-space-content);
  padding-block: 1rem;
  border-bottom: 1px solid hsl(var(--border));
}

.verified-status > span {
  display: grid;
  gap: .25rem;
}

.verified-status small { color: hsl(var(--muted-foreground)); }

.feedback-panel select {
  min-height: var(--avds-mobile-touch-target);
  padding-inline: .75rem;
  border: 1px solid hsl(var(--input));
  border-radius: var(--radius);
  background: hsl(var(--card));
  color: hsl(var(--foreground));
  font: inherit;
}

.feedback-panel pre {
  max-width: 100%;
  overflow: auto;
  padding: var(--avds-space-content);
  background: hsl(var(--background));
  font-family: var(--font-mono);
  white-space: pre-wrap;
}

.qazagents-task .state-panel { margin-block-start: 0; }

.qazagents-guardian .state-panel,
.qazagents-guardian .status-summary,
.guardian-gates { margin-block: var(--avds-space-section); }

.guardian-gates {
  max-width: 52rem;
  padding-top: var(--avds-space-section);
  border-top: 1px solid hsl(var(--border));
}

.guardian-gates ul {
  display: grid;
  gap: var(--avds-space-cluster);
  padding: 0;
  list-style: none;
}

.guardian-gates li {
  display: flex;
  justify-content: space-between;
  gap: var(--avds-space-content);
  padding-block: var(--avds-space-content);
  border-bottom: 1px solid hsl(var(--border));
}

.site-footer {
  display: grid;
  gap: var(--avds-space-content);
  padding-block: 1.5rem 2.5rem;
  border-top: 1px solid hsl(var(--border));
  font-size: .9rem;
}

.site-footer nav a { color: hsl(var(--muted-foreground)); }

/* Public operating model and primitive certification */
.model-section {
  display: grid;
  gap: var(--avds-space-content);
  padding-block: clamp(1.75rem, 4vw, 3.5rem);
  border-block-start: 1px solid hsl(var(--border));
}

.model-section > :first-child { margin-block-start: 0; }

.model-section h2,
.model-section h3,
.model-section p { max-inline-size: 72ch; }

.section-heading {
  display: grid;
  gap: .5rem;
}

.registry-grid {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 19rem), 1fr));
  align-items: stretch;
}

.registry-card,
.state-panel,
.decision-panel,
.primitive-summary,
.model-section .passport-grid > section {
  display: grid;
  align-content: start;
  gap: .75rem;
  padding: clamp(1rem, 2.5vw, 1.5rem);
  border: 1px solid hsl(var(--border));
  border-radius: var(--avds-radius-lg);
  background: hsl(var(--card));
  color: hsl(var(--card-foreground));
}

.registry-card h2,
.registry-card h3,
.registry-card p,
.registry-card dl,
.registry-card ul,
.state-panel p,
.decision-panel p { margin: 0; }

.registry-card dl,
.model-section dl { display: grid; gap: .625rem; }

.registry-card dl > div,
.model-section dl > div {
  display: grid;
  gap: .125rem;
}

.registry-card dt,
.model-section dt,
.card-kind,
.specimen-kicker {
  color: hsl(var(--muted-foreground));
  font-size: .75rem;
  font-weight: 700;
  letter-spacing: .06em;
  text-transform: uppercase;
}

.registry-card dd,
.model-section dd { margin: 0; }

.card-meta,
.section-links,
.contract-link,
.primitive-summary,
.operating-counts {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .625rem 1rem;
}

.card-meta { color: hsl(var(--muted-foreground)); font-size: .875rem; }

.section-links {
  padding-block: 1.25rem 3rem;
  border-block-start: 1px solid hsl(var(--border));
}

.section-links a,
.contract-link a {
  min-block-size: 2.75rem;
  display: inline-flex;
  align-items: center;
  padding-inline: .875rem;
  border: 1px solid hsl(var(--border));
  border-radius: var(--avds-radius-md);
  text-decoration: none;
}

.operating-chain {
  list-style: none;
  display: grid;
  gap: .75rem;
  margin: 0;
  padding: 0;
  counter-reset: model-step;
}

.operating-chain li {
  display: grid;
  grid-template-columns: 2.75rem minmax(0, 1fr);
  gap: 1rem;
  align-items: start;
  padding: 1rem;
  border-inline-start: 3px solid hsl(var(--primary));
  background: hsl(var(--muted) / .45);
}

.operating-chain h3,
.operating-chain p { margin: 0; }

.chain-index {
  inline-size: 2.25rem;
  block-size: 2.25rem;
  display: inline-grid;
  place-items: center;
  border-radius: 999px;
  background: hsl(var(--primary));
  color: hsl(var(--primary-foreground));
  font-weight: 800;
}

.compact-chain li { padding-block: .75rem; }

.operating-counts {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(9rem, 1fr));
  inline-size: 100%;
}

.operating-counts > div {
  min-block-size: 6.5rem;
  padding: 1rem;
  border: 1px solid hsl(var(--border));
  border-radius: var(--avds-radius-md);
  background: hsl(var(--card));
}

.operating-counts dd {
  font-size: clamp(1.75rem, 4vw, 2.75rem);
  font-weight: 800;
  line-height: 1;
}

.table-scroll {
  max-inline-size: 100%;
  overflow-x: auto;
  border: 1px solid hsl(var(--border));
  border-radius: var(--avds-radius-lg);
}

.qazagents-operating table {
  inline-size: 100%;
  min-inline-size: 42rem;
  border-collapse: collapse;
  background: hsl(var(--card));
}

.qazagents-operating th,
.qazagents-operating td {
  padding: .875rem 1rem;
  border-block-end: 1px solid hsl(var(--border));
  text-align: start;
  vertical-align: top;
}

.qazagents-operating thead th {
  background: hsl(var(--muted));
  color: hsl(var(--muted-foreground));
  font-size: .75rem;
  letter-spacing: .04em;
  text-transform: uppercase;
}

.qazagents-operating tbody tr:last-child > * { border-block-end: 0; }

.qazagents-operating th small,
.qazagents-operating td small {
  display: block;
  margin-block-start: .25rem;
  color: hsl(var(--muted-foreground));
  font-weight: 400;
}

.status-badge {
  display: inline-flex;
  align-items: center;
  min-block-size: 1.75rem;
  padding-inline: .625rem;
  border: 1px solid currentColor;
  border-radius: 999px;
  font-size: .75rem;
  font-weight: 800;
  line-height: 1;
  text-transform: uppercase;
  white-space: nowrap;
}

.status-active,
.status-selected { color: hsl(var(--success, 145 58% 31%)); }

.status-planned,
.status-no-change { color: hsl(var(--primary)); }

.status-gated,
.status-rejected { color: hsl(var(--destructive)); }

.decision-value {
  font-size: clamp(1.5rem, 4vw, 2.5rem);
  font-weight: 850;
  letter-spacing: -.025em;
}

.capture-pair {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
}

.capture-pair figure {
  min-inline-size: 0;
  margin: 0;
  padding: .75rem;
  border: 1px solid hsl(var(--border));
  border-radius: var(--avds-radius-lg);
  background: hsl(var(--card));
}

.capture-pair img {
  display: block;
  inline-size: 100%;
  block-size: auto;
  border: 1px solid hsl(var(--border));
  border-radius: var(--avds-radius-md);
}

.capture-pair figcaption {
  margin-block-start: .625rem;
  color: hsl(var(--muted-foreground));
  font-size: .875rem;
}

.primitive-preview {
  min-block-size: 100vh;
  margin: 0;
  padding: clamp(1rem, 5vw, 4rem);
  display: grid;
  place-items: center;
  background: hsl(var(--background));
  color: hsl(var(--foreground));
}

.primitive-stage {
  inline-size: min(100%, 52rem);
  display: grid;
  gap: clamp(1.25rem, 4vw, 2.5rem);
  padding: clamp(1.25rem, 5vw, 3.5rem);
  border: 1px solid hsl(var(--border));
  border-radius: var(--avds-radius-xl, 1rem);
  background: hsl(var(--card));
  box-shadow: 0 1rem 3rem hsl(var(--foreground) / .08);
}

.primitive-stage h1,
.primitive-stage p { margin: 0; }

.specimen-lede,
.specimen-note,
.form-help { color: hsl(var(--muted-foreground)); }

.button-specimens {
  display: flex;
  flex-wrap: wrap;
  gap: .75rem;
  align-items: center;
}

.specimen-button {
  min-block-size: 2.75rem;
  padding: .625rem 1rem;
  border: 1px solid transparent;
  border-radius: var(--avds-radius-md);
  font: inherit;
  font-weight: 750;
  cursor: pointer;
}

.specimen-button.primary { background: hsl(var(--primary)); color: hsl(var(--primary-foreground)); }
.specimen-button.secondary { border-color: hsl(var(--border)); background: hsl(var(--secondary)); color: hsl(var(--secondary-foreground)); }
.specimen-button.danger { background: hsl(var(--destructive)); color: hsl(var(--destructive-foreground)); }
.specimen-button:disabled { cursor: not-allowed; opacity: .48; }

.field-specimen { display: grid; gap: .5rem; max-inline-size: 32rem; }
.field-specimen label { font-weight: 750; }
.field-specimen input {
  min-block-size: 2.75rem;
  inline-size: 100%;
  padding: .625rem .75rem;
  border: 1px solid hsl(var(--input, var(--border)));
  border-radius: var(--avds-radius-md);
  background: hsl(var(--background));
  color: hsl(var(--foreground));
  font: inherit;
}
.field-specimen input[aria-invalid="true"] { border-color: hsl(var(--destructive)); }
.error-copy { color: hsl(var(--destructive)); font-weight: 650; }

.card-specimen {
  max-inline-size: 34rem;
  display: grid;
  gap: 1rem;
  padding: 1.25rem;
  border: 1px solid hsl(var(--border));
  border-radius: var(--avds-radius-lg);
  background: hsl(var(--background));
}

.card-specimen-content { display: grid; gap: .5rem; }
.card-specimen-content h2,
.card-specimen-content p { margin: 0; }
.card-specimen footer {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: .75rem;
}

@media (max-width: 767px) {
  .page-intro,
  .task-router-section,
  .route-map,
  .catalog-section,
  .operator-section,
  .content-shell,
  .verified-status,
  .site-footer { width: min(100% - 1.5rem, 74rem); }

  .page-intro { padding-block: 2.5rem 2rem; }

  .qazagents-home .page-intro { padding-block: 1.5rem 1rem; }

  .qazagents-home .page-intro h1 { font-size: 2rem; }

  .qazagents-home .catalog-summary { margin-block-start: 1rem; }

  .qazagents-home .task-router-section { padding-block: 1.25rem 1.5rem; }

  .task-query-row,
  .task-grid,
  .route-map .route-steps,
  .specialization-grid,
  .specialization-skills,
  .passport-grid,
  .router-result-details { grid-template-columns: minmax(0, 1fr); }

  .task-query-row .primary-action { width: 100%; }

  .task-card { padding-inline: 0; }

  .profile-library-link,
  .quality-inline-status { align-items: flex-start; flex-direction: column; }

  .catalog-summary,
  .status-summary,
  .profile-meta,
  .skill-meta { grid-template-columns: 1fr; }

  .catalog-controls { grid-template-columns: 1fr; }

  .catalog-controls label,
  .catalog-controls input,
  .catalog-controls select,
  .filter-buttons,
  .skill-controls label[for="skill-search"],
  .skill-controls #skill-search,
  .skill-controls label[for="skill-category"],
  .skill-controls #skill-category,
  .skill-controls .active-goal,
  .skill-controls .result-count,
  .result-count { grid-column: 1; grid-row: auto; }

  .filter-buttons { gap: .375rem; }

  .filter-buttons button { flex: 1 1 8rem; }

  .skill-controls .result-count { text-align: start; }

  .filter-shortcuts { grid-column: 1; }

  .specialization-card:last-child { grid-column: auto; }

  .task-goal-grid,
  .skill-contract { grid-template-columns: 1fr; }

  .task-goal:nth-child(odd) { border-inline-end: 0; }

  .task-goal { min-height: auto; }

  .cross-domain-route,
  .verified-status,
  .newsroom-route { align-items: flex-start; flex-direction: column; }

  .operator-mode,
  .start-prompt { grid-template-columns: 1fr; }

  .start-prompt pre { grid-column: 1; }

  .system-map dl > div { grid-template-columns: 1fr; gap: .25rem; }

  .capture-pair { grid-template-columns: 1fr; }

  .operating-chain li { grid-template-columns: 2.25rem minmax(0, 1fr); gap: .75rem; }

  .registry-grid { grid-template-columns: 1fr; }
}

@media (max-width: 480px) {
  .qazagents-home .catalog-summary { display: none; }
}

@media (min-width: 1024px) {
  .task-goal-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .task-goal:nth-child(odd) { border-inline-end: 0; }
  .task-goal:not(:nth-child(3n)) { border-inline-end: 1px solid hsl(var(--border)); }
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    scroll-behavior: auto !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
  }
}

/* Canonical QazAgents compositions: task-led hierarchy and readable density. */
.section-label,
.section-kicker {
  margin: 0;
  color: hsl(var(--primary));
  font-size: .75rem;
  font-weight: 760;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.qazagents-home .page-intro,
.qazagents-index .page-intro {
  max-inline-size: 62rem;
}

.qazagents-home .page-intro h1 {
  max-inline-size: 18ch;
  text-wrap: balance;
}

.qazagents-home .page-intro .lede,
.qazagents-index .page-intro .lede {
  max-inline-size: 54rem;
  font-size: clamp(1.05rem, 1.4vw, 1.28rem);
  line-height: 1.5;
}

.qazagents-home .home-hero {
  max-inline-size: 74rem;
  padding-block: clamp(2.75rem, 6vw, 4.5rem) clamp(1.75rem, 3vw, 2.5rem);
}

.route-map {
  padding-block: 2.25rem 3rem;
  gap: var(--avds-space-section);
}

.route-tracks {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 0;
  margin: 0;
  padding: 0;
  list-style: none;
  border-block: 1px solid hsl(var(--border));
}

.route-tracks li {
  min-inline-size: 0;
  border-inline-end: 1px solid hsl(var(--border));
}

.route-tracks li:last-child { border-inline-end: 0; }

.route-tracks a {
  color: hsl(var(--foreground));
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-content: start;
  gap: .45rem .6rem;
  min-block-size: 8rem;
  min-inline-size: 0;
  padding: 1rem .85rem;
  text-decoration: none;
}

.route-tracks a:hover,
.route-tracks a:focus-visible { color: hsl(var(--primary)); }

.route-tracks strong {
  font-family: var(--font-display);
  font-size: 1.05rem;
  line-height: 1.2;
  min-inline-size: 0;
}

.route-tracks a > span:not(.route-track-action) {
  color: hsl(var(--muted-foreground));
  font-size: .88rem;
  line-height: 1.4;
}

.route-track-action {
  grid-column: 2;
  grid-row: 1 / span 2;
  align-self: center;
  color: hsl(var(--primary));
  font-size: 1.25rem;
  line-height: 1;
  font-weight: 700;
}

.route-map .route-steps {
  gap: 0;
  border-block: 1px solid hsl(var(--border));
}

.route-process { display: grid; gap: var(--avds-space-content); }

.route-process-title {
  color: hsl(var(--muted-foreground));
  font-size: .875rem;
  font-weight: 650;
}

.route-map .route-steps > li {
  min-block-size: 0;
  padding: 1rem .85rem;
  border-inline-end: 1px solid hsl(var(--border));
  border-block-end: 0;
  background: transparent;
}

.route-map .route-steps > li:last-child { border-inline-end: 0; }

.route-map .route-steps > li h3 { font-size: 1.08rem; }

.task-router-section {
  padding-block: 4.5rem;
}

.task-router-section .section-heading,
.specialization-directory > .section-heading {
  max-inline-size: 44rem;
}

.task-grid {
  gap: 0;
  border-top: 1px solid hsl(var(--border));
}

.task-card {
  min-block-size: 15rem;
  padding: 1.35rem 1rem 1.35rem 0;
  border-block-start: 0;
  border-bottom: 1px solid hsl(var(--border));
}

.task-card:nth-child(3n + 2),
.task-card:nth-child(3n + 3) { padding-inline-start: 1.25rem; }

.task-card:nth-child(3n + 2),
.task-card:nth-child(3n + 3) { border-inline-start: 1px solid hsl(var(--border)); }

.specialization-directory {
  padding-block: 4.5rem;
}

.specialization-grid {
  gap: 1px;
  background: hsl(var(--border));
  border: 1px solid hsl(var(--border));
}

.specialization-card {
  gap: 2rem;
  padding: clamp(1.3rem, 2.5vw, 2.25rem);
  border: 0;
  border-radius: 0;
  background: hsl(var(--background));
}

.specialization-card:last-child { grid-column: 1 / -1; }

.specialization-heading h2 { max-inline-size: 18ch; }

.specialization-skills {
  grid-template-columns: 1fr;
  gap: 0;
  border-block: 1px solid hsl(var(--border));
}

.specialization-skill {
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: .75rem;
  min-block-size: 4.75rem;
  padding: .75rem 1rem .75rem 0;
  border: 0;
  color: hsl(var(--foreground));
  font-weight: 690;
  text-decoration: none;
}

.specialization-skill > a:first-child {
  min-width: 0;
}

.specialization-download {
  color: hsl(var(--primary));
  font-size: var(--avds-text-caption-size);
  font-weight: 700;
  letter-spacing: .04em;
  text-decoration-thickness: 1px;
  text-underline-offset: .2em;
}

.specialization-skill + .specialization-skill {
  padding-inline-start: 0;
  border-block-start: 1px solid hsl(var(--border));
}

.specialization-skill:hover,
.specialization-skill:focus-visible {
  color: hsl(var(--primary));
  text-decoration: underline;
  text-underline-offset: .2em;
}

.qazagents-index .skill-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0;
  border-block: 1px solid hsl(var(--border));
}

.qazagents-index .skill-card {
  display: grid;
  grid-template-columns: minmax(12rem, .75fr) minmax(0, 1.7fr) minmax(12rem, .55fr);
  gap: 0;
  padding: 0;
  border-radius: 0;
  border: 0;
  border-bottom: 1px solid hsl(var(--border));
  background: transparent;
}

.qazagents-index .skill-card:last-child { border-bottom: 0; }

.skill-card-heading,
.skill-card-footer {
  display: grid;
  align-content: start;
  gap: .65rem;
  min-inline-size: 0;
  padding: 1.1rem;
}

.skill-card-heading { padding-inline-start: 0; }

.skill-card-footer {
  align-content: center;
  border-inline-start: 1px solid hsl(var(--border));
}

.skill-card-heading h3 { margin: 0; font-size: 1.05rem; }

.skill-category,
.skill-mode {
  margin: 0;
  color: hsl(var(--muted-foreground));
  font-size: .78rem;
  line-height: 1.35;
}

.skill-category { color: hsl(var(--primary)); font-weight: 700; }

.skill-card-heading .expected-outcome { margin: 0; color: hsl(var(--muted-foreground)); font-size: .88rem; line-height: 1.4; }

.qazagents-index .skill-card .package-name { margin: 0; color: hsl(var(--foreground)); font-family: inherit; font-size: .84rem; font-weight: 650; }

.site-footer {
  max-inline-size: 74rem;
}

@media (min-width: 768px) and (max-width: 1023px) {
  .route-tracks {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .route-map .route-steps {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .route-map .route-steps > li:nth-child(2n) {
    border-inline-end: 0;
  }

  .route-map .route-steps > li:nth-child(-n + 2) {
    border-block-end: 1px solid hsl(var(--border));
  }
}

@media (max-width: 767px) {
  .qazagents-home .home-hero {
    grid-template-columns: 1fr;
    column-gap: 0;
  }

  .route-map,
  .task-router-section,
  .specialization-directory { padding-block: 2.75rem; }

  .route-map .route-steps,
  .task-grid,
  .specialization-grid,
  .specialization-skills { border: 0; }

  .route-tracks {
    grid-template-columns: 1fr;
    border-block-end: 0;
  }

  .route-tracks li { border-bottom: 1px solid hsl(var(--border)); }
  .route-tracks li:last-child { border-inline-end: 0; border-bottom: 0; }
  .route-tracks a { min-block-size: 0; padding-inline: 0; }

  .route-map .route-steps > li,
  .task-card,
  .task-card:nth-child(3n + 2),
  .task-card:nth-child(3n + 3),
  .specialization-skill,
  .specialization-skill + .specialization-skill {
    min-block-size: auto;
    padding: 1rem 0;
    border-inline: 0;
    border-bottom: 1px solid hsl(var(--border));
  }

  .route-map .route-steps > li:last-child { border-bottom: 0; }

  .route-map .route-steps > li:first-child,
  .task-card:first-child,
  .specialization-skill:first-child { border-top: 1px solid hsl(var(--border)); }

  .specialization-card { padding: 1.25rem; }
}

/* Catalog and operating views use the same pinned AVDS tokens and type scale. */
.skill-card-path {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0;
  margin: 0;
  border-block: 1px solid hsl(var(--border));
}

.qazagents-index .skill-card-path {
  border-block: 0;
  border-inline-start: 1px solid hsl(var(--border));
}

.skill-card-path > div {
  display: grid;
  align-content: start;
  gap: .35rem;
  min-inline-size: 0;
  padding: .75rem;
}

.skill-card-path > div + div { border-inline-start: 1px solid hsl(var(--border)); }

.skill-card-path dt {
  color: hsl(var(--muted-foreground));
  font-size: .7rem;
  font-weight: 760;
  letter-spacing: .07em;
  text-transform: uppercase;
}

.skill-card-path dd {
  min-inline-size: 0;
  margin: 0;
  color: hsl(var(--foreground));
  font-size: .9rem;
  line-height: 1.38;
  overflow-wrap: anywhere;
}

.qazagents-operating .document-head,
.qazagents-guardian .page-intro { max-inline-size: 62rem; }

.qazagents-operating .document-head .lede,
.qazagents-guardian .page-intro .lede { max-inline-size: 52rem; line-height: 1.5; }

.capability-intro {
  padding-block-end: 1.25rem;
  border-block-start: 0;
}

.capability-groups {
  display: grid;
  gap: 0;
  padding-block: 0;
  border-block: 1px solid hsl(var(--border));
}

.capability-group {
  display: grid;
  gap: 1.25rem;
  padding-block: clamp(1.75rem, 4vw, 3rem);
  border-bottom: 1px solid hsl(var(--border));
}

.capability-group:last-child { border-bottom: 0; }

.capability-group > header {
  display: grid;
  grid-template-columns: minmax(12rem, .4fr) minmax(0, 1fr);
  gap: 1rem 2rem;
  align-items: baseline;
}

.capability-group > header h2,
.capability-group > header p { margin: 0; }

.capability-group > header p { color: hsl(var(--muted-foreground)); }

.capability-group .registry-grid { display: grid; }

.capability-card {
  min-block-size: 0;
  padding: 1.1rem;
  border-radius: 0;
  border-block-start: 2px solid hsl(var(--primary));
}

.capability-card h3 { max-inline-size: 20ch; margin: 0; }

.capability-action {
  margin-block-start: auto !important;
  padding-block-start: .9rem;
  border-block-start: 1px solid hsl(var(--border));
  color: hsl(var(--muted-foreground));
}

.process-map {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0;
  margin: 1.25rem 0 0;
  padding: 0;
  list-style: none;
  border-block: 1px solid hsl(var(--border));
}

.process-map li {
  display: grid;
  align-content: start;
  gap: .35rem;
  min-block-size: 8.5rem;
  padding: 1rem;
}

.process-map li + li { border-inline-start: 1px solid hsl(var(--border)); }

.process-map strong {
  color: hsl(var(--primary));
  font-size: .72rem;
  letter-spacing: .06em;
  text-transform: uppercase;
}

.process-map span { font-size: .92rem; line-height: 1.4; }

@media (min-width: 768px) and (max-width: 1023px) {
  .qazagents-help .process-map { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .qazagents-help .process-map li:nth-child(odd) { border-inline-start: 0; }
  .qazagents-help .process-map li:nth-child(n + 3) { border-block-start: 1px solid hsl(var(--border)); }
}

.process-routes {
  display: grid;
  gap: 0;
  padding-block: 0;
  border-block: 1px solid hsl(var(--border));
}

.process-route {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: clamp(1rem, 3vw, 2.5rem);
  padding-block: clamp(1.5rem, 3vw, 2.5rem);
  border-bottom: 1px solid hsl(var(--border));
}

.process-route:last-child { border-bottom: 0; }

.process-route > header { display: grid; align-content: start; gap: .65rem; }

.process-route > header h2,
.process-route > header p { margin: 0; }

.process-route > header p { color: hsl(var(--muted-foreground)); line-height: 1.45; }

.process-route .text-link { justify-self: start; }
.process-route > .primary-action { justify-self: start; }

.qazagents-operating .registry-card .text-link { margin-block-start: auto; }

.solutions-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }

.solution-card {
  display: grid;
  align-content: start;
  gap: 1rem;
  min-block-size: 17rem;
  border-radius: 0;
  border-block-start: 3px solid hsl(var(--primary));
}

.solution-card h2 { max-inline-size: 20ch; }

.solution-path {
  display: grid;
  gap: .75rem;
  margin: auto 0 0;
  padding-block-start: 1rem;
  border-block-start: 1px solid hsl(var(--border));
}

.solution-path div { display: grid; gap: .2rem; }

.solution-path dt {
  color: hsl(var(--muted-foreground));
  font-size: .7rem;
  font-weight: 760;
  letter-spacing: .07em;
  text-transform: uppercase;
}

.solution-path dd { margin: 0; font-size: .92rem; line-height: 1.42; }

.link-stack {
  display: flex;
  flex-wrap: wrap;
  gap: .5rem 1rem;
}

.link-stack .text-link { overflow-wrap: anywhere; }

.qazagents-guardian .guardian-runtime:not(.state-panel) {
  max-inline-size: 66rem;
  padding-block: clamp(2rem, 5vw, 4rem);
}

.qazagents-guardian .status-summary {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0;
  border-block: 1px solid hsl(var(--border));
}

.qazagents-guardian .status-summary > div {
  display: grid;
  gap: .5rem;
  min-block-size: 7rem;
  align-content: start;
  padding: 1rem;
}

.qazagents-guardian .status-summary > div + div { border-inline-start: 1px solid hsl(var(--border)); }

.qazagents-guardian .status-summary dd {
  margin: 0;
  font-family: var(--font-display);
  font-size: 1.05rem;
  font-weight: 650;
  line-height: 1.2;
}

.qazagents-guardian .guardian-gates { max-inline-size: 66rem; }

.guardian-gates > p { max-inline-size: 58rem; color: hsl(var(--muted-foreground)); }

.guardian-gates li > div { display: grid; gap: .3rem; min-inline-size: 0; }

.guardian-gates li strong { font-weight: 720; }

.guardian-gates li p { margin: 0; color: hsl(var(--muted-foreground)); font-size: .9rem; line-height: 1.42; }

.guardian-gate-status { flex: 0 0 auto; color: hsl(var(--foreground)); font-weight: 680; white-space: nowrap; }

@media (max-width: 767px) {
  .qazagents-index .skill-card,
  .capability-group > header,
  .process-route { grid-template-columns: 1fr; }

  .qazagents-index .skill-card { gap: 0; }

  .skill-card-heading,
  .skill-card-footer { padding-inline: 0; }

  .qazagents-index .skill-card-footer,
  .qazagents-index .skill-card-path { border-inline-start: 0; border-block-start: 1px solid hsl(var(--border)); }

  .skill-card-path,
  .process-map,
  .qazagents-guardian .status-summary { grid-template-columns: 1fr; }

  .skill-card-path > div + div,
  .process-map li + li,
  .qazagents-guardian .status-summary > div + div {
    border-inline-start: 0;
    border-block-start: 1px solid hsl(var(--border));
  }

  .skill-card-path > div { padding-inline: 0; }

  .process-map li {
    min-block-size: 0;
    padding-inline: 0;
  }

  .process-route .process-map,
  .process-route .text-link { grid-column: auto; }

  .capability-card { min-block-size: auto; }

  .solutions-grid { grid-template-columns: 1fr; }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .qazagents-index .skill-card {
    grid-template-columns: minmax(0, 1fr);
  }

  .qazagents-index .skill-card-heading,
  .qazagents-index .skill-card-path,
  .qazagents-index .skill-card-footer { grid-column: 1 / -1; }

  .qazagents-index .skill-card-path {
    border-inline-start: 0;
    border-block: 1px solid hsl(var(--border));
  }

  .qazagents-index .skill-card-footer {
    grid-template-columns: minmax(0, auto) minmax(0, 1fr) auto;
    align-items: center;
    border-inline-start: 0;
    border-block-start: 1px solid hsl(var(--border));
    padding: .8rem 0;
  }
}