@import "tailwindcss";

@source '../../vendor/laravel/framework/src/Illuminate/Pagination/resources/views/*.blade.php';
@source '../../storage/framework/views/*.php';
@source '../**/*.blade.php';
@source '../**/*.js';

@theme {
    --font-sans: "Instrument Sans", ui-sans-serif, system-ui, sans-serif,
        "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",
        "Noto Color Emoji";
}

.faq-section {
    max-width: 700px;
    margin: 50px auto;
}

details {
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 5px;
    margin-bottom: 10px;
    padding: 15px;
}

summary {
    font-weight: bold;
    cursor: pointer;
    position: relative;
    padding-right: 20px;
}

summary::marker {
    font-size: 1.2rem;
}

details[open] summary {
    color: black;
}

details p {
    margin-top: 10px;
    line-height: 1.6;
}

button, input, textarea {
    width: 100% !important;
}