/* ===================================
   ALTERNATIVES PAGE
   Quick-pick table, alternative entries,
   feature matrix, methodology badge.
   =================================== */

/* --- Quick-pick table (hero) --- */
.alt-quickpick-wrapper {
    background: var(--color-bg-secondary);
    border: 1px solid var(--color-border);
    border-radius: 1rem;
    overflow-x: auto;
}

.alt-quickpick-wrapper::-webkit-scrollbar { height: 6px; }
.alt-quickpick-wrapper::-webkit-scrollbar-track { background: var(--color-surface); }
.alt-quickpick-wrapper::-webkit-scrollbar-thumb { background: var(--color-surface-strong); border-radius: 3px; }

.alt-quickpick {
    width: 100%;
    min-width: 600px;
    border-collapse: collapse;
}

.alt-quickpick th,
.alt-quickpick td {
    padding: 0.875rem 1.25rem;
    text-align: left;
    vertical-align: middle;
    font-size: 0.9375rem;
    border-bottom: 1px solid var(--color-border);
}

.alt-quickpick thead th {
    font-weight: 600;
    color: var(--color-text-primary);
    font-size: 0.8125rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    padding-top: 1.125rem;
    padding-bottom: 1.125rem;
}

.alt-quickpick tbody td { color: var(--color-text-secondary); font-weight: 300; }
.alt-quickpick tbody tr:last-child td { border-bottom: none; }

/* Highlight Soz AI row */
.alt-quickpick__row--sozai { background: rgba(99, 102, 241, 0.06); }
.alt-quickpick__row--sozai td:first-child { font-weight: 500; color: var(--color-accent); }

/* --- Alternative entry cards --- */
.alt-entry { scroll-margin-top: 5rem; }

.alt-entry--sozai {
    border-color: rgba(99, 102, 241, 0.25);
    box-shadow: 0 0 0 1px rgba(99, 102, 241, 0.08);
}

/* Position badge on Soz AI card */
.alt-entry__badge {
    background: rgba(99, 102, 241, 0.12);
    color: var(--color-accent);
}

/* --- Feature matrix table --- */
.alt-matrix-wrapper {
    background: var(--color-bg-secondary);
    border: 1px solid var(--color-border);
    border-radius: 1rem;
    overflow-x: auto;
}

.alt-matrix-wrapper::-webkit-scrollbar { height: 6px; }
.alt-matrix-wrapper::-webkit-scrollbar-track { background: var(--color-surface); }
.alt-matrix-wrapper::-webkit-scrollbar-thumb { background: var(--color-surface-strong); border-radius: 3px; }

.alt-matrix {
    width: 100%;
    min-width: 700px;
    border-collapse: collapse;
}

.alt-matrix th,
.alt-matrix td {
    padding: 0.75rem 1rem;
    text-align: left;
    vertical-align: middle;
    font-size: 0.875rem;
    border-bottom: 1px solid var(--color-border);
}

.alt-matrix thead th {
    font-weight: 600;
    color: var(--color-text-primary);
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    padding-top: 1rem;
    padding-bottom: 1rem;
    white-space: nowrap;
}

/* First column = criterion name */
.alt-matrix td:first-child {
    font-weight: 500;
    color: var(--color-text-primary);
    white-space: nowrap;
}

.alt-matrix tbody td { color: var(--color-text-secondary); font-weight: 300; }
.alt-matrix tbody tr:last-child td { border-bottom: none; }

/* Highlight Soz AI column */
.alt-matrix__col--sozai { background: rgba(99, 102, 241, 0.06); }
.alt-matrix thead .alt-matrix__col--sozai { background: rgba(99, 102, 241, 0.12); color: var(--color-accent) !important; }

/* --- Bright CTA button override --- */
.alternatives-page .btn-premium {
    background: #6366f1;
    color: #fff;
    border: 1px solid #6366f1;
    font-weight: 600;
}
.alternatives-page .btn-premium:hover {
    background: #4f46e5;
    border-color: #4f46e5;
    color: #fff;
    transform: translateY(-2px);
    box-shadow: 0 4px 16px rgba(99, 102, 241, 0.35);
}

/* --- Links inside alternatives page --- */
.alternatives-page .prose a,
.alternatives-page .card-glass a:not([class]) {
    color: var(--color-accent);
    text-decoration: underline;
    text-decoration-color: var(--color-accent-subtle);
    text-underline-offset: 2px;
    transition: color 0.2s;
}
.alternatives-page .prose a:hover,
.alternatives-page .card-glass a:not([class]):hover {
    color: var(--color-text-primary);
    text-decoration-color: var(--color-text-primary);
}

/* --- Visually hidden (for table caption) --- */
.alternatives-page .sr-only {
    position: absolute;
    width: 1px; height: 1px;
    padding: 0; margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    white-space: nowrap;
    border: 0;
}

/* --- Sticky first column on mobile --- */
@media (max-width: 768px) {
    .alt-quickpick td:first-child,
    .alt-quickpick th:first-child {
        position: sticky;
        left: 0;
        z-index: 1;
        background: var(--color-bg-primary);
    }
    .alt-quickpick__row--sozai td:first-child {
        background: var(--color-bg-secondary);
    }

    .alt-matrix td:first-child,
    .alt-matrix th:first-child {
        position: sticky;
        left: 0;
        z-index: 1;
        background: var(--color-bg-primary);
    }
}