/* Generated by scripts/build-public-styles.mjs from styles.css. */
:root {
  /* ── Base: tinta y registro (Sovereign Asset Interface - Stitch) ─────────────
     Superficies ultra-sobrias de banca privada (#0A0A0A, #141414, #1C1C1C) con
     bordes sutiles de 1px (#262626) y contraste máximo de confianza. */
  --ground:          #0A0F14;
  --register:        #111820;
  --register-raised: #18212B;
  --rule:            #232E3A;
  --rule-strong:     #35434F;

  /* ── Tinta ─────────────────────────────────────────────────────────────────── */
  --ink:           #E8EDF2;
  --ink-secondary: #9AA7B4;
  --ink-tertiary:  #6E7C8A;   /* SOLO ≥18px o no esencial */

  /* ── Veracidad institucional ───────────────────────────────────────────────── */
  --authorized:     #F59E0B;
  --authorized-strong: color-mix(in oklab, var(--authorized) 78%, white);
  --authorized-line: color-mix(in oklab, var(--authorized) 40%, transparent);
  --authorized-ink: #0A0A0A;
  --delivered:      #10B981;
  --refused:        #EF4444;
  --withheld:       #5FA8C7;
  --simulated:      #8B7BC8;
  --inflight:       #7FA6D9;

  --authorized-bg: color-mix(in oklab, var(--authorized) 12%, transparent);
  --delivered-bg:  color-mix(in oklab, var(--delivered)  12%, transparent);
  --refused-bg:    color-mix(in oklab, var(--refused)    12%, transparent);
  --withheld-bg:   color-mix(in oklab, var(--withheld)   12%, transparent);
  --simulated-bg:  color-mix(in oklab, var(--simulated)  12%, transparent);
  --inflight-bg:   color-mix(in oklab, var(--inflight)   12%, transparent);

  /* ── Tipografía: 2 familias, roles display/UI/machine ─────────────────────────────── */
  --font-display: 'Inter', system-ui, sans-serif;
  --font-ui:      'Inter', system-ui, sans-serif;
  --font-machine: 'JetBrains Mono', ui-monospace, monospace;

  /* Escala 1.25, base 16 */
  --text-xs: 0.75rem; --text-sm: 0.875rem; --text-base: 1rem; --text-lg: 1.25rem;
  --text-xl: 1.5625rem; --text-2xl: 1.953rem; --text-3xl: 2.441rem; --text-4xl: 3.052rem;
  --leading-tight: 1.2; --leading-body: 1.5; --leading-data: 1.35;

  /* ── Espaciado (densidad 7/10) ─────────────────────────────────────────────────────── */
  --space-1: 4px;  --space-2: 8px;   --space-3: 12px;  --space-4: 16px;
  --space-6: 24px; --space-8: 32px;  --space-12: 48px; --space-16: 64px;

  /* ── Radio. El instrumento es recto; la interfaz, no. ───────────────────────────────── */
  --radius-instrument: 0;
  --radius-sm: 4px; --radius-md: 8px; --radius-lg: 12px; --radius-full: 999px;

  /* ── Movimiento ────────────────────────────────────────────────────────────────────── */
  --motion-fast: 150ms;
  --motion-base: 220ms;
  --motion-ease: cubic-bezier(0.22, 0.61, 0.36, 1);

  /* ── Barra de navegación móvil / safe-area (DESIGN.md responsive) ────────── */
  --mobile-nav-height: 64px;
  --mobile-nav-safe-inset: env(safe-area-inset-bottom, 0px);
  --mobile-nav-total-height: calc(var(--mobile-nav-height) + var(--mobile-nav-safe-inset));

  /* ═════════════════════════════════════════════════════════════════════════════════════
     HEREDADOS — ahora ALIAS de los tokens de arriba.
     En la Fase 1 estos guardaban sus valores originales para no mover nada. Ya no: con
     todas las páginas migrándose en la misma pasada, apuntarlos aquí hace que las 1085
     líneas de estilo inline que quedan en console/app/agents/api/admin-kyc —que referencian
     `var(--surface)`, `var(--border)`, `var(--accent-amber)`…— adopten la paleta nueva sin
     tocarlas una por una. Es el único punto del rediseño con ese apalancamiento.
     Nota: `--surface` y `--glass-bg` dejan de ser translúcidos. El cristal sobre tablas
     densas hace el contraste impredecible, y estas tablas llevan dinero (DESIGN.md §4).
     NO añadir usos nuevos de estos nombres: en código nuevo van los de arriba.
     ═════════════════════════════════════════════════════════════════════════════════════ */
  --bg-dark:       var(--ground);
  --surface:       var(--register);
  --surface-hover: var(--register-raised);
  --surface-solid: var(--register);
  --border:        var(--rule);
  --border-hover:  var(--authorized);
  --text:          var(--ink);
  --text-muted:    var(--ink-secondary);
  --code-bg:       var(--register-raised);
  --glass-bg:      var(--register);
  /* Los acentos pasan a los tokens de veracidad, que sí dicen para qué son. El azul se mapea
     a `withheld` y el violeta a `simulated`: es el significado que ya tenían de hecho. */
  --accent-amber:  var(--authorized);
  --accent-green:  var(--delivered);
  --accent-red:    var(--refused);
  --accent-blue:   var(--withheld);
  --accent-violet: var(--simulated);
}

