/* Shared modal styles for FAQ/help dialogs */
#faq-help-modal {
  position: fixed;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1300;
  pointer-events: none;
  opacity: 0;
  transition: opacity 180ms ease;
}
#faq-help-modal[aria-hidden="false"] {
  pointer-events: auto;
  opacity: 1;
}

#faq-help-modal .modal-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0.45);
  opacity: 0;
  transition: opacity 180ms ease;
}
#faq-help-modal[aria-hidden="false"] .modal-backdrop { opacity: 1; }

#faq-help-modal .modal-inner {
  position: relative;
  background: white;
  max-width: 900px;
  width: 95%;
  max-height: 85%;
  overflow: auto;
  border-radius: 8px;
  padding: 16px;
  transform: scale(0.98);
  transition: transform 180ms ease, box-shadow 180ms ease;
  box-shadow: none;
}
#faq-help-modal[aria-hidden="false"] .modal-inner {
  transform: scale(1);
  box-shadow: 0 6px 24px rgba(0,0,0,0.2);
}

#faq-help-modal .modal-header { display:flex; justify-content:space-between; align-items:center; margin-bottom:8px; }
#faq-help-modal .modal-body { font-size: 0.95rem; line-height:1.4; color: #111; }
#faq-help-modal .modal-body a { color: #0b63c7; }
#faq-help-modal .modal-body h1, #faq-help-modal .modal-body h2, #faq-help-modal .modal-body h3, #faq-help-modal .modal-body h4 { color: #0b0b0b; }
#faq-help-modal .modal-close { border: none; background: transparent; font-size: 1.1rem; cursor: pointer; }

/* Respect reduced motion */
@media (prefers-reduced-motion: reduce) {
  #faq-help-modal, #faq-help-modal .modal-backdrop, #faq-help-modal .modal-inner { transition: none !important; }
}

/* Small plain-text help icon used next to headings */
.help-qa { display:inline-block; width:auto; height:auto; line-height:normal; text-align:center; color:#2b7cff; font-weight:600; margin-left:6px; text-decoration:none; font-size:0.8rem; padding:0 2px; }
.help-qa:focus { outline: 2px solid #2684FF; border-radius:3px; }