/* Authoritative sources */

.sources-list {
    border-block-start: 1px solid var(--color-border);
}

.sources-list > a {
    min-height: 6.5rem;
        padding-block: var(--space-4);
        display: grid;
        grid-template-columns: 10rem minmax(0, 1fr) 7rem;
        align-items: center;
        gap: var(--space-6);
        border-block-end: 1px solid var(--color-border);
        color: var(--color-text);
        text-decoration: none;
}

.source-org {
    color: var(--color-mint);
        font-size: var(--text-xs);
        font-weight: var(--font-weight-semibold);
        letter-spacing: 0.06em;
        text-transform: uppercase;
}

.sources-list h3 {
    font-family: var(--font-display);
        font-weight: var(--font-weight-bold);
        font-size: var(--text-lg);
        letter-spacing: var(--tracking-tight);
}

.sources-list p {
    margin-block-start: var(--space-1);
        color: var(--color-text-secondary);
        font-size: var(--text-sm);
}

.source-action {
    justify-self: end;
        color: var(--color-cyan);
        font-size: var(--text-sm);
        font-weight: var(--font-weight-semibold);
}

.sources-list > a:hover h3 {
    color: var(--color-cyan);
}

@media (max-width: 42rem) {
    .sources-list > a {
        grid-template-columns: 1fr auto;
                gap: var(--space-2) var(--space-4);
    }
    
    .sources-list > a > div {
        grid-column: 1 / -1;
                grid-row: 2;
    }
    
    .source-action {
        grid-column: 2;
                grid-row: 1;
    }
}