/* This page is entirely inline-styled with no responsive handling at
   all. The 4-step horizontal progress bar (Received/In Review/
   Processing/Completed) is the one place that actually needs it — on
   a 320-375px phone, four flex:1 columns leave each step only ~55-65px
   wide, cramping the 46px circles and wrapping labels like "In Review"
   awkwardly. Scale it down instead of leaving desktop sizing. */
@media (max-width: 575.98px) {
    .psk-progress-card { padding: 20px 14px !important; }
    .psk-progress-circle { width: 34px !important; height: 34px !important; }
    .psk-progress-circle .fa { font-size: 13px !important; }
    .psk-progress-label { font-size: 10px !important; }
    .psk-ref-number { font-size: 17px !important; letter-spacing: 1px !important; }
}

/* FAQ accordion — same component as blogs/show.blade.php's
   .psk-faq-section-block (see public/css/psk-blog.css), reproduced here
   with this page's own ink/sub/line colors instead of pulling in the
   blog stylesheet's unrelated rules just for this one block. Driven by
   Bootstrap's own data-toggle="collapse", untouched; this only styles
   it — the numbered badge highlight and chevron rotation are pure CSS
   off the aria-expanded attribute Bootstrap keeps in sync. */
.psk-faq-card {
    border: 1px solid #eef0f3 !important;
    border-radius: 12px !important;
    overflow: hidden;
    margin-bottom: 12px !important;
    box-shadow: 0 1px 3px rgba(15,23,42,0.04) !important;
    transition: border-color 0.2s, box-shadow 0.2s;
}
.psk-faq-card:last-child { margin-bottom: 0 !important; }
.psk-faq-card:has(.psk-faq-btn[aria-expanded="true"]) {
    border-color: rgba(252,94,40,0.35) !important;
    box-shadow: 0 6px 20px rgba(15,23,42,0.07) !important;
}
.psk-faq-card .card-header { background: #fff !important; padding: 0 !important; border: none !important; }
.psk-faq-btn {
    display: flex; align-items: center; gap: 16px;
    width: 100%; text-align: left; background: none; border: none;
    padding: 18px 22px; font-size: 0.98rem; font-weight: 700; color: #040e26;
}
.psk-faq-btn:hover, .psk-faq-btn:focus { text-decoration: none; color: #040e26; background: #fff8f5; }
.psk-faq-num {
    flex-shrink: 0;
    width: 30px; height: 30px; border-radius: 8px;
    display: flex; align-items: center; justify-content: center;
    background: rgba(252,94,40,0.10); color: #fc5e28;
    font-size: 12px; font-weight: 800;
    transition: background 0.2s, color 0.2s;
}
.psk-faq-btn[aria-expanded="true"] .psk-faq-num { background: #fc5e28; color: #fff; }
.psk-faq-q-text { flex: 1; line-height: 1.5; }
.psk-faq-chevron { flex-shrink: 0; color: #9ca3af; font-size: 13px; transition: transform 0.25s, color 0.25s; }
.psk-faq-btn[aria-expanded="true"] .psk-faq-chevron { transform: rotate(180deg); color: #fc5e28; }
.psk-faq-answer { padding: 0 22px 20px 68px !important; color: #6b7280; font-size: 0.92rem; line-height: 1.75; }
@media (max-width: 575.98px) {
    .psk-faq-answer { padding-left: 22px !important; }
}