.skip-link { position: fixed; z-index: 1000; left: 16px; top: 12px; transform: translateY(-180%); border: 2px solid var(--focus); border-radius: 8px; padding: 10px 13px; background: var(--bg-surface); color: var(--text-primary); font-weight: 650; text-decoration: none; box-shadow: var(--shadow-float); }
.skip-link:focus { transform: translateY(0); }
:target { scroll-margin-top: 88px; }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { scroll-behavior: auto !important; transition-duration: 0.01ms !important; animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; } }
[hidden] { display: none !important; }
:root { --text-tertiary: #60665c; }
@media (prefers-color-scheme: dark) { :root { --text-tertiary: #a3ab9e; } }
:focus-visible { outline: 2px solid var(--focus); outline-offset: 3px; }
main:focus { outline: none; }
.ux-fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px 20px; margin: 6px 0; }
.ux-fields > div { min-width: 0; }
.ux-fields dt { color: var(--text-secondary); font-size: 12px; }
.ux-fields dd { margin: 3px 0 0; overflow-wrap: anywhere; font-size: 13px; }
.ux-record-actions { display: flex; flex-wrap: wrap; gap: 8px; grid-column: 1 / -1; }
.ux-exact-copy { grid-column: 1 / -1; min-width: 0; }
.ux-exact-copy p { white-space: pre-wrap; overflow-wrap: anywhere; }
.ux-exact-copy summary { font-size: 12px; padding: 6px 0; }
.ux-recovery-journey { display: flex; gap: 24px; flex-wrap: wrap; padding-left: 24px; }
.ux-recovery-journey [aria-current] { font-weight: 700; color: var(--brand-strong); }
.ux-state-warning { color: var(--warning); }
#result.ux-feedback { position: static; margin: 16px 0 0; max-width: 100%; }
.ux-provider-card p { margin: 0; font-size: 12px; color: var(--text-secondary); }
.ux-capability-list li { align-items: start; }
.ux-capability-list li span:last-child { text-align: right; }
#receipts .ux-fields { grid-column: 1 / -1; }
.agent-surface-inner .eyebrow, .agent-surface-inner .muted { color: var(--text-inverse); }
.ux-provider-grid { grid-template-columns: repeat(auto-fit, minmax(min(100%, 200px), 1fr)); }
.journey-progress { overflow: visible; }
.journey-progress li { min-width: 0; }
@media (max-width: 980px) { .journey-progress { grid-template-columns: repeat(auto-fit, minmax(110px, 1fr)); } }
@media (max-width: 600px) { .ux-fields { grid-template-columns: 1fr; } }