/* =========================================================
   PERFORMANCE OPTIMIZED STYLESHEET
   1. Imports static Tailwind v2 (Fast, no JS compilation)
   2. Defines custom utilities to replace JIT values
   ========================================================= */

/* 1. Import Static Tailwind CSS */
@import url('https://unpkg.com/tailwindcss@2.2.19/dist/tailwind.min.css');

/* 2. Custom Typography Overrides (Replacing text-[10px]) */
.text-xxs {
    font-size: 10px;
}
.tracking-ultra-wide {
    letter-spacing: 0.2em;
}

/* 3. Custom Gradients (Replacing via-black/40) */
/* Replaces: bg-gradient-to-t from-black via-black/40 to-transparent */
.bg-gradient-hero {
    background-image: linear-gradient(to top, #000000, rgba(0, 0, 0, 0.4), transparent);
}

/* 4. Marquee Animation (Ticker) */
.marquee-container {
    overflow: hidden;
    white-space: nowrap;
    position: relative;
}
.marquee-content {
    display: inline-block;
    animation: marquee 60s linear infinite;
    padding-left: 100%;
}
@keyframes marquee {
    0% { transform: translate(0, 0); }
    100% { transform: translate(-100%, 0); }
}

/* 5. Utility Helpers */
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
}

/* 6. Prose / Article Styling */
.prose img { max-width: 100%; height: auto; border-radius: 0.5rem; margin: 1rem 0; }
.prose h1 { font-size: 1.5rem; font-weight: bold; margin-top: 1.5rem; }
.prose h2 { font-size: 1.25rem; font-weight: bold; margin-top: 1rem; }
.prose ul { list-style-type: disc; padding-left: 1.5rem; margin: 1rem 0; }
.prose a { color: #2563eb; text-decoration: underline; }

/* 7. Dropdown Logic */
@media (min-width: 1024px) {
    .group:hover .group-hover\:block { display: block; }
}