/*
 Theme Name: Custom MosquiTalk
 Template: generatepress
 Author: Raashid Ansari
 Description: A child theme for Custom MosquiTalk
 Version: 1.0
*/

/* =====================================================
   GLOBAL — BASE STYLES
   ===================================================== */

#page img {
    border-radius: 10px;
}

#page img.emoji {
    border-radius: 0 !important;
}

.wp-block-gallery.has-nested-images figure.wp-block-image {
    border-radius: 10px;
    overflow: hidden;
}
.wp-block-gallery.has-nested-images figure.wp-block-image img {
    border-radius: 0;
}

ol > li::marker {
    font-weight: bold;
}

/* =====================================================
   Homepage Title for SEO
   ===================================================== */

.mt-homepage-title {
    display: none !important;
}

/* =====================================================
   MT TYPOGRAPHY SYSTEM — CENTRALIZED
   ===================================================== */

:root {
    --mt-font-display: "Playfair Display", Georgia, serif;
    --mt-font-body: "PT Serif", Georgia, serif;
    --mt-font-sans: Arial, sans-serif;
    --mt-color-primary: #8b3a2f;
    --mt-color-primary-dark: #6f2e25;
    --mt-color-text: #222;
    --mt-color-text-light: #625e58;
    --mt-color-muted: #777;
    --mt-color-border: #d7d3cc;
}

/* --- TITLES --- */
.mt-title-display {
    font-family: var(--mt-font-display);
    color: var(--mt-color-text);
}
.mt-title-display a {
    color: var(--mt-color-text);
    text-decoration: none;
}
.mt-title-display a:hover {
    color: var(--mt-color-primary);
}

.mt-title-xl { font-size: 38px; line-height: 1.08; }
.mt-title-lg { font-size: 31px; line-height: 1.12; }
.mt-title-md { font-size: 26px; line-height: 1.15; }
.mt-title-sm { font-size: 20px; line-height: 1.18; }
.mt-title-xs { font-size: 18px; line-height: 1.2; }

/* --- BODY --- */
.mt-body-text {
    font-family: var(--mt-font-body);
    color: var(--mt-color-text-light);
}

/* --- DATES - BOLD FONT --- */
.mt-date {
    font-family: var(--mt-font-sans);
    font-size: 10px;
    font-weight: 600;
    color: var(--mt-color-muted);
    text-transform: uppercase;
    letter-spacing: 0.7px;
}

/* --- META --- */
.mt-meta {
    font-family: var(--mt-font-sans);
    font-size: 10px;
    font-weight: 600;
    color: var(--mt-color-muted);
    text-transform: uppercase;
    letter-spacing: 0.8px;
}

/* --- KICKER --- */
.mt-kicker {
    font-family: var(--mt-font-sans);
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 1.5px;
    color: var(--mt-color-primary);
}

/* --- MORE LINK --- */
.mt-more-link {
    font-family: var(--mt-font-sans);
    font-size: 16px;
    font-weight: 700;
    color: #555;
    text-decoration: none;
    white-space: nowrap;
}
.mt-more-link:hover {
    color: var(--mt-color-primary);
}

/* =====================================================
   MT HOMEPAGE — CONTAINER
   ===================================================== */

#mt-homepage {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
}

/* =====================================================
   MT HOMEPAGE — SHARED COMPONENTS
   ===================================================== */

/* --- SECTION HEADING --- */
.mt-section-heading {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 2px solid var(--mt-color-text);
}
.mt-section-heading h2 {
    margin: 0;
    font-family: var(--mt-font-display);
    font-size: 32px;
    line-height: 1.1;
}
.mt-section-heading .mt-section-kicker {
    display: block;
    margin-bottom: 4px;
    font-family: var(--mt-font-sans);
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 1.5px;
    color: var(--mt-color-primary);
}
.mt-section-more {
    font-family: var(--mt-font-sans);
    font-size: 16px;
    font-weight: 700;
    color: #555;
    text-decoration: none;
    white-space: nowrap;
}
.mt-section-more:hover {
    color: var(--mt-color-primary);
}

/* --- IMAGE 16:9 --- */
.mt-image-16-9 {
    display: block;
    width: 100%;
    aspect-ratio: 16 / 9;
    overflow: hidden;
}
.mt-image-16-9 img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* --- CARD --- */
.mt-card {
    min-width: 0;
}
.mt-card-body {
    padding-top: 11px;
}

/* --- EXCERPT --- */
.mt-excerpt {
    margin: 0;
    font-family: var(--mt-font-body);
    font-size: 15px;
    line-height: 1.55;
    color: var(--mt-color-text-light);
}

/* --- POST DATE - BOLD & CONSISTENT SPACING --- */
.mt-post-date {
    font-family: var(--mt-font-sans);
    font-size: 10px;
    font-weight: 600;
    color: #888;
    text-transform: uppercase;
    letter-spacing: 0.7px;
    margin-top: 4px;
    margin-bottom: 5px;
}

/* --- FEATURE POST DATE - BOLD --- */
.mt-feature-post-date {
    font-family: var(--mt-font-sans);
    font-size: 10px;
    font-weight: 600;
    color: var(--mt-color-muted);
    text-transform: uppercase;
    letter-spacing: 0.8px;
    margin-top: 4px;
    margin-bottom: 9px;
}

/* --- GEOGRAPHIC BADGE (UNIFIED) --- */
.mt-geo-badge {
    position: absolute;
    left: 10px;
    bottom: 10px;
    z-index: 10;
    display: inline-block;
    max-width: calc(100% - 20px);
    padding: 5px 9px;
    background: rgba(105, 25, 20, 0.92);
    color: #fff;
    font-family: var(--mt-font-sans);
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 0.6px;
    line-height: 1.25;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    border-radius: 6px;
}
.mt-geo-badge a {
    color: #fff;
    text-decoration: none;
}
.mt-geo-badge a:hover {
    text-decoration: underline;
}
.mt-geo-badge .mt-geo-separator {
    display: inline-block;
    margin: 0 4px;
    color: rgba(255, 255, 255, 0.75);
}

/* =====================================================
   AUTHOR BOX
   ===================================================== */

.author-box {
    display: flex;
    flex-wrap: wrap;
    padding: 4%;
    margin-top: 30px;
    font-size: 1em;
    box-shadow: 0 9px 28px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22);
    border-left: 3px solid #b11f24;
    border-radius: 10px;
}
.author-links a {
    font-size: 3em;
    line-height: 0.5em;
    float: right;
}
.author-box .avatar {
    width: 80px;
    border-radius: 100%;
    margin-right: 20px;
}
.author-title {
    font-weight: 700;
}
h4.author-title {
    margin-bottom: 0.5em;
}
.author-description {
    margin-bottom: 10px;
    margin-left: 100px;
    margin-top: -50px;
}
.author-description p {
    font-size: 19px;
    font-style: italic;
    line-height: 1.35;
    color: #4a4a4a;
}

/* =====================================================
   HEADER
   ===================================================== */

.inside-header {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    flex-wrap: wrap !important;
    width: 100%;
}
.header-ad-right {
    margin-left: auto;
    flex-shrink: 0;
}

/* =====================================================
   DISPLAY POSTS LISTING
   ===================================================== */

