/* === Copied core styles from the original file === */
.top-bar {
    background-color: #E5C876;
    color: #190B45;
    padding: 0.5rem 0;
    font-size: 0.9rem;
}
.top-bar a {
    color: #190B45;
    text-decoration: none;
    margin: 0 0.5rem;
}
.top-bar a:hover { text-decoration: underline; }
.navbar-brand { font-weight: bold; }
.nav-item, .nav-link { color: white; }
.navbar-nav, .dropdown { --bs-nav-link-hover-color: #E5C876; }
.card { border: none; box-shadow: 0 4px 6px rgba(0,0,0,0.2); transition: transform 0.3s ease; }
.card:hover { transform: scale(1.05); }
.dropdown-menu .dropdown-item { color: #E5C876 !important; }
.dropdown-menu .dropdown-item:hover,
.dropdown-menu .dropdown-item:focus,
.dropdown-menu .dropdown-item.active {
    color: #E5C876;
    background-color: #190B45 !important;
}
.nav-link.p-2:focus,
.nav-link.p-2[aria-expanded="true"] {
    color: #E5C876 !important;
}
.btn { --bs-btn-hover-border-color: #E5C876; }
.icon-link { text-decoration: none; }
.icon-link:hover svg { fill: #25d366; }
.modal-content { background-color: #190B45 !important; color: #E5C876; }
.navbar-toggler { border: 2px solid #E5C876; padding: 5px; border-radius: 5px; }
.navbar-toggler-icon { background-image: none; position: relative; width: 22px; height: 16px; }
.navbar-toggler-icon::before,
.navbar-toggler-icon::after,
.navbar-toggler-icon span {
    content: '';
    position: absolute;
    width: 22px;
    height: 2px;
    background-color: #E5C876;
    left: 0;
}
.navbar-toggler-icon::before { top: 0; }
.navbar-toggler-icon span { top: 6px; }
.navbar-toggler-icon::after { top: 12px; }
.card ul { padding-left: 20px; margin-bottom: 0; }
.card li { line-height: 1.6; }

/* === FAQ improvements === */
.faq-question {
    font-size: 1.4rem;      /* Larger question text */
    font-weight: 700;
    line-height: 1.3;
    margin: 1rem 0 .4rem 0;
    color: #190B45;
}
.faq-answer {
    margin-left: 1.5rem;     /* Even indent for all answers */
    padding-left: 1rem;
    border-left: 3px solid rgba(0,0,0,.08);
}
.faq-answer p { margin: 0 0 .75rem 0; }
@media (min-width: 768px) {
    .faq-answer { margin-left: 2rem; padding-left: 1.25rem; }
}