button, select, textarea {
  min-height: 44px;
  border: 1px solid var(--line);
  border-radius: 9px;
  background: var(--surface);
  color: var(--ink);
}
button { padding: 9px 12px; cursor: pointer; }
button:hover:not(:disabled) { border-color: #9da9bd; }
button:disabled { cursor: not-allowed; opacity: .62; }
select { padding: 8px 34px 8px 11px; }
textarea { width: 100%; resize: vertical; padding: 10px 12px; }
a { color: #354fc4; }
:focus-visible { outline: 3px solid #7691ff; outline-offset: 2px; }
small { color: var(--muted); font-size: 10px; font-weight: 750; letter-spacing: .08em; }
.badge { display: inline-flex; align-items: center; min-height: 28px; width: fit-content; border: 1px solid var(--line); border-radius: 999px; padding: 4px 9px; color: #445069; font-size: 11px; font-weight: 700; }
.badge.ok { border-color: #78b9a6; background: var(--green-soft); color: var(--green); }
.badge.warn { border-color: #e1ba67; background: var(--amber-soft); color: var(--amber); }
.badge.bad { border-color: #dc8f9c; background: var(--red-soft); color: var(--red); }
.skip-link { position: fixed; left: 12px; top: -80px; z-index: 120; padding: 12px; background: #fff; }
.skip-link:focus { top: 12px; }