/* --- 1. GLOBAL TEXT STYLE --- */
html { font-size: 17px !important; }
body { font-size: 17px !important; }
p, li, a {
    font-size: inherit;
    line-height: 1.6;
    color: #626262;
}

/* --- 2. THE GAP FIX (UNIFORM ALIGNMENT) --- */
header, .header {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}

h1 { 
    font-size: 30px !important; 
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.2 !important; 
}

main {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

/* Force both navigation bars to be identical flex containers */
.custom-nav, 
.breadcrumbs {
    display: flex !important;
    align-items: baseline !important; /* Better for aligning underlines across pages */
    height: 20px !important;
    margin-top: -10px !important; 
    margin-bottom: 30px !important;
    padding: 0 !important;
}

/* --- 3. NAVIGATION & BREADCRUMB FIX --- */

/* Font and Lowercase */
header nav, .breadcrumbs, .nav-links, .custom-nav {
    font-family: "Courier New", Courier, monospace !important;
    font-size: 16px !important;
    text-transform: lowercase !important;
}

/* ALL NAVIGATION LINKS (Home and Subpages) */
.custom-nav a,
.breadcrumbs a,
.breadcrumbs span:last-child {
    text-decoration: underline !important;
    color: #626262 !important;
    margin: 0 !important;
    display: inline !important; /* Ensure underline is continuous */
}

/* Add spacing between manual links on home page */
.custom-nav a {
    margin-right: 20px !important;
}

/* THE LEADING SLASH (Subpages) */
/* This makes it part of the underlined "home" link */
.breadcrumbs a:first-of-type::before {
    content: "/";
    text-decoration: underline !important;
}

/* THE SEPARATOR SLASH (Subpages) */
/* Keeps the "/" between home and publications perfectly centered and NOT underlined */
.breadcrumbs .separator,
.breadcrumbs span:not(:last-child):not(:first-child) {
    color: #626262 !important;
    margin: 0 10px !important; 
    text-decoration: none !important;
    display: inline-block;
}

/* --- 4. HEADERS & LINES (NEWS / YEARS) --- */

h2 { 
    font-size: 22px !important; 
    border-bottom: 1px solid #eee !important; /* The line for News */
    padding-bottom: 5px !important;
    margin-top: 40px !important;
}

h3 { 
    font-size: 18px !important; 
    border-bottom: 1px solid #eee !important; /* The line for Years */
    padding-bottom: 5px !important;
    margin-top: 30px !important;
    margin-bottom: 15px !important;
}

/* --- 5. PUBLICATIONS & OTHER --- */
img { object-fit: cover; }

.fa-brands:hover, .fa-solid:hover {
    color: #007acc;
    transition: color 0.2s ease;
}

/* Hanging indent for citations */
.publication-item {
    padding-left: 30px;
    text-indent: -30px;
    margin-bottom: 20px;
    font-size: 17px;
    line-height: 1.6;
    color: #626262;
}

/* Publication link fix (pdf, code) */
.publication-item a {
    text-decoration: underline;
    font-family: inherit; 
    font-size: 13px;
    margin-right: 0 !important;
    padding: 0 !important;
}

/* --- 6. FOOTER FIX (SMALLER CREDITS) --- */
footer, 
.footer, 
.footer-info {
    font-size: 10px !important;
    color: #999 !important;
    margin-top: 50px !important;
}

footer a, 
.footer a {
    font-size: 10px !important;
    color: #999 !important;
    text-decoration: underline !important;
}