/* === TRIBUTE CUSTOM CSS === */
/* Supplements Tailwind + inline styles in _Layout.cshtml */

/* Smooth scroll */
html { scroll-behavior: smooth; }

/* Screener progress bar */
.screener-progress {
    height: 6px;
    background: #E2E8F0;
    border-radius: 9999px;
    overflow: hidden;
}
.screener-progress-bar {
    height: 100%;
    background: linear-gradient(90deg, #0B1BFF, #7B93FF);
    border-radius: 9999px;
    transition: width 0.4s ease;
}

/* Screener option button */
.screener-option {
    display: block;
    width: 100%;
    text-align: left;
    padding: 1rem 1.25rem;
    border: 1.5px solid #E2E8F0;
    border-radius: 0.75rem;
    background: white;
    color: #1E293B;
    font-size: 0.938rem;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s;
}
.screener-option:hover {
    border-color: #0B1BFF;
    background: #F0F4FF;
    transform: translateX(4px);
}
.screener-option:focus-visible {
    outline: 2px solid #0B1BFF;
    outline-offset: 2px;
}

/* Badge pulse */
@keyframes pulse-badge {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.7; }
}
.badge-pulse { animation: pulse-badge 2s ease-in-out infinite; }

/* Print styles */
@media print {
    .site-navbar, .mobile-sticky-cta, footer { display: none !important; }
    main { padding-top: 0 !important; }
}