.display-posts-listing.grid {
    display: grid;
    grid-gap: 40px;
}
.display-posts-listing.grid .title {
    display: block;
    margin-top: 5px;
    font-size: 20px;
    font-weight: 600;
}
.display-posts-listing.grid .excerpt {
    display: block;
    margin-top: 0px;
    font-size: 16px;
    font-weight: 500;
}
.display-posts-listing.grid img {
    display: block;
    max-width: 100%;
    height: auto;
    border: thick double #32a1ce;
}
@media (min-width: 600px) {
    .display-posts-listing.grid {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (min-width: 1024px) {
    .display-posts-listing.grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

.sidebar .display-posts-listing.grid {
    display: grid;
    grid-gap: 10px;
}
.sidebar .display-posts-listing.grid .title {
    display: block;
    margin-top: 5px;
    font-size: 14px;
    font-weight: 500;
}
.sidebar .display-posts-listing.grid .excerpt {
    display: block;
    margin-top: 0px;
    font-size: 12px;
    font-weight: 400;
}

/* =====================================================
   SOCIAL SHARING
   ===================================================== */

.mosquitalk-social-wrapper {
    margin: 20px auto;
    font-size: 0;
    text-align: center;
    display: flex;
    flex-wrap: wrap;
}
.mosquitalk-social-sharing {
    padding: 12px;
    flex: 1;
}
.mosquitalk-social-sharing svg {
    position: relative;
    top: 0.15em;
    display: inline-block;
}
.mosquitalk-social-sharing:first-of-type {
    border-radius: 6px 0 0 6px;
}
.mosquitalk-social-sharing:last-of-type {
    border-radius: 0 6px 6px 0;
}
.mosquitalk-social-facebook {
    fill: #fff;
    background-color: rgba(59, 89, 152, 1);
}
.mosquitalk-social-twitter {
    fill: #fff;
    background-color: rgb(0, 0, 0);
}
.mosquitalk-social-whatsapp {
    fill: #fff;
    background-color: rgba(37, 211, 102, 1);
}
.mosquitalk-social-telegram {
    fill: #fff;
    background-color: rgb(2, 126, 189);
}
.mosquitalk-social-reddit {
    fill: #fff;
    background-color: rgba(255, 87, 0, 1);
}

/* =====================================================
   PART 8 — TICKER (UPDATED: 75s, Larger IMPORTANT label)
   ===================================================== */

.mt-ticker-section {
    display: flex;
    align-items: stretch;
    width: 100%;
    margin: 10px 0 25px;
    overflow: hidden;
    background: #ffffff;
    border: 3px solid #e21b23;
    box-sizing: border-box;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}
.mt-ticker-label {
    position: relative;
    z-index: 5;
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    min-height: 32px;
    padding: 8px 8px !important;
    background: #e21b23 !important;
    color: #ffffff;
    font-family: var(--mt-font-sans);
    font-size: 12px !important;
    font-weight: 900 !important;
    line-height: 1;
    letter-spacing: 1.5px; /* Slightly more spacing */
    text-transform: uppercase;
    white-space: nowrap;
    box-shadow: 4px 0 8px rgba(0, 0, 0, 0.10);
}
.mt-ticker-content {
    flex: 1 1 auto;
    min-width: 0;
    overflow: hidden;
    display: flex;
    align-items: center;
    position: relative;
    background: #ffffff;
}
.mt-ticker-track {
    display: flex;
    align-items: center;
    width: max-content;
    min-width: max-content;
    white-space: nowrap;
    padding: 0;
    animation: mtTickerScroll 75s linear infinite; /* Changed from 70s to 75s */
    animation-duration: 75s !important;
    will-change: transform;
}
.mt-ticker-item {
    position: relative;
    display: inline-flex;
    align-items: center;
    flex: 0 0 auto;
    margin: 0 25px 0 0;
    padding: 0;
    color: #111111 !important;
    font-family: var(--mt-font-body);
    font-size: 18px;
    font-weight: 400;
    line-height: 32px;
    text-decoration: none !important;
    white-space: nowrap;
    transition: color 0.2s ease, opacity 0.2s ease;
}
.mt-ticker-item:hover,
.mt-ticker-item:hover .mt-ticker-title {
    color: #c62828 !important;
}
.mt-ticker-symbol {
    display: inline-block;
    margin-right: 2px;
    padding: 0;
    font-family: var(--mt-font-sans);
    font-size: 18px;
    line-height: 1;
    vertical-align: middle;
}
.mt-ticker-title {
    display: inline-block;
    color: #111111;
    font-size: 13px;
    font-weight: 600;
}
.mt-ticker-content:hover .mt-ticker-track {
    animation-play-state: paused;
}
@keyframes mtTickerScroll {
    from { transform: translateX(0); }
    to { transform: translateX(-50%); }
}
.mt-ticker-separator,
.mt-ticker-item::before,
.mt-ticker-item::after,
.mt-ticker-track::before,
.mt-ticker-track::after {
    display: none !important;
    content: none !important;
}

/* Mobile - reduce to 10px */
@media (max-width: 768px) {
    .mt-ticker-section {
        margin-bottom: 10px !important;
    }
}

/* =====================================================
   PART 9 — HERO
   ===================================================== */

.mt-hero-section {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 24px;
    margin-bottom: 50px;
}
.mt-hero-main-media {
    position: relative;
    width: 100%;
    border-radius: 0 !important;
    overflow: visible;
}
.mt-hero-latest-badge {
    position: absolute;
    top: 14px;
    left: 0;
    z-index: 5;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 36px;
    padding: 0 20px 0 15px;
    background: linear-gradient(135deg, #ff6a00 0%, #ff9800 48%, #ffd43b 100%);
    color: #ffffff;
    font-family: var(--mt-font-sans);
    font-size: 15px;
    font-weight: 800;
    line-height: 36px;
    letter-spacing: 1px;
    text-transform: uppercase;
    clip-path: polygon(0 0, 88% 0, 100% 50%, 88% 100%, 0 100%);
    box-shadow: 0 3px 7px rgba(0, 0, 0, 0.24);
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.20);
}
.mt-hero-location {
    position: absolute;
    left: 10px;
    bottom: 10px;
    z-index: 5;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    max-width: calc(100% - 20px);
    padding: 6px 11px;
    background: rgba(139, 36, 28, 0.94);
    color: #ffffff;
    font-family: var(--mt-font-sans);
    font-size: 10px;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: 0.15px;
    text-align: center;
    border-radius: 5px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.22);
    box-sizing: border-box;
}
.mt-hero-location a {
    display: inline-block;
    color: #ffffff !important;
    text-decoration: none !important;
    line-height: 1.35;
}
.mt-hero-location a:hover {
    color: #ffd7d2 !important;
}
.mt-hero-main-content {
    padding-top: 2px;
}
.mt-hero-title {
    margin: 14px 0 10px;
    font-family: var(--mt-font-display);
    font-size: 38px;
    line-height: 1.08;
}
.mt-hero-title a {
    color: var(--mt-color-text);
    text-decoration: none;
}
.mt-hero-title a:hover {
    color: #8b241c;
}
.mt-hero-excerpt {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    margin: 0;
    font-family: var(--mt-font-body);
    font-size: 17px;
    line-height: 1.6;
}
.mt-hero-secondary {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.mt-hero-card {
    border-bottom: 1px solid #dddddd;
    padding-bottom: 5px;
}
.mt-hero-card-media {
    position: relative;
    width: 100%;
    border-radius: 0 !important;
    overflow: visible;
}
.mt-hero-card-content {
    padding-top: 11px;
}
.mt-hero-card-title {
    margin: 0;
    font-family: var(--mt-font-display);
    font-size: 18px;
    line-height: 1.2;
}
.mt-hero-card-title a {
    color: var(--mt-color-text);
    text-decoration: none;
}
.mt-hero-card-title a:hover {
    color: #8b241c;
}
.mt-hero-card-content .mt-meta {
    margin-top: 8px;
}

/* =====================================================
   PART 10 — MOSQUITO SEASON (3 Cards)
   ===================================================== */

.mt-myth-fact-section {
    margin-bottom: 50px;
}
.mt-myth-fact-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 24px;
}
.mt-myth-fact-card {
    min-width: 0;
}
.mt-myth-fact-image {
    display: block;
    width: 100%;
}
.mt-myth-fact-image img {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 16 / 9;
    object-fit: cover;
}
.mt-myth-fact-content {
    padding-top: 9px;
}
.mt-myth-fact-content h3 {
    margin: 0 0 7px;
    font-family: var(--mt-font-display);
    font-size: 20px;
    line-height: 1.16;
}
.mt-myth-fact-content h3 a {
    color: var(--mt-color-text);
    text-decoration: none;
}
.mt-myth-fact-content h3 a:hover {
    color: var(--mt-color-primary);
}
.mt-myth-fact-content .mt-post-date {
    margin-top: 4px;
}
.mt-myth-fact-content p {
    margin: 0;
    font-family: var(--mt-font-body);
    font-size: 14px;
    line-height: 1.5;
    color: #625e58;
}

/* =====================================================
   PART 11 — REPELLENTS (1 Large + 4 Small)
   ===================================================== */

.mt-feature-grid {
    display: grid;
    grid-template-columns: 1.55fr 1fr;
    gap: 24px;
    margin-bottom: 50px;
}
.mt-feature-large {
    min-width: 0;
}
.mt-feature-large-body {
    padding-top: 12px;
}
.mt-feature-large-title {
    margin: 0 0 7px;
    font-family: var(--mt-font-display);
    font-size: 31px;
    line-height: 1.12;
}
.mt-feature-large-title a {
    color: var(--mt-color-text);
    text-decoration: none;
}
.mt-feature-large-title a:hover {
    color: var(--mt-color-primary);
}
.mt-feature-post-date {
    margin: 4px 0 9px;
}
.mt-feature-small-column {
    display: grid;
    grid-template-columns: 1fr;
    gap: 15px;
}
.mt-feature-small {
    display: grid;
    grid-template-columns: 45% 1fr;
    gap: 14px;
    align-items: start;
    min-width: 0;
    padding-bottom: 10px;
    border-bottom: 1px solid #ddd;
}
.mt-feature-small:last-child {
    padding-bottom: 0;
    border-bottom: 0;
}
.mt-feature-small-content {
    min-width: 0;
    align-self: start;
    padding-top: 0;
}
.mt-feature-small-title {
    margin: 0 0 7px;
    font-family: var(--mt-font-display);
    font-size: 17px;
    line-height: 1.18;
}
.mt-feature-small-title a {
    color: var(--mt-color-text);
    text-decoration: none;
}
.mt-feature-small-title a:hover {
    color: var(--mt-color-primary);
}
.mt-feature-small-content .mt-feature-post-date {
    margin-top: 4px;
}
.mt-post-card-excerpt {
    margin: 0;
    font-family: var(--mt-font-body);
    font-size: 16px;
    line-height: 1.55;
}

/* =====================================================
   PART 12 — HEALTH RISKS (2×2)
   ===================================================== */

.mt-health-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 28px 24px;
    margin-bottom: 50px;
}
.mt-health-card {
    min-width: 0;
}
.mt-health-card-body {
    padding-top: 11px;
}
.mt-health-card-title {
    margin: 0 0 8px;
    font-family: var(--mt-font-display);
    font-size: 26px;
    line-height: 1.15;
}
.mt-health-card-title a {
    color: var(--mt-color-text);
    text-decoration: none;
}
.mt-health-card-title a:hover {
    color: var(--mt-color-primary);
}
.mt-health-card-excerpt {
    margin: 0;
    font-family: var(--mt-font-body);
    font-size: 15px;
    line-height: 1.55;
    color: #5f5a55;
}

/* =====================================================
   PART 13 — STATISTICS
   ===================================================== */

.mt-stats-section {
    margin: 0 0 50px;
    padding: 34px 30px 28px;
    background: #f1eee8;
    border-top: 3px solid var(--mt-color-text);
    border-bottom: 1px solid #d5d0c8;
}
.mt-stats-heading {
    text-align: center;
    max-width: 700px;
    margin: 0 auto 28px;
}
.mt-stats-heading .mt-section-kicker {
    margin-bottom: 7px;
    font-family: var(--mt-font-sans);
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 1.5px;
    color: var(--mt-color-primary);
}
.mt-stats-heading h2 {
    margin: 0 0 8px;
    font-family: var(--mt-font-display);
    font-size: 31px;
    line-height: 1.15;
}
.mt-stats-heading p {
    margin: 0;
    font-family: var(--mt-font-body);
    font-size: 15px;
    line-height: 1.5;
    color: #625e58;
}
.mt-stats-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    border-top: 1px solid #d0cbc2;
    border-bottom: 1px solid #d0cbc2;
}
.mt-stat-item {
    text-align: center;
    padding: 22px 12px;
    border-right: 1px solid #d0cbc2;
    border-bottom: 1px solid #d0cbc2;
}
.mt-stat-item:nth-child(3n) { border-right: 0; }
.mt-stat-item:nth-child(n + 4) { border-bottom: 0; }
.mt-stat-number {
    display: block;
    margin-bottom: 6px;
    font-family: var(--mt-font-display);
    font-size: 36px;
    line-height: 1;
    color: #de0a26 !important;
}
.mt-stat-label {
    display: block;
    font-family: var(--mt-font-sans);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #55504a !important;
}
.mt-stat-year {
    display: block;
    margin-top: 5px;
    font-family: var(--mt-font-sans);
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 0.8px;
    text-transform: uppercase;
    color: #999188;
}
.mt-stats-note {
    margin-top: 15px;
    text-align: center;
    font-family: var(--mt-font-sans);
    font-size: 10px;
    line-height: 1.5;
    color: #88827a;
}
.mt-stats-note a {
    color: var(--mt-color-primary);
    font-weight: 700;
    text-decoration: none;
}
.mt-stats-note a:hover {
    text-decoration: underline;
}

