/**
 * RSite — Notes Page  v1.0
 * Depends on: base.css (variables, glass-card)
 *
 * Developer notes grid layout.
 */

.notes-grid {
    display: grid;
    gap: var(--space-lg);
}

.dev-note-card {
    padding: var(--space-xl);
    transition: border-color var(--duration-normal) ease;
}

.dev-note-card:hover {
    border-color: rgba(212, 175, 55, 0.25);
}

.dev-note-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: var(--space-md);
    flex-wrap: wrap;
    gap: var(--space-sm);
}

.dev-note-title {
    color: var(--gold-accent);
    font-family: var(--font-heading);
    font-size: 1.2em;
}

.dev-note-date {
    color: var(--text-muted);
    font-size: 0.85em;
}