/* =============================================================
   BIBLIOMETRICS LANDING — sayfaya özel, bundle.css'e girmez
   Mobil-önce: taban stiller mobil, masaüstü @media (min-width: 768px)
   ============================================================= */

/* ─── OpenAlex Köprü Bandı ─── */
.ax-biblio-bridge {
    display: flex;
    flex-direction: column;
    gap: var(--ax-space-2);
    align-items: flex-start;
    padding: var(--ax-space-4);
    background: rgba(99, 102, 241, 0.08);
    border: 1px solid rgba(99, 102, 241, 0.2);
    border-radius: 0.5rem;
}

.ax-biblio-bridge__icon {
    color: var(--ax-accent-primary-hover);
    font-size: var(--ax-text-lg);
}

.ax-biblio-bridge__text {
    color: var(--ax-text-secondary);
    font-size: var(--ax-text-sm);
    line-height: var(--ax-leading-normal);
}

.ax-biblio-bridge__link {
    color: var(--ax-accent-primary-hover);
    font-weight: var(--ax-font-semibold);
    font-size: var(--ax-text-sm);
    text-decoration: none;
    white-space: nowrap;
}

.ax-biblio-bridge__link:hover {
    text-decoration: underline;
}

@media (min-width: 768px) {
    .ax-biblio-bridge {
        flex-direction: row;
        align-items: center;
        gap: var(--ax-space-3);
    }

    .ax-biblio-bridge__text {
        flex: 1;
    }
}

/* ─── Örnek Rapor Çıktıları ─── */
.ax-biblio-examples__title {
    color: var(--ax-text-primary);
    font-size: var(--ax-text-xl);
    font-weight: var(--ax-font-semibold);
    margin-bottom: var(--ax-space-4);
}

.ax-biblio-examples {
    display: flex;
    gap: var(--ax-space-4);
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    padding-bottom: var(--ax-space-2);
    -webkit-overflow-scrolling: touch;
}

.ax-biblio-examples__item {
    flex: 0 0 auto;
    width: 78vw;
    max-width: 320px;
    margin: 0;
    scroll-snap-align: start;
    background: var(--ax-bg-tertiary);
    border: 1px solid var(--ax-border-default);
    border-radius: 0.5rem;
    overflow: hidden;
}

.ax-biblio-examples__item img {
    display: block;
    width: 100%;
    height: auto;
}

.ax-biblio-examples__item figcaption {
    padding: var(--ax-space-3);
    color: var(--ax-text-secondary);
    font-size: var(--ax-text-sm);
    font-weight: var(--ax-font-medium);
    text-align: center;
}

.ax-biblio-examples__note {
    color: var(--ax-text-muted);
    font-size: var(--ax-text-xs);
    margin-top: var(--ax-space-3);
}

@media (min-width: 768px) {
    .ax-biblio-examples {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        overflow-x: visible;
    }

    .ax-biblio-examples__item {
        width: auto;
        max-width: none;
    }
}