/* =====================================================
   PART 14 — LIFECYCLE
   ===================================================== */

.mt-lifecycle-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 18px;
    margin-bottom: 50px;
}
.mt-lifecycle-card {
    min-width: 0;
}
.mt-lifecycle-body {
    padding-top: 10px;
}
.mt-lifecycle-title {
    margin: 0 0 7px;
    font-family: var(--mt-font-display);
    font-size: 18px;
    line-height: 1.15;
}
.mt-lifecycle-title a {
    color: var(--mt-color-text);
    text-decoration: none;
}
.mt-lifecycle-title a:hover {
    color: var(--mt-color-primary);
}
.mt-lifecycle-excerpt {
    margin: 0;
    font-family: var(--mt-font-body);
    font-size: 14px;
    line-height: 1.5;
    color: #625e58;
}

/* =====================================================
   PART 15 — GUIDES
   ===================================================== */

.mt-guides-list {
    border-top: 0;
    margin-bottom: 50px;
}
.mt-guides-list .mt-guide-item:first-child {
    padding-top: 4px;
}
.mt-guide-item {
    display: grid;
    grid-template-columns: 45px 220px 1fr;
    gap: 20px;
    align-items: center;
    padding: 20px 0;
    border-bottom: 1px solid var(--mt-color-border);
}
.mt-guide-number {
    font-family: var(--mt-font-display);
    font-size: 28px;
    font-weight: 700;
    color: #aaa39a;
    text-align: center;
}
.mt-guide-image {
    width: 100%;
}
.mt-guide-content {
    min-width: 0;
}
.mt-guide-title {
    margin: 5px 0 8px;
    font-family: var(--mt-font-display);
    font-size: 25px;
    line-height: 1.15;
}
.mt-guide-title a {
    color: var(--mt-color-text);
    text-decoration: none;
}
.mt-guide-title a:hover {
    color: var(--mt-color-primary);
}
.mt-guide-excerpt {
    max-width: 700px;
    margin: 0;
    font-family: var(--mt-font-body);
    font-size: 15px;
    line-height: 1.55;
    color: #625e58;
}

/* =====================================================
   PART 16 — MYTH OR FACT
   ===================================================== */

.mt-myth-feature {
    display: grid;
    grid-template-columns: 1fr 1.25fr;
    gap: 28px;
    align-items: center;
    margin-bottom: 22px;
    padding: 24px;
    background: #f1eee8;
}
.mt-myth-content {
    min-width: 0;
}
.mt-myth-label {
    display: inline-block;
    margin-bottom: 9px;
    font-family: var(--mt-font-sans);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1.4px;
    color: var(--mt-color-primary);
}
.mt-myth-title {
    margin: 0 0 12px;
    font-family: var(--mt-font-display);
    font-size: 34px;
    line-height: 1.12;
}
.mt-myth-title a {
    color: var(--mt-color-text);
    text-decoration: none;
}
.mt-myth-title a:hover {
    color: var(--mt-color-primary);
}
.mt-myth-excerpt {
    margin: 0 0 16px;
    font-family: var(--mt-font-body);
    font-size: 16px;
    line-height: 1.6;
    color: #5f5a55;
}
.mt-myth-link {
    font-family: var(--mt-font-sans);
    font-size: 13px;
    font-weight: 700;
    letter-spacing: .7px;
    text-transform: uppercase;
    color: var(--mt-color-text);
    text-decoration: none;
    border: 1px solid var(--mt-color-text);
    padding: 4px 8px;
    display: inline-block;
}
.mt-myth-link:hover {
    color: var(--mt-color-primary);
}
.mt-myth-secondary {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 22px;
}
.mt-myth-card {
    min-width: 0;
    margin-bottom: 50px;
}
.mt-myth-card-body {
    padding-top: 10px;
}
.mt-myth-card-title {
    margin: 0;
    font-family: var(--mt-font-display);
    font-size: 22px;
    line-height: 1.18;
}
.mt-myth-card-title a {
    color: var(--mt-color-text);
    text-decoration: none;
}
.mt-myth-card-title a:hover {
    color: var(--mt-color-primary);
}

/* =====================================================
   PART 17 — REVIEWS
   ===================================================== */

.mt-review-board {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 22px;
    margin-bottom: 50px;
}
.mt-review-main-card {
    min-width: 0;
}
.mt-review-card-body {
    position: relative;
    padding: 10px 0 4px;
}
.mt-review-number {
    display: none;
}
.mt-review-title {
    margin: 0;
    font-family: var(--mt-font-display);
    font-size: 20px;
    line-height: 1.18;
}
.mt-review-title a {
    color: var(--mt-color-text);
    text-decoration: none;
}
.mt-review-title a:hover {
    color: var(--mt-color-primary);
}
.mt-review-small-card {
    display: flex;
    align-items: flex-start;
    gap: 15px;
    grid-column: span 1;
    padding: 17px 0;
    border-top: 1px solid var(--mt-color-border);
}
.mt-review-small-number {
    display: none;
}
.mt-review-small-title {
    margin: 0;
    font-family: var(--mt-font-display);
    font-size: 18px;
    line-height: 1.2;
}
.mt-review-small-title a {
    color: #333;
    text-decoration: none;
}
.mt-review-small-title a:hover {
    color: var(--mt-color-primary);
}
.mt-review-small-card:nth-child(4) { grid-column: 1 / 2; }
.mt-review-small-card:nth-child(5) { grid-column: 2 / 3; }

/* =====================================================
   PART 18 — GLOBAL STATISTICS
   ===================================================== */

