/* BLOG INDEX PAGE STYLES
-------------------------------------------------- */
main.container.text-start h1.display-1 {
    color: #F5F5F5 !important; /* Light gray post title */
    margin-bottom: 1rem;
}

main.container.text-start p.lead {
    color: #E0E0E0 !important; /* Light gray lead text */
    margin-bottom: 2rem;
}

/* Featured Post */
article.row.p-4.p-md-5.mb-4.rounded.text-body-emphasis.bg-body-secondary {
    background-color: #424242 !important; /* Darker charcoal background */
    color: #E0E0E0 !important; /* Light gray text */
}

article.row.p-4.p-md-5.mb-4.rounded.text-body-emphasis.bg-body-secondary h2.display-4.fst-italic {
    color: #F5F5F5 !important; /* Light gray featured title */
}

article.row.p-4.p-md-5.mb-4.rounded.text-body-emphasis.bg-body-secondary p.lead.my-3 {
    color: #E0E0E0 !important; /* Light gray featured description */
}

article.row.p-4.p-md-5.mb-4.rounded.text-body-emphasis.bg-body-secondary p.lead.mb-0 a.text-body-emphasis.fw-bold {
    color: #2196F3 !important; /* Blue "Continue reading" link */
    text-decoration: none;
}

article.row.p-4.p-md-5.mb-4.rounded.text-body-emphasis.bg-body-secondary p.lead.mb-0 a.text-body-emphasis.fw-bold:hover {
    text-decoration: underline;
}

/* Latest Posts */
.col-md-8 h2.pb-4.mb-4.fst-italic.border-bottom {
    color: #F5F5F5 !important; /* Light gray "Category Posts" title */
    border-bottom: 2px solid #2196F3 !important; /* Blue bottom border */
}

article.blog-post {
    margin-bottom: 2rem;
    padding-bottom: 1.5rem;
    border-bottom: 1px solid #616161; /* Subtle dark gray divider */
}

article.blog-post:last-child {
    border-bottom: none; /* Remove border from the last post */
    padding-bottom: 0;
    margin-bottom: 1rem;
}

article.blog-post h3.display-5.mb-1 {
    color: #F5F5F5 !important; /* Light gray post title */
}

article.blog-post p.blog-post-meta {
    color: #9E9E9E !important; /* Secondary gray metadata */
    margin-bottom: 1rem;
}

article.blog-post p.blog-post-meta a {
    color: #2196F3 !important; /* Blue category link */
    text-decoration: none;
}

article.blog-post p.blog-post-meta a:hover {
    text-decoration: underline;
}

article.blog-post div.blog-post-content p {
    color: #E0E0E0 !important; /* Light gray post content */
    margin-bottom: 1rem;
}

article.blog-post div.blog-post-content a {
    color: #2196F3 !important; /* Blue "Continue reading" link */
    text-decoration: none;
}

article.blog-post div.blog-post-content a:hover {
    text-decoration: underline;
}

/* Sidebar */
aside.position-sticky div.p-4.mb-3.bg-body-tertiary.rounded {
    background-color: #424242 !important; /* Darker charcoal sidebar background */
    color: #E0E0E0 !important; /* Light gray sidebar text */
}

aside.position-sticky div.p-4.mb-3.bg-body-tertiary.rounded h2.fst-italic {
    color: #F5F5F5 !important; /* Light gray sidebar title */
    margin-bottom: 1rem;
}

aside.position-sticky div.p-4 {
    color: #E0E0E0 !important; /* Light gray categories text */
}

aside.position-sticky div.p-4 h3.fst-italic {
    color: #F5F5F5 !important; /* Light gray categories heading */
    margin-bottom: 1rem;
}

aside.position-sticky div.p-4 ol.list-unstyled.mb-0 li a {
    color: #2196F3 !important; /* Blue category links */
    text-decoration: none;
}

aside.position-sticky div.p-4 ol.list-unstyled.mb-0 li a:hover {
    text-decoration: underline;
}

/* BLOG CATEGORY PAGE STYLES
-------------------------------------------------- */
main.container.text-start div.row:nth-child(2) div.col p { /* Style category description */
    color: #E0E0E0 !important; /* Light gray description text */
    line-height: 1.6;
    margin-bottom: 2rem;
}

/* BLOG SHOW PAGE STYLES
-------------------------------------------------- */
main.container.text-start div.row:nth-child(2) div.col p:first-child a { /* Category link */
    color: #2196F3 !important;
    text-decoration: none;
}

main.container.text-start div.row:nth-child(2) div.col p:first-child a:hover {
    text-decoration: underline;
}

main.container.text-start div.row:nth-child(2) div.col p.fw-light.fst-italic.font-monospace {
    color: #9E9E9E !important; /* Subtle secondary gray for dates */
    font-size: 0.9rem;
    margin-bottom: 2rem;
}

main.container.text-start div.row:nth-child(2) div.col p.fw-light.fst-italic.font-monospace br {
    display: none; /* Remove the line break to display dates inline */
}

div.row.p-4.p-md-3.mb-4.rounded.text-body-emphasis.bg-body-secondary.fst-italic {
    background-color: #424242 !important; /* Darker charcoal category description background */
    color: #E0E0E0 !important; /* Light gray category description text */
}

main.container.text-start div.row:last-child div.col { /* Post content */
    color: #E0E0E0 !important;
    line-height: 1.7; /* Improve readability */
}

main.container.text-start div.row:last-child div.col p {
    margin-bottom: 1.5rem; /* Add spacing between paragraphs */
}

main.container.text-start div.row:last-child div.col h2,
main.container.text-start div.row:last-child div.col h3,
main.container.text-start div.row:last-child div.col h4,
main.container.text-start div.row:last-child div.col h5,
main.container.text-start div.row:last-child div.col h6 {
    color: #F5F5F5 !important; /* Light gray headings within content */
    margin-top: 2rem;
    margin-bottom: 1rem;
}

main.container.text-start div.row:last-child div.col a {
    color: #2196F3 !important; /* Blue links within content */
    text-decoration: none;
}

main.container.text-start div.row:last-child div.col a:hover {
    text-decoration: underline;
}