:root {
    --pico-font-size: 16px;
}

.flash {
    padding: 1rem;
    margin-bottom: 1rem;
    border-radius: var(--pico-border-radius);
}

.flash.success {
    background-color: #d4edda;
    color: #155724;
    border: 1px solid #c3e6cb;
}

.flash.error {
    background-color: #f8d7da;
    color: #721c24;
    border: 1px solid #f5c6cb;
}

nav {
    padding: 0.5rem 1rem;
}

details > summary {
    cursor: pointer;
}

pre code {
    font-size: 0.85rem;
}

.htmx-indicator {
    display: none;
}

.htmx-request .htmx-indicator {
    display: inline;
}

footer {
    margin-top: 2rem;
    text-align: center;
    opacity: 0.6;
}