/* Prev/Next Navigation between articles in same cluster */
.prev-next-nav {
    margin: 32px 0 16px;
    padding: 24px;
    background: white;
    border-radius: 16px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.06);
}

.prev-next-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
    margin-bottom: 16px;
}

@media (max-width: 640px) {
    .prev-next-grid { grid-template-columns: 1fr; }
}

.prev-next-link {
    display: block;
    padding: 16px;
    background: #f9fafb;
    border-radius: 10px;
    text-decoration: none;
    color: inherit;
    transition: all .2s;
    border: 1px solid #e5e7eb;
}

.prev-next-link:hover {
    background: #fef3c7;
    border-color: #FF6B35;
    transform: translateY(-2px);
}

.prev-next-link.next-link {
    text-align: right;
}

.prev-next-label {
    font-size: 12px;
    color: #FF6B35;
    font-weight: 600;
    margin-bottom: 4px;
}

.prev-next-title {
    font-size: 14px;
    color: #1f2937;
    font-weight: 500;
    line-height: 1.4;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.prev-next-placeholder {
    /* Empty placeholder when no prev/next exists */
}

.cluster-hub-link {
    display: block;
    text-align: center;
    padding: 12px 20px;
    background: linear-gradient(135deg, #1E3A5F 0%, #2D5A8F 100%);
    color: white;
    border-radius: 10px;
    font-weight: 600;
    text-decoration: none;
    transition: transform .2s;
}

.cluster-hub-link:hover {
    transform: scale(1.02);
}

@media (prefers-reduced-motion: reduce) {
    .prev-next-link, .cluster-hub-link { transition: none; }
    .prev-next-link:hover, .cluster-hub-link:hover { transform: none; }
}