.state-overlay-grid{margin:var(--space-2xl) 0;padding:var(--space-xl) var(--space-lg);background:var(--color-bg-secondary);border-radius:var(--radius-lg)}.state-overlay-grid h2{margin:0 0 var(--space-sm);font-size:var(--text-2xl);color:var(--color-text-primary)}.state-overlay-grid__intro{margin:0 0 var(--space-lg);font-size:var(--text-base);color:var(--color-text-secondary);max-width:60ch}.state-overlay-grid__list{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-sm);list-style:none;margin:0;padding:0}.state-overlay-grid__card{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:#fff;border:1px solid var(--color-border, #d1d5db);border-radius:var(--radius-md);text-decoration:none;color:var(--color-text-primary);font-size:var(--text-base);transition:background .15s,border-color .15s,transform .15s}.state-overlay-grid__card:hover,.state-overlay-grid__card:focus-visible{background:var(--color-charcoal, #1a1a1a);border-color:var(--color-charcoal, #1a1a1a);color:#fff;transform:translateY(-1px);outline:none}.state-overlay-grid__name{font-weight:600}.state-overlay-grid__code{font-size:var(--text-xs);font-weight:500;letter-spacing:.05em;opacity:.55}.state-overlay-grid__card:hover .state-overlay-grid__code,.state-overlay-grid__card:focus-visible .state-overlay-grid__code{opacity:.85}