/* MyIndiaSpeedPost FAQ page styling. Temporary inline CSS until final site-wide CSS consolidation. */
.faq-page {
  color: #263244;
  background: #fff;
}
.faq-page a {
  text-underline-offset: 3px;
  text-decoration-thickness: 1px;
}
.faq-main {
  width: min(100%, 76rem);
  margin-inline: auto;
  color: #263244;
  background: #fff;
  border-color: #f2dfd0 !important;
  box-shadow: 0 8px 28px rgba(72, 45, 24, .06);
}
.faq-hero {
  background: linear-gradient(180deg, #fffaf5 0%, #fff 100%);
}
.faq-hero h1 span,
.faq-hero .faq-title-accent {
  color: #bd4c0b !important;
}
.faq-hero p {
  color: #536072;
}
.faq-hero .faq-badge {
  color: #9a3d0a !important;
  background: #fff0e3 !important;
  border: 1px solid #f5d0b2 !important;
}
.faq-content {
  background: #fffaf5 !important;
  border-color: #f4e5d8 !important;
}
.faq-list {
  min-width: 0;
}
.faq-list details,
.faq-list .faq-item,
.faq-list > div {
  background: #fff !important;
  border-color: #eadfd6 !important;
  border-radius: 1rem;
  box-shadow: 0 2px 8px rgba(31, 41, 55, .035);
}
.faq-list summary,
.faq-list button {
  color: #263244 !important;
  background: transparent;
  cursor: pointer;
}
.faq-list summary:hover,
.faq-list button:hover {
  color: #b74608 !important;
}
.faq-list summary:focus-visible,
.faq-list button:focus-visible {
  outline: 3px solid rgba(233, 101, 18, .35);
  outline-offset: 3px;
}
.faq-list summary::marker {
  color: #e96512;
}
.faq-list p,
.faq-list .text-slate-600,
.faq-list .text-slate-500 {
  color: #596579;
}
.faq-list a,
.faq-related a {
  color: #b74608;
  text-decoration: none;
}
.faq-list a:hover,
.faq-related a:hover {
  color: #8f3505 !important;
  text-decoration: underline;
}
.faq-related {
  border-color: #eadfd6 !important;
}
.faq-related > div,
.faq-related a {
  border-color: #eadfd6 !important;
}
.faq-related a {
  background: #fff !important;
}
.faq-related a:hover {
  background: #fff4e9 !important;
  border-color: #efb78f !important;
}
.faq-page a:focus-visible {
  outline: 3px solid rgba(233, 101, 18, .35);
  outline-offset: 3px;
  border-radius: .4rem;
}
.faq-page .bg-purple-100,
.faq-page .bg-blue-100,
.faq-page .bg-indigo-100 {
  background-color: #ffeddc !important;
}
.faq-page .text-purple-600,
.faq-page .text-blue-600,
.faq-page .text-indigo-600 {
  color: #c6530b !important;
}
.faq-page .bg-slate-50 {
  background-color: #fffaf5;
}
@media (max-width: 639px) {
  .faq-main {
    width: 100%;
    margin: 0;
    border-inline: 0 !important;
    box-shadow: none;
  }
  .faq-hero {
    padding: 2rem 1rem;
  }
  .faq-hero h1 {
    font-size: clamp(1.55rem, 6vw, 2rem);
    line-height: 1.25;
  }
  .faq-hero p {
    font-size: 1rem;
    line-height: 1.7;
  }
  .faq-content > div {
    padding: 1.1rem .85rem;
  }
  .faq-list details,
  .faq-list .faq-item,
  .faq-list > div {
    border-radius: .9rem;
  }
}
@media (prefers-reduced-motion: reduce) {
  .faq-page *,
  .faq-page *::before,
  .faq-page *::after {
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
  }
}

/* FINAL ORANGE THEME OVERRIDES — placed last to beat legacy utility styles */
.faq-page {
  --misp-orange: #E96512;
  --misp-orange-dark: #B74608;
  --misp-orange-soft: #FFF0E3;
  --misp-cream: #FFFAF5;
  --misp-border: #EADFD6;
  --misp-ink: #263244;
  --misp-muted: #596579;
  color: var(--misp-ink) !important;
  background: #fff !important;
}
.faq-page main,
.faq-page main * { border-color: var(--misp-border); }
.faq-page .faq-content,
.faq-page .faq-content.bg-slate-50 { background-color: var(--misp-cream) !important; }
.faq-page .faq-category,
.faq-page main section,
.faq-page main article { border-color: var(--misp-border) !important; }
.faq-page .faq-category > div:first-child,
.faq-page .sp-bg-orange-100,
.faq-page .bg-blue-50, .faq-page .bg-blue-100,
.faq-page .bg-indigo-50, .faq-page .bg-indigo-100,
.faq-page .bg-purple-50, .faq-page .bg-purple-100,
.faq-page .bg-sky-50, .faq-page .bg-sky-100,
.faq-page .bg-cyan-50, .faq-page .bg-cyan-100,
.faq-page .bg-rose-50, .faq-page .bg-rose-100 {
  background-color: var(--misp-orange-soft) !important;
}
.faq-page .faq-category > div:first-child,
.faq-page .border-blue-100, .faq-page .border-blue-200,
.faq-page .border-indigo-100, .faq-page .border-indigo-200,
.faq-page .border-purple-100, .faq-page .border-purple-200,
.faq-page .border-sky-100, .faq-page .border-sky-200,
.faq-page .border-cyan-100, .faq-page .border-cyan-200,
.faq-page .border-rose-100, .faq-page .border-rose-200,
.faq-page .border-slate-100, .faq-page .border-slate-200,
.faq-page .border-slate-300 { border-color: var(--misp-border) !important; }
.faq-page .text-blue-400, .faq-page .text-blue-500,
.faq-page .text-blue-600, .faq-page .text-blue-700,
.faq-page .text-indigo-400, .faq-page .text-indigo-500,
.faq-page .text-indigo-600, .faq-page .text-indigo-700,
.faq-page .text-purple-500, .faq-page .text-purple-600,
.faq-page .text-purple-700, .faq-page .text-sky-500,
.faq-page .text-sky-600, .faq-page .text-cyan-500,
.faq-page .text-cyan-600, .faq-page .text-rose-500,
.faq-page .text-rose-600, .faq-page .sp-text-orange-600,
.faq-page .sp-text-orange-700 { color: var(--misp-orange-dark) !important; }
.faq-page .faq-category h2, .faq-page .faq-category button,
.faq-page .faq-category button span:first-child,
.faq-page .text-slate-900, .faq-page .text-slate-800,
.faq-page .text-slate-700 { color: var(--misp-ink) !important; }
.faq-page .text-slate-600, .faq-page .text-slate-500,
.faq-page .text-slate-400 { color: var(--misp-muted) !important; }
.faq-page .faq-category button:hover,
.faq-page .faq-category button:hover span:first-child,
.faq-page a:hover,
.faq-page .hover\:text-blue-600:hover,
.faq-page .hover\:text-indigo-600:hover,
.faq-page .hover\:text-purple-600:hover,
.faq-page .hover\:text-rose-600:hover,
.faq-page .group:hover .group-hover\:text-blue-600,
.faq-page .group:hover .group-hover\:text-indigo-600,
.faq-page .group:hover .group-hover\:text-purple-600,
.faq-page .group:hover .group-hover\:text-rose-600 { color: var(--misp-orange-dark) !important; }
.faq-page a:hover, .faq-page button:hover { text-decoration-color: var(--misp-orange) !important; }
.faq-page .hover\:bg-blue-50:hover, .faq-page .hover\:bg-blue-100:hover,
.faq-page .hover\:bg-indigo-50:hover, .faq-page .hover\:bg-indigo-100:hover,
.faq-page .hover\:bg-purple-50:hover, .faq-page .hover\:bg-purple-100:hover,
.faq-page .hover\:bg-rose-50:hover, .faq-page .hover\:bg-rose-100:hover,
.faq-page .group:hover .group-hover\:bg-blue-50,
.faq-page .group:hover .group-hover\:bg-indigo-50,
.faq-page .group:hover .group-hover\:bg-purple-50 { background-color: #FFE3CF !important; }
.faq-page .hover\:border-blue-400:hover,
.faq-page .hover\:border-indigo-400:hover,
.faq-page .hover\:border-purple-400:hover,
.faq-page .hover\:border-rose-400:hover,
.faq-page .hover\:border-rose-500:hover { border-color: #EFAD82 !important; }
.faq-page .sp-bg-orange-500, .faq-page a.sp-bg-orange-500,
.faq-page button.sp-bg-orange-500 { color: #fff !important; background-color: var(--misp-orange) !important; }
.faq-page .sp-bg-orange-500:hover,
.faq-page .sp-hover-bg-orange-600:hover { background-color: var(--misp-orange-dark) !important; }
.faq-page .faq-icon { color: var(--misp-orange) !important; }
.faq-page input, .faq-page select, .faq-page textarea { border-color: var(--misp-border) !important; accent-color: var(--misp-orange); }
.faq-page input:focus, .faq-page select:focus, .faq-page textarea:focus { border-color: var(--misp-orange) !important; outline-color: var(--misp-orange) !important; box-shadow: 0 0 0 3px rgba(233, 101, 18, .16) !important; }
.faq-page :focus-visible { outline-color: var(--misp-orange) !important; }