/* Custom fonts for the blog */

/* Import Computer Modern Sans for headings */
@import url('https://fonts.cdnfonts.com/css/cmu-serif');

.navbar {
    font-family: "Apple Myungjo", Georgia, "Times New Roman", serif;
}

body {
    font-family: 'CMU Serif', sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'CMU Serif', sans-serif;
}

.sidebar nav[role="doc-toc"] {
    font-family: "Apple Myungjo", Georgia, "Times New Roman", serif;
}

.nav-footer {
    font-family: "Apple Myungjo", Georgia, "Times New Roman", serif;
}

/* Category-based colors for grid items */
/* Tech Writing - Green */
a.quarto-grid-link[href*="tech-writing"] .quarto-grid-item {
    border-left: 4px solid #379981;
    background: linear-gradient(to right, rgba(82, 196, 26, 0.08) 0%, transparent 100%);
}

/* Academic Learning - Blue */
a.quarto-grid-link[href*="academic-learning"] .quarto-grid-item {
    border-left: 4px solid #279ef9;
    background: linear-gradient(to right, rgba(24, 144, 255, 0.08) 0%, transparent 100%);
}

/* Career - Orange */
a.quarto-grid-link[href*="career"] .quarto-grid-item {
    border-left: 4px solid #f7a246;
    background: linear-gradient(to right, rgba(250, 140, 22, 0.08) 0%, transparent 100%);
}

/* Research - Purple */
a.quarto-grid-link[href*="research"] .quarto-grid-item {
    border-left: 4px solid #695fb2;
    background: linear-gradient(to right, rgba(179, 127, 235, 0.08) 0%, transparent 100%);
}

/* Add smooth transition for hover effects */
.quarto-grid-item {
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

a.quarto-grid-link:hover .quarto-grid-item {
    transform: translateY(-2px);
}

/* Hide the path field from displaying in the listing */
.listing-item .path {
    display: none;
}