.mt-global-stats-section {
    margin-bottom: 50px;
}
.mt-global-stat-panel {
    display: grid;
    grid-template-columns: 1fr 1.6fr;
    gap: 30px;
    align-items: center;
    padding: 30px;
    background: #222;
    color: #fff;
}
.mt-global-stat-intro {
    padding-right: 20px;
}
.mt-global-stat-label {
    display: block;
    margin-bottom: 8px;
    font-family: var(--mt-font-sans);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1.5px;
    color: #c8c0b5;
}
.mt-global-stat-intro h3 {
    margin: 0 0 10px;
    font-family: var(--mt-font-display);
    font-size: 28px;
    line-height: 1.15;
    color: #fff;
}
.mt-global-stat-intro p {
    margin: 0;
    font-family: var(--mt-font-body);
    font-size: 15px;
    line-height: 1.55;
    color: #d0cbc4;
}
.mt-global-stat-numbers {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    border-left: 1px solid #555;
}
.mt-global-stat-number-box {
    padding: 10px 20px;
    text-align: center;
    border-right: 1px solid #555;
}
.mt-global-stat-number-box:last-child {
    border-right: 0;
}
.mt-global-stat-number-box strong {
    display: block;
    margin-bottom: 7px;
    font-family: var(--mt-font-display);
    font-size: 38px;
    line-height: 1;
    color: #fff;
}
.mt-global-stat-number-box span {
    display: block;
    margin-bottom: 5px;
    font-family: var(--mt-font-sans);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .8px;
    text-transform: uppercase;
    color: #d2cdc6;
}
.mt-global-stat-number-box small {
    display: block;
    font-family: var(--mt-font-sans);
    font-size: 9px;
    color: #99938c;
}
.mt-global-stat-note {
    grid-column: 1 / -1;
    margin-top: 4px;
    padding-top: 10px;
    border-top: 1px solid #555;
    font-family: var(--mt-font-sans);
    font-size: 10px;
    line-height: 1.5;
    color: #99938c;
}
.mt-global-stat-posts {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 22px;
    margin-top: 24px;
}
.mt-global-stat-post {
    min-width: 0;
}
.mt-global-stat-image-wrap {
    position: relative;
    width: 100%;
    overflow: hidden;
}
.mt-global-stat-image {
    position: relative;
    z-index: 1;
}
.mt-global-stat-location {
    position: absolute !important;
    left: 10px !important;
    bottom: 10px !important;
    top: auto !important;
    right: auto !important;
    z-index: 10 !important;
    display: inline-flex !important;
    align-items: center !important;
    width: auto !important;
    max-width: calc(100% - 20px) !important;
    margin: 0 !important;
    padding: 5px 9px !important;
    box-sizing: border-box !important;
    background: #8b3a2f !important;
    border-radius: 5px !important;
    font-family: var(--mt-font-sans) !important;
    font-size: 9px !important;
    font-weight: 700 !important;
    line-height: 1.25 !important;
    letter-spacing: .6px !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
}
.mt-global-stat-location a {
    display: inline !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #fff !important;
    text-decoration: none !important;
}
.mt-global-stat-location .mt-geo-separator {
    display: inline !important;
    margin: 0 5px !important;
    color: rgba(255, 255, 255, 0.75) !important;
}
.mt-global-stat-post-body {
    padding-top: 10px;
}
.mt-global-stat-post-body h3 {
    margin: 0;
    font-family: var(--mt-font-display);
    font-size: 18px;
    line-height: 1.18;
}
.mt-global-stat-post-body h3 a {
    color: var(--mt-color-text);
    text-decoration: none;
}
.mt-global-stat-post-body h3 a:hover {
    color: var(--mt-color-primary);
}
.mt-global-stat-post-body .mt-post-date {
    margin-top: 8px;
}

/* =====================================================
   PART 19 — FAQ
   ===================================================== */

.mt-faq-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    margin-bottom: 50px;
    padding: 0;
    border: 1px solid var(--mt-color-border);
    background: #fff;
    overflow: hidden;
}
.mt-faq-item {
    min-width: 0;
    margin: 0;
    padding: 0;
    border: 0;
    background: #fff;
}
.mt-faq-item:nth-child(odd) {
    border-right: 1px solid var(--mt-color-border);
}
.mt-faq-item:nth-child(n + 3) {
    border-top: 1px solid var(--mt-color-border);
}
.mt-faq-question {
    display: flex;
    align-items: center;
    width: 100%;
    min-height: 58px;
    margin: 0;
    padding: 18px;
    gap: 13px;
    border: 0;
    border-radius: 0;
    background: #fff;
    text-align: left;
    cursor: pointer;
    font-family: var(--mt-font-display);
    font-size: 18px;
    line-height: 1.25;
    color: var(--mt-color-text);
    appearance: none;
    -webkit-appearance: none;
    box-sizing: border-box;
    transition: background-color .2s ease, color .2s ease;
}
.mt-faq-question:hover,
.mt-faq-item.is-open .mt-faq-question,
.mt-faq-question:focus {
    background: #2f5f8f !important;
    color: #fff !important;
    outline: none;
}
.mt-faq-plus {
    flex: 0 0 auto;
    width: 22px;
    height: 22px;
    margin: 0;
    padding: 0;
    font-family: var(--mt-font-sans);
    font-size: 20px;
    line-height: 20px;
    font-weight: 400;
    text-align: center;
    color: var(--mt-color-primary);
}
.mt-faq-question:hover .mt-faq-plus { color: #fff; }
.mt-faq-item.is-open .mt-faq-plus {
    font-size: 0;
}
.mt-faq-item.is-open .mt-faq-plus::before {
    content: "−";
    font-size: 20px;
    color: #fff;
}
.mt-faq-answer {
    display: grid;
    grid-template-rows: 0fr;
    overflow: hidden;
    transition: grid-template-rows .25s ease;
}
.mt-faq-item.is-open .mt-faq-answer {
    grid-template-rows: 1fr;
}
.mt-faq-answer-inner {
    min-height: 0;
    margin: 0;
    padding: 0 18px 0 53px;
    overflow: hidden;
    font-family: var(--mt-font-body);
    font-size: 14px;
    line-height: 1.55;
    color: #625e58;
}
.mt-faq-item.is-open .mt-faq-answer-inner {
    padding-bottom: 18px;
}
.mt-faq-read-more {
    display: inline-block;
    margin-top: 8px;
    font-family: var(--mt-font-sans);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .7px;
    text-transform: uppercase;
    color: var(--mt-color-primary);
    text-decoration: none;
}
.mt-faq-read-more:hover {
    color: #6f2e25;
}

/* =====================================================
   PART 20 — LATEST + RECOMMENDED
   ===================================================== */

.mt-latest-recommended-section {
    margin-bottom: 50px;
}
.mt-latest-recommended-section .mt-section-heading {
    display: block !important;
    margin-bottom: 5px !important;
    padding: 0 !important;
    border-bottom: 0 !important;
    min-height: 0 !important;
}

.mt-latest-recommended-section .mt-section-heading > div {
    padding: 0 !important;
    margin: 0 !important;
}

.mt-latest-recommended-section .mt-section-heading .mt-section-kicker {
    display: block;
    margin: 0 !important;
    padding: 0 !important;
}
.mt-latest-recommended-grid {
    display: grid;
    grid-template-columns: 1.6fr 1fr;
    gap: 28px;
}
.mt-latest-column,
.mt-recommended-column {
    min-width: 0;
}
.mt-column-heading {
    margin-bottom: 16px;
    padding-bottom: 9px;
    border-bottom: 2px solid var(--mt-color-text);
    font-family: var(--mt-font-display);
    font-size: 31px;
    font-weight: 700;
}
.mt-latest-list {
    border-top: 0;
}
.mt-latest-item {
    display: grid;
    grid-template-columns: 190px 1fr;
    gap: 18px;
    padding: 17px 0;
    border-bottom: 1px solid var(--mt-color-border);
}
.mt-latest-item:first-child {
    padding-top: 0;
}
.mt-latest-image {
    width: 100%;
}
.mt-latest-content {
    padding-top: 0;
}
.mt-latest-content h3 {
    margin: 4px 0 6px;
    font-family: var(--mt-font-display);
    font-size: 20px;
    line-height: 1.17;
}
.mt-latest-content h3 a {
    color: var(--mt-color-text);
    text-decoration: none;
}
.mt-latest-content h3 a:hover {
    color: var(--mt-color-primary);
}
.mt-latest-content .mt-post-date {
    margin-top: 4px;
}
.mt-latest-content p {
    margin: 0;
    font-family: var(--mt-font-body);
    font-size: 14px;
    line-height: 1.5;
    color: #625e58;
}
.mt-recommended-list {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}
.mt-recommended-item {
    min-width: 0;
}
.mt-recommended-item .mt-post-date {
    margin-top: 8px;
}
.mt-recommended-item h3 {
    margin: 8px 0 0;
    font-family: var(--mt-font-display);
    font-size: 16px;
    line-height: 1.18;
}
.mt-recommended-item h3 a {
    color: var(--mt-color-text);
    text-decoration: none;
}
.mt-recommended-item h3 a:hover {
    color: var(--mt-color-primary);
}

/* =====================================================
   PART 21 — MOSQUITO KNOWLEDGE
   ===================================================== */

.mt-mosquito-knowledge-section {
    margin-bottom: 50px;
}
.mt-mosquito-section-header {
    display: grid;
    grid-template-columns: 1.5fr 1fr;
    gap: 24px;
    margin-bottom: 22px;
}
.mt-mosquito-header-column {
    min-width: 0;
}
.mt-mosquito-header-column .mt-section-kicker {
    display: block;
    margin-bottom: 6px;
    font-family: var(--mt-font-sans);
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 1.5px;
    color: var(--mt-color-primary);
}
.mt-mosquito-header-column h2 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    margin: 0;
    padding-bottom: 9px;
    border-bottom: 2px solid var(--mt-color-text);
    font-family: var(--mt-font-display);
    font-size: 29px;
    font-weight: 700;
    line-height: 1.15;
    color: var(--mt-color-text);
}
.mt-mosquito-header-column .mt-mosquito-header-cta {
    flex: 0 1 auto;
    display: inline-block;
    max-width: 150px;
    margin: 0;
    font-family: var(--mt-font-sans);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .7px;
    line-height: 1.25;
    color: var(--mt-color-primary);
    text-decoration: none;
    white-space: normal;
}
.mt-mosquito-header-column .mt-mosquito-header-cta:hover {
    color: #6f2e25;
}
.mt-mosquito-collage {
    display: grid;
    grid-template-columns: 1.5fr 1fr;
    gap: 24px;
}
.mt-mosquito-feature {
    min-width: 0;
}
.mt-mosquito-feature-image {
    display: block;
    width: 100%;
}
.mt-mosquito-feature-content {
    padding-top: 13px;
    padding-bottom: 25px;
}
.mt-mosquito-feature-content .mt-mosquito-meta {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;
    margin: 0 0 7px;
    padding: 0;
    line-height: 1;
}
.mt-mosquito-feature-content .mt-mosquito-meta .mt-post-date {
    display: inline-flex;
    align-items: center;
    margin: 0;
    padding: 0;
    line-height: 1.3;
}
.mt-mosquito-feature-content .mt-mosquito-tags {
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 4px;
    margin: 0;
    padding: 0;
    font-family: var(--mt-font-sans);
    font-size: 9px;
    font-weight: 700;
    line-height: 1;
}
.mt-mosquito-feature-content .mt-mosquito-tags a {
    display: inline-flex;
    align-items: center;
    margin: 0;
    padding: 3px 6px;
    background: var(--mt-color-primary);
    color: #fff;
    line-height: 1.3;
    text-decoration: none;
    border-radius: 2px;
}
.mt-mosquito-feature-content .mt-mosquito-tags a:hover {
    background: #6f2e25;
    color: #fff;
}
.mt-mosquito-feature-content h3 {
    margin: 0 0 8px;
    font-family: var(--mt-font-display);
    font-size: 27px;
    line-height: 1.13;
}
.mt-mosquito-feature-content h3 a {
    color: var(--mt-color-text);
    text-decoration: none;
}
.mt-mosquito-feature-content h3 a:hover {
    color: var(--mt-color-primary);
}
.mt-mosquito-feature-content p {
    margin: 0;
    font-family: var(--mt-font-body);
    font-size: 15px;
    line-height: 1.55;
    color: #625e58;
}
.mt-mosquito-side {
    display: flex;
    flex-direction: column;
    gap: 18px;
}
.mt-mosquito-small {
    display: grid;
    grid-template-columns: 150px 1fr;
    gap: 14px;
    align-items: start;
    min-width: 0;
    padding-bottom: 18px;
    border-bottom: 1px solid var(--mt-color-border);
}
.mt-mosquito-small:last-child {
    padding-bottom: 0;
    border-bottom: 0;
}
.mt-mosquito-small-image {
    display: block;
    width: 100%;
}
.mt-mosquito-small-content {
    min-width: 0;
    padding-top: 2px;
}
.mt-mosquito-small-content .mt-mosquito-meta {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;
    margin: 0 0 5px;
    padding: 0;
    line-height: 1;
}
.mt-mosquito-small-content .mt-post-date {
    display: inline-flex;
    align-items: center;
    margin: 8px 0 0;
    padding: 0;
    line-height: 1.3;
}
.mt-mosquito-location {
    display: inline-flex;
    align-items: center;
    margin: 6px 0 0;
    padding: 3px 6px;
    background: var(--mt-color-primary);
    color: #fff;
    font-family: var(--mt-font-sans);
    font-size: 9px;
    font-weight: 700;
    letter-spacing: .5px;
    line-height: 1.3;
    text-decoration: none;
    border-radius: 2px;
}
.mt-mosquito-location a {
    color: #fff;
    text-decoration: none;
}
.mt-mosquito-location a:hover {
    color: #fff;
}
.mt-mosquito-small-content h3 {
    margin: 0;
    font-family: var(--mt-font-display);
    font-size: 18px;
    line-height: 1.18;
}
.mt-mosquito-small-content h3 a {
    color: var(--mt-color-text);
    text-decoration: none;
}
.mt-mosquito-small-content h3 a:hover {
    color: var(--mt-color-primary);
}

