/* comparison_page.css - Page-specific styles for College Comparison Page */
/* Hero/Selector background */
.comparison-hero {
    background: var(--color-glass);
    background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.8)), url(assets/action_toolbar_background_imag_3_8625f258.jpg);
    background-size: cover;
    background-position: center;
    border-radius: var(--radius-xl)
    }
/* Selector cards */
.selector-card .logo-wrap img {
    width: 72px;
    height: 48px;
    object-fit: cover
    }
.selector-slot.dashed {
    border: 2px dashed var(--color-border);
    background: rgba(0, 0, 0, 0.02);
    cursor: pointer
    }
.selector-slot.dashed:hover {
    background: rgba(219, 188, 223, 0.18)
    }
.selector-slot.dashed .display-6 {
    line-height: 1;
    color: var(--on-primary)
    }
/* Table highlighting */
.diff {
    background: rgba(219, 188, 223, 0.18) !important
    }
.best-badge {
    display: inline-grid;
    place-items: center;
    width: 22px;
    height: 22px;
    border-radius: 9999px;
    background: rgba(0, 119, 78, 0.1);
    color: var(--color-success)
    }
/* Loading overlay */
.loading-overlay {
    position: fixed;
    inset: 0;
    background: rgba(255, 255, 255, 0.65);
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
    z-index: var(--z-overlay);
    display: none
    }
.loading-overlay.is-visible {
    display: grid
    }
/* Adjust table header stickiness for this page (ensure on top of hero) */
#comparisonTable thead th {
    top: 0;
    z-index: 5
    }
/* Chips */
.filter-row .chip {
    cursor: pointer;
    user-select: none
    }
/* Responsive tweaks */
@media (max-width: 767.98px) {
    .selector-card .logo-wrap img {
        width: 56px;
        height: 40px
        }
    #comparisonTable thead th {
        min-width: 200px
        }
    }