/*
 * Custom component styles — kept in a separate always-loaded file so the
 * components also apply in CDN-fallback (dev) mode, before Tailwind is compiled.
 * These same rules are ALSO compiled into assets/css/tailwind.css via @layer.
 */
body { font-family: 'Work Sans', sans-serif; }
.material-symbols-outlined {
    font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}
.bento-grid {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 24px;
}
.glass-card {
    background: rgba(255, 255, 255, 0.7);
    backdrop-filter: blur(12px);
    border: 1px solid rgba(227, 226, 232, 0.5);
}
/* FAQ accordion (features page) */
details > summary { list-style: none; cursor: pointer; }
details > summary::-webkit-details-marker { display: none; }
details[open] .faq-chevron { transform: rotate(180deg); }