/* =====================================================
   PART 22 — HEALTH RISKS (2×2)
   ===================================================== */

.mt-health-risks-section {
    margin-bottom: 50px;
}
.mt-health-risks-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px 24px;
}
.mt-health-risk-card {
    min-width: 0;
}
.mt-health-risk-image {
    width: 100%;
    display: block;
}
.mt-health-risk-content {
    padding-top: 11px;
}
.mt-health-risk-content h3 {
    margin: 5px 0 8px;
    font-family: var(--mt-font-display);
    font-size: 24px;
    line-height: 1.14;
}
.mt-health-risk-content h3 a {
    color: var(--mt-color-text);
    text-decoration: none;
}
.mt-health-risk-content h3 a:hover {
    color: var(--mt-color-primary);
}
.mt-health-risk-content .mt-post-date {
    margin-top: 4px;
}
.mt-health-risk-content p {
    margin: 0;
    font-family: var(--mt-font-body);
    font-size: 15px;
    line-height: 1.55;
    color: #625e58;
}

/* =====================================================
   PART 23 — REPELLENTS (1 Featured + 2 Secondary)
   ===================================================== */

.mt-repellents-section {
    margin-bottom: 50px;
}
.mt-repellents-layout {
    display: grid;
    grid-template-columns: 2.2fr 1fr;
    gap: 24px;
    align-items: start;
}
.mt-repellent-feature {
    min-width: 0;
}
.mt-repellent-feature-image {
    display: block;
    width: 100%;
}
.mt-repellent-feature-image img {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 16 / 9;
    object-fit: cover;
}
.mt-repellent-feature-content {
    padding-top: 10px;
    padding-bottom: 25px;
}
.mt-repellent-feature-content h3 {
    margin: 0 0 9px;
    font-family: var(--mt-font-display);
    font-size: 27px;
    line-height: 1.1;
}
.mt-repellent-feature-content h3 a {
    color: var(--mt-color-text);
    text-decoration: none;
}
.mt-repellent-feature-content h3 a:hover {
    color: var(--mt-color-primary);
}
.mt-repellent-feature-content .mt-post-date {
    margin-top: 4px;
}
.mt-repellent-feature-content p {
    margin: 0;
    font-family: var(--mt-font-body);
    font-size: 16px;
    line-height: 1.55;
    color: #625e58;
}
.mt-repellents-secondary {
    display: flex;
    flex-direction: column;
    gap: 22px;
    min-width: 0;
}
.mt-repellent-small {
    min-width: 0;
    padding-bottom: 20px;
    border-bottom: 1px solid var(--mt-color-border);
}
.mt-repellent-small:last-child {
    padding-bottom: 0;
    border-bottom: 0;
}
.mt-repellent-small-image {
    display: block;
    width: 100%;
    margin-bottom: 10px;
}
.mt-repellent-small-image img {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 16 / 9;
    object-fit: cover;
}
.mt-repellent-small-content {
    min-width: 0;
}
.mt-repellent-small-content h3 {
    margin: 5px 0 0;
    font-family: var(--mt-font-display);
    font-size: 19px;
    line-height: 1.18;
}
.mt-repellent-small-content h3 a {
    color: var(--mt-color-text);
    text-decoration: none;
}
.mt-repellent-small-content h3 a:hover {
    color: var(--mt-color-primary);
}
.mt-repellent-small-content .mt-post-date {
    margin-top: 8px;
}

/* =====================================================
   PART 24 — MYTH OR FACT (3 Cards)
   ===================================================== */

.mt-myth-fact-section {
    margin-bottom: 50px;
}
.mt-myth-fact-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 24px;
}
.mt-myth-fact-card {
    min-width: 0;
}
.mt-myth-fact-image {
    display: block;
    width: 100%;
}
.mt-myth-fact-image img {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 16 / 9;
    object-fit: cover;
}
.mt-myth-fact-content {
    padding-top: 9px;
}
.mt-myth-fact-content h3 {
    margin: 0 0 7px;
    font-family: var(--mt-font-display);
    font-size: 20px;
    line-height: 1.16;
}
.mt-myth-fact-content h3 a {
    color: var(--mt-color-text);
    text-decoration: none;
}
.mt-myth-fact-content h3 a:hover {
    color: var(--mt-color-primary);
}
.mt-myth-fact-content .mt-post-date {
    margin-top: 4px;
}
.mt-myth-fact-content p {
    margin: 0;
    font-family: var(--mt-font-body);
    font-size: 14px;
    line-height: 1.5;
    color: #625e58;
}

/* =====================================================
   PART 25 — LIFE CYCLE
   ===================================================== */

.mt-lifecycle-section {
    margin-bottom: 50px;
}
.mt-lifecycle-layout {
    display: grid;
    grid-template-columns: 1.55fr 1fr;
    gap: 24px;
    align-items: start;
}
.mt-lifecycle-feature {
    min-width: 0;
}
.mt-lifecycle-feature-image {
    display: block;
    width: 100%;
}
.mt-lifecycle-feature-image img {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 16 / 9;
    object-fit: cover;
}
.mt-lifecycle-feature-content {
    padding-top: 12px;
    padding-bottom: 20px;
}
.mt-lifecycle-feature-content h3 {
    margin: 0 0 8px;
    font-family: var(--mt-font-display);
    font-size: 27px;
    line-height: 1.12;
}
.mt-lifecycle-feature-content h3 a {
    color: var(--mt-color-text);
    text-decoration: none;
}
.mt-lifecycle-feature-content h3 a:hover {
    color: var(--mt-color-primary);
}
.mt-lifecycle-feature-content .mt-post-date {
    margin-top: 4px;
}
.mt-lifecycle-feature-content p {
    margin: 0;
    font-family: var(--mt-font-body);
    font-size: 15px;
    line-height: 1.55;
    color: #625e58;
}
.mt-lifecycle-secondary {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 22px;
}
.mt-lifecycle-card {
    min-width: 0;
}
.mt-lifecycle-card-image {
    display: block;
    width: 100%;
}
.mt-lifecycle-card-image img {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 16 / 9;
    object-fit: cover;
}
.mt-lifecycle-card-content {
    padding-top: 8px;
}
.mt-lifecycle-card-content h3 {
    margin: 0;
    font-family: var(--mt-font-display);
    font-size: 18px;
    line-height: 1.18;
}
.mt-lifecycle-card-content h3 a {
    color: var(--mt-color-text);
    text-decoration: none;
}
.mt-lifecycle-card-content h3 a:hover {
    color: var(--mt-color-primary);
}
.mt-lifecycle-card-content .mt-post-date {
    margin-top: 4px;
}

