/* Explain: App-specific layout utilities (section padding, grid background). */
.section-pad {
    padding-top: 4.5rem;
    padding-bottom: 4.5rem;
}

@media (min-width: 768px) {
    .section-pad {
        padding-top: 6rem;
        padding-bottom: 6rem;
    }
}

.bg-grid {
    background-image: radial-gradient(var(--border-color) 1px, transparent 1px);
    background-size: 22px 22px;
}

.faq-item {
    border: 1px solid var(--border-color);
    border-radius: 1rem;
    background: #ffffff;
    margin-bottom: 0.85rem;
}