:root {
    --gomgom-app-max-width: 480px;
}

/*
 * Gomgom app frame phase 1
 *
 * Keep G-LAB and bottom navigation unchanged as reference surfaces.
 * Align only Archive, its attached overlays, and Reader to the official
 * 480px outer frame. Existing inner padding remains unchanged.
 */
.guel-archive-frame,
.gso-overlay,
.lc-desc-layer,
.guel-mobile-frame {
    max-width: var(--gomgom-app-max-width, 480px) !important;
}

/*
 * Archive cards are too narrow for three Lectio Roman badges to stay stable
 * across devices. Keep the ticket badge, but hide only the card-list Lectio
 * badges. Search filters and Reader detail badges remain unchanged.
 */
.guel-card .lb-ar {
    display: none !important;
}

/*
 * G-LAB detail axes: express each result as a position on a spectrum rather
 * than a filled test-score bar. The pale segment shows direction from the
 * neutral midpoint; the violet point marks the reader's coordinate.
 */
.glab-report-card.is-detail .glab-report-axis-bar {
    height: 1px !important;
    margin-top: 17px !important;
    background: rgba(28, 22, 34, .13) !important;
    overflow: visible !important;
}

.glab-report-card.is-detail .glab-report-axis-bar::before {
    left: 50% !important;
    top: 50% !important;
    bottom: auto !important;
    width: 5px !important;
    height: 5px !important;
    border-radius: 999px !important;
    background: #fff !important;
    border: 1px solid rgba(28, 22, 34, .30) !important;
    transform: translate(-50%, -50%) !important;
    box-sizing: border-box !important;
}

.glab-report-card.is-detail .glab-axis-fill {
    top: 0 !important;
    bottom: auto !important;
    height: 1px !important;
    background: rgba(123, 75, 216, .42) !important;
}

.glab-report-card.is-detail .glab-axis-fill::after {
    top: 50% !important;
    bottom: auto !important;
    width: 11px !important;
    height: 11px !important;
    border-radius: 999px !important;
    background: var(--glab-purple) !important;
    border: 2px solid #fff !important;
    box-shadow: 0 0 0 1px rgba(123, 75, 216, .24) !important;
    transform: translateY(-50%) !important;
    box-sizing: border-box !important;
}

.glab-report-card.is-detail .glab-axis-fill.is-right::after {
    right: -5px !important;
}

.glab-report-card.is-detail .glab-axis-fill.is-left::after {
    left: -5px !important;
}