/* =====================================================
   PART 26 — EDITOR'S PICKS
   ===================================================== */

.mt-editors-picks-section {
    margin-bottom: 50px;
}
.mt-editors-picks-layout {
    display: grid;
    grid-template-columns: 2.2fr 1fr;
    gap: 24px;
    align-items: start;
}
.mt-editors-pick-feature {
    min-width: 0;
}
.mt-editors-pick-feature-image {
    display: block;
    width: 100%;
}
.mt-editors-pick-feature-image img {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 16 / 9;
    object-fit: cover;
}
.mt-editors-pick-feature-content {
    padding-top: 10px;
    padding-bottom: 20px;
}
.mt-editors-pick-feature-content h3 {
    margin: 0 0 9px;
    font-family: var(--mt-font-display);
    font-size: 27px;
    line-height: 1.1;
}
.mt-editors-pick-feature-content h3 a {
    color: var(--mt-color-text);
    text-decoration: none;
}
.mt-editors-pick-feature-content h3 a:hover {
    color: var(--mt-color-primary);
}
.mt-editors-pick-feature-content .mt-post-date {
    margin-top: 4px;
}
.mt-editors-pick-feature-content p {
    margin: 0;
    font-family: var(--mt-font-body);
    font-size: 16px;
    line-height: 1.55;
    color: #625e58;
}
.mt-editors-picks-secondary {
    display: flex;
    flex-direction: column;
    gap: 22px;
    min-width: 0;
}
.mt-editors-pick-small {
    min-width: 0;
    padding-bottom: 20px;
    border-bottom: 1px solid var(--mt-color-border);
}
.mt-editors-pick-small:last-child {
    padding-bottom: 0;
    border-bottom: 0;
}
.mt-editors-pick-small-image {
    display: block;
    width: 100%;
    margin-bottom: 9px;
}
.mt-editors-pick-small-image img {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 16 / 9;
    object-fit: cover;
}
.mt-editors-pick-small-content {
    min-width: 0;
}
.mt-editors-pick-small-content h3 {
    margin: 0;
    font-family: var(--mt-font-display);
    font-size: 18px;
    line-height: 1.18;
}
.mt-editors-pick-small-content h3 a {
    color: var(--mt-color-text);
    text-decoration: none;
}
.mt-editors-pick-small-content h3 a:hover {
    color: var(--mt-color-primary);
}
.mt-editors-pick-small-content .mt-post-date {
    margin-top: 8px;
}

/* =====================================================
   PART 28 — DISEASE SPOTLIGHT
   ===================================================== */

.mt-disease-spotlight-section {
    margin-bottom: 50px;
}
.mt-disease-spotlight-layout {
    display: grid;
    grid-template-columns: 2.15fr 1fr;
    gap: 24px;
    align-items: start;
}
.mt-disease-feature {
    min-width: 0;
}
.mt-disease-feature-image {
    display: block;
    width: 100%;
}
.mt-disease-feature-image img {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 16 / 9;
    object-fit: cover;
}
.mt-disease-feature-content {
    padding-top: 10px;
    padding-bottom: 20px;
}
.mt-disease-feature-content h3 {
    margin: 0 0 9px;
    font-family: var(--mt-font-display);
    font-size: 27px;
    line-height: 1.1;
}
.mt-disease-feature-content h3 a {
    color: var(--mt-color-text);
    text-decoration: none;
}
.mt-disease-feature-content h3 a:hover {
    color: var(--mt-color-primary);
}
.mt-disease-feature-content .mt-post-date {
    margin-top: 4px;
}
.mt-disease-feature-content p {
    margin: 0;
    font-family: var(--mt-font-body);
    font-size: 16px;
    line-height: 1.55;
    color: #625e58;
}
.mt-disease-secondary {
    display: flex;
    flex-direction: column;
    gap: 22px;
    min-width: 0;
}
.mt-disease-small {
    min-width: 0;
    padding-bottom: 20px;
    border-bottom: 1px solid var(--mt-color-border);
}
.mt-disease-small:last-child {
    padding-bottom: 0;
    border-bottom: 0;
}
.mt-disease-small-image {
    display: block;
    width: 100%;
    margin-bottom: 9px;
}
.mt-disease-small-image img {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 16 / 9;
    object-fit: cover;
}
.mt-disease-small-content {
    min-width: 0;
}
.mt-disease-small-content h3 {
    margin: 0;
    font-family: var(--mt-font-display);
    font-size: 20px;
    line-height: 1.18;
}
.mt-disease-small-content h3 a {
    color: var(--mt-color-text);
    text-decoration: none;
}
.mt-disease-small-content h3 a:hover {
    color: var(--mt-color-primary);
}
.mt-disease-small-content .mt-post-date {
    margin-top: 8px;
}

/* =====================================================
   PART 29 — PREVENTION CHECKLIST
   ===================================================== */

.mt-prevention-section {
    margin-bottom: 50px !important;
}
.mt-prevention-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    border-top: 1px solid var(--mt-color-border);
    border-left: 1px solid var(--mt-color-border);
}
.mt-prevention-card {
    display: flex;
    gap: 15px;
    padding: 22px 22px 21px;
    border-right: 1px solid var(--mt-color-border);
    border-bottom: 1px solid var(--mt-color-border);
    min-width: 0;
}
.mt-prevention-check {
    flex: 0 0 30px;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--mt-color-primary);
    border-radius: 50%;
    font-family: var(--mt-font-sans);
    font-size: 16px;
    font-weight: 700;
    color: var(--mt-color-primary);
}
.mt-prevention-content {
    min-width: 0;
}
.mt-prevention-content h3 {
    margin: 0 0 6px;
    font-family: var(--mt-font-display);
    font-size: 21px;
    line-height: 1.2;
}
.mt-prevention-content h3 a {
    color: var(--mt-color-text);
    text-decoration: none;
}
.mt-prevention-content h3 a:hover {
    color: var(--mt-color-primary);
}
.mt-prevention-content p {
    margin: 0;
    font-family: var(--mt-font-body);
    font-size: 14px;
    line-height: 1.5;
    color: #625e58;
}

/* =====================================================
   PART 30 — RESEARCH
   ===================================================== */

.mt-research-section {
    margin-bottom: 50px;
}
.mt-research-layout {
    display: grid;
    grid-template-columns: 2.15fr 1fr;
    gap: 24px;
    align-items: start;
}
.mt-research-feature {
    min-width: 0;
}
.mt-research-feature-image {
    display: block;
    width: 100%;
}
.mt-research-feature-image img {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 16 / 9;
    object-fit: cover;
}
.mt-research-feature-content {
    padding-top: 13px;
    padding-bottom: 20px;
}
.mt-research-feature-content h3 {
    margin: 0 0 9px;
    font-family: var(--mt-font-display);
    font-size: 27px;
    line-height: 1.1;
}
.mt-research-feature-content h3 a {
    color: var(--mt-color-text);
    text-decoration: none;
}
.mt-research-feature-content h3 a:hover {
    color: var(--mt-color-primary);
}
.mt-research-feature-content p {
    margin: 0;
    font-family: var(--mt-font-body);
    font-size: 16px;
    line-height: 1.55;
    color: #625e58;
}
.mt-research-label,
.mt-research-small-label {
    display: block;
    margin-bottom: 6px;
    font-family: var(--mt-font-sans);
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 1px;
    color: var(--mt-color-primary);
}
.mt-research-secondary {
    display: flex;
    flex-direction: column;
    gap: 22px;
    min-width: 0;
}
.mt-research-small {
    min-width: 0;
    padding-bottom: 20px;
    border-bottom: 1px solid var(--mt-color-border);
}
.mt-research-small:last-child {
    padding-bottom: 0;
    border-bottom: 0;
}
.mt-research-small-image {
    display: block;
    width: 100%;
    margin-bottom: 9px;
}
.mt-research-small-image img {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 16 / 9;
    object-fit: cover;
}
.mt-research-small-content {
    min-width: 0;
}
.mt-research-small-content h3 {
    margin: 0;
    font-family: var(--mt-font-display);
    font-size: 20px;
    line-height: 1.18;
}
.mt-research-small-content h3 a {
    color: var(--mt-color-text);
    text-decoration: none;
}
.mt-research-small-content h3 a:hover {
    color: var(--mt-color-primary);
}

/* =====================================================
   PART 31 — SEASONAL ALERT
   ===================================================== */

.mt-seasonal-alert-section {
    margin-bottom: 50px;
}
.mt-seasonal-alert-header {
    display: flex;
    justify-content: space-between;
    align-items: end;
    gap: 25px;
    padding: 18px 0 16px;
    margin-bottom: 20px;
    border-top: 2px solid var(--mt-color-text);
    border-bottom: 1px solid var(--mt-color-border);
}
.mt-seasonal-alert-header h2 {
    margin: 3px 0 5px;
    font-family: var(--mt-font-display);
    font-size: 30px;
    line-height: 1.15;
}
.mt-seasonal-alert-header p {
    margin: 0;
    font-family: var(--mt-font-body);
    font-size: 14px;
    line-height: 1.45;
    color: #625e58;
}
.mt-seasonal-alert-layout {
    display: grid;
    grid-template-columns: 1.7fr 1fr;
    gap: 24px;
    align-items: start;
}
.mt-seasonal-feature {
    min-width: 0;
}
.mt-seasonal-feature-image {
    display: block;
    width: 100%;
    position: relative;
}
.mt-seasonal-feature-image img {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 16 / 9;
    object-fit: cover;
}
.mt-seasonal-feature-content {
    position: relative;
    padding-top: 12px;
}
.mt-seasonal-feature-content .mt-seasonal-location {
    position: absolute;
    left: 14px;
    bottom: calc(100% + 14px);
    z-index: 3;
    display: inline-block;
    max-width: calc(100% - 28px);
    padding: 6px 10px;
    background: rgba(105, 25, 20, 0.92);
    font-family: var(--mt-font-sans);
    font-size: 10px;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: 0.8px;
    color: #fff;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    border-radius: 6px;
}
.mt-seasonal-feature-content .mt-seasonal-location a {
    color: #fff;
    text-decoration: none;
}
.mt-seasonal-feature-content .mt-seasonal-location a:hover {
    text-decoration: underline;
}
.mt-seasonal-feature-content .mt-seasonal-location .mt-geo-separator {
    display: inline-block;
    margin: 0 4px;
    color: rgba(255, 255, 255, 0.75);
}
.mt-seasonal-feature-content h3 {
    margin: 0 0 8px;
    font-family: var(--mt-font-display);
    font-size: 27px;
    line-height: 1.12;
}
.mt-seasonal-feature-content h3 a {
    color: var(--mt-color-text);
    text-decoration: none;
}
.mt-seasonal-feature-content h3 a:hover {
    color: var(--mt-color-primary);
}
.mt-seasonal-feature-content p {
    margin: 0;
    font-family: var(--mt-font-body);
    font-size: 15px;
    line-height: 1.5;
    color: #625e58;
}
.mt-seasonal-regional-list {
    display: flex;
    flex-direction: column;
    gap: 18px;
}
.mt-seasonal-regional-card {
    display: grid;
    grid-template-columns: 145px 1fr;
    gap: 14px;
    padding-bottom: 18px;
    border-bottom: 1px solid var(--mt-color-border);
    min-width: 0;
}
.mt-seasonal-regional-card:last-child {
    padding-bottom: 0;
    border-bottom: 0;
}
.mt-seasonal-regional-image {
    display: block;
    width: 145px;
    position: relative;
}
.mt-seasonal-regional-image img {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 16 / 9;
    object-fit: cover;
}
.mt-seasonal-regional-content {
    min-width: 0;
    position: relative;
}
.mt-seasonal-regional-content .mt-seasonal-location {
    display: inline-block;
    margin-bottom: 6px;
    padding: 5px 8px;
    background: rgba(105, 25, 20, 0.92);
    font-family: var(--mt-font-sans);
    font-size: 8px;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: 0.7px;
    color: #fff;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    border-radius: 6px;
}
.mt-seasonal-regional-content .mt-seasonal-location a {
    color: #fff;
    text-decoration: none;
}
.mt-seasonal-regional-content .mt-seasonal-location a:hover {
    text-decoration: underline;
}
.mt-seasonal-regional-content .mt-seasonal-location .mt-geo-separator {
    display: inline-block;
    margin: 0 4px;
    color: rgba(255, 255, 255, 0.75);
}
.mt-seasonal-regional-content h3 {
    margin: 0;
    font-family: var(--mt-font-display);
    font-size: 18px;
    line-height: 1.2;
}
.mt-seasonal-regional-content h3 a {
    color: var(--mt-color-text);
    text-decoration: none;
}
.mt-seasonal-regional-content h3 a:hover {
    color: var(--mt-color-primary);
}

/* =====================================================
   PART 32 — MORE TO EXPLORE
   ===================================================== */

.mt-more-explore-section {
    margin-bottom: 50px !important;
}
.mt-more-explore-header {
    display: flex !important;
    align-items: flex-end !important;
    justify-content: space-between !important;
    gap: 20px !important;
    padding: 16px 0 14px !important;
    margin-bottom: 22px !important;
    border-top: 0 !important;
    border-bottom: 2px solid var(--mt-color-text) !important;
}

.mt-more-explore-header > div {
    flex: 1;
    min-width: 0;
}

.mt-more-explore-header .mt-section-more {
    flex-shrink: 0;
    font-family: Arial, sans-serif;
    font-size: 16px;
    font-weight: 700;
    color: #555;
    text-decoration: none;
    white-space: nowrap;
}

.mt-more-explore-header .mt-section-more:hover {
    color: #8b3a2f;
}
.mt-more-explore-header .mt-section-kicker {
    display: block;
    margin-bottom: 4px;
    font-family: var(--mt-font-sans);
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 1.5px;
    color: var(--mt-color-primary);
}
.mt-more-explore-header h2 {
    margin: 3px 0 0 !important;
    font-family: var(--mt-font-display) !important;
    font-size: 28px !important;
    line-height: 1.15 !important;
}
.mt-more-explore-grid {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 20px !important;
}
.mt-more-explore-card {
    min-width: 0 !important;
}
.mt-more-explore-media {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    background: transparent !important;
    border-radius: 0 !important;
}
.mt-more-explore-image {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    background: transparent !important;
    border-radius: 0 !important;
    line-height: 0 !important;
}
.mt-more-explore-thumb {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 16 / 9 !important;
    object-fit: cover !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
}
.mt-more-explore-media .mt-more-explore-location {
    position: absolute !important;
    left: 10px !important;
    bottom: 10px !important;
    top: auto !important;
    right: auto !important;
    z-index: 9999 !important;
    display: inline-block !important;
    width: auto !important;
    height: auto !important;
    max-width: calc(100% - 20px) !important;
    margin: 0 !important;
    padding: 5px 8px !important;
    background: rgba(105, 25, 20, 0.92) !important;
    color: #fff !important;
    font-family: var(--mt-font-sans) !important;
    font-size: 8px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    letter-spacing: 0.65px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    border: 0 !important;
    border-radius: 6px !important;
    box-shadow: none !important;
}
.mt-more-explore-media .mt-more-explore-location a {
    color: #fff !important;
    text-decoration: none !important;
}
.mt-more-explore-media .mt-more-explore-location a:hover {
    text-decoration: underline !important;
}
.mt-more-explore-media .mt-more-explore-location .mt-geo-separator {
    display: inline-block !important;
    margin: 0 3px !important;
    color: rgba(255, 255, 255, 0.75) !important;
}
.mt-more-explore-content {
    padding: 11px 0 0 !important;
    margin: 0 !important;
}
.mt-more-explore-card h3 {
    margin: 0 0 7px !important;
    padding-top: 4px !important;
    font-family: var(--mt-font-display) !important;
    font-size: 18px !important;
    line-height: 1.2 !important;
}
.mt-more-explore-card h3 a {
    color: var(--mt-color-text) !important;
    text-decoration: none !important;
}
.mt-more-explore-card h3 a:hover {
    color: var(--mt-color-primary) !important;
}
.mt-more-explore-date {
    font-family: var(--mt-font-sans) !important;
    font-size: 10px !important;
    font-weight: 600 !important;
    line-height: 1.3 !important;
    color: var(--mt-color-muted) !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    margin-top: 4px !important;
}

/* =====================================================
   RESPONSIVE — CONSOLIDATED
   ===================================================== */

/* Tablet: ≤800px */
@media (max-width: 800px) {
    .mt-hero-section { grid-template-columns: 1fr; }
    .mt-hero-secondary { grid-template-columns: 1fr 1fr; }
    .mt-three-grid,
    .mt-lifecycle-grid,
    .mt-myth-fact-grid { grid-template-columns: repeat(2, 1fr); }
    .mt-feature-grid,
    .mt-mosquito-collage,
    .mt-lifecycle-layout,
    .mt-disease-spotlight-layout,
    .mt-seasonal-alert-layout,
    .mt-editors-picks-layout,
    .mt-repellents-layout,
    .mt-research-layout { grid-template-columns: 1fr; }
    .mt-stats-grid { grid-template-columns: repeat(2, 1fr); }
    .mt-global-stat-panel { grid-template-columns: 1fr; }
    .mt-global-stat-numbers { border-left: 0; border-top: 1px solid #555; padding-top: 20px; }
    .mt-mosquito-section-header,
    .mt-latest-recommended-grid,
    .mt-editors-picks-layout { grid-template-columns: 1fr; }
    .mt-review-board { grid-template-columns: 1fr 1fr; }
    .mt-seasonal-regional-list { grid-template-columns: 1fr 1fr; }
    .mt-seasonal-regional-card { display: block; }
    .mt-seasonal-regional-image { width: 100%; margin-bottom: 8px; }
    .mt-faq-grid { grid-template-columns: 1fr 1fr; }
    .mt-guide-item { grid-template-columns: 40px 180px 1fr; gap: 15px; }
    .mt-guide-title { font-size: 21px; }
    .mt-recommended-list { grid-template-columns: repeat(4, 1fr); }
    .mt-mosquito-side { grid-template-columns: repeat(3, 1fr); }
    .mt-mosquito-small { display: block; padding-bottom: 0; border-bottom: 0; }
    .mt-mosquito-small-content { padding-top: 8px; }
    .mt-more-explore-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 24px 18px !important; }
    .mt-health-risks-grid { gap: 24px 18px; }
    .mt-health-risk-content h3 { font-size: 23px; }
    .mt-lifecycle-secondary { grid-template-columns: repeat(3, 1fr); gap: 18px; }
    .mt-stat-item:nth-child(2n) { border-right: 0; }
    .mt-stat-item:nth-child(n + 5) { border-bottom: 0; }
    .mt-ticker-label { font-size: 16px; padding: 0 18px; } /* Slightly smaller on tablet */
}

