/* Nearby counties block on county landing pages (fragments/new county/nearby-counties.php).
   nb- prefix. Chip style mirrors the /california-counties/ hub cards (cn-county). */

.traffic-landing .section.section-nearby-counties {
    padding: 20px 0 40px;
}

.nb-list {
    list-style: none;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}
.nb-list.p-48 { padding-top: 32px; padding-bottom: 24px; }

.nb-item { margin: 0; }

.nb-link {
    display: flex; align-items: center; justify-content: space-between;
    background: #fff; border: 1px solid #E8E8E8;
    border-radius: 10px; padding: 14px 18px;
    text-decoration: none;
    transition: border-color 0.2s ease, background 0.2s ease, box-shadow 0.2s ease;
}
.nb-link:hover,
.nb-link:focus-visible {
    border-color: #12C0C5; background: #fafffe;
    box-shadow: 0 2px 10px rgba(18,192,197,0.08);
    text-decoration: none;
}
.nb-link__name {
    font-family: 'Work Sans', sans-serif; font-weight: 600;
    font-size: 15px; line-height: 20px; color: #282828;
}
.nb-link__arrow {
    font-size: 14px; color: #D0D0D0; margin-left: 12px;
    transition: color 0.2s, transform 0.2s;
}
.nb-link:hover .nb-link__arrow { color: #12C0C5; transform: translateX(2px); }

@media (max-width: 767px) {
    .nb-list { grid-template-columns: 1fr; }
    .nb-list.p-48 { padding-left: 0; padding-right: 0; }
    .section-nearby-counties .px-48 { padding-left: 0; padding-right: 0; }
}