
/* ==========================================================
   SIGNAL FOR ALL V22 — ACCESSIBLE PRODUCT PLATFORM
   Search · PWA · Trust · Evidence · Feedback · Quick Start
   ========================================================== */
.v22-command-trigger{
  position:fixed;left:18px;bottom:18px;z-index:715;min-height:48px;border-radius:999px;
  border:1px solid var(--line);background:var(--paper);color:var(--ink);padding:9px 14px;
  box-shadow:0 14px 38px rgba(31,24,80,.16);font-weight:900
}
.v22-command-trigger kbd{font:inherit;font-size:.72rem;color:var(--muted);margin-left:5px}
.v22-command-dialog{border:0;border-radius:26px;padding:0;width:min(760px,calc(100% - 24px));max-height:80vh;box-shadow:0 34px 110px rgba(25,20,70,.33);background:var(--paper);color:var(--ink)}
.v22-command-dialog::backdrop{background:rgba(20,17,45,.46);backdrop-filter:blur(5px)}
.v22-command-inner{padding:18px}
.v22-command-head{display:flex;align-items:flex-start;gap:12px}
.v22-command-head>div{flex:1}.v22-command-head h2{margin:.1rem 0 .25rem;font-size:1.25rem}
.v22-command-close{width:44px;height:44px;border-radius:50%;padding:0}
.v22-searchbox{width:100%;font-size:1.05rem;margin-top:12px}
.v22-command-meta{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0;color:var(--muted);font-size:.8rem}
.v22-results{display:grid;gap:7px;margin-top:8px;max-height:52vh;overflow:auto}
.v22-result{
  display:grid;grid-template-columns:1fr auto;gap:14px;align-items:center;width:100%;text-align:left;
  border:1px solid var(--line);border-radius:16px;background:var(--paper2);color:var(--ink);padding:12px
}
.v22-result[aria-selected="true"],.v22-result:focus{outline:3px solid rgba(114,88,255,.35);border-color:var(--purple)}
.v22-result strong{display:block}.v22-result small{display:block;color:var(--muted);margin-top:3px;line-height:1.35}
.v22-result .v22-kind{font-size:.68rem;font-weight:950;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.v22-empty{padding:18px;border:1px dashed var(--line);border-radius:16px;color:var(--muted)}
.v22-offline-pill{position:fixed;left:50%;bottom:18px;transform:translateX(-50%);z-index:714;border-radius:999px;background:#171f52;color:#fff;padding:8px 13px;font-weight:900;box-shadow:0 12px 30px rgba(0,0,0,.18)}
.v22-offline-pill[hidden]{display:none}

.v22-quickstart{padding:68px 0}
.v22-quick-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:28px;align-items:start}
.v22-quick-copy h2{font-size:clamp(2.3rem,5vw,5rem);line-height:.96;letter-spacing:-.055em}
.v22-goals{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.v22-goal{min-height:118px;text-align:left;border:1px solid var(--line);border-radius:22px;padding:16px;background:var(--paper);color:var(--ink)}
.v22-goal strong{display:block;font-size:1rem}.v22-goal small{display:block;color:var(--muted);margin-top:6px;line-height:1.4}
.v22-goal[aria-pressed="true"]{border-color:var(--purple);background:var(--purple-soft)}
.v22-route{margin-top:14px;border:1px solid var(--line);border-radius:22px;padding:17px;background:var(--paper2)}
.v22-route h3{margin:.1rem 0 .45rem}.v22-route-links{display:flex;gap:8px;flex-wrap:wrap}
.v22-resume{margin-top:12px;padding:13px;border-left:4px solid var(--cyan);background:var(--paper2);border-radius:0 15px 15px 0}
.v22-resume[hidden]{display:none}

.v22-trust-snapshot{margin:28px auto;padding:18px;border:1px solid var(--line);border-radius:22px;background:var(--paper2)}
.v22-trust-snapshot header{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.v22-trust-snapshot h2{font-size:1.25rem;margin:.1rem 0}.v22-trust-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:12px}
.v22-trust-grid div{padding:11px;border-radius:14px;background:var(--paper);border:1px solid var(--line)}
.v22-trust-grid strong{display:block;font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}
.v22-trust-grid span{display:block;margin-top:4px;font-weight:850}

.v22-evidence-grid{display:grid;gap:14px}
.v22-evidence-card{border:1px solid var(--line);border-radius:24px;background:var(--paper);padding:20px}
.v22-evidence-card header{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;flex-wrap:wrap}
.v22-evidence-card h2{font-size:1.35rem;margin:.1rem 0}.v22-evidence-meta{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:14px}
.v22-evidence-meta div{border-top:1px solid var(--line);padding-top:9px}
.v22-evidence-meta strong{display:block;font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}
.v22-status{display:inline-flex;padding:5px 10px;border-radius:999px;font-size:.72rem;font-weight:950;border:1px solid var(--line)}
.v22-status.implemented{background:#ebfff7;color:#13684e}.v22-status.research{background:#f2efff;color:#5d49c2}.v22-status.pending{background:#fff7dc;color:#815d00}.v22-status.rule{background:#effafd;color:#14666c}
.v22-levels{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.v22-level{padding:14px;border:1px solid var(--line);border-radius:16px;background:var(--paper2)}

.v22-trust-grid-page{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.v22-trust-card{border:1px solid var(--line);border-radius:24px;background:var(--paper);padding:20px}
.v22-trust-card h2{font-size:1.4rem;margin:.1rem 0 .6rem}.v22-trust-card ul{margin-bottom:0}
.v22-limitations{border-left:5px solid #b07b00;background:#fff7de;padding:17px;border-radius:0 18px 18px 0}
html[data-sfa-theme="dark"] .v22-limitations{background:#302812}

.v22-health{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:15px}
.v22-health-row{display:flex;justify-content:space-between;gap:12px;padding:12px;border:1px solid var(--line);border-radius:14px;background:var(--paper)}
.v22-health-row b.ok{color:#14765a}.v22-health-row b.note{color:#8a6500}
.v22-health-note{margin-top:12px;color:var(--muted);font-size:.9rem}

.v22-feedback-form{display:grid;gap:14px;max-width:820px}
.v22-feedback-form fieldset{border:1px solid var(--line);border-radius:18px;padding:16px}
.v22-feedback-form legend{font-weight:900;padding:0 5px}
.v22-feedback-form .v22-field{display:grid;gap:6px}.v22-feedback-form textarea{min-height:150px}
.v22-feedback-status{padding:12px;border-radius:14px;background:var(--paper2);border:1px solid var(--line)}
.v22-feedback-status[hidden]{display:none}.v22-feedback-status.ok{border-color:#79c9aa}.v22-feedback-status.err{border-color:#d99a9a}
.v22-hp{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}

.v22-lite-callout{padding:14px 16px;border-radius:16px;background:var(--paper2);border:1px solid var(--line)}
.v22-install-state{display:inline-flex;gap:7px;align-items:center}
.v22-install-state::before{content:"●";color:#7a8198}.v22-install-state.ready::before{color:#168363}

@media(max-width:900px){
  .v22-quick-grid,.v22-trust-grid-page{grid-template-columns:1fr}
  .v22-trust-grid,.v22-evidence-meta{grid-template-columns:1fr 1fr}
}
@media(max-width:640px){
  .v22-command-trigger{left:10px;bottom:10px}.v22-offline-pill{bottom:68px}
  .v22-goals,.v22-trust-grid,.v22-evidence-meta,.v22-health,.v22-levels{grid-template-columns:1fr}
  .v22-result{grid-template-columns:1fr}.v22-kind{justify-self:start}
}
@media print{
  .header,.footer,.cookie,.v16-a11y,.v17-assist,.v22-command-trigger,.v22-command-dialog,.v22-offline-pill,.access-dock,.v15-spotlight,.v15-grain,button:not(.print-keep){display:none!important}
  body{background:#fff!important;color:#000!important;font-size:11pt!important}
  main,.shell{max-width:none!important;width:100%!important}
  a{color:#000!important;text-decoration:underline}a[href^="http"]::after{content:" (" attr(href) ")";font-size:8pt}
  .card,.v22-evidence-card,.v22-trust-card{break-inside:avoid;box-shadow:none!important}
}

.sfa-update-notice{position:fixed;bottom:1rem;left:1rem;right:1rem;z-index:1000;max-width:44rem;margin:auto;padding:1rem;border:2px solid currentColor;border-radius:1rem;background:var(--bg,#fffdf9);color:var(--text,#182329);box-shadow:0 4px 24px #0003;max-height:45vh;overflow:auto}.sfa-update-notice[hidden]{display:none}.sfa-update-notice p{margin:0 0 .75rem}.sfa-update-notice button{min-height:44px;margin:.25rem;padding:.65rem 1rem}.sfa-update-notice button:focus-visible{outline:3px solid currentColor;outline-offset:3px}

/* V45.3.5 keyboard focus, errors, narrow content and intrinsic images. */
:where(a,button,input,select,textarea,summary):focus-visible{outline:3px solid currentColor;outline-offset:4px}
.v19-err{display:block;color:#9d2424;font-weight:600}
[data-v21-theme="dark"] .v19-err{color:#ffb8b8}
img{max-width:100%;height:auto}
@media(max-width:360px){.shell{max-width:100%;padding-inline:16px}h1,h2,h3,p,a{overflow-wrap:anywhere}.form,.field,select,input,textarea{min-width:0;max-width:100%}.cookie-row,.cookie-actions{flex-wrap:wrap}}

html[data-sfa-theme="dark"] body .btn.secondary{background:#25293b;color:#f6f7ff;border-color:#7c849e}
html[data-sfa-theme="dark"] body .v19-err{color:#ffb8b8}

/* Audited surfaces: readable foregrounds in both system themes. */
.eyebrow{color:#596184}
html[data-sfa-theme="dark"] body .eyebrow{color:#c5c9d8}
html[data-sfa-theme="dark"] body :is(.field input,.field select,.field textarea,.v22-field input,.v22-field select,.v22-field textarea,.v16-preview-ui,.v16-semantic-outline,.v17-transcript,.v32-eag-list>li,.v45-eag-chip,.v45-eag-prov,.sample-complex,.feature){background:#202536;color:#f6f7ff;border-color:#626b85}
html[data-sfa-theme="dark"] body :is(.v16-preview-note,.v32-eag-list p,.v45-eag-none,.feature span){color:#c5c9d8}
html[data-sfa-theme="dark"] body :is(.v16-preview-ui,.v32-eag-list,.v45-eag-prov) :is(a,button,input,select,textarea){color:#f6f7ff;background-color:#202536}

html[data-sfa-theme="dark"] body{--ink-2:#d6dbea}
html[data-sfa-theme="dark"] body .v16-preview-ui .sample-status{background:#183d34;color:#e0fff1}
html[data-sfa-theme="dark"] body .v16-preview-ui .sample-status :is(strong,p){color:#e0fff1}

html[data-sfa-theme="dark"] body :is(.legal p,.legal li,.v16-capabilities li){color:#d6dbea}
html[data-sfa-theme="dark"] body .v45-eag-legend{background:#202536;color:#f6f7ff}

html[data-sfa-theme="dark"] body .form-note{background:#202536;color:#d6dbea;border-color:#626b85}
html[data-sfa-theme="dark"] body .v22-health-row b{color:#91ecc6}
