/*
 * ┌─────────────────────────────────────────────────────────────────┐
 * │  STEP 8 of 13 — css/publications.css                            │
 * │                                                                 │
 * │  Styles for the Publications tab: the pub-item card and its     │
 * │  venue / description / link sub-elements.                       │
 * │                                                                 │
 * │  KEY CONCEPT: hover lift effect.                                │
 * │  translateY(-3px) combined with an increased box-shadow gives   │
 * │  the illusion that a card is rising off the page on hover.      │
 * │  Both properties are transitioned for smoothness.               │
 * │                                                                 │
 * │  ▶  Next: See js/navigation.js (Step 9)                        │
 * └─────────────────────────────────────────────────────────────────┘
 */

/* ===================================
   Publications Section
   =================================== */
.publications-grid {
    display: grid;
    gap: var(--spacing-lg);
}

.pub-category h3 {
    color: var(--primary-color);
    margin-bottom: var(--spacing-md);
    padding-bottom: var(--spacing-xs);
    border-bottom: 2px solid var(--border-color);
}

.pub-item {
    background: white;
    padding: var(--spacing-md);
    margin-bottom: var(--spacing-md);
    border-radius: 8px;
    box-shadow: var(--shadow-sm);
    transition: transform var(--transition-medium), box-shadow var(--transition-medium);
}

.pub-item:hover {
    transform: translateY(-3px);
    box-shadow: var(--shadow-md);
}

.pub-item h4 {
    color: var(--primary-color);
    margin-bottom: var(--spacing-xs);
}

.pub-venue {
    color: var(--secondary-color);
    font-weight: 500;
    font-style: italic;
    margin-bottom: var(--spacing-xs);
}

.pub-description {
    color: var(--text-light);
    margin-bottom: var(--spacing-sm);
}

.pub-link {
    font-weight: 500;
    display: inline-block;
}