.faq-search-box { border: 2px solid var(--nemu-blue); border-radius: 50px; padding: 10px 25px; box-shadow: 0 4px 10px rgba(0,0,0,0.05); } .faq-search-box:focus { box-shadow: 0 4px 15px rgba(28, 89, 128, 0.2); border-color: var(--nemu-blue); } .faq-tags .badge { background-color: #f1f3f5; color: #495057; font-weight: 500; border: 1px solid #dee2e6; cursor: pointer; transition: all 0.2s; } .faq-tags .badge:hover { background-color: var(--nemu-blue); color: white; border-color: var(--nemu-blue); } .accordion-item { border: 1px solid #eaeaea; border-radius: 8px !important; margin-bottom: 15px; overflow: hidden; box-shadow: 0 2px 5px rgba(0,0,0,0.02); } .accordion-button { font-weight: 600; color: #333; background-color: #fff; } .accordion-button:not(.collapsed) { color: var(--nemu-blue); background-color: #f8fbfe; box-shadow: inset 0 -1px 0 rgba(0,0,0,.125); } .accordion-button:focus { box-shadow: none; border-color: rgba(0,0,0,.125); } .answer-highlight { color: var(--nemu-green); font-weight: bold; } @media (max-width: 576px) { .faq-search-box { padding: 12px 20px; font-size: 0.9rem; height: auto; } .faq-tags { display: flex; flex-wrap: wrap; justify-content: center; gap: 5px; } .faq-tags .text-muted { display: block; width: 100%; margin-bottom: 5px; } } .faq-search-box::placeholder { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }