/* --- START: New Header Styles --- */
.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.site-header {
    background-color: var(--background-color, #F0F8FF);
    border-bottom: 1px solid #ddd;
    position: fixed; /* Make header sticky */
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000; /* Ensure it's above other content */
    box-shadow: 0 2px 4px rgba(0,0,0,0.05);
}

.container {
    width: 100%;
    max-width: 960px;
    margin: 0 auto;
    padding: 0 20px;
    box-sizing: border-box;
}

/* Top Bar (Trust Bar) */
.header-top-bar {
    background-color: var(--secondary-color, #263238);
    padding: 8px 0;
    font-size: 0.85em;
}

.header-top-bar .container {
    display: flex;
    justify-content: flex-end; /* Align links to the right */
    align-items: center;
    gap: 20px;
}

.header-top-bar a {
    color: var(--text-color, #FFFFFF);
    text-decoration: none;
    transition: color 0.2s;
}

.header-top-bar a:hover {
    color: #E3F2FD;
    text-decoration: underline;
}

/* Main Navigation Bar */
.header-main-nav {
    background-color: var(--content-background, #FFFFFF);
    padding: 10px 0;
}

.header-main-nav .container {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.site-logo img {
    max-height: 50px; /* Adjust as needed */
    display: block;
}

.nav-links-desktop {
    display: flex; 
    align-items: center;
    gap: 15px;
}

/* Hide mobile menu toggle on desktop */
.mobile-menu-toggle {
    display: none;
    background: none;
    border: none;
    cursor: pointer;
    padding: 0;
}

.mobile-menu-toggle span {
    display: block;
    width: 25px;
    height: 3px;
    background-color: var(--secondary-color, #263238);
    margin: 5px 0;
    transition: transform 0.3s, opacity 0.3s;
}

/* Hide mobile panel on desktop */
.mobile-menu-panel {
    display: none;
}


/* Responsive Styles for Mobile */
@media (max-width: 768px) {
    .nav-links-desktop {
        display: none; /* Hide desktop nav on mobile */
    }

    .mobile-menu-toggle {
        display: block; /* Show hamburger on mobile */
    }
    
    .header-top-bar {
        display: none; /* Hide top bar on mobile to save space */
    }

    .mobile-menu-panel {
        display: none; /* Keep it hidden by default */
        position: absolute;
        top: 100%; /* Position below the main nav */
        left: 0;
        width: 100%;
        background-color: var(--content-background, #FFFFFF);
        border-top: 1px solid #ddd;
        box-shadow: 0 4px 6px rgba(0,0,0,0.1);
        padding: 15px;
        box-sizing: border-box;
    }

    .mobile-menu-panel.active {
        display: block; /* Show when active */
    }

    .mobile-menu-panel a {
        display: block;
        padding: 10px;
        color: var(--body-text-color, #333);
        text-decoration: none;
        border-bottom: 1px solid #eee;
    }
    
    .mobile-menu-panel a:last-child {
        border-bottom: none;
    }

    .mobile-menu-panel hr {
        margin: 10px 0;
    }
    
    /* Hamburger animation */
    .mobile-menu-toggle.active span:nth-child(1) {
        transform: translateY(8px) rotate(45deg);
    }
    .mobile-menu-toggle.active span:nth-child(2) {
        opacity: 0;
    }
    .mobile-menu-toggle.active span:nth-child(3) {
        transform: translateY(-8px) rotate(-45deg);
    }
    
    .content-wrapper {
        margin-top: 90px; /* Adjust for smaller sticky header on mobile */
    }
}

/* --- END: New Header Styles --- */


/* --- START: Original styles from your style.css file --- */
:root{--primary-color:#E3F2FD;--secondary-color:#263238;--background-color:#F0F8FF;--content-background:#FFFFFF;--footer-background:#263238;--text-color:#FFFFFF;--body-text-color:#333333}
body{font-family:Aptos,Arial,sans-serif;line-height:1.6;margin:0;padding:0;color:#333;background-color:#f4f4f4}
.content-wrapper{max-width:960px;margin:20px auto;padding:20px;padding-top:5px;background-color:#fff;border-radius:8px;box-shadow:0 0 10px rgba(0,0,0,.1);margin-bottom:80px; margin-top: 120px; /* MODIFIED: Pushes content down from sticky header */}
.menu-bar{background-color:#444;padding:10px 0;text-align:center;display:flex;justify-content:center;align-items:center}
.menu-bar-content{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:960px;padding:0 20px;box-sizing:border-box}
.dropdown{position:relative;display:flex;align-items:center;}
.dropbtn{background-color:#555;color:#fff;padding:11px 15px;font-size:14px;border:none;cursor:pointer} /* MODIFIED: Adjusted padding and font-size for alignment */
.dropbtn:focus,.dropbtn:hover{background-color:#666}
.dropdown-content{display:none;position:absolute;background-color:#f9f9f9;min-width:160px;box-shadow:0 8px 16px 0 rgba(0,0,0,.2);z-index:1001; top: 100%; /* ADDED: Ensures dropdown appears below button */}
.dropdown-content a{color:#000;padding:12px 16px;text-decoration:none;display:block;text-align:left}
.dropdown-content a:hover{background-color:#ddd}
.dropdown:hover .dropdown-content{display:block}
main.content{padding:20px}
main.content h1:empty{display:none}
main.content>h1+div.ad-placeholder,main.content>h1+div.category-block,main.content>h1+div.page-type-selector,main.content>h1+div.search-results-container,main.content>h1+h1,main.content>h1+nav.article-breadcrumb-nav,main.content>h1+nav.pagination-controls,main.content>h1+p{margin-top:0}
main.content>div.ad-placeholder:first-child,main.content>div.category-block:first-child,main.content>div.page-type-selector:first-child,main.content>div.search-results-container:first-child,main.content>h1:first-child,main.content>nav.article-breadcrumb-nav:first-child,main.content>nav.pagination-controls:first-child,main.content>p:first-child{margin-top:0}
.article-breadcrumb-nav{padding:8px 0;font-size:.9em;margin-bottom:10px}
.article-breadcrumb-nav a{text-decoration:none;color:#007bff;margin:0 2px}
.article-breadcrumb-nav a:hover{text-decoration:underline}
.breadcrumb-separator{margin:0 5px;color:#6c757d}
.breadcrumb-hr{margin-top:0;margin-bottom:15px;border:0;border-top:1px solid #eee}
.category-block.responsive-category{display:flex;flex-direction:row;align-items:flex-start;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #eee}
.responsive-category.cat-layout-has-pic.cat-layout-large-pic .category-image-wrapper{flex:0 0 200px;margin-right:15px}
.responsive-category.cat-layout-has-pic.cat-layout-small-pic .category-image-wrapper{flex:0 0 100px;margin-right:15px}
.responsive-category.cat-layout-no-pic .category-image-wrapper{display:none}
.category-pic{display:block;max-width:100%;height:auto;border-radius:4px}
.category-info-column{flex:1}
.category-info-column h2{margin-top:0;margin-bottom:10px;font-size:1.5em}
.category-info-column ul{list-style-type:disc;padding-left:20px;margin-top:5px}
.category-info-column ul li{margin-bottom:2px}
.view-all-category-link{margin-top:10px;font-size:.9em;text-align:right}
.view-all-category-link a{text-decoration:none;color:#007bff;font-weight:700}
.view-all-category-link a:hover{text-decoration:underline}
.all-categories-container{margin-top:20px}
.all-categories-container .top-category-block{display:flex;flex-direction:row;align-items:flex-start;gap:20px;margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid #e0e0e0}
.all-categories-container .top-category-block:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}
.all-categories-container .top-category-image-wrapper{flex:0 0 200px;width:200px;margin-right:0}
.all-categories-container .top-category-image{display:block;width:100%;height:auto;max-height:250px;border-radius:4px;border:1px solid #ddd}
.all-categories-container .top-category-info-column{flex:1;display:flex;flex-direction:column}
.all-categories-container .top-category-info-column.full-width { flex-basis: 100%; max-width: 100%;} /* ADDED: Fix for no-image alignment */
.all-categories-container .top-category-title{margin-top:0;margin-bottom:10px;font-size:1.8em}
.all-categories-container .top-category-title a{text-decoration:none;color:var(--body-text-color,#333)}
.all-categories-container .top-category-title a:hover{text-decoration:underline}
.all-categories-container .top-category-subcategory-listing{margin-top:0;margin-bottom:5px;padding-left:0}
.all-categories-container .top-category-subcategory-title{margin-bottom:8px;font-size:1.1em;color:#444;font-weight:700}
.all-categories-container .top-category-subcategory-listing ul{list-style-type:none;padding-left:15px;margin-top:0}
.all-categories-container .top-category-subcategory-listing li{margin-bottom:1px}
.all-categories-container .top-category-subcategory-listing li a{text-decoration:none;color:#06c}
.all-categories-container .top-category-subcategory-listing li a:hover{text-decoration:underline}
.all-categories-container .view-all-category-link{margin-top:15px;font-size:.9em;text-align:left}
.all-categories-container .view-all-category-link a{text-decoration:none;color:#007bff;font-weight:700}
.all-categories-container .view-all-category-link a:hover{text-decoration:underline}
.category-main-image-wrapper{float:left;width:30%;max-width:200px;margin-right:20px;margin-bottom:10px}
.category-main-pic{width:100%;height:auto;border-radius:5px;border:1px solid #ddd}
.subcategory-listing{margin-bottom:20px;padding-bottom:5px}
.subcategory-listing h3{margin-bottom:3px;font-size:1.4em;color:#333}
.subcategory-listing ul{list-style-type:none;padding-left:0}
.subcategory-listing li{margin-bottom:0;padding:3px 10px;background-color:#f9f9f9;border:1px solid #eee;border-radius:4px;display:flex;align-items:center}
.subcategory-listing li:hover{background-color:#f1f1f1}
.subcategory-listing li a{text-decoration:none;color:#0056b3;font-weight:500}
.subcategory-listing li a:hover{text-decoration:underline}
.subcategory-pic-small{display:inline-block;flex-shrink:0;width:40px;height:40px;margin-right:12px;border-radius:3px;border:1px solid #ddd;object-fit:cover}
span.subcategory-pic-small{border-color:transparent}
.category-articles-listing{margin-top:20px;overflow:hidden}
.category-articles-listing h3{margin-bottom:5px;font-size:1.4em;color:#333}
.category-articles-listing ul{list-style-type:disc;padding-left:20px}
.category-articles-listing li{margin-bottom:3px;line-height:1.5}
hr.section-separator{border:0;height:1px;background:#ddd;margin:25px 0}
.tag-subcategory-listing{margin-top:10px;margin-bottom:10px;padding-left:5px}
.tag-subcategory-title{margin-bottom:5px;font-size:.95em;color:#555;font-weight:700}
.tag-subcategory-listing ul{list-style-type:none;padding-left:15px;margin-top:5px;margin-bottom:5px}
.tag-subcategory-listing li{margin-bottom:1px;font-size:.9em}
.tag-subcategory-listing li a{text-decoration:none;color:#06c}
.tag-subcategory-listing li a:hover{text-decoration:underline}
.tag-articles-title{margin-top:10px;margin-bottom:3px;font-size:.95em;color:#555;font-weight:700}
.no-articles-in-tag{font-style:italic;color:#777;font-size:.9em;margin-top:10px;padding-left:15px}
.search-container{display:flex;align-items:center;}
.search-container form{display:flex;align-items:center}
.search-container input[type=search]{padding:11px 10px;font-size:14px;border:1px solid #666;border-radius:3px 0 0 3px;background-color:#f0f0f0;color:#333}
.search-container input[type=search]:focus{outline:0;border-color:#888;background-color:#fff}
.search-container button{padding:11px 12px;font-size:14px;background-color:#555;color:#fff;border:1px solid #555;border-left:none;cursor:pointer;border-radius:0 3px 3px 0}
.search-container button:hover{background-color:#666}
nav.pagination-controls{text-align:center;margin:20px 0;padding:10px 0}
nav.pagination-controls a,nav.pagination-controls span{display:inline-block;padding:8px 12px;margin:0 3px;border:1px solid #ddd;border-radius:4px;text-decoration:none;font-size:.9em;color:#007bff}
nav.pagination-controls a:hover{background-color:#e9ecef;border-color:#adb5bd}
nav.pagination-controls .current-page{background-color:#007bff;color:#fff;border-color:#007bff;font-weight:700}
.nav-links-desktop{display:flex;align-items:center;gap:15px}

/* --- START: New Footer and Share Button Styles --- */

/* Comprehensive Footer Styles */
.site-footer-comprehensive {
    background-color: var(--footer-background, #263238);
    color: var(--text-color, #FFFFFF);
    padding: 40px 0 20px 0;
    font-size: 0.9em;
}

.footer-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 30px;
    margin-bottom: 30px;
}

.footer-column h4, .footer-column h5 {
    color: var(--text-color, #FFFFFF);
    margin-top: 0;
    margin-bottom: 15px;
    font-weight: 700;
}

.footer-column p {
    margin: 0;
    line-height: 1.7;
    color: #ccc;
    font-style: italic; /* MODIFIED: Italicize the mission statement */
}

.footer-column ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.footer-column ul li {
    margin-bottom: 10px;
}

.footer-column ul a {
    color: #ccc;
    text-decoration: none;
    transition: color 0.2s;
}

.footer-column ul a:hover {
    color: #fff;
    text-decoration: underline;
}

.footer-bottom {
    border-top: 1px solid #444;
    padding-top: 20px;
    text-align: center;
    font-size: 0.8em;
    color: #aaa;
}

.footer-bottom p {
    margin: 0 0 10px 0;
}

/* Share Buttons Styles */
.share-buttons {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    margin: 20px 0;
}

.share-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #f0f0f0;
    transition: transform 0.2s, background-color 0.2s;
}

.share-btn:hover {
    transform: scale(1.1);
}

.share-btn svg {
    width: 20px;
    height: 20px;
    fill: #333;
}

.share-btn.facebook:hover { background-color: #1877F2; }
.share-btn.twitter:hover { background-color: #1DA1F2; }
.share-btn.linkedin:hover { background-color: #0A66C2; }
.share-btn.email:hover { background-color: #777; }

.share-btn.facebook:hover svg,
.share-btn.twitter:hover svg,
.share-btn.linkedin:hover svg,
.share-btn.email:hover svg {
    fill: #fff;
}

/* --- END: New Footer and Share Button Styles --- */

/* --- START: Fact Check Modal Styles --- */
.fact-check-modal-overlay {
    display: none; /* Hidden by default */
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    z-index: 2000;
    justify-content: center;
    align-items: center;
    overflow-y: auto;
}

.fact-check-modal-content {
    background-color: #fff;
    padding: 25px;
    border-radius: 8px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.3);
    width: 90%;
    max-width: 700px;
    position: relative;
    max-height: 90vh;
    overflow-y: auto;
}

.fact-check-modal-close-btn {
    position: absolute;
    top: 10px;
    right: 15px;
    font-size: 28px;
    font-weight: bold;
    color: #888;
    cursor: pointer;
    line-height: 1;
}

.fact-check-modal-close-btn:hover {
    color: #000;
}

/* Styles for the raw result formatting */
.raw-result-list, .raw-result-array {
    list-style-type: none;
    padding-left: 15px;
    border-left: 1px solid #eee;
}
.raw-result-list li { margin-bottom: 8px; }
.raw-result-key { color: #333; }
.raw-result-value { color: #555; }
/* --- END: Fact Check Modal Styles --- */