/* Import Fira Sans font from Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Fira+Sans:wght@400;500;600;700&display=swap');

/* Custom CSS to replace === headings with underline */
:root {
    --display-h1-decoration: 0 !important; /* Disable the default === decoration */
    --global-font-size: 18px !important; /* Increase base font size for better readability */
    --body-font-stack: 'Fira Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif; /* Fira Sans with fallbacks */
}

/* Use proportional font for body text */
body, p, li, blockquote, .post p {
    font-family: var(--body-font-stack) !important;
}

/* Keep monospace for headings, code, and terminal elements */
h1, h2, h3, h4, h5, h6, code, pre, .terminal-prompt, .terminal-menu {
    font-family: var(--font-stack) !important;
}

/* Remove any potential pseudo-elements creating === */
h1::after, h2::after, h1::before, h2::before,
.post h1::after, .post h2::after, .post h1::before, .post h2::before {
    content: none !important;
    display: none !important;
    border: none !important;
}

/* Add underline to h1 and h2 headings */
h1, h2 {
    text-decoration: underline !important;
    text-decoration-color: var(--secondary-color) !important;
    text-underline-offset: 0.3em !important;
    text-decoration-thickness: 3px !important;
    border-bottom: none !important;
    position: relative !important;
}

/* Ensure post titles also get underline */
.post h1, .post h2 {
    text-decoration: underline !important;
    text-decoration-color: var(--secondary-color) !important;
    text-underline-offset: 0.3em !important;
    text-decoration-thickness: 3px !important;
    border-bottom: none !important;
    position: relative !important;
}

/* Clean post layout without left spacing (like talks page) */
.posts-list {
    padding-left: 0 !important;
    margin-left: 0 !important;
}

.posts-list .post {
    position: relative !important;
    padding-left: 0 !important;
    margin-left: 0 !important;
    margin-bottom: 30px !important;
    top: 0 !important;
}

.posts-list .post p {
    position: relative !important;
    padding-left: 0 !important;
    margin-left: 0 !important;
    top: 0 !important;
}

.posts-list .date {
    display: block !important;
    position: relative !important;
    left: 0 !important;
    top: 0 !important;
    width: auto !important;
    margin-bottom: 5px !important;
    font-weight: bold !important;
    color: var(--secondary-color) !important;
    z-index: auto !important;
}

.posts-list .post h1 {
    margin-top: 0 !important;
    margin-bottom: 5px !important;
    padding-top: 0 !important;
    position: relative !important;
    left: 0 !important;
}

.posts-list .post h1 a {
    position: relative !important;
}