/* Mobile: ≤600px */
@media (max-width: 600px) {
    .author-box { flex-direction: column; text-align: center; padding: 50px 10px; }
    .author-description { margin-bottom: 0; margin-left: 20px; margin-right: 20px; margin-top: -10px; }
    .author-box .avatar { margin-right: 0; margin-bottom: 10px; width: 100%; margin-top: -35px; }
    .author-box .avatar img { max-width: 80px; }
    .mt-ticker-label { min-height: 30px; padding: 0 14px; font-size: 14px; letter-spacing: 1px; }
    .mt-ticker-item { font-size: 13px; line-height: 30px; margin-right: 20px; }
    .mt-ticker-symbol { font-size: 12px; margin-right: 4px; }
    .mt-three-grid,
    .mt-health-grid,
    .mt-lifecycle-grid,
    .mt-health-risks-grid,
    .mt-myth-fact-grid,
    .mt-prevention-grid,
    .mt-more-explore-grid,
    .mt-faq-grid { grid-template-columns: 1fr; }
    .mt-section-heading h2 { font-size: 27px; }
    .mt-column-heading { font-size: 26px; }
    .mt-hero-title { font-size: 32px; }
    .mt-hero-secondary { grid-template-columns: 1fr; }
    .mt-hero-card { display: grid; grid-template-columns: 40% 1fr; gap: 12px; }
    .mt-hero-card-content { padding-top: 0; }
    .mt-hero-card-title { font-size: 17px; }
    .mt-hero-latest-badge { top: 8px; min-height: 31px; padding: 0 15px 0 12px; font-size: 12px; line-height: 31px; }
    .mt-hero-location { left: 7px; bottom: 7px; max-width: calc(100% - 14px); padding: 5px 8px; font-size: 9px; }
    .mt-stats-section { margin: 0 0 40px; padding: 28px 16px 22px; }
    .mt-stats-grid { grid-template-columns: 1fr 1fr; }
    .mt-stats-heading h2 { font-size: 26px; }
    .mt-stat-number { font-size: 29px; }
    .mt-stat-label { font-size: 9px; letter-spacing: 0.7px; }
    .mt-stat-year { font-size: 8px; }
    .mt-faq-question { font-size: 17px; min-height: 54px; padding: 16px 14px; }
    .mt-faq-answer-inner { padding-left: 49px; padding-right: 14px; }
    .mt-guide-item { grid-template-columns: 38px 1fr; gap: 12px; }
    .mt-guide-image { grid-column: 2; }
    .mt-guide-content { grid-column: 2; }
    .mt-guide-number { grid-row: 1 / span 2; font-size: 24px; }
    .mt-guide-title { font-size: 21px; }
    .mt-latest-item { grid-template-columns: 125px 1fr; gap: 13px; }
    .mt-latest-content h3 { font-size: 18px; }
    .mt-latest-content p { display: none; }
    .mt-recommended-list { grid-template-columns: 1fr 1fr; }
    .mt-mosquito-section-header { gap: 16px; margin-bottom: 18px; }
    .mt-mosquito-header-column h2 { font-size: 25px; }
    .mt-mosquito-header-column .mt-mosquito-header-cta { font-size: 9px; }
    .mt-mosquito-side { grid-template-columns: 1fr; }
    .mt-mosquito-small { display: grid; grid-template-columns: 130px 1fr; gap: 12px; padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid var(--mt-color-border); }
    .mt-mosquito-small:last-child { margin-bottom: 0; border-bottom: 0; }
    .mt-mosquito-small-content { padding-top: 2px; }
    .mt-mosquito-feature-content h3 { font-size: 27px; }
    .mt-feature-small-column { grid-template-columns: 1fr; }
    .mt-feature-small { display: grid; grid-template-columns: 40% 1fr; gap: 12px; padding-bottom: 18px; border-bottom: 1px solid #ddd; }
    .mt-feature-small:last-child { border-bottom: 0; }
    .mt-feature-small-content { padding-top: 0; }
    .mt-feature-small-title { margin-bottom: 6px; font-size: 18px; }
    .mt-global-stat-panel { padding: 22px 18px; }
    .mt-global-stat-numbers { grid-template-columns: 1fr; }
    .mt-global-stat-number-box { padding: 17px 10px; border-right: 0; border-bottom: 1px solid #555; }
    .mt-global-stat-number-box:last-child { border-bottom: 0; }
    .mt-global-stat-number-box strong { font-size: 34px; }
    .mt-global-stat-posts { grid-template-columns: 1fr; gap: 28px; }
    .mt-global-stat-location { left: 8px !important; bottom: 8px !important; max-width: calc(100% - 16px) !important; }
    .mt-prevention-card { padding: 19px 16px; }
    .mt-prevention-content h3 { font-size: 20px; }
    .mt-health-card-title { font-size: 23px; }
    .mt-lifecycle-title { font-size: 22px; }
    .mt-myth-title { font-size: 29px; }
    .mt-myth-secondary { grid-template-columns: 1fr; gap: 26px; }
    .mt-myth-feature { padding: 18px; gap: 18px; }
    .mt-seasonal-alert-header { display: block; }
    .mt-seasonal-alert-header h2 { font-size: 26px; }
    .mt-seasonal-alert-header .mt-section-more { display: inline-block; margin-top: 10px; }
    .mt-seasonal-regional-list { display: block; }
    .mt-seasonal-regional-card { display: block; margin-bottom: 16px; }
    .mt-seasonal-regional-image { width: 100%; margin-bottom: 8px; }
    .mt-review-board { grid-template-columns: 1fr; }
    .mt-repellents-layout,
    .mt-editors-picks-layout,
    .mt-research-layout,
    .mt-disease-spotlight-layout { display: block; }
    .mt-repellent-feature { margin-bottom: 28px; }
    .mt-repellent-feature-content h3,
    .mt-lifecycle-feature-content h3,
    .mt-editors-pick-feature-content h3,
    .mt-disease-feature-content h3,
    .mt-research-feature-content h3 { font-size: 27px; }
    .mt-repellents-secondary,
    .mt-editors-picks-secondary,
    .mt-research-secondary,
    .mt-disease-secondary { gap: 20px; }
    .mt-lifecycle-secondary { grid-template-columns: 1fr; gap: 24px; }
    .mt-lifecycle-card-content h3 { font-size: 22px; }
    .mt-more-explore-section { margin-top: 0 !important; margin-bottom: 40px !important; }
    .mt-more-explore-grid { grid-template-columns: 1fr !important; gap: 24px !important; }
    .mt-more-explore-header h2 { font-size: 25px !important; }
}

/* Header responsive */
@media (max-width: 1024px) {
    .header-ad-right ins { width: 100% !important; max-width: 100%; height: auto; }
}
@media (max-width: 768px) {
    .inside-header { flex-direction: column !important; text-align: center; }
    .header-ad-right { margin-left: 0; margin-top: 15px; width: 100%; text-align: center; }
}
@media (max-width: 600px) {
    .mosquitalk-social-sharing { display: inline-block; }
}

/* =====================================================
   FIX: FULL-WIDTH TICKER WITH PROPER CONTAINMENT
   ===================================================== */

@media (max-width: 768px) {
    /* Remove padding and overflow from the article */
    .inside-article {
        padding-left: 0 !important;
        padding-right: 0 !important;
        overflow: visible !important;
    }
    
    /* Add padding to homepage */
    #mt-homepage {
        padding-left: 6px !important;
        padding-right: 6px !important;
        overflow: hidden !important; /* Keep homepage overflow hidden */
    }
    
    /* Make ticker section full width with negative margins */
    .mt-ticker-section {
        margin-left: -6px !important;
        margin-right: -6px !important;
        width: calc(100% + 12px) !important;
        border-radius: 0 !important;
        overflow: hidden !important; /* Important: hide overflow on the ticker container */
        position: relative !important;
    }
    
    /* Ensure ticker content stays within bounds */
    .mt-ticker-content {
        overflow: hidden !important;
        position: relative !important;
    }
    
    /* Keep the track scrolling but hide overflow */
    .mt-ticker-track {
        overflow: hidden !important;
        /* Keep the animation */
        animation: mtTickerScroll 75s linear infinite !important;
    }
    
    /* Optional: Adjust ticker item padding if needed */
    .mt-ticker-item {
        padding: 0 15px !important;
    }
}

/* For very small screens */
@media (max-width: 480px) {
    #mt-homepage {
        padding-left: 4px !important;
        padding-right: 4px !important;
    }
    
    .mt-ticker-section {
        margin-left: -4px !important;
        margin-right: -4px !important;
        width: calc(100% + 8px) !important;
    }
}

/* =====================================================
   FIX: 50px BOTTOM MARGIN FOR ALL SECTIONS
   ===================================================== */

/* Target every section container on the homepage */
#mt-homepage > section,
#mt-homepage > div {
    margin-bottom: 50px !important;
}

/* Except the ticker - keep its original margin */
#mt-homepage > .mt-ticker-section {
    margin-bottom: 25px !important;
}

/* And the section headings (they're inside sections, not direct children) */
#mt-homepage > .mt-section-heading {
    margin-bottom: 20px !important;
}