/* Sterling Engineers — FAQ accordion (shared, used on homepage + product pages) */
/* Snippet-friendly "answer block" (AEO) — concise direct answer near top of page */
.answer-block{
    background:#f4f8fc;border-left:5px solid #e87722;border-radius:8px;
    padding:18px 22px;margin:22px 0 6px;font-size:16px;line-height:1.75;color:#1c2733;
}
.answer-block strong{color:#0c2340}
@media (max-width:767px){.answer-block{padding:14px 16px;font-size:14.5px}}
.faq-area{padding:60px 0}
.faq-accordion{margin-top:10px}
.faq-accordion .faq-item{
    border:1px solid #e3e8ef;border-radius:10px;margin-bottom:14px;background:#fff;
    box-shadow:0 1px 3px rgba(12,35,64,.05);
    transition:box-shadow .25s ease,border-color .25s ease;
}
.faq-accordion .faq-item:hover{box-shadow:0 4px 14px rgba(12,35,64,.10)}
.faq-accordion .faq-item.active{border-color:#e87722;box-shadow:0 6px 20px rgba(232,119,34,.13)}
.faq-accordion .faq-q{
    margin:0;padding:18px 24px;font-size:17px;line-height:1.5;cursor:pointer;user-select:none;
    display:flex;justify-content:space-between;align-items:center;gap:16px;
    color:#0c2340;font-weight:600;transition:color .2s ease;
}
.faq-accordion .faq-q:hover,
.faq-accordion .faq-item.active .faq-q{color:#e87722}
.faq-accordion .faq-ico{
    flex:0 0 auto;width:30px;height:30px;border-radius:50%;
    display:inline-flex;align-items:center;justify-content:center;
    font-size:24px;line-height:1;color:#e87722;background:rgba(232,119,34,.10);
    transition:transform .3s ease,background .25s ease,color .25s ease;
}
.faq-accordion .faq-item.active .faq-ico{transform:rotate(135deg);background:#e87722;color:#fff}
/* smooth reveal — JS animates max-height to exact content height */
.faq-accordion .faq-a{max-height:0;overflow:hidden;transition:max-height .4s ease}
.faq-accordion .faq-a p{margin:0;padding:2px 24px 20px;color:#5a6b7b;line-height:1.8;font-size:15px}
@media (max-width:767px){
    .faq-area{padding:40px 0}
    .faq-accordion .faq-q{padding:14px 16px;font-size:15.5px;gap:12px}
    .faq-accordion .faq-ico{width:26px;height:26px;font-size:21px}
    .faq-accordion .faq-a p{padding:2px 16px 16px;font-size:14px;line-height:1.7}
}
@media (max-width:480px){
    .faq-accordion .faq-q{padding:13px 14px;font-size:14.5px}
}