* { box-sizing: border-box; margin: 0; padding: 0; }
body { font: var(--text-base)/var(--leading-body) var(--font-ui); background: var(--ground); color: var(--ink); }
.text-primary { color: var(--authorized); }
a { color: var(--authorized); }
button { font: inherit; }
[hidden] { display: none !important; }
.wrap { width: 100%; max-width: 1120px; margin: 0 auto; padding-inline: var(--space-4); }
@media (min-width: 768px) { .wrap { padding-inline: var(--space-8); } }
.skip-link { position: absolute; left: -999px; top: var(--space-2); z-index: 50; background: var(--authorized); color: var(--authorized-ink); padding: var(--space-2) var(--space-3); }
.skip-link:focus { left: var(--space-4); }
.site-header { border-bottom: 1px solid var(--rule); }
.brand { font-weight: 700; text-decoration: none; }
.lang { display: flex; }
.lang button { background: var(--ground); color: var(--ink-secondary); }
.lang button[aria-pressed="true"] { background: var(--register-raised); color: var(--ink); }
body[data-page="public-issuances"] { overflow-x: clip; }
html:has(.essential), body.essential { overflow-x: clip; }
.essential { background: var(--ground); color: var(--ink); font: var(--text-base)/1.6 var(--font-ui); }
.essential *, .site-header *, .public-footer * { box-sizing: border-box; }
.essential section { padding: 0; }
.essential .wrap, .site-header .wrap, .public-footer .wrap { width: 100%; max-width: 1280px; margin-inline: auto; padding-inline: var(--space-4); }
.essential h1, .essential h2, .essential h3 { min-width: 0; overflow-wrap: anywhere; font-family: var(--font-display); font-style: normal; color: var(--ink); text-wrap: balance; }
.essential h1 { font-size: clamp(2.75rem, 5.8vw, 5.5rem); line-height: 1.04; letter-spacing: -.03em; font-weight: 700; margin: 0 0 var(--space-6); }
.essential h2 { font-size: clamp(2rem, 3.8vw, 3.5rem); line-height: 1.1; letter-spacing: -.03em; font-weight: 600; margin: 0 0 var(--space-6); }
.essential h3 { font-size: var(--text-xl); line-height: 1.25; font-weight: 600; letter-spacing: -.02em; margin: 0 0 var(--space-4); }
.essential p { max-width: 66ch; color: var(--ink-secondary); margin: 0 0 var(--space-6); font-size: var(--text-base); line-height: 1.6; }
.essential .lede { font-size: clamp(1.125rem, 1.5vw, 1.25rem); max-width: 48ch; }
.essential a { color: var(--ink); text-decoration-thickness: 1px; text-underline-offset: var(--space-1); max-width: 100%; overflow-wrap: anywhere; }
.essential a, .essential button, .essential summary, .site-header a, .site-header button, .public-footer a { min-height: 44px; min-width: 44px; }
.essential a { display: inline-flex; align-items: center; padding-block: var(--space-2); }
.essential .skip-link, .essential .skip-link:hover { color: var(--authorized-ink); }
.essential :focus-visible, .site-header :focus-visible, .public-footer :focus-visible { outline: 2px solid var(--ink); outline-offset: var(--space-1); }
.essential ::selection, .site-header ::selection { background: var(--authorized); color: var(--authorized-ink); }
.essential code { font-family: var(--font-machine); overflow-wrap: anywhere; }
.essential [id] { scroll-margin-top: var(--space-6); }
.essential .section-label { display: block; color: var(--authorized); font: 400 var(--text-xs)/1.6 var(--font-machine); letter-spacing: .12em; text-transform: uppercase; margin: 0 0 var(--space-6); }
.site-header { position: relative; flex-shrink: 0; background: var(--ground); color: var(--ink); border-bottom: 1px solid var(--rule); }
.site-header .wrap { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-2) var(--space-6); padding-block: var(--space-3); }
.site-header .brand, .public-footer .brand { display: inline-flex; align-items: center; color: var(--ink); font: 700 24px/1 var(--font-ui); letter-spacing: -.04em; text-decoration: none; padding: 0; }
.site-header .brand { margin-right: auto; gap: 0; }
.brand-point { color: var(--authorized); }
.brand-point::after { content: "."; }
.site-header .header-nav { position: static; display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-2) var(--space-6); background: none; border: 0; padding: 0; box-shadow: none; backdrop-filter: none; }
.site-header .header-nav a { display: inline-flex; align-items: center; color: var(--ink-secondary); font: 400 var(--text-xs)/1.5 var(--font-machine); letter-spacing: .08em; text-transform: uppercase; text-decoration: none; white-space: nowrap; }
.site-header .lang { display: flex; gap: var(--space-2); margin: 0; padding: 0; border: 0; border-radius: 0; background: none; }
.site-header .lang button { min-width: 44px; min-height: 44px; border: 0; border-bottom: 1px solid transparent; border-radius: 0; padding: var(--space-2); background: none; color: var(--ink-secondary); cursor: pointer; font: 400 var(--text-xs) var(--font-machine); }
.site-header .lang button[aria-pressed="true"] { color: var(--ink); border-bottom-color: var(--authorized); background: none; }
.essential .btn-primary, .essential .btn-outline, .essential .mcp-guides-copy, .essential [role="tab"], .essential .invest-link, body[data-page="api"] .btn-outline { display: inline-flex; align-items: center; justify-content: center; min-height: 48px; border: 1px solid var(--ink-secondary); border-radius: 0; padding: 14px 28px; font: 600 var(--text-sm)/1.5 var(--font-machine); letter-spacing: .06em; text-transform: uppercase; text-decoration: none; white-space: nowrap; cursor: pointer; background: none; color: var(--ink); transition: background-color var(--motion-fast), border-color var(--motion-fast), color var(--motion-fast); }
.essential [data-claude-connector] { white-space: normal; text-align: center; }
.essential .btn-primary, .essential [role="tab"][aria-selected="true"] { background: var(--authorized); color: var(--authorized-ink); border-color: var(--authorized); }
.essential button:active:not(:disabled), .essential .btn-primary:active, .essential .btn-outline:active { background: var(--register-raised); color: var(--ink); }
.essential button:disabled, .essential [aria-disabled="true"] { border-style: dashed; color: var(--ink-secondary); cursor: not-allowed; }
.essential .mcp-guides-copy[data-state="copied"] { border-color: var(--ink); }
.essential .mcp-guides-copy[data-state="error"] { border-color: var(--refused); }
.public-home .skill-hero { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--space-12); padding-block: var(--space-12) var(--space-16); }
.hero-copy { min-width: 0; }
.hero-copy h1 { max-width: 11ch; }
.hero-copy h1 > span { display: block; }
.hero-actions { display: flex; flex-wrap: wrap; gap: var(--space-3); margin-block: var(--space-8) var(--space-6); }
.essential .trust-line { color: var(--ink); font-size: var(--text-sm); max-width: 50ch; margin-bottom: var(--space-3); }
.essential .scope-line { font-size: var(--text-sm); margin-bottom: 0; }
.instrument { position: relative; min-width: 0; border: 1px solid var(--rule-strong); background: var(--register); color: var(--ink); padding: var(--space-6); }
/* Corner ticks belong to the product instrument, with readings as their content. */
.instrument::before, .instrument::after { content: ""; position: absolute; width: 12px; height: 12px; border-color: var(--authorized); border-style: solid; pointer-events: none; }
.instrument::before { top: -1px; left: -1px; border-width: 1px 0 0 1px; }
.instrument::after { bottom: -1px; right: -1px; border-width: 0 1px 1px 0; }
.instrument-meta { display: flex; flex-wrap: wrap; justify-content: space-between; gap: var(--space-2); color: var(--ink-secondary); font: 400 11px/1.6 var(--font-machine); letter-spacing: .08em; }
.skill-file { padding-block: var(--space-12) var(--space-8); }
.skill-file strong { display: block; font: 600 clamp(2.75rem, 5vw, 4.5rem)/1.05 var(--font-machine); letter-spacing: -.04em; }
.skill-file strong > span { color: var(--authorized); }
.essential .skill-file p { margin: var(--space-4) 0 0; }
.instrument-readings { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-4); margin: 0 0 var(--space-4); padding-top: var(--space-6); border-top: 1px solid var(--rule); }
.instrument dt { color: var(--ink-secondary); font: 400 var(--text-xs)/1.5 var(--font-machine); letter-spacing: .04em; }
.instrument dd { margin: var(--space-2) 0 0; color: var(--ink); font: 400 var(--text-base)/1.5 var(--font-machine); overflow-wrap: anywhere; }
.essential .instrument-url { color: var(--ink); font: 400 var(--text-sm)/1.5 var(--font-machine); text-decoration: none; }
.hash-reading { display: grid; gap: var(--space-2); border-top: 1px solid var(--rule); padding-top: var(--space-4); font: 400 var(--text-xs)/1.6 var(--font-machine); color: var(--ink-secondary); }
.hash-reading code { overflow-wrap: anywhere; font-size: var(--text-xs); }
.hash-reading .mcp-guides-copy { justify-self: start; }
.public-home .compatibility { padding-block: var(--space-12) var(--space-16); border-block: 1px solid var(--rule); }
.compatibility h2 { max-width: 24ch; }
.agent-directory { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-2); margin-bottom: var(--space-6); }
.essential .agent-route { position: relative; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; gap: var(--space-3); padding: var(--space-4); border: 1px solid var(--rule); text-decoration: none; white-space: normal; text-transform: none; letter-spacing: 0; background: transparent; transition: background-color var(--motion-fast), border-color var(--motion-fast); }
.agent-route .agent-name { color: var(--ink); font: 500 16px/1.4 var(--font-ui); padding-right: var(--space-4); }
.agent-route .agent-via { color: var(--ink-secondary); font: 400 11px/1.5 var(--font-machine); letter-spacing: .02em; }
.agent-route .agent-arrow { position: absolute; right: var(--space-3); top: var(--space-4); color: var(--ink-secondary); }
.essential .agent-route[aria-selected="true"] { border-color: var(--authorized); background: var(--authorized-bg); color: var(--ink); }
.essential .agent-route:active { background: var(--register-raised); }
.essential .agent-route:hover { border-color: var(--ink-secondary); background: var(--register); }
.trust-chips { display: flex; flex-wrap: wrap; gap: var(--space-2); margin-block: var(--space-6) var(--space-2); }
.trust-chips span { padding: var(--space-1) var(--space-2); border: 1px solid var(--rule-strong); color: var(--ink-secondary); font: 400 11px/1.5 var(--font-machine); white-space: nowrap; cursor: default; }
.essential .trust-cnad { margin: 0 0 var(--space-4); max-width: 52ch; color: var(--ink-secondary); font: 400 11px/1.5 var(--font-machine); letter-spacing: .04em; }
.public-home .product-section, .essential .demo-disclosure { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--space-12); padding-block: var(--space-16); }
.product-copy { min-width: 0; align-self: center; }
.product-points { padding: 0; margin: var(--space-8) 0; list-style: none; }
.product-points li { position: relative; padding-left: var(--space-6); margin-block: var(--space-4); font-size: var(--text-base); }
.product-points li::before { content: ""; position: absolute; left: 0; top: .65em; width: 5px; height: 5px; border-radius: 50%; background: var(--authorized); }
.product-state { border-top: 1px solid var(--rule); padding-top: var(--space-6); margin-block: var(--space-6); }
.essential .product-state .section-label { color: var(--ink-secondary); margin-bottom: var(--space-2); }
.essential .product-state p { color: var(--ink); margin-bottom: 0; font-size: var(--text-sm); }
.outline-chips { display: flex; flex-wrap: wrap; gap: var(--space-2); }
.outline-chips span { border: 1px solid var(--rule-strong); padding: var(--space-1) var(--space-2); color: var(--ink-secondary); font: 400 11px/1.5 var(--font-machine); letter-spacing: .06em; cursor: default; }
.protocol-readings { align-self: center; }
.protocol-readings dl { margin-block: var(--space-8); }
.protocol-readings dl > div { margin-bottom: var(--space-8); }
.protocol-readings dd { font-size: var(--text-sm); line-height: 1.7; }
.conversation { padding-block: var(--space-8); }
.essential .investor-message { max-width: 90%; margin-left: auto; padding: var(--space-3) var(--space-4); color: var(--ink); background: var(--register-raised); }
.tool-reading { margin-block: var(--space-6) var(--space-3); color: var(--ink-secondary); font-size: var(--text-xs); }
.essential .conversation p { margin-bottom: var(--space-4); }
.catalog-reading { display: flex; justify-content: space-between; gap: var(--space-4); border-block: 1px solid var(--rule); padding-block: var(--space-4); font: 500 var(--text-base) var(--font-machine); }
.essential .data-source { font: 400 var(--text-xs)/1.6 var(--font-machine); margin-block: var(--space-3); overflow-wrap: anywhere; }
.tool-sequence { counter-reset: journey; list-style: none; margin: 0; padding: 0; }
.tool-sequence li { counter-increment: journey; display: grid; grid-template-columns: 24px minmax(0, 1fr); gap: var(--space-1) var(--space-3); border-top: 1px solid var(--rule); padding-block: var(--space-4); color: var(--ink); font-size: var(--text-base); }
.tool-sequence li::before { content: counter(journey, decimal-leading-zero); grid-row: span 2; color: var(--authorized); font: 400 var(--text-xs)/1.8 var(--font-machine); }
.tool-sequence code { font-size: var(--text-xs); color: var(--ink-secondary); }
.tool-sequence span { grid-column: 2; }
.essential .instrument-caption { font-size: var(--text-sm); margin: var(--space-4) 0 0; }
/* Source-dated CNAD register on the marketing page. */
.public-home #emisiones { grid-template-columns: minmax(0, 1fr); gap: var(--space-8); }
.registry-list { list-style: none; display: grid; gap: var(--space-8); padding: var(--space-8) 0; margin: 0; }
.registry-list > li { min-width: 0; border-top: 1px solid var(--rule); padding-top: var(--space-4); }
.registry-list > li > a { display: inline-flex; align-items: center; min-height: 44px; font: 400 var(--text-xs)/1.6 var(--font-machine); }
.essential .registry-list h3 { margin: var(--space-2) 0 var(--space-4); font-size: var(--text-lg); }
.registry-list dl { display: grid; gap: var(--space-3); }
.registry-list dd { margin: 0; overflow-wrap: anywhere; font: 400 var(--text-base)/1.6 var(--font-ui); }
.registry-instrument > a { display: inline-flex; align-items: center; min-height: 44px; }
@media (min-width: 761px) { .registry-list { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 760px) {
  .registry-list { gap: 0; padding: var(--space-4) 0; }
  .registry-list > li { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; column-gap: var(--space-2); padding: var(--space-2) 0; }
  .registry-list > li > a { min-height: 44px; }
  .essential .registry-list h3 { margin: 0; font-size: var(--text-base); }
  .registry-list dl { display: contents; }
  .registry-list dl > div:nth-child(1) { grid-column: 1 / 3; }
  .registry-list dl > div:nth-child(2) { grid-column: 3; grid-row: 1; }
  .registry-list dl > div:nth-child(3) { grid-column: 3; grid-row: 2; text-align: right; }
  .registry-list dt { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }
  .registry-list dd { font-size: var(--text-xs); line-height: 1.4; }
  .registry-list dl > div:nth-child(2) dd { border: 1px solid var(--rule-strong); border-radius: 999px; padding: 0.2rem 0.45rem; text-align: center; }
}
.token-instrument { align-self: center; }
.token-price { font: 600 clamp(3.5rem, 6vw, 5.5rem)/1.05 var(--font-display); letter-spacing: -.03em; padding-top: var(--space-16); }
.token-price > span { display: block; color: var(--ink-secondary); font: 400 var(--text-xs)/1.6 var(--font-machine); letter-spacing: .12em; margin-top: var(--space-3); }
.essential .token-rights { color: var(--authorized); font: 400 var(--text-xs)/1.6 var(--font-machine); letter-spacing: .08em; margin-block: var(--space-8); }
.token-facts { display: flex; flex-wrap: wrap; gap: var(--space-6); border-top: 1px solid var(--rule); padding-top: var(--space-6); }
.token-address { display: block; font-size: var(--text-xs); color: var(--ink-secondary); margin-block: var(--space-8); word-break: break-all; }
.public-home .closing-action { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--space-6); border-top: 1px solid var(--rule); padding-block: var(--space-12) var(--space-16); }
.closing-action h2 { max-width: 18ch; margin: 0; }
.closing-action a { min-height: 48px; }
.public-footer { flex-shrink: 0; border-top: 1px solid var(--rule); background: var(--ground); color: var(--ink-secondary); padding-block: var(--space-8); text-align: left; }
.public-footer .wrap { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: var(--space-4) var(--space-8); }
.public-footer p { color: var(--ink-secondary); font: 400 var(--text-sm)/1.6 var(--font-ui); margin: var(--space-2) 0 0; }
.public-footer nav { position: static; display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-2) var(--space-6); padding: 0; border: 0; background: none; box-shadow: none; backdrop-filter: none; }
.public-footer nav > span { font: 400 var(--text-xs)/1.6 var(--font-machine); color: var(--ink-secondary); }
.public-footer nav a { display: inline-flex; align-items: center; font: 400 var(--text-xs)/1.6 var(--font-machine); letter-spacing: .02em; color: var(--ink-secondary); text-decoration: none; white-space: nowrap; }
/* One accessible agent selector; endpoint readings share one instrument. */
.essential .mcp-guides-main { padding-block: var(--space-12) var(--space-16); }
.mcp-guides-main > h1 { max-width: 17ch; }
.install-resources { display: grid; grid-template-columns: minmax(0, 1fr); margin-block: var(--space-8) 0; gap: 0 var(--space-8); }
.install-resources > div { min-width: 0; padding-block: var(--space-6); }
.install-resources > .instrument-meta { grid-column: 1 / -1; padding: 0; }
.essential .auth-status { grid-column: 1 / -1; max-width: none; border-top: 1px solid var(--rule); padding-top: var(--space-4); margin: 0; font: 400 var(--text-xs)/1.8 var(--font-machine); }
.essential .install-resources h2 { font: 500 var(--text-base)/1.5 var(--font-machine); letter-spacing: 0; margin-bottom: var(--space-2); }
.essential .install-resources p { margin-bottom: var(--space-3); }
.install-resources a, .mcp-guides-url code { font: 400 var(--text-sm)/1.6 var(--font-machine); overflow-wrap: anywhere; }
.install-resources a { display: block; width: fit-content; }
.install-resources .mcp-guides-copy { margin-top: var(--space-3); }
.mcp-guides-url { display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-2); }
.mcp-guides-url code { display: flex; align-items: center; min-height: 44px; max-width: 100%; white-space: normal; overflow-wrap: anywhere; }
/* Skill-first start: one sentence to paste, shared by the home and step 1 of the install guide. */
.public-home .skill-start { padding-block: var(--space-12); border-top: 1px solid var(--rule); }
.skill-start h2 { max-width: 24ch; }
.skill-phrase-block { display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-4); max-width: 72ch; margin-block: var(--space-6) var(--space-2); }
.essential .skill-phrase { margin: 0; font: 400 var(--text-base)/1.6 var(--font-machine); color: var(--ink); overflow-wrap: anywhere; }
.essential .skill-start-note { max-width: 62ch; margin: 0; color: var(--ink-secondary); }
.essential .mcp-guides-main > .install-step h2 { font-size: clamp(1.5rem, 3vw, 2.25rem); max-width: 22ch; }
.essential .install-step-list { max-width: 75ch; margin: var(--space-6) 0; padding-left: var(--space-6); }
.essential .install-step-list li { padding-bottom: var(--space-3); line-height: 1.6; }
@media (min-width: 768px) { .skill-phrase-block { flex-direction: row; align-items: center; justify-content: space-between; } }
.essential .mcp-guides-note { margin-block: var(--space-6); padding: var(--space-6); border: 1px solid var(--rule-strong); background: var(--register); }
.essential .mcp-guides-note p { max-width: 75ch; margin: 0; }
.essential .skill-mcp-compare { margin-block: var(--space-8) 0; }
.essential .skill-mcp-compare > .lede { max-width: 62ch; }
.essential .skill-mcp-cards { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--space-4); margin-top: var(--space-6); }
.essential .skill-mcp-cards article { border: 1px solid var(--rule-strong); background: var(--register); padding: var(--space-6); }
.essential .skill-mcp-name { font: 500 var(--text-sm)/1.4 var(--font-machine); letter-spacing: .08em; text-transform: uppercase; margin: 0 0 var(--space-4); }
.essential .skill-mcp-cards dl { display: grid; gap: var(--space-4); margin: 0; }
.essential .skill-mcp-cards dt { font: 500 var(--text-xs)/1.5 var(--font-machine); letter-spacing: .06em; text-transform: uppercase; color: var(--ink-secondary); }
.essential .skill-mcp-cards dd { margin: var(--space-1) 0 0; max-width: 42ch; font-size: var(--text-base); line-height: 1.6; }
.essential .skill-mcp-recommend { max-width: 62ch; margin: var(--space-6) 0 0; }
.essential .mcp-guides-main > .skill-mcp-compare h2 { font-size: clamp(1.5rem, 3vw, 2.25rem); max-width: 18ch; }
.essential .install-what { max-width: 62ch; margin: 0 0 var(--space-4); font-size: var(--text-base); line-height: 1.6; }
.essential .skill-mcp-index { margin: var(--space-4) 0 0; font-size: var(--text-sm); }
.essential .skill-mcp-index a { display: inline-flex; align-items: center; min-height: 44px; }
@media (min-width: 768px) {
  .essential .skill-mcp-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
.essential #mcp-guides-live { min-height: var(--space-8); margin: 0; padding-block: var(--space-1); color: var(--ink); }
.mcp-guides-tabs { display: flex; flex-wrap: wrap; gap: var(--space-2); margin-top: var(--space-8); }
.essential .mcp-guides-panel { margin-top: var(--space-6); border-top: 1px solid var(--rule); padding-block: var(--space-8); background: none; }
.essential .mcp-guides-main > section h2 { font-size: clamp(2rem, 3.8vw, 3.5rem); }
.essential .mcp-guides-panel ol { max-width: 75ch; margin: var(--space-6) 0; padding-left: var(--space-6); }
.essential .mcp-guides-panel li { font-size: var(--text-base); line-height: 1.6; padding-bottom: var(--space-4); }
.essential .mcp-guides-panel > a { gap: var(--space-2); }
.essential .mcp-guides-main > section:not(.mcp-guides-panel), .essential .mcp-guides-main > details { margin-top: var(--space-12); }
.essential summary { display: flex; align-items: center; padding-block: var(--space-4); border-block: 1px solid var(--rule); color: var(--ink); cursor: pointer; font-size: var(--text-lg); }
.essential summary::after { content: "+"; margin-left: auto; font-family: var(--font-machine); }
.essential details[open] > summary::after { content: "−"; }
.mcp-guides-snippet { display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-4); background: var(--register); border: 1px solid var(--rule); padding: var(--space-4); margin-block: var(--space-6); }
.essential .mcp-guides-snippet pre { width: 100%; max-width: 100%; overflow-x: auto; margin: 0; font: 400 var(--text-sm)/1.7 var(--font-machine); white-space: pre; }
.resource-links { display: flex; flex-wrap: wrap; gap: var(--space-4); }
/* Registry: each record carries its real identifier, status, source and cutoff. */
.essential .public-main { padding-block: var(--space-12) var(--space-16); }
.public-intro h1 { max-width: 18ch; }
.essential .public-intro > p { font-size: var(--text-lg); max-width: 65ch; }
.essential .public-eyebrow { display: block; }
.essential .mode-notice { display: grid; gap: var(--space-3); border: 1px solid var(--rule-strong); background: var(--register); padding: var(--space-6); margin-top: var(--space-8); }
.mode-notice strong { font: 400 var(--text-xs)/1.6 var(--font-machine); letter-spacing: .08em; }
.essential .mode-notice p { max-width: 82ch; margin: 0; }
.essential .public-query-meta { min-height: 160px; padding-top: var(--space-4); }
.essential .review-date { font-size: var(--text-sm); margin-bottom: var(--space-2); }
.essential .demo-disclosure { border-block: 1px solid var(--rule); margin-bottom: var(--space-12); }
.status-guide { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--space-8); margin-bottom: var(--space-16); }
.essential .status-guide h2 { font-size: var(--text-xl); }
.essential .status-guide p { margin: 0; }
.essential .section-title { font-size: clamp(2rem, 3.8vw, 3rem); max-width: 24ch; margin-bottom: var(--space-8); }
.issuance-grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--space-12); }
.issuance-card { min-width: 0; border: 1px solid var(--rule-strong); background: var(--register); padding: var(--space-6); position: relative; }
.card-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: var(--space-4); margin-bottom: var(--space-6); }
.essential .card-kicker { color: var(--ink-secondary); font: 400 var(--text-xs)/1.5 var(--font-machine); letter-spacing: .08em; text-transform: uppercase; margin-bottom: var(--space-3); }
.essential .card-heading h3 { margin: 0; font-size: var(--text-xl); }
.card-number { font: 400 var(--text-xs)/1.6 var(--font-machine); color: var(--ink-secondary); }
.state-list { display: flex; flex-wrap: wrap; gap: var(--space-2); margin-bottom: var(--space-6); }
.state-tag { display: inline-flex; align-items: center; padding: var(--space-1) var(--space-2); border: 1px solid var(--rule-strong); color: var(--ink-secondary); font: 400 var(--text-xs)/1.5 var(--font-machine); cursor: default; }
.state-tag.review, .state-tag.status-parcial { color: var(--ink); }
.state-tag.status-abierta { border-color: var(--authorized); color: var(--authorized); }
/* Operation of an issuance is not proof of settlement: no green category marker. */
.state-tag.status-en-operacion { color: var(--ink); }
.fact-list { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--space-4); margin: var(--space-6) 0; }
.fact { min-width: 0; border-top: 1px solid var(--rule); padding-top: var(--space-4); }
.fact dt { color: var(--ink-secondary); font-size: var(--text-sm); }
.fact dd { margin: var(--space-2) 0 0; font: 500 var(--text-base)/1.6 var(--font-machine); overflow-wrap: anywhere; }
.provenance { display: block; color: var(--ink-secondary); font: 400 var(--text-xs)/1.6 var(--font-ui); margin-top: var(--space-1); }
.essential .evidence-note { border-top: 1px solid var(--rule); padding-top: var(--space-6); }
.evidence-note h4 { font: 600 var(--text-base)/1.5 var(--font-ui); margin-bottom: var(--space-4); }
.essential .evidence-note p { font-size: var(--text-base); }
.essential .discrepancy-note { border-top: 1px solid var(--rule); padding-top: var(--space-3); color: var(--ink-secondary); }
.source-links { display: flex; flex-wrap: wrap; gap: var(--space-2) var(--space-4); }
.essential .source-links a { font-size: var(--text-sm); }
.invest-action { margin-top: var(--space-4); }
.public-empty { grid-column: 1 / -1; padding: var(--space-8); border: 1px dashed var(--rule-strong); background: var(--register); }
.essential .public-empty h3 { margin-top: var(--space-4); }
.essential .public-empty p { margin-bottom: 0; }
#public-retry { margin-top: var(--space-6); }
.page-disclosure { margin-top: var(--space-16); border-top: 1px solid var(--rule); padding-top: var(--space-8) !important; }
.essential .page-disclosure h2 { font-size: var(--text-xl); }
.essential .page-disclosure p { max-width: 85ch; }
/* API changes stop at the chrome. Redoc keeps its existing theme and scroll model. */
body[data-page="api"] .site-header .container { height: auto; }
body[data-page="api"] .public-footer { position: relative; z-index: 2; padding-block: var(--space-3); }
body[data-page="api"] .public-footer .brand { font-size: 20px; }
body[data-page="api"] .public-footer p { margin: 0; }
body[data-page="api"] .public-footer a { min-height: 44px; }
body[data-page="api"] a:focus-visible, body[data-page="api"] button:focus-visible { outline: 2px solid var(--ink); outline-offset: var(--space-1); }
body[data-page="api"] #redoc-container a, body[data-page="api"] #redoc-container button, body[data-page="api"] #redoc-container input, body[data-page="api"] #redoc-container [role="button"] { min-height: 44px; min-width: 44px; }
body[data-page="api"] #redoc-container a:not(:empty) { display: inline-flex; align-items: center; }
@media (hover: hover) {
  .essential a:hover, .site-header .header-nav a:hover, .public-footer nav a:hover { color: var(--authorized); }
  .essential .btn-primary:hover, .essential .mcp-guides-copy.btn-primary:hover { color: var(--authorized-ink); background: var(--authorized-strong); border-color: var(--authorized); }
  .essential .btn-outline:hover, .essential .mcp-guides-copy:not(.btn-primary):hover, .essential .invest-link:hover { color: var(--ink); border-color: var(--authorized); background: var(--register-raised); }
  .essential .agent-route:hover .agent-name { color: var(--authorized); }
}
@media (min-width: 640px) {
  .essential .wrap, .site-header .wrap, .public-footer .wrap { padding-inline: var(--space-8); }
  .agent-directory { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .install-resources, .status-guide, .fact-list { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-8); }
  .fact-full { grid-column: 1 / -1; }
}
@media (min-width: 960px) {
  .public-home .skill-hero { grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr); gap: var(--space-16); align-items: center; padding-block: calc(var(--space-16) + var(--space-4)) calc(var(--space-16) + var(--space-8)); }
  .skill-instrument { margin-top: var(--space-8); }
  .public-home .agent-directory { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  #mcp-client-tabs { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .public-home .product-section, .essential .demo-disclosure { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: var(--space-16); padding-block: var(--space-16); }
  .issuance-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-8); }
  .essential .mcp-guides-main, .essential .public-main { padding-top: var(--space-16); }
}
@media (max-width: 760px) {
  .site-header .header-nav { order: 3; width: 100%; justify-content: flex-start; gap: var(--space-4); }
  .site-header .header-nav a { font-size: 11px; letter-spacing: .04em; }
  .site-header .wrap { gap: 0 var(--space-2); }
  .essential .public-query-meta { min-height: 208px; }
  body[data-page="api"] .site-header .header-nav { justify-content: flex-start; gap: var(--space-2) var(--space-4); }
  body[data-page="api"] .public-footer .brand, body[data-page="api"] .public-footer p { display: none; }
  body[data-page="api"] .public-footer { padding-block: 0; }
}
@media (min-width: 960px) and (max-width: 1279px) {
  .hero-copy h1 { min-height: 3.12em; }
  /* Reserve two chip rows across language and font changes in the narrow hero column. */
  .trust-chips { min-height: var(--space-16); align-content: start; }
}
@media (max-width: 374px) {
  .agent-route .agent-name { font-size: 14px; }
  .instrument { padding: var(--space-4); }
  .instrument-meta { font-size: 11px; }
  .essential .invest-link { padding-inline: var(--space-3); font-size: 11px; letter-spacing: 0; }
}
@media (prefers-reduced-motion: reduce) {
  .essential *, .essential *::before, .essential *::after, .site-header *, .public-footer * { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
}

/* URL copying and compact mobile layout. */
.mcp-guides-url, .mcp-guides-url-block { display: flex; flex-direction: row; align-items: center; gap: var(--space-3); }
.mcp-guides-url > :first-child, .essential .mcp-guides-url-block pre { min-width: 0; flex: 1; }
.install-resources .mcp-guides-url .mcp-guides-copy { margin: 0 0 0 auto; }
.mcp-guides-url-block .mcp-guides-copy { margin-left: auto; }
@media (max-width: 760px) {
  .site-header .wrap { height: auto; justify-content: flex-start; }
  .site-header .lang { margin-left: auto; }
  .essential .agent-directory { grid-template-columns: repeat(2, minmax(0, 1fr)); grid-auto-rows: 1fr; }
  .trust-chips span { white-space: normal; overflow-wrap: normal; }
  .mcp-guides-url, .mcp-guides-url-block { flex-direction: column; align-items: stretch; }
  .install-resources .mcp-guides-url .mcp-guides-copy, .mcp-guides-url-block .mcp-guides-copy { width: 100%; margin: 0; }
}

/* C3g: one connection, one installation path, progressive technical detail. */
.essential .install-endpoint { margin-top: var(--space-8); }
.essential .install-endpoint .mcp-guides-url { width: 100%; }
.essential .mcp-guides-main .agent-route { min-height: 64px; padding: var(--space-3) var(--space-4); }
.essential .mcp-guides-main .agent-via { display: none; }
.essential .install-fallback { margin-top: var(--space-4); }
.essential .install-fallback summary, .essential #install-advanced > summary { gap: var(--space-4); font: 500 var(--text-sm)/1.6 var(--font-machine); }
.essential .install-test { border-top: 1px solid var(--rule-strong); padding: var(--space-4); background: var(--register); margin-block: var(--space-8); }
.essential .install-test h3 { color: var(--authorized); text-transform: uppercase; letter-spacing: .12em; font: 500 var(--text-sm)/1.6 var(--font-machine); margin-bottom: var(--space-2); }
.essential .install-test h3::before { content: "● "; }
.essential .install-test p { margin: 0; }
.essential #install-advanced > h3 { margin-top: var(--space-8); }
.essential #install-advanced > p { margin-top: var(--space-4); }
@media (min-width: 960px) { .essential #mcp-client-tabs { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
.essential .mcp-guides-main .agent-directory { grid-auto-rows: auto; }

/* Decorative local marks share the text label and never replace it. */
.agent-heading { display: flex; align-items: center; gap: var(--space-2); min-width: 0; width: 100%; }
.agent-icon { display: block; flex: 0 0 22px; width: 22px; height: 22px; color: var(--ink-secondary); }
.agent-route .agent-name { min-width: 0; overflow-wrap: anywhere; }
.agent-route:hover .agent-icon, .agent-route[aria-selected="true"] .agent-icon { color: var(--authorized); }

/* 1030: the copy phrase replaces the decorative hero card; technical readings fold away. */
.public-home .skill-hero { grid-template-areas: "copy" "start" "foot"; gap: var(--space-6); padding-block: var(--space-8) var(--space-12); }
.public-home .skill-hero > .hero-copy { grid-area: copy; }
.public-home .skill-hero > .skill-start { grid-area: start; min-width: 0; padding-block: 0; border-top: 0; }
.public-home .skill-hero > .hero-foot { grid-area: foot; min-width: 0; }
.public-home .skill-hero .hero-copy h1 { margin-bottom: var(--space-4); }
.public-home .skill-hero .hero-copy .lede { margin-bottom: var(--space-4); }
.public-home .skill-hero .skill-start .section-label { margin-bottom: var(--space-3); }
.public-home .skill-hero .skill-start h2 { font-size: var(--text-xl); line-height: 1.3; margin-bottom: var(--space-3); }
.public-home .skill-hero .skill-phrase-block { flex-direction: column; align-items: flex-start; margin-top: 0; }
.public-home .skill-hero .hero-actions { margin-block: 0 var(--space-4); }
.essential .hero-scope { max-width: 52ch; margin-bottom: var(--space-4); padding-left: var(--space-3); border-left: 2px solid var(--authorized); color: var(--ink); }
.essential .skill-fallback { max-width: 72ch; margin-top: var(--space-4); }
.essential .skill-fallback > summary { gap: var(--space-4); font: 500 var(--text-sm)/1.6 var(--font-ui); }
.essential .skill-fallback ol { margin: var(--space-4) 0; padding-left: var(--space-6); color: var(--ink-secondary); }
.essential .skill-fallback li { padding-bottom: var(--space-2); line-height: 1.6; }
.agent-logos { display: flex; flex-wrap: wrap; gap: var(--space-2); margin: 0 0 var(--space-4); padding: 0; list-style: none; }
.agent-logos li { display: inline-flex; align-items: center; gap: var(--space-2); min-height: 44px; padding: var(--space-2) var(--space-3); border: 1px solid var(--rule); color: var(--ink-secondary); font: 400 var(--text-sm)/1.4 var(--font-ui); }
.essential .home-advanced { margin-top: var(--space-6); }
.essential .home-advanced > summary { gap: var(--space-4); font: 500 var(--text-sm)/1.6 var(--font-machine); }
.essential .home-advanced dl { margin: var(--space-4) 0 0; }
.essential .home-advanced dl > div { margin-bottom: var(--space-4); }
.essential .registry-note { margin: var(--space-4) 0 0; color: var(--ink); font: 500 var(--text-xs)/1.6 var(--font-machine); letter-spacing: .08em; text-transform: uppercase; }
@media (min-width: 960px) {
  .public-home .skill-hero { grid-template-areas: "copy start" "foot start"; row-gap: var(--space-6); padding-block: var(--space-12) var(--space-16); }
  .public-home .skill-hero > .skill-start { align-self: center; }
}
@media (max-width: 959px) {
  /* Keep the phrase and its Copy button inside the first 390 px screen in ES and EN. */
  .public-home .skill-hero { padding-top: var(--space-6); }
  .public-home .skill-hero .hero-copy h1 { font-size: clamp(2.25rem, 9vw, 2.75rem); }
  .public-home .skill-hero .skill-phrase-block { padding: var(--space-4); gap: var(--space-3); }
  .essential .skill-hero .skill-phrase { font-size: var(--text-sm); }
}
@media (max-width: 390px) {
  .hero-actions, .closing-action { flex-direction: column; align-items: stretch; }
  .hero-actions > a, .closing-action > a, .skill-fallback > .btn-outline, .skill-fallback > .btn-primary, .essential .skill-phrase-block > .btn-primary {
    width: 100%;
    white-space: normal;
    text-align: center;
  }
}

/* Shared consumer connection selector: readable instructions and native keyboard controls. */
.agent-connect { padding: var(--space-6); margin-block: var(--space-6); border: 1px solid var(--rule-strong); background: var(--register); color: var(--ink); font: 1rem/1.6 var(--font-ui); min-width: 0; }
.agent-connect fieldset { border: 0; min-width: 0; }
.agent-connect legend { font-size: 1.25rem; font-weight: 600; margin-bottom: var(--space-4); }
.agent-connect-choices { display: grid; gap: var(--space-2); }
.agent-connect .agent-connect-choice { display: block; width: 100%; min-height: 48px; padding: var(--space-2); border: 1px solid var(--ink-secondary); background: var(--register); color: var(--ink); font: 1rem/1.5 var(--font-ui); text-align: left; cursor: pointer; }
.agent-connect .agent-connect-choice[aria-pressed="true"] { border-color: var(--authorized); color: var(--authorized); }
.agent-connect summary { min-height: 48px; padding: var(--space-3) var(--space-2); font-size: 1rem; cursor: pointer; }
.agent-connect details .agent-connect-choice { margin-bottom: var(--space-2); }
.agent-connect .agent-connect-address { display: block; padding: var(--space-2); background: var(--ground); color: var(--ink); overflow-wrap: anywhere; user-select: text; font-size: 1rem; }
.agent-connect [data-agent] { margin-top: var(--space-4); }
.agent-connect p { margin-block: var(--space-3); font-size: 1rem; color: var(--ink); }
.agent-connect ol { padding-left: var(--space-6); margin-top: var(--space-4); }
.agent-connect li { margin-block: var(--space-2); font-size: 1rem; }
.agent-connect .agent-connect-action { display: inline-flex; align-items: center; justify-content: center; min-height: 48px; min-width: 44px; padding: var(--space-3) var(--space-4); margin-block: var(--space-3); background: var(--authorized); color: var(--authorized-ink); border: 1px solid var(--authorized); font: 600 1rem/1.5 var(--font-ui); text-decoration: none; text-align: center; white-space: normal; cursor: pointer; }
.agent-connect .agent-connect-action:not(:last-child) { margin-inline-end: var(--space-2); }
/* The landing marks the Claude link as the page CTA; it keeps the panel's typography. */
.essential .agent-connect .agent-connect-action.btn-primary { padding: var(--space-3) var(--space-4); font: 600 1rem/1.5 var(--font-ui); letter-spacing: 0; text-transform: none; }
.agent-connect .agent-connect-action:hover { background: var(--authorized-strong); }
.agent-connect :focus-visible { outline: 3px solid var(--authorized); outline-offset: 3px; }
.agent-connect .agent-connect-status { min-height: 1.6em; margin-bottom: 0; }
@media (max-width: 390px) { .agent-connect { padding: var(--space-4); } }

/* 1103: one public menu, one purpose per page. */
.site-header .header-nav a { font: 400 var(--text-base)/1.5 var(--font-ui); letter-spacing: 0; text-transform: none; white-space: normal; }
.site-header .header-nav { gap: var(--space-2) var(--space-4); }
.essential .home-process, .help-page section { border-top: 1px solid var(--rule); padding-block: var(--space-8); }
.essential .simple-steps { display: grid; gap: var(--space-6); padding-left: var(--space-6); margin-top: var(--space-6); }
.essential .simple-steps h3 { font: 600 var(--text-lg)/1.5 var(--font-ui); margin-bottom: var(--space-2); }
.essential .simple-steps p, .help-page p { max-width: 64ch; color: var(--ink-secondary); }
.essential .skill-hero { grid-template-areas: "copy" "start"; }
.essential .skill-hero [data-agent-connect] { margin-block: 0; }
.essential .skill-hero .hero-scope { border-left: 0; border-top: 1px solid var(--authorized-line); padding: var(--space-3) 0 0; }
.essential .technical-guides { margin-block: var(--space-8); border-top: 1px solid var(--rule-strong); }
.essential .technical-guides > summary { padding-block: var(--space-4); font: 600 var(--text-lg)/1.5 var(--font-ui); }
.essential .technical-guides .mcp-guides-panel { padding-block: var(--space-6); }
.essential .anchor-alias { display: block; scroll-margin-top: var(--space-6); }
.essential .mcp-guides-panel { scroll-margin-top: var(--space-6); }
.essential .skill-phrase { overflow-wrap: anywhere; }
.flow-help { display: inline-flex; align-items: center; justify-content: center; min-width: 44px; min-height: 44px; padding: var(--space-2); }
@media (min-width: 960px) {
  .essential .skill-hero { grid-template-areas: "copy start"; align-items: start; }
  .essential .simple-steps { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-8); }
}
@media (max-width: 600px) {
  .site-header .header-nav { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-2); }
  .site-header .header-nav a { font-size: var(--text-base); }
}
.agent-connect[data-variant="compact"] .agent-connect-choices { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.agent-connect[data-variant="compact"] .agent-connect-choice { text-align: center; }
.essential .skill-hero .hero-copy h1 { font-size: clamp(var(--text-2xl), 5vw, var(--text-4xl)); }
.essential .skill-hero .hero-copy h1 { max-width: 18ch; }
.essential .skill-hero { grid-template-areas: "copy" "start" "scope"; }
.essential .skill-hero > .hero-scope { grid-area: scope; }
@media (min-width: 960px) { .essential .skill-hero { grid-template-areas: "copy start" "scope start"; } }
.flow-help [lang="en"], html[lang="en"] .flow-help [lang="es"] { display: none; }
html[lang="en"] .flow-help [lang="en"] { display: inline; }
.essential .skill-hero [data-agent-connect] { min-height: 540px; }
.public-page .status-guide h3 { font: 600 var(--text-lg)/1.5 var(--font-ui); margin-bottom: var(--space-2); }

/* Keep the minimal flow navigation legible and reserve space during issuance loading. */
.transaction-page .site-header .header-nav a, .site-header .flow-help { color: var(--ink-secondary); }
.essential #emisiones-grid { min-height: 400px; }