.u-hidden { display: none !important; }

.site-title { font-size: 2rem; font-weight: 700; line-height: 1.2; text-align: center; }
.site-motto { font-size: 1rem; font-weight: 400; line-height: 1.4; text-align: center; }

textarea { min-height: 6rem; resize: vertical; }

@media (prefers-contrast: more) {
    body {
        background-color: #000 !important;
        color: #ff0 !important;
    }
    a, a:visited {
        color: #ff0 !important;
        text-decoration: underline !important;
    }
    a:hover, a:focus {
        color: #fff !important;
    }
    header, nav, footer {
        background-color: #000 !important;
        border-color: #ff0 !important;
        color: #ff0 !important;
    }
    button, [role="button"],
    a.inline-flex, a[class*="rounded-lg"] {
        background-color: #000 !important;
        color: #ff0 !important;
        border: 2px solid #ff0 !important;
    }
    button:hover, button:focus,
    [role="button"]:hover, [role="button"]:focus {
        background-color: #ff0 !important;
        color: #000 !important;
    }
    input, textarea, select {
        background-color: #000 !important;
        color: #ff0 !important;
        border: 2px solid #ff0 !important;
    }
    [class*="rounded-xl"], [class*="rounded-lg"] {
        border-color: #ff0 !important;
        background-color: #000 !important;
        color: #ff0 !important;
    }
    [role="alert"] {
        background-color: #000 !important;
        color: #ff0 !important;
        border: 2px solid #ff0 !important;
    }
    *:focus {
        outline: 3px solid #fff !important;
        outline-offset: 2px !important;
    }
    .text-gray-500, .text-gray-600, .text-gray-700,
    .dark\:text-gray-300, .dark\:text-gray-400 {
        color: #ff0 !important;
    }
    .highlighted-username { color: #fff !important; }
    .logged-in-as          { color: #ff0 !important; }
    .pagination-info       { color: #ff0 !important; }
}