/**
 * Copyright (c) 2026 DNA Genics, S.L. All rights reserved.
 *
 * Shared-segment overlap list on the trait information pages.
 */

.ti-ancient-snp {
    padding: 2.5rem 2rem;
    background: var(--ti-warm-white, #FFFBF7);
}

.ti-ancient-snp-header {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
    margin-bottom: 1rem;
}

.ti-ancient-snp-header i {
    font-size: 1.5rem;
    color: var(--ti-terracotta, #C4A484);
}

.ti-ancient-snp-header h2 {
    font-family: var(--ti-font-display, "Josefin Sans", sans-serif);
    font-size: 1.75rem;
    font-weight: 600;
    color: var(--ti-charcoal, #2D3436);
    margin: 0;
}

.ti-ancient-snp-intro,
.ti-ancient-snp-note p,
.ti-ancient-snp-more {
    max-width: 720px;
    margin: 0 auto 1.25rem;
    color: var(--ti-gray-600, #4B5563);
    line-height: 1.6;
    text-align: center;
}

.ti-ancient-snp-note {
    text-align: center;
}

.ti-ancient-snp-note .btn {
    margin-top: 0.5rem;
}

.ti-ancient-snp-list {
    list-style: none;
    margin: 0 auto;
    padding: 0;
    max-width: 860px;
}

.ti-ancient-snp-row {
    display: flex;
    justify-content: space-between;
    gap: 1.5rem;
    padding: 1rem 0;
    border-bottom: 1px solid var(--ti-gray-200, #E5E7EB);
}

.ti-ancient-snp-identity,
.ti-ancient-snp-coverage {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.ti-ancient-snp-coverage {
    align-items: flex-end;
    text-align: right;
    min-width: 12rem;
}

.ti-ancient-snp-label {
    font-weight: 600;
    color: var(--ti-charcoal, #2D3436);
}

.ti-ancient-snp .dna-accession-badge {
    display: inline-block;
    font-family: "Courier New", Consolas, monospace;
    font-size: 0.75rem;
    letter-spacing: 0.02em;
    opacity: 0.7;
    color: inherit;
}

.ti-ancient-snp-meta,
.ti-ancient-snp-rsids {
    color: var(--ti-gray-500, #6B7280);
    font-size: 0.9rem;
}

.ti-ancient-snp-meta span + span::before {
    content: " · ";
}

.ti-ancient-snp-count {
    font-weight: 600;
    color: var(--ti-charcoal, #2D3436);
}

@media (max-width: 640px) {
    .ti-ancient-snp-row {
        flex-direction: column;
        gap: 0.5rem;
    }

    .ti-ancient-snp-coverage {
        align-items: flex-start;
        text-align: left;
    }
}

@media print {
    .ti-ancient-snp-note .btn {
        display: none;
    }
}