html.a11y {
  font-size: 32px !important;
}
html.a11y body {
  --ink: #000 !important;
  --muted: #222 !important;
  --brand: #005c56 !important;
  --brand-dark: #004440 !important;
  --panel: #fff !important;
  --panel-border: #888 !important;
  --bg-top: #f0f0f0 !important;
  --bg-bottom: #e0e0e0 !important;
  line-height: 1.5 !important;
}
html.a11y body::before,
html.a11y body::after {
  display: none !important;
}
html.a11y body .shell {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}
html.a11y body .topbar {
  margin-bottom: 0.4rem !important;
  gap: 0.3rem !important;
}
html.a11y body .nav {
  gap: 0.2rem !important;
}
html.a11y body .page-card {
  padding: 0.7rem !important;
}
html.a11y body .pq-block {
  padding: 0.7rem 0.8rem !important;
  margin-top: 0.4rem !important;
}
html.a11y body .pq-block-title {
  margin-bottom: 0 !important;
}
html.a11y body .pq-subtitle {
  margin-bottom: 0.4rem !important;
}
html.a11y body .pq-section-label {
  margin-top: 0.4rem !important;
  margin-bottom: 0.2rem !important;
}
html.a11y body .pq-steps {
  margin-bottom: 0.6rem !important;
  gap: 0.15rem !important;
}
html.a11y body .pq-card-grid-2,
html.a11y body .pq-card-grid-3,
html.a11y body .pq-grid-2,
html.a11y body .pq-grid-3,
html.a11y body .pq-grid-4,
html.a11y body .pq-vehicle-grid,
html.a11y body .pq-vehicle-grid-4,
html.a11y body .pq-step3-urgency {
  gap: 0.2rem !important;
}
html.a11y body .pq-nav-actions {
  margin-top: 0.6rem !important;
  padding-top: 0.4rem !important;
}
html.a11y body .pq-committed-heading {
  margin-top: 0.6rem !important;
  margin-bottom: 0.25rem !important;
  padding: 0.3rem 0.5rem !important;
}
html.a11y body .pq-committed-item {
  padding: 0.4rem 0.6rem !important;
  margin-bottom: 0.25rem !important;
}
html.a11y body .pq-committed-meta {
  gap: 0.2rem !important;
}
html.a11y body .pq-step3-card {
  padding: 0.6rem 0.7rem !important;
  margin-bottom: 0.4rem !important;
}
html.a11y body .pq-step3-card-head {
  margin-bottom: 0.3rem !important;
}
html.a11y body .pq-step3-details {
  margin: 0.3rem 0 !important;
  padding: 0.4rem 0.6rem !important;
}
html.a11y body .pq-step3-privacy {
  margin-top: 0.4rem !important;
  padding: 0.4rem 0.6rem !important;
}
html.a11y body .pq-staging {
  padding: 0.5rem 0.7rem !important;
}
html.a11y body .field {
  margin-top: 0.3rem !important;
  margin-bottom: 0.3rem !important;
}
html.a11y body .field label {
  margin-bottom: 0.1rem !important;
}
html.a11y body .footer {
  margin-top: 0.5rem !important;
  gap: 0.3rem !important;
}
html.a11y body a:focus-visible,
html.a11y body button:focus-visible,
html.a11y body input:focus-visible,
html.a11y body select:focus-visible,
html.a11y body textarea:focus-visible,
html.a11y body [tabindex]:not([tabindex="-1"]):focus-visible {
  outline: 3px solid #0044cc !important;
  outline-offset: 3px !important;
  box-shadow: 0 0 0 6px rgba(0, 68, 204, 0.25) !important;
}
html.a11y body .nav a,
html.a11y body .nav button,
html.a11y body .nav-toggle {
  padding: 0.3rem 0.6rem !important;
  font-size: 0.9rem !important;
}
html.a11y body .btn {
  padding: 0.45rem 0.9rem !important;
  font-size: 0.9rem !important;
  border-radius: 10px !important;
}
html.a11y body .btn-primary {
  background: #005c56 !important;
  color: #fff !important;
}
html.a11y body h1 {
  font-size: 1.4rem !important;
}
html.a11y body h2 {
  font-size: 1.2rem !important;
}
html.a11y body h3 {
  font-size: 1.1rem !important;
}
html.a11y body .field input,
html.a11y body .field textarea,
html.a11y body .field select {
  padding: 0.45rem 0.6rem !important;
  font-size: 0.9rem !important;
  border-color: #555 !important;
}
html.a11y body .field label {
  font-size: 0.85rem !important;
}
html.a11y body input[type="radio"] {
  width: 24px !important;
  height: 24px !important;
}
html.a11y body .pq-step3-details textarea#request_note {
  font-size: 1rem !important;
  padding: 0.7rem 0.8rem !important;
  border-color: #555 !important;
}
html.a11y body .pq-wa-toggle {
  padding: 0.6rem 1rem !important;
}
html.a11y body .pq-wa-slider {
  width: 50px !important;
  height: 28px !important;
}
html.a11y body .pq-wa-slider::after {
  width: 22px !important;
  height: 22px !important;
  top: 3px !important;
  left: 3px !important;
}
html.a11y body .pq-wa-toggle input:checked + .pq-wa-slider::after {
  transform: translateX(22px) !important;
}
html.a11y body .pq-wa-label {
  font-size: 1rem !important;
}
html.a11y body .pq-wa-label::before {
  width: 22px !important;
  height: 22px !important;
}
html.a11y body .page-card,
html.a11y body .pq-block,
html.a11y body .pq-staging,
html.a11y body .pq-kit-panel {
  backdrop-filter: none !important;
  border-color: #888 !important;
  background: #fff !important;
}
html.a11y body .pq-checkbox-card,
html.a11y body .pq-click-card {
  padding: 0.4rem 0.6rem !important;
  border-color: #666 !important;
  background: #fff !important;
}
html.a11y body .pq-checkbox-card:hover,
html.a11y body .pq-click-card:hover {
  border-color: #005c56 !important;
}
html.a11y body .pq-click-card-add {
  background: #005c56 !important;
  color: #fff !important;
  width: 24px !important;
  height: 24px !important;
  font-size: 1rem !important;
}
html.a11y body .pq-committed-item {
  border-color: #666 !important;
  background: #fff !important;
}
html.a11y body .pq-preset {
  border-color: #666 !important;
  background: #fff !important;
  color: #000 !important;
  font-size: 0.85rem !important;
  padding: 0.25rem 0.6rem !important;
}
html.a11y body .pq-preset:hover {
  background: #e8f4f2 !important;
  border-color: #005c56 !important;
}
html.a11y body .pq-presets {
  gap: 0.2rem !important;
  margin-top: 0.25rem !important;
  max-height: 120px !important;
}
html.a11y body .pq-presets--open {
  max-height: none !important;
}
html.a11y body .pq-qty-btn {
  width: 32px !important;
  height: 32px !important;
  font-size: 1rem !important;
}
html.a11y body .pq-extra-remove {
  width: 30px !important;
  height: 30px !important;
}
html.a11y body .pq-add-item-btn {
  padding: 0.35rem 0.8rem !important;
  font-size: 0.85rem !important;
}
html.a11y body .footer {
  color: #333 !important;
  font-size: 0.85rem !important;
}
html.a11y body .footer a {
  color: #005c56 !important;
  text-decoration: underline !important;
}
html.a11y body .flash {
  background: #d9fbe6 !important;
  color: #004d40 !important;
  border-color: #00897b !important;
}
html.a11y body .flash-error {
  background: #fce4e4 !important;
  color: #8b0000 !important;
  border-color: #c62828 !important;
}
html.a11y body .pq-block-num {
  width: 26px !important;
  height: 26px !important;
  font-size: 0.8rem !important;
  background: #005c56 !important;
}
html.a11y body .pq-step3-urg-opt {
  padding: 0.35rem 0.5rem !important;
}
html.a11y body .pq-step3-urg-opt.is-selected {
  border-color: #005c56 !important;
  background: rgba(0, 92, 86, 0.12) !important;
}
html.a11y body .pq-step3-urg-label {
  font-size: 0.85rem !important;
}
html.a11y body .pq-step3-urg-help {
  font-size: 0.75rem !important;
}
html.a11y body .pq-step3-privacy {
  font-size: 0.85rem !important;
  background: rgba(0, 92, 86, 0.08) !important;
  border-color: #005c56 !important;
}
html.a11y body .pq-step {
  font-size: 0.75rem !important;
}
html.a11y body .pq-step span {
  font-size: 0.75rem !important;
}
html.a11y body .pq-step.active {
  color: #005c56 !important;
}
html.a11y body .pq-step.active::before {
  background: #005c56 !important;
}
html.a11y body .pq-step.completed::before {
  background: #004440 !important;
}
html.a11y body .pq-file-wrap {
  padding: 0.35rem 0.5rem !important;
  border-color: #666 !important;
  background: #fff !important;
}
html.a11y body #a11y-toggle {
  width: 56px !important;
  height: 56px !important;
  font-size: 1.6rem !important;
  border-width: 3px !important;
  background: #fff !important;
  border-color: #005c56 !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.25) !important;
}
@media (max-width: 920px) {
  html.a11y body .shell {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  html.a11y body .page-card {
    padding-left: 0.35rem !important;
    padding-right: 0.35rem !important;
    border-radius: 0 !important;
    border-left: none !important;
    border-right: none !important;
  }
  html.a11y body .pq-block {
    padding-left: 0.35rem !important;
    padding-right: 0.35rem !important;
    border-radius: 0 !important;
    border-left: none !important;
    border-right: none !important;
  }
  html.a11y body .pq-staging {
    padding-left: 0.35rem !important;
    padding-right: 0.35rem !important;
  }
  html.a11y body .pq-step3-card {
    padding-left: 0.35rem !important;
    padding-right: 0.35rem !important;
  }
}
