/* Shared identity and safe interaction primitives; shell-specific layouts stay local. */
.vardaq-brand { display: inline-flex; max-width: 100%; text-decoration: none; color: var(--vq-ink, #0b1220); }
.vardaq-lockup {
  display: flex; flex-direction: column; align-items: center; justify-content: center;
  width: 200px; max-width: 100%; padding: 10px 12px 9px;
  background: #fff; border: 1px solid #dbe3eb; border-radius: 10px;
  box-shadow: 0 5px 20px rgb(3 16 32 / 9%), inset 0 1px 0 #fff;
  line-height: 1.3; overflow: hidden;
}
.vardaq-lockup .vardaq-logo { display: block; width: 100%; height: auto; aspect-ratio: 2 / 1; object-fit: contain; flex: none; }
.vardaq-tagline { display: block; color: #2a3a4a; font: 650 8px/1.4 var(--vq-font, Arial, sans-serif); letter-spacing: .12em; text-align: center; margin-top: 5px; }
:where(a, button, input, select, textarea, summary, [tabindex]):focus-visible {
  outline: 3px solid #0066ff; outline-offset: 3px; box-shadow: 0 0 0 6px #f5f7fa;
}
button:disabled, input:disabled, select:disabled, textarea:disabled { cursor: not-allowed; }
button, a, input, select, textarea { touch-action: manipulation; }
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: 0ms !important; scroll-behavior: auto !important; }
}