﻿/* Global typography for single articles - Roboto-based */
    :root {
        --israel-font-sans: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
        --israel-font-heading: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
    }

    body.single-post,
    .professional-news-wrapper,
    .news-layout-container,
    .news-main-content,
    .news-article-body {
        font-family: var(--israel-font-sans) !important;
        font-weight: 400 !important;
    }

    .news-article-headline,
    .news-article-headline a,
    .content-section-title,
    .related-articles-title,
    .news-recommended-title {
        font-family: var(--israel-font-heading) !important;
        font-weight: 700 !important;
    }

    .professional-card-title,
    .professional-card-title a,
    .most-read-title,
    .most-read-title a,
    .trending-card-content h3 {
        font-family: var(--israel-font-heading) !important;
        font-weight: 600 !important;
    }

    .news-byline-meta,
    .news-reading-time,
    .news-freshness-badge,
    .news-updated-badge,
    .news-entities-title,
    .news-entity-tag,
    .most-read-meta,
    .most-read-author,
    .most-read-time,
    .story-category,
    .category-badge,
    .news-breadcrumb,
    .news-article-category {
        font-family: var(--israel-font-sans) !important;
        font-weight: 500 !important;
        letter-spacing: 0.04em;
        text-transform: uppercase;
        font-size: 0.8rem;
    }

    /* Critical mobile-first CSS - minified for speed */
    .professional-news-wrapper{background:#fff!important;min-height:100vh!important;font-family:var(--israel-font-sans)!important}
    .news-layout-container{max-width:1200px!important;margin:0 auto!important;padding:0 2rem!important;margin-top:2rem!important}
    .news-article-headline{font-family:var(--israel-font-heading)!important;font-size:clamp(2rem,5vw,3rem)!important;font-weight:800!important;line-height:1.1!important;color:#1a1a1a!important;margin:0 0 1rem 0!important}
    .news-featured-image{width:100%!important;height:auto!important;max-height:500px!important;object-fit:contain!important;border-radius:4px!important;display:block!important}
    .news-article-body{font-size:1.75rem!important;line-height:1.85!important;color:#1a1a1a!important;font-family:var(--israel-font-sans)!important}
    .news-article-body p{margin-bottom:1.5rem!important;text-align:start!important}
    .news-article-byline{display:flex!important;align-items:center!important;justify-content:space-between!important;padding:1.5rem 0!important;border-top:1px solid #e2e8f0!important;border-bottom:1px solid #e2e8f0!important;margin-bottom:2rem!important;background:#f7fafc!important;padding:1.5rem!important;border-radius:8px!important;min-height:100px!important;contain:layout style!important}
    .news-byline-left{display:flex!important;align-items:center!important;gap:1rem!important}
    .news-author-avatar{width:48px!important;height:48px!important;border-radius:50%!important;background:#2B5BA1!important;display:flex!important;align-items:center!important;justify-content:center!important;color:white!important;font-weight:700!important;font-size:1.2rem!important}
    .news-byline-info h4{font-weight:700!important;color:#1a1a1a!important;margin:0 0 0.25rem 0!important;font-size:1rem!important}
    .news-byline-meta{display:flex!important;align-items:center!important;gap:1rem!important;color:#718096!important;font-size:1rem!important}
    .news-social-share{display:flex!important;gap:0.5rem!important;align-items:center!important;min-height:50px!important}
    .news-social-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:40px!important;height:40px!important;border:2px solid #e2e8f0!important;border-radius:50%!important;text-decoration:none!important;color:#4a5568!important;background:#fff!important;transition:all 0.3s ease!important;font-size:1rem!important}
    .news-article-category{display:inline-flex!important;align-items:center!important;background:#2B5BA1!important;color:white!important;padding:0.5rem 1rem!important;border-radius:20px!important;font-size:0.75rem!important;font-weight:700!important;text-transform:uppercase!important;letter-spacing:0.5px!important;margin-bottom:1.5rem!important;font-family:var(--israel-font-sans)!important;text-decoration:none!important;transition:all 0.2s ease!important}
    .news-featured-media{margin:2rem 0!important;position:relative!important;contain:layout style!important;min-height:400px!important}
    /* Desktop should NOT use the mobile aspect ratio (portrait images become huge). */
    .news-featured-image-wrapper{position:relative!important;overflow:hidden!important;border-radius:4px!important;width:100%!important;aspect-ratio:var(--featured-desktop-aspect,16/9)!important;min-height:400px!important;background:#f5f5f5!important;contain:layout style paint!important}
    .news-article-body img{max-width:100%!important;height:auto!important;display:block!important}
    .news-article-content{margin:2rem 0!important}
    @media (max-width:768px){.news-layout-container{padding:0 1rem!important;margin-top:1rem!important}.news-featured-image{width:100%!important;display:block!important;height:auto!important}.news-featured-image-wrapper{aspect-ratio:var(--featured-mobile-aspect,16/9)!important;min-height:200px!important;width:100%!important;background:transparent!important;contain:layout style paint!important}.news-featured-media{min-height:200px!important;contain:layout style!important}.news-article-headline{font-size:clamp(1.5rem,6vw,2.2rem)!important;line-height:1.2!important}.news-article-byline{flex-direction:column!important;gap:1rem!important;align-items:flex-start!important;padding:1rem!important;min-height:160px!important;contain:layout style!important}.news-byline-left{width:100%!important}.news-social-share{width:100%!important;justify-content:flex-start!important;min-height:50px!important;height:50px!important}.news-social-btn{width:40px!important;height:40px!important;flex-shrink:0!important}.news-article-body{font-size:1.375rem!important}.news-breadcrumb{font-size:1rem!important}.news-article-category{font-size:0.9rem!important}.news-byline-meta{font-size:0.95rem!important}}
    @media (max-width:480px){.news-layout-container{padding:0 1rem!important}.news-article-headline{font-size:clamp(1.3rem,5vw,1.8rem)!important}.news-article-body{font-size:1.25rem!important}.news-breadcrumb{font-size:0.95rem!important}.news-article-category{font-size:0.85rem!important}.news-byline-meta{font-size:0.9rem!important}}
    body.single-post .entry-header,body.single-post .entry-title,body.single-post .entry-meta,body.single-post .entry-content,body.single-post .post-thumbnail,body.single-post .entry-footer{display:none!important}
    /* Essential CSS variables only */
    :root { --israel-blue: #2B5BA1; --israel-blue-light: #4A7BC8; --israel-blue-dark: #1E4481; --israel-white: #ffffff; --israel-gray-light: #f5f7fa; --israel-gray: #e8edf5; --text-primary: #1a1a1a; --text-secondary: #4a5568; --text-muted: #718096; --text-light: #a0aec0; --border-color: #e2e8f0; --border-light: #edf2f7; --bg-section: #f7fafc; --bg-hover: #edf2f7; --shadow-sm: 0 1px 3px rgba(43, 91, 161, 0.1); --shadow-md: 0 4px 12px rgba(43, 91, 161, 0.15); --shadow-lg: 0 10px 25px rgba(43, 91, 161, 0.2); --shadow-xl: 0 20px 40px rgba(43, 91, 161, 0.25); --max-width: 1320px; --content-width: 780px; --sidebar-width: 320px; --mobile-padding: 1rem; --desktop-padding: 2rem; --font-sans: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; --font-serif: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, serif; --reading-line-height: 1.7; --category-politics: #dc2626; --category-security: #2563eb; --category-economy: #059669; --category-technology: #7c3aed; --category-society: #ea580c; }
    * { box-sizing: border-box; }
    body.single-post .entry-header, body.single-post .entry-title, body.single-post .entry-meta, body.single-post .entry-content, body.single-post .post-thumbnail, body.single-post .entry-footer { display: none !important; }
    .professional-news-wrapper { background: var(--israel-white) !important; min-height: 100vh !important; font-family: var(--israel-font-sans) !important; }
    .news-top-bar { background: var(--israel-blue) !important; color: white !important; padding: 0.5rem 0 !important; font-size: 0.875rem !important; text-align: center !important; }
    .news-layout-container { max-width: 1200px !important; margin: 0 auto !important; padding: 0 var(--desktop-padding) !important; margin-top: 2rem !important; }
    .news-main-content { background: var(--israel-white) !important; }
    .news-article-header { padding-bottom: 2rem !important; border-bottom: 3px solid var(--israel-blue) !important; margin-bottom: 2rem !important; }
    .news-breadcrumb { display: flex !important; align-items: center !important; gap: 0.5rem !important; margin-bottom: 1rem !important; font-size: 1.375rem !important; color: var(--text-muted) !important; }
    .news-breadcrumb a { color: var(--israel-blue) !important; text-decoration: none !important; }
    .news-breadcrumb a:hover { text-decoration: underline !important; }



    /* Category Badge */
    .news-article-category {
        display: inline-flex !important;
        align-items: center !important;
        background: var(--israel-blue) !important;
        color: white !important;
        padding: 0.5rem 1rem !important     ;
        border-radius: 20px !important;
        font-size: 1.25rem !important;
        font-weight: 700 !important;
        text-transform: uppercase !important;
        letter-spacing: 0.5px !important;
        margin-bottom: 1.5rem !important;
        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
        text-decoration: none !important;
        transition: all 0.2s ease !important;
    }

    .news-article-category:hover {
        background: var(--israel-blue-dark) !important;
        transform: translateY(-1px) !important;
    }

    /* Freshness Badges (Breaking / Latest) */
    .news-freshness-badge {
        display: inline-flex !important;
        align-items: center !important;
        gap: 0.35rem !important;
        padding: 0.4rem 0.9rem !important;
        border-radius: 999px !important;
        font-size: 0.9rem !important;
        font-weight: 600 !important;
        margin: 0 0.5rem 0.75rem 0 !important;
        text-transform: uppercase !important;
        letter-spacing: 0.06em !important;
        line-height: 1.2 !important;
    }

    .news-freshness-badge.breaking-badge {
        background: #fee2e2 !important; /* soft red */
        color: #b91c1c !important;
        border: 1px solid #fecaca !important;
    }

    .news-freshness-badge.latest-badge {
        background: #dbeafe !important; /* soft blue */
        color: #1d4ed8 !important;
        border: 1px solid #bfdbfe !important;
    }

    /* Main Headline */
    .news-article-headline {
        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, serif !important;
        font-size: clamp(2rem, 5vw, 3rem) !important;
        font-weight: 800 !important;
        line-height: 1.1 !important;
        color: var(--text-primary) !important;
        margin: 0 0 1rem 0 !important;
        letter-spacing: -0.02em !important;
    }

    /* Subtitle */
    .news-article-subtitle {
        font-size: 1.5rem !important;
        color: var(--text-secondary) !important;
        line-height: 1.6 !important;
        margin-bottom: 2rem !important;
        font-weight: 400 !important;
    }

    /* Author Byline */
    .news-article-byline {
        display: flex !important    ;
        align-items: center !important;
        justify-content: space-between !important;
        padding: 1.5rem 0 !important;
        border-top: 1px solid var(--border-color) !important;
        border-bottom: 1px solid var(--border-color) !important;
        margin-bottom: 2rem !important;
        background: var(--bg-section) !important;
        padding: 1.5rem !important;
        border-radius: 8px !important;
        min-height: 100px !important;
        contain: layout style !important;
    }

    .news-byline-left {
        display: flex !important;
        align-items: center !important;
        gap: 1rem !important;
    }

    .news-author-avatar {
        width: 48px !important;
        height: 48px !important;
        border-radius: 50% !important;
        background: var(--israel-blue) !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        color: white !important;
        font-weight: 700 !important;
        font-size: 1.2rem !important;
    }

    .news-byline-info h4 {
        font-weight: 700 !important;
        color: var(--text-primary) !important;
        margin: 0 0 0.25rem 0 !important;
        font-size: 1.25rem !important;
    }

    .news-author-name .author-link {
        color: var(--text-primary) !important;
        text-decoration: none !important;
        transition: all 0.3s ease !important;
        font-weight: 700 !important;
    }

    .news-author-name .author-link:hover {
        color: var(--israel-blue) !important;
        text-decoration: underline !important;
    }

    .news-author-name .author-link:focus {
        outline: 2px solid var(--israel-blue) !important;
        outline-offset: 2px !important;
        border-radius: 4px !important;
    }

    .news-byline-meta {
        display: flex !important;
        align-items: center !important;
        gap: 1rem !important;
        color: var(--text-muted) !important;
        font-size: 1.25rem !important;
        flex-wrap: wrap !important;
    }

    .news-read-time {
        display: flex !important;
        align-items: center !important;
        gap: 0.25rem !important;
    }

    /* Social Share Buttons */
    .news-social-share {
        display: flex !important;
        gap: 0.5rem !important;
        align-items: center !important;
        min-height: 50px !important;
    }

    .news-share-label {
        font-size: 0.875rem !important;
        font-weight: 600 !important;
        color: var(--text-muted) !important;
        margin-right: 0.5rem !important;
        min-height: 1.2em !important;
        line-height: 1.2 !important;
    }

    .news-social-btn {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 40px !important;
        height: 40px !important;
        border: 2px solid var(--border-color) !important;
        border-radius: 50% !important;
        text-decoration: none !important;
        color: var(--text-secondary) !important;
        background: var(--israel-white) !important;
        transition: all 0.3s ease !important;
        font-size: 1rem !important;
    }

    .news-social-btn:hover {
        border-color: var(--israel-blue) !important;
        background: var(--israel-blue) !important;
        color: white !important;
        transform: translateY(-2px) !important;
        box-shadow: var(--shadow-md) !important;
    }

    /* Featured Media - MINIMAL CLS Prevention (desktop - natural dimensions) */
    .news-featured-media {
        margin: 2rem 0 !important;
        position: relative !important;
        contain: layout style !important;
        /* Desktop: larger min-height */
        min-height: 300px !important;
    }

    .news-featured-image-wrapper {
        position: relative !important;
        overflow: hidden !important;
        border-radius: 4px !important;
        width: 100% !important;
        /* Desktop: NO aspect-ratio - images use natural dimensions */
        /* Desktop: larger min-height */
        min-height: 300px !important;
        /* Transparent - no visual change */
        background: transparent !important;
        contain: layout style paint !important;
    }

    .news-featured-image {
        width: 100% !important;
        height: auto !important;
        max-height: 500px !important;
        object-fit: contain !important;
        border-radius: 4px !important;
        border: 1px solid var(--border-color) !important;
        transition: transform 0.3s ease !important;
        display: block !important;
    }

    .news-featured-image:hover {
        transform: scale(1.02) !important;
    }

    /* Professional image credit overlay */
    .image-overlay {
        position: absolute !important;
        bottom: 0 !important;
        left: 0 !important;
        right: 0 !important;
        background: linear-gradient(transparent, rgba(0,0,0,0.7)) !important;
        padding: 2rem 1rem 1rem !important;
        pointer-events: none !important;
    }

    .image-credit {
        color: white !important;
        font-size: 1.25rem !important;
        font-weight: 500 !important;
        text-align: right !important;
        opacity: 0.9 !important;
    }

    .news-featured-video {
        width: 100% !important;
        height: 400px !important;
        border-radius: 12px !important;
        border: none !important;
        box-shadow: var(--shadow-lg) !important ;
    }

    .news-media-caption {
        font-size: 0.875rem !important;
        color: var(--text-muted) !important;
        line-height: 1.5 !important;
        margin-top: 1rem !important;
        padding: 1rem !important;
        background: var(--bg-section) !important;
        border-left: 4px solid var(--israel-blue) !important;
        border-radius: 0 8px 8px 0 !important;
        font-style: italic !important;
    }

    /* Image Gallery */
    .news-image-gallery {
        display: grid !important;
        grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)) !important;
        gap: 1rem !important;
        margin: 2rem 0 !important;
    }

    .news-gallery-item {
        border-radius: 8px !important;
        overflow: hidden !important;
        box-shadow: var(--shadow-md) !important;
        transition: transform 0.3s ease !important;
    }

    .news-gallery-item:hover {
        transform: translateY(-4px) !important;
    }

    /* Article Content */
    .news-article-content {
        margin: 2rem 0 !important;
    }

    .news-article-body {
        font-size: 1.625rem !important;
        line-height: 1.8 !important;
        color: var(--text-primary) !important;
        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
    }

    .news-article-body p {
        margin-bottom: 1.5rem !important;
        text-align: start !important;
    }

    .news-article-body > p:first-of-type:not(:only-child) {
        font-size: 1.5rem !important;
        font-weight: 500 !important;
        line-height: 1.7 !important;
        color: var(--text-primary) !important;
        border-left: 4px solid var(--israel-blue) !important;
        border-right: none !important;
        padding: 1.5rem 1.5rem 1.5rem 2rem !important;
        margin-bottom: 2rem !important;
        background: rgba(43, 91, 161, 0.05) !important;
        border-radius: 0 8px 8px 0 !important;
        position: relative !important;
    }

    /* Fallback: if content is in a single paragraph, don't apply blue border */
    .news-article-body > p:only-child {
        font-size: 1.625rem !important;
        line-height: 1.8 !important;
        color: var(--text-primary) !important;
        margin-bottom: 1.5rem !important;
    }

    .news-article-body h2 {
        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, serif !important;
        font-size: 1.875rem !important;
        font-weight: 700 !important;
        margin: 3rem 0 1.5rem !important;
        color: var(--text-primary) !important;
        line-height: 1.3 !important;
        letter-spacing: -0.01em !important;
    }

    .news-article-body h3 {
        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
        font-size: 1.375rem !important;
        font-weight: 600 !important;
        margin: 2.5rem 0 1rem !important;
        color: var(--text-secondary) !important;
        line-height: 1.4 !important;
    }

    .news-article-body blockquote {
        border-left: 4px solid var(--israel-blue) !important;
        margin: 2.5rem 0 !important;
        padding: 1.5rem 2rem !important;
        background: var(--israel-gray-light) !important;
        border-radius: 2px !important;
        font-size: 1.1875rem !important;
        line-height: 1.6 !important;
        color: var(--text-secondary) !important;
        position: relative !important;
    }

    .news-article-body blockquote::before {
        content: '"';
        font-size: 3rem !important;
        color: var(--israel-blue) !important;
        position: absolute !important;
        top: 0.5rem !important;
        left: 0.5rem !important;
        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, serif !important;
    }

    .news-article-body ul, .news-article-body ol {
        margin: 2rem 0 !important;
        padding-left: 2rem !important;
    }

    .news-article-body li {
        margin-bottom: 0.75rem !important;
        line-height: 1.6 !important;
    }

    .news-article-body strong {
        font-weight: 600 !important;
        color: var(--text-primary) !important;
    }

    .news-article-body a {
        color: var(--israel-blue) !important;
        text-decoration: none !important;
        border-bottom: 1px solid transparent !important;
        transition: all 0.2s ease !important;
        font-weight: 500 !important;
    }

    .news-article-body a:hover {
        color: var(--israel-blue-dark) !important;
        border-bottom: 1px solid var(--israel-blue-dark) !important;
    }

    /* Professional styling for internal links - inspired by Times of Israel, CNN, JPost */
    .news-article-body a.auto-internal-link {
        color: var(--israel-blue) !important;
        text-decoration: none !important;
        border-bottom: 1px dotted var(--israel-blue) !important;
        font-weight: 500 !important;
        transition: all 0.2s ease !important;
        cursor: pointer !important;
        position: relative !important;
    }

    .news-article-body a.auto-internal-link:hover {
        color: var(--israel-blue-dark) !important;
        border-bottom: 1px solid var(--israel-blue-dark) !important;
        background: rgba(43, 91, 161, 0.05) !important;
        padding: 0 2px !important;
        margin: 0 -2px !important;
        border-radius: 2px !important;
    }

    .news-article-body a.auto-internal-link:active {
        background: rgba(43, 91, 161, 0.1) !important;
    }

    /* External links styling */
    .news-article-body a:not(.auto-internal-link) {
        color: var(--israel-blue) !important;
        text-decoration: none !important;
        border-bottom: 1px solid var(--israel-blue) !important;
        font-weight: 500 !important;
        transition: all 0.2s ease !important;
    }

    .news-article-body a:not(.auto-internal-link):hover {
        color: var(--israel-blue-dark) !important;
        border-bottom: 2px solid var(--israel-blue-dark) !important;
        background: rgba(43, 91, 161, 0.03) !important;
    }

    /* Article Body Images - WordPress Caption Styling */
    .news-article-body .wp-caption,
    .news-article-body [id^="attachment_"] {
        max-width: 100% !important;
        width: 100% !important;
        margin: 2.5rem auto !important;
        padding: 0 !important;
        box-sizing: border-box !important;
        clear: both !important;
    }

    .news-article-body .wp-caption img,
    .news-article-body [id^="attachment_"] img,
    .news-article-body .wp-image,
    .news-article-body img.size-full {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        display: block !important;
        margin: 0 auto !important;
        border-radius: 8px !important;
        box-shadow: var(--shadow-md) !important;
        object-fit: contain !important;
    }

    /* GENERIC: All images inside article body (external/inline images without WP classes) */
    .news-article-body img {
        max-width: 100% !important;
        height: auto !important;
        display: block !important;
    }

    .news-article-body .wp-caption-text,
    .news-article-body [id^="attachment_"] .wp-caption-text {
        font-size: 0.875rem !important;
        color: var(--text-muted) !important;
        line-height: 1.5 !important;
        margin-top: 0.75rem !important;
        padding: 0.75rem 1rem !important;
        background: var(--bg-section) !important;
        border-left: 3px solid var(--israel-blue) !important;
        border-right: none !important;
        border-radius: 0 4px 4px 0 !important;
        font-style: italic !important;
        text-align: start !important;
    }

    .news-article-body .wp-caption-text br,
    .news-article-body [id^="attachment_"] .wp-caption-text br {
        display: block !important;
        content: "" !important;
        margin-top: 0.25rem !important;
    }

    .news-article-body .alignnone,
    .news-article-body .aligncenter {
        margin-left: auto !important;
        margin-right: auto !important;
        display: block !important;
    }

    .news-article-body .alignleft {
        float: left !important;
        margin: 0 1.5rem 1.5rem 0 !important;
        max-width: 50% !important;
    }

    .news-article-body .alignright {
        float: right !important;
        margin: 0 0 1.5rem 1.5rem !important;
        max-width: 50% !important;
    }

    /* AFTER CONTENT SECTIONS */
    .after-content-sections {
        background: var(--bg-section) !important;
        padding: 4rem 0 !important;
        margin-top: 4rem !important;
    }

    .after-content-container {
        max-width: 1200px !important;
        width: 100% !important;
        margin: 0 auto !important;
        padding: 0 var(--desktop-padding) !important;
    }

    .content-section {
        margin-bottom: 2rem !important;
        background: var(--israel-white) !important;
        border-radius: 12px !important;
        padding: 2rem !important;
        box-shadow: var(--shadow-md) !important;
    }

    .content-section-title {
        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
        font-size: 2rem !important;
        font-weight: 800 !important;
        color: var(--text-primary) !important;
        margin-bottom: 2rem !important;
        text-align: center !important;
        text-transform: uppercase !important;
        letter-spacing: 1px !important;
        position: relative !important;
    }

    .content-section-title::after {
        content: '' !important;
        position: absolute !important;
        bottom: -0.5rem !important;
        left: 50% !important;
        transform: translateX(-50%) !important;
        width: 60px !important;
        height: 4px !important;
        background: var(--israel-blue) !important;
        border-radius: 2px !important;
    }

    /* UP NEXT SECTION - Legacy */
    .trending-stories-grid {
        display: grid !important;
        grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)) !important;
        gap: 1.5rem !important;
    }

    .trending-story-card {
        background: var(--israel-white) !important;
        border: 1px solid var(--border-color) !important;
        border-radius: 8px !important;
        overflow: hidden !important;
        transition: all 0.3s ease !important;
        text-decoration: none !important;
        color: inherit !important;
        box-shadow: var(--shadow-sm) !important;
    }

    .trending-story-card:hover {
        transform: translateY(-4px) !important;
        box-shadow: var(--shadow-lg) !important;
        border-color: var(--israel-blue) !important;
    }

    .trending-card-image-wrapper {
        position: relative !important;
        overflow: hidden !important;
    }

    .trending-card-image {
        width: 100% !important;
        height: 200px !important;
        object-fit: cover !important;
        transition: transform 0.3s ease !important;
    }

    .trending-story-card:hover .trending-card-image {
        transform: scale(1.05) !important;
    }

    .trending-card-content {
        padding: 1.25rem !important;
    }

    .trending-card-content h3 {
        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, serif !important;
        font-size: 1.125rem !important;
        font-weight: 600 !important;
        line-height: 1.4 !important;
        margin: 0 0 0.75rem 0 !important;
        color: var(--text-primary) !important;
    }

    .trending-card-meta {
        font-size: 0.875rem !important;
        color: var(--text-muted) !important;
        display: flex !important;
        align-items: center !important;
        gap: 0.5rem !important;
    }

    /* PROFESSIONAL UP NEXT SECTION - Inspired by CNN, JPost, Times of Israel */
    .professional-stories-grid {
        display: grid !important;
        grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)) !important;
        gap: 2rem !important;
    }

    .professional-story-card {
        background: var(--israel-white) !important;
        border: 1px solid var(--border-color) !important;
        border-radius: 12px !important;
        overflow: hidden !important;
        transition: all 0.4s ease !important;
        box-shadow: 0 2px 12px rgba(43, 91, 161, 0.08) !important;
        position: relative !important;
    }

    .professional-story-card:hover {
        transform: translateY(-6px) !important;
        box-shadow: 0 12px 40px rgba(43, 91, 161, 0.15) !important;
        border-color: var(--israel-blue-light) !important;
    }

    .professional-card-image-wrapper {
        position: relative !important;
        overflow: hidden !important;
        height: 220px !important;
    }

    .professional-card-image {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        transition: transform 0.4s ease !important;
    }

    .professional-story-card:hover .professional-card-image {
        transform: scale(1.08) !important;
    }

    .professional-card-overlay {
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        background: linear-gradient(180deg, transparent 0%, rgba(0,0,0,0.1) 50%, rgba(0,0,0,0.6) 100%) !important;
        display: flex !important;
        align-items: flex-end !important;
        justify-content: flex-start !important;
        padding: 1rem !important;
    }

    .professional-category-badge {
        display: inline-block !important;
        padding: 0.4rem 0.8rem !important;
        border-radius: 20px !important;
        font-size: 0.7rem !important;
        font-weight: 800 !important;
        text-transform: uppercase !important;
        letter-spacing: 0.8px !important;
        color: white !important;
        background: rgba(43, 91, 161, 0.9) !important;
        backdrop-filter: blur(8px) !important;
        border: 1px solid rgba(255, 255, 255, 0.2) !important;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2) !important;
    }

    .professional-category-badge.politics,
    .professional-category-badge.security,
    .professional-category-badge.government {
        background: rgba(220, 38, 38, 0.9) !important;
    }

    .professional-category-badge.defense,
    .professional-category-badge.military,
    .professional-category-badge.army {
        background: rgba(37, 99, 235, 0.9) !important;
    }

    .professional-category-badge.technology,
    .professional-category-badge.tech,
    .professional-category-badge.innovation {
        background: rgba(124, 58, 237, 0.9) !important;
    }

    .professional-category-badge.economy,
    .professional-category-badge.business,
    .professional-category-badge.finance {
        background: rgba(5, 150, 105, 0.9) !important;
    }

    .professional-category-badge.society,
    .professional-category-badge.culture,
    .professional-category-badge.israel {
        background: rgba(234, 88, 12, 0.9) !important;
    }

    .professional-card-content {
        padding: 1.5rem !important;
    }

    .professional-card-meta {
        display: flex !important;
        align-items: center !important;
        gap: 0.5rem !important;
        margin-bottom: 1rem !important;
        font-size: 1.125rem !important;
        color: var(--text-muted) !important;
    }

    .professional-author {
        font-weight: 600 !important;
        color: var(--israel-blue) !important;
    }

    .professional-time {
        font-style: italic !important;
        color: var(--text-secondary) !important;
        font-weight: 500 !important;
    }

    .professional-card-title {
        margin: 0 0 1rem 0 !important;
        font-size: 1.75rem !important;
        font-weight: 700 !important;
        line-height: 1.3 !important;
        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, serif !important;
    }

    .professional-card-title a {
        color: var(--text-primary) !important;
        text-decoration: none !important;
        transition: color 0.3s ease !important;
        display: -webkit-box !important;
        -webkit-line-clamp: 3 !important;
        -webkit-box-orient: vertical !important;
        overflow: hidden !important;
    }

    .professional-card-title a:hover {
        color: var(--israel-blue) !important;
    }

    .professional-card-excerpt {
        color: var(--text-secondary) !important;
        font-size: 1.375rem !important;
        line-height: 1.6 !important;
        margin: 0 0 1.5rem 0 !important;
        display: -webkit-box !important;
        -webkit-line-clamp: 3 !important;
        -webkit-box-orient: vertical !important;
        overflow: hidden !important;
    }

    .professional-read-more {
        display: inline-flex !important;
        align-items: center !important;
        gap: 0.5rem !important;
        color: var(--israel-blue) !important;
        font-weight: 600 !important;
        font-size: 0.9rem !important;
        text-decoration: none !important;
        text-transform: uppercase !important;
        letter-spacing: 0.5px !important;
        transition: all 0.3s ease !important;
    }

    .professional-read-more:hover {
        color: var(--israel-blue-dark) !important;
        gap: 0.8rem !important;
    }

    .professional-read-more i {
        font-size: 0.8rem !important;
        transition: transform 0.3s ease !important;
    }

    .professional-read-more:hover i {
        transform: translateX(3px) !important;
    }

    /* MOST READ SECTION */
    .most-read-grid {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 1rem !important;
    }

    .most-read-item-card {
        display: flex !important;
        align-items: center !important;
        gap: 1rem !important;
        padding: 1.25rem !important;
        background: var(--israel-white) !important;
        border: 1px solid var(--border-color) !important;
        border-radius: 8px !important;
        text-decoration: none !important;
        color: inherit !important;
        transition: all 0.3s ease !important;
    }

    .most-read-item-card:hover {
        background: var(--bg-hover) !important;
        border-color: var(--israel-blue) !important;
        transform: translateX(8px) !important;
    }

    .most-read-item-card .most-read-number {
        width: 48px !important;
        height: 48px !important;
        background: var(--israel-blue) !important;
        color: white !important;
        border-radius: 50% !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        font-weight: 800 !important;
        font-size: 1.25rem !important;
        flex-shrink: 0 !important;
    }

    .most-read-item-card .most-read-content {
        flex: 1 !important;
    }

    .most-read-item-card h4 {
        font-family: var(--font-serif) !important;
        font-size: 1.125rem !important;
        font-weight: 600 !important;
        line-height: 1.4 !important;
        margin: 0 0 0.5rem 0 !important;
        color: var(--text-primary) !important;
    }

    .most-read-item-card p {
        font-size: 0.9rem !important;
        color: var(--text-muted) !important;
        line-height: 1.5 !important;
        margin: 0 !important;
    }

    .most-read-image {
        width: 80px !important;
        height: 80px !important;
        border-radius: 6px !important;
        overflow: hidden !important;
        flex-shrink: 0 !important;
    }

    .most-read-image img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
    }

    /* Up Next Section */
    .sidebar-section {
        background: var(--israel-white) !important;
        border: 2px solid var(--border-color) !important;
        border-radius: 16px !important;
        margin-bottom: 2rem !important;
        overflow: hidden !important;
        box-shadow: 0 4px 20px rgba(43, 91, 161, 0.08) !important;
        transition: all 0.3s ease !important;
    }

    .sidebar-section:hover {
        transform: translateY(-2px) !important;
        box-shadow: 0 8px 30px rgba(43, 91, 161, 0.15) !important;
        border-color: var(--israel-blue-light) !important;
    }

    .sidebar-section-header {
        background: linear-gradient(135deg, var(--israel-blue), var(--israel-blue-light)) !important;
        color: white !important;
        padding: 1.2rem 1.5rem !important;
        font-weight: 700 !important;
        font-size: 1rem !important;
        position: relative !important;
        border: none !important;
        margin: 0 !important;
    }

    .sidebar-section-header::after {
        display: none !important;
    }

    .sidebar-section-content {
        padding: 0 !important;
    }

    /* Add padding to direct content but not to story items that handle their own spacing */
    .sidebar-section-content > :not(.trending-story):not(.most-read-item):not(.live-update-item) {
        padding: 1.5rem !important;
    }

    /* Trending Stories */
    .trending-story {
        display: flex !important;
        gap: 1rem !important;
        padding: 1.2rem !important;
        border-bottom: 1px solid rgba(226, 232, 240, 0.6) !important;
        transition: all 0.3s ease !important;
        text-decoration: none !important;
        color: inherit !important;
        border-radius: 8px !important;
        margin: 0.5rem 0 !important;
    }

    .trending-story:last-child {
        border-bottom: none !important;
        margin-bottom: 0 !important;
    }

    .trending-story:hover {
        background: linear-gradient(135deg, rgba(43, 91, 161, 0.03), rgba(74, 123, 200, 0.05)) !important;
        transform: translateX(4px) !important;
        border-left: 3px solid var(--israel-blue) !important;
        padding-left: 1.5rem !important;
    }

    /* Professional news story images */
    .trending-story-image-wrapper {
        position: relative !important;
        width: 120px !important;
        height: 80px !important;
        border-radius: 4px !important;
        overflow: hidden !important;
        flex-shrink: 0 !important;
    }

    .trending-story-image {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        transition: transform 0.3s ease !important;
    }

    .trending-story:hover .trending-story-image {
        transform: scale(1.05) !important;
    }

    .trending-story-image-wrapper .story-category {
        position: absolute !important;
        bottom: 4px !important;
        left: 4px !important;
        padding: 0.2rem 0.5rem !important;
        border-radius: 2px !important;
        font-size: 0.6rem !important;
        font-weight: 700 !important;
        text-transform: uppercase !important;
        letter-spacing: 0.3px !important;
        color: white !important;
        backdrop-filter: blur(4px) !important;
    }

    .trending-story-content h4 {
        font-size: 0.95rem !important;
        font-weight: 600 !important;
        line-height: 1.4 !important;
        margin: 0 0 0.5rem 0 !important;
        color: var(--text-primary) !important;
    }

    .trending-story-meta {
        font-size: 0.8rem !important;
        color: var(--text-muted) !important;
        display: flex !important;
        align-items: center !important;
        gap: 0.5rem !important;
    }

    /* Professional category badges */
    .story-category {
        background: rgba(43, 91, 161, 0.9) !important;
    }

    .story-category.defense,
    .story-category.military,
    .story-category.army {
        background: rgba(37, 99, 235, 0.9) !important;
    }

    .story-category.technology,
    .story-category.tech,
    .story-category.innovation {
        background: rgba(124, 58, 237, 0.9) !important;
    }

    .story-category.security,
    .story-category.politics,
    .story-category.government {
        background: rgba(220, 38, 38, 0.9) !important;
    }

    .story-category.economy,
    .story-category.business,
    .story-category.finance {
        background: rgba(5, 150, 105, 0.9) !important;
    }

    .story-category.society,
    .story-category.culture,
    .story-category.israel {
        background: rgba(234, 88, 12, 0.9) !important;
    }

    /* Story source styling */
    .story-source {
        color: var(--israel-blue) !important;
        font-weight: 600 !important;
        font-size: 0.75rem !important;
        text-transform: uppercase !important;
    }

    /* Most Read Section - Legacy (keep for backwards compatibility) */
    .most-read-item {
        display: flex !important;
        align-items: center !important;
        gap: 1rem !important;
        padding: 1.2rem !important;
        border-bottom: 1px solid rgba(226, 232, 240, 0.6) !important;
        text-decoration: none !important;
        color: inherit !important;
        transition: all 0.3s ease !important;
        border-radius: 8px !important;
        margin: 0.5rem 0 !important;
    }

    .most-read-item:last-child {
        border-bottom: none !important;
        margin-bottom: 0 !important;
    }

    .most-read-item:hover {
        background: linear-gradient(135deg, rgba(43, 91, 161, 0.03), rgba(74, 123, 200, 0.05)) !important;
        transform: translateX(4px) !important;
        border-left: 3px solid var(--israel-blue) !important;
        padding-left: 1.5rem !important;
    }

    .most-read-number {
        width: 32px !important;
        height: 32px !important;
        background: var(--israel-blue) !important;
        color: white !important;
        border-radius: 50% !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        font-weight: 700 !important;
        font-size: 0.9rem !important;
        flex-shrink: 0 !important;
    }

    .most-read-content h5 {
        font-size: 0.9rem !important;
        font-weight: 600 !important;
        line-height: 1.4 !important;
        margin: 0 !important;
        color: var(--text-primary) !important;
    }

    /* Professional Most Read Section - Inspired by CNN, JPost, Times of Israel */
    .most-read-item-pro {
        display: flex !important;
        align-items: flex-start !important;
        gap: 1rem !important;
        padding: 1.5rem 1rem !important;
        border-bottom: 1px solid rgba(226, 232, 240, 0.3) !important;
        transition: all 0.3s ease !important;
        position: relative !important;
        background: var(--israel-white) !important;
    }

    .most-read-item-pro:last-child {
        border-bottom: none !important;
    }

    .most-read-item-pro:hover {
        background: var(--israel-gray-light) !important;
        transform: translateY(-2px) !important;
        box-shadow: var(--shadow-md) !important;
        border-radius: 8px !important;
    }

    .most-read-rank {
        width: 36px !important;
        height: 36px !important;
        background: linear-gradient(135deg, var(--israel-blue), var(--israel-blue-light)) !important;
        color: white !important;
        border-radius: 6px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        font-weight: 800 !important;
        font-size: 1rem !important;
        flex-shrink: 0 !important;
        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
        box-shadow: 0 2px 8px rgba(43, 91, 161, 0.2) !important;
    }

    .most-read-thumbnail {
        width: 80px !important;
        height: 80px !important;
        border-radius: 6px !important;
        overflow: hidden !important;
        flex-shrink: 0 !important;
        position: relative !important;
    }

    .most-read-image {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        transition: transform 0.3s ease !important;
    }

    .most-read-item-pro:hover .most-read-image {
        transform: scale(1.05) !important;
    }

    .most-read-content-pro {
        flex: 1 !important;
        min-width: 0 !important;
    }

    .most-read-category {
        margin-bottom: 0.5rem !important;
    }

    .category-badge {
        display: inline-block !important;
        padding: 0.2rem 0.6rem !important;
        border-radius: 12px !important;
        font-size: 0.7rem !important;
        font-weight: 700 !important;
        text-transform: uppercase !important;
        letter-spacing: 0.5px !important;
        color: white !important;
        background: var(--israel-blue) !important;
    }

    .category-badge.politics,
    .category-badge.security,
    .category-badge.government {
        background: #dc2626 !important;
    }

    .category-badge.defense,
    .category-badge.military,
    .category-badge.army {
        background: #2563eb !important;
    }

    .category-badge.technology,
    .category-badge.tech,
    .category-badge.innovation {
        background: #7c3aed !important;
    }

    .category-badge.economy,
    .category-badge.business,
    .category-badge.finance {
        background: #059669 !important;
    }

    .category-badge.society,
    .category-badge.culture,
    .category-badge.israel {
        background: #ea580c !important;
    }

    .most-read-title {
        margin: 0 0 0.5rem 0 !important;
        font-size: 1.5rem !important;
        font-weight: 600 !important;
        line-height: 1.4 !important;
        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, serif !important;
    }

    .most-read-title a {
        color: var(--text-primary) !important;
        text-decoration: none !important;
        display: -webkit-box !important;
        -webkit-line-clamp: 3 !important;
        -webkit-box-orient: vertical !important;
        overflow: hidden !important;
        transition: color 0.3s ease !important;
    }

    .most-read-title a:hover {
        color: var(--israel-blue) !important;
    }

    .most-read-meta {
        display: flex !important;
        align-items: center !important;
        gap: 0.5rem !important;
        font-size: 1.125rem !important;
        color: var(--text-muted) !important;
        flex-wrap: wrap !important;
    }

    .most-read-author {
        font-weight: 500 !important;
        color: var(--israel-blue) !important;
    }

    .meta-separator {
        opacity: 0.6 !important;
    }

    .most-read-time {
        font-style: italic !important;
        color: var(--text-secondary) !important;
        font-weight: 500 !important;
    }

    /* PROFESSIONAL ARTICLE TOOLS */
    .professional-article-tools {
        background: var(--israel-gray-light) !important;
        border: 1px solid var(--border-color) !important;
        border-radius: 12px !important;
        padding: 1.5rem !important;
        margin: 3rem 0 !important;
        box-shadow: var(--shadow-sm) !important;
    }

    .article-tools-wrapper {
        display: flex !important;
        justify-content: space-between !important;
        align-items: center !important;
        gap: 2rem !important;
        flex-wrap: wrap !important;
    }

    .article-actions {
        display: flex !important;
        gap: 1rem !important;
        flex-wrap: wrap !important;
    }

    .tool-btn {
        display: flex !important;
        align-items: center !important;
        gap: 0.5rem !important;
        background: var(--israel-white) !important;
        border: 1px solid var(--border-color) !important;
        border-radius: 8px !important;
        padding: 0.75rem 1rem !important;
        font-size: 0.9rem !important;
        font-weight: 500 !important;
        color: var(--text-secondary) !important;
        cursor: pointer !important;
        transition: all 0.3s ease !important;
        text-decoration: none !important;
    }

    .tool-btn:hover {
        background: var(--israel-blue) !important;
        color: white !important;
        border-color: var(--israel-blue) !important;
        transform: translateY(-2px) !important;
        box-shadow: var(--shadow-md) !important;
    }

    .tool-btn i {
        font-size: 0.8rem !important;
    }

    .reading-progress {
        min-width: 200px !important;
    }

    .progress-label {
        font-size: 0.8rem !important;
        font-weight: 600 !important;
        color: var(--text-muted) !important;
        margin-bottom: 0.5rem !important;
        text-transform: uppercase !important;
        letter-spacing: 0.5px !important;
    }

    .progress-bar {
        width: 100% !important;
        height: 6px !important;
        background: var(--border-color) !important;
        border-radius: 3px !important;
        overflow: hidden !important;
    }

    .progress-fill {
        height: 100% !important;
        background: linear-gradient(90deg, var(--israel-blue), var(--israel-blue-light)) !important;
        border-radius: 3px !important;
        transition: width 0.3s ease !important;
        width: 0% !important;
    }

    /* PROFESSIONAL AUTHOR BIO */
    .professional-author-bio {
        background: var(--israel-white) !important;
        border: 2px solid var(--israel-blue) !important;
        border-radius: 16px !important;
        padding: 2rem !important;
        margin: 3rem 0 !important;
        position: relative !important;
        box-shadow: 0 4px 20px rgba(43, 91, 161, 0.1) !important;
    }

    .professional-author-bio::before {
        content: 'ABOUT THE AUTHOR' !important;
        position: absolute !important;
        top: -12px !important;
        left: 2rem !important;
        background: var(--israel-blue) !important;
        color: white !important;
        padding: 0.5rem 1rem !important;
        border-radius: 20px !important;
        font-size: 0.7rem !important;
        font-weight: 800 !important;
        text-transform: uppercase !important;
        letter-spacing: 1px !important;
    }

    .author-bio-container {
        display: flex !important;
        gap: 1.5rem !important;
        align-items: flex-start !important;
    }

    .author-avatar-large {
        flex-shrink: 0 !important;
    }

    .author-avatar-img {
        width: 80px !important;
        height: 80px !important;
        border-radius: 50% !important;
        border: 3px solid var(--israel-blue-light) !important;
        object-fit: cover !important;
    }

    .author-bio-content {
        flex: 1 !important;
    }

    .author-name {
        margin: 0 0 0.5rem 0 !important;
        font-size: 1.25rem !important;
        font-weight: 700 !important;
        font-family: var(--font-serif) !important;
    }

    .author-name a {
        color: var(--text-primary) !important;
        text-decoration: none !important;
        transition: color 0.3s ease !important;
    }

    .author-name a:hover {
        color: var(--israel-blue) !important;
    }

    .author-title {
        color: var(--israel-blue) !important;
        font-weight: 600 !important;
        font-size: 0.9rem !important;
        margin-bottom: 1rem !important;
        text-transform: uppercase !important;
        letter-spacing: 0.5px !important;
    }

    .author-bio-text {
        color: var(--text-secondary) !important;
        line-height: 1.6 !important;
        margin-bottom: 1.5rem !important;
        font-size: 0.95rem !important;
    }

    .author-social-links {
        display: flex !important;
        align-items: center !important;
        gap: 1rem !important;
        flex-wrap: wrap !important;
    }

    .author-social-link {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 36px !important;
        height: 36px !important;
        border-radius: 50% !important;
        background: var(--israel-gray-light) !important;
        color: var(--text-muted) !important;
        text-decoration: none !important;
        transition: all 0.3s ease !important;
        font-size: 0.9rem !important;
    }

    .author-social-link:hover {
        background: var(--israel-blue) !important;
        color: white !important;
        transform: translateY(-2px) !important;
    }

    .author-view-articles {
        display: flex !important;
        align-items: center !important;
        gap: 0.5rem !important;
        color: var(--israel-blue) !important;
        text-decoration: none !important;
        font-weight: 600 !important;
        font-size: 0.9rem !important;
        margin-left: auto !important;
        transition: gap 0.3s ease !important;
    }

    .author-view-articles:hover {
        gap: 0.8rem !important;
    }

    .author-view-articles i {
        font-size: 0.8rem !important;
        transition: transform 0.3s ease !important;
    }

    .author-view-articles:hover i {
        transform: translateX(3px) !important;
    }

    /* Newsletter Signup */
    .newsletter-signup {
        background: linear-gradient(135deg, var(--israel-blue), var(--israel-blue-light)) !important;
        color: white !important;
        text-align: center !important;
        position: relative !important;
        overflow: hidden !important;
    }

    .newsletter-signup::before {
        content: '' !important;
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        background: radial-gradient(circle at 30% 40%, rgba(255,255,255,0.1) 0%, transparent 50%) !important;
        pointer-events: none !important;
    }

    .newsletter-signup h3 {
        margin: 0 0 0.8rem 0 !important;
        font-size: 1.2rem !important;
        font-weight: 800 !important;
    }

    .newsletter-signup p {
        margin: 0 0 1.5rem 0 !important;
        font-size: 0.95rem !important;
        opacity: 0.95 !important;
        line-height: 1.4 !important;
    }

    .newsletter-form {
        display: flex !important;
        gap: 0.75rem !important;
        margin-top: 1rem !important;
        position: relative !important;
        z-index: 2 !important;
    }

    .newsletter-input {
        flex: 1 !important;
        padding: 1rem !important;
        border: 2px solid rgba(255,255,255,0.2) !important;
        border-radius: 12px !important;
        font-size: 0.9rem !important;
        background: rgba(255,255,255,0.1) !important;
        color: white !important;
        backdrop-filter: blur(10px) !important;
        transition: all 0.3s ease !important;
    }

    .newsletter-input::placeholder {
        color: rgba(255,255,255,0.7) !important;
    }

    .newsletter-input:focus {
        outline: none !important;
        border-color: rgba(255,255,255,0.5) !important;
        background: rgba(255,255,255,0.15) !important;
        box-shadow: 0 0 0 3px rgba(255,255,255,0.1) !important;
    }

    .newsletter-btn {
        background: var(--israel-white) !important;
        color: var(--israel-blue) !important;
        border: none !important;
        padding: 1rem 1.5rem !important;
        border-radius: 12px !important;
        font-weight: 700 !important;
        cursor: pointer !important;
        transition: all 0.3s ease !important;
        font-size: 0.9rem !important;
        white-space: nowrap !important;
    }

    .newsletter-btn:hover {
        transform: translateY(-3px) !important;
        box-shadow: 0 8px 25px rgba(0,0,0,0.2) !important;
        background: #f8fafc !important;
    }





    /* Live Updates */
    .live-updates {
        border-left: 3px solid var(--israel-blue) !important;
    }

    .live-update-item {
        padding: 1.2rem 1.5rem !important;
        border-bottom: 1px solid rgba(226, 232, 240, 0.6) !important;
        position: relative !important;
        transition: all 0.3s ease !important;
        border-radius: 8px !important;
        margin: 0.5rem 0 !important;
    }

    .live-update-item:hover {
        background: linear-gradient(135deg, rgba(43, 91, 161, 0.03), rgba(74, 123, 200, 0.05)) !important;
        transform: translateX(4px) !important;
        border-left: 3px solid var(--israel-blue) !important;
        padding-left: 1.8rem !important;
    }

    .live-update-item:last-child {
        border-bottom: none !important;
    }

    .live-update-time {
        font-size: 0.8rem !important;
        color: var(--israel-blue) !important;
        font-weight: 600 !important;
        margin-bottom: 0.5rem !important;
    }

    .live-update-content {
        font-size: 0.9rem !important;
        line-height: 1.5 !important;
        color: var(--text-primary) !important;
    }

    /* Source Attribution */
    .news-source-attribution {
        background: var(--israel-gray-light) !important;
        border: 1px solid var(--border-light) !important;
        border-radius: 2px !important;
        padding: 1rem 1.5rem !important;
        margin: 3rem 0 !important;
        text-align: start !important;
        border-left: 3px solid var(--israel-blue) !important;
        border-right: none !important;
    }

    .news-source-label {
        font-size: 0.75rem !important   ;
        color: var(--text-muted) !important;
        text-transform: uppercase !important;
        letter-spacing: 0.5px !important;
        font-weight: 600 !important;
        margin-bottom: 0.5rem !important;
    }

    .news-source-link {
        color: var(--israel-blue) !important;
        text-decoration: none !important;
        font-weight: 500 !important;
        font-size: 0.9rem !important;
    }

    .news-source-link:hover {
        text-decoration: underline !important;
    }

    /* Key Entities/Tags */
    .news-key-entities {
        margin: 3rem 0 !important;
        padding: 1.5rem 0 !important;
        border-top: 1px solid var(--border-light) !important;
        border-bottom: 1px solid var(--border-light) !important;
    }

    .news-entities-title {
        font-size: 1.375rem !important;
        font-weight: 600 !important;
        color: var(--text-secondary) !important;
        margin-bottom: 1rem !important;
        text-transform: uppercase !important;
        letter-spacing: 0.5px !important;
    }

    .news-entity-tags {
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 0.5rem !important;
    }

    .news-entity-tag {
        display: inline-block !important;
        background: var(--israel-gray-light) !important;
        color: var(--text-secondary) !important;
        padding: 0.625rem 1.25rem !important;
        border-radius: 2px !important;
        border: 1px solid var(--border-light) !important;
        font-size: 1.125rem !important;
        font-weight: 500 !important;
        text-decoration: none !important;
        transition: all 0.2s ease !important;
    }

    .news-entity-tag:hover {
        background: var(--israel-blue) !important;
        color: white !important;
        border-color: var(--israel-blue) !important;
    }

    /* Recommended Stories */
    .news-recommended-section {
        margin: 4rem 0 2rem !important;
        padding: 2rem 0 !important;
        border-top: 1px solid var(--border-light) !important;
    }

    .news-recommended-title {
        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
        font-size: 1.375rem !important;
        font-weight: 700 !important;
        color: var(--text-primary) !important;
        margin-bottom: 2rem !important;
        text-align: start !important;
    }

    .news-recommended-grid {
        display: grid !important;
        grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)) !important;
        gap: 1.5rem !important;
    }

    .news-recommended-card {
        background: transparent !important;
        border: 1px solid var(--border-light) !important;
        border-radius: 2px !important;
        overflow: hidden !important;
        transition: all 0.2s ease !important;
        text-decoration: none !important;
        color: inherit !important;
    }

    .news-recommended-card:hover {
        border-color: var(--israel-blue) !important;
        box-shadow: var(--shadow-sm) !important;
    }

    .news-recommended-card img {
        width: 100% !important;
        height: 180px !important;
        object-fit: cover !important;
        transition: transform 0.2s ease !important;
    }

    .news-recommended-card:hover img {
        transform: scale(1.02) !important;
    }

    .news-recommended-card-content {
        padding: 1.25rem !important;
    }

    .news-recommended-card-category {
        font-size: 0.7rem !important;
        font-weight: 700 !important;
        color: var(--israel-blue) !important;
        text-transform: uppercase !important;
        letter-spacing: 0.5px !important;
        margin-bottom: 0.5rem !important;
    }

    .news-recommended-card h3 {
        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, serif !important;
        font-size: 1.125rem !important;
        font-weight: 600 !important;
        color: var(--text-primary) !important;
        margin-bottom: 0.75rem !important;
        line-height: 1.4 !important;
        display: -webkit-box !important;
        -webkit-line-clamp: 3 !important;
        -webkit-box-orient: vertical !important ;
        overflow: hidden !important;
    }

    .news-recommended-card p {
        color: var(--text-muted) !important;
        font-size: 0.85rem !important;
        line-height: 1.5 !important;
        display: -webkit-box !important;
        -webkit-line-clamp: 2 !important;
        -webkit-box-orient: vertical !important;
        overflow: hidden !important;
    }

    /* Mobile Responsive */
    @media (max-width: 1024px) {
        .trending-stories-grid {
            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)) !important;
            gap: 1rem !important;
        }
        
        .professional-stories-grid {
            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)) !important;
            gap: 1.5rem !important;
        }
        
        .professional-card-image-wrapper {
            height: 180px !important;
        }
    }

    /* Google News CTR Optimization Styles */

    /* Reading Time */
    .news-reading-time {
        display: inline-flex !important;
        align-items: center !important;
        gap: 0.4rem !important;
        color: #718096 !important;
        font-size: 1.25rem !important;
        margin: 0 !important;
        padding: 0 !important;
        font-weight: 400 !important;
        vertical-align: middle !important;
    }

    .news-reading-time svg {
        opacity: 0.7 !important;
    }

    /* Updated Badge */
    .news-updated-badge {
        display: inline-flex !important;
        align-items: center !important;
        gap: 0.35rem !important;
        background: #ecfdf3 !important; /* soft green */
        color: #15803d !important;
        padding: 0.35rem 0.9rem !important;
        border-radius: 999px !important;
        font-size: 0.85rem !important;
        font-weight: 600 !important;
        margin: 0 0 0.75rem 0 !important;
        text-transform: uppercase !important;
        letter-spacing: 0.06em !important;
        line-height: 1.2 !important;
    }

    /* Related Articles Sidebar */
    .news-related-articles {
        margin: 3rem 0 !important;
        padding: 2rem !important;
        background: #f7fafc !important;
        border-radius: 8px !important;
    }

    .related-articles-title {
        font-size: 1.875rem !important;
        font-weight: 700 !important;
        color: #1a1a1a !important;
        margin: 0 0 1.5rem 0 !important;
        padding-bottom: 1rem !important;
        border-bottom: 3px solid #2B5BA1 !important;
    }

    .related-articles-list {
        display: flex !important;
        flex-direction: column !important;
        gap: 1.25rem !important;
    }

    .related-article-card {
        display: flex !important;
        gap: 1rem !important;
        padding: 1rem !important;
        background: white !important;
        border-radius: 6px !important;
        transition: all 0.2s ease !important;
        box-shadow: 0 1px 3px rgba(0,0,0,0.1) !important;
    }

    .related-article-card:hover {
        box-shadow: 0 4px 12px rgba(43, 91, 161, 0.15) !important;
        transform: translateY(-2px) !important;
    }

    .related-article-image {
        flex-shrink: 0 !important;
        width: 120px !important;
        height: 80px !important;
        border-radius: 4px !important;
        overflow: hidden !important;
    }

    .related-article-image img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        transition: transform 0.3s ease !important;
    }

    .related-article-card:hover .related-article-image img {
        transform: scale(1.05) !important;
    }

    .related-article-content {
        flex: 1 !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;
    }

    .related-article-title {
        margin: 0 0 0.75rem 0 !important;
        font-size: 1.5rem !important;
        font-weight: 600 !important;
        line-height: 1.5 !important;
    }

    .related-article-title a {
        color: #1a1a1a !important;
        text-decoration: none !important;
        transition: color 0.2s ease !important;
    }

    .related-article-title a:hover {
        color: #2B5BA1 !important;
    }

    .related-article-meta {
        font-size: 1.125rem !important;
        color: #718096 !important;
    }

    @media (max-width: 768px) {
        /* Mobile optimization for new elements */
        .news-reading-time {
            padding-left: 0 !important;
            margin-top: 0 !important;
            font-size: 1.125rem !important;
            display: inline-flex !important;
            align-items: center !important;
            vertical-align: middle !important;
        }

        .news-updated-badge {
            font-size: 0.8rem !important;
            padding: 0.4rem 0.8rem !important;
        }

        .news-related-articles {
            padding: 1.5rem !important;
            margin: 2rem 0 !important;
        }

        .related-articles-title {
            font-size: 1.625rem !important;
        }

        .related-article-card {
            padding: 1rem !important;
        }

        .related-article-image {
            width: 120px !important;
            height: 80px !important;
        }

        .related-article-title {
            font-size: 1.375rem !important;
        }

        .related-article-meta {
            font-size: 1rem !important;
        }

        .professional-news-wrapper {
            padding: 0 !important;
        }

        .news-layout-container {
            padding: 0 var(--mobile-padding) !important;
            margin-top: 1rem !important;
        }

        .after-content-container {
            padding: 0 var(--mobile-padding) !important;
        }

        .content-section {
            margin-bottom: 2rem !important;
            padding: 1.5rem !important;
        }

        .content-section-title {
            font-size: 1.5rem !important;
        }

        .trending-stories-grid {
            grid-template-columns: 1fr !important;
            gap: 1rem !important;
        }
        
        .professional-stories-grid {
            grid-template-columns: 1fr !important;
            gap: 1.5rem !important;
        }
        
        .professional-card-image-wrapper {
            height: 200px !important;
        }
        
        .professional-card-content {
            padding: 1.25rem !important;
        }
        
        .most-read-item-pro {
            padding: 1rem !important;
            gap: 0.75rem !important;
        }
        
        .most-read-thumbnail {
            width: 70px !important;
            height: 70px !important;
        }
        
        .most-read-rank {
            width: 32px !important;
            height: 32px !important;
            font-size: 0.9rem !important;
        }

        .news-top-bar {
            font-size: 0.8rem !important;
            padding: 0.4rem 0 !important;
        }

        .news-article-header {
            padding-bottom: 1.5rem !important;
        }

        .news-article-headline {
            font-size: clamp(1.5rem, 6vw, 2.2rem) !important;
            line-height: 1.2 !important;
        }

        .news-article-subtitle {
            font-size: 1.375rem !important;
        }

        .news-article-byline {
            flex-direction: column !important;
            gap: 1rem !important;
            align-items: flex-start !important;
            padding: 1rem !important;
            min-height: 120px !important;
        }

        .news-byline-left {
            width: 100% !important;
        }

        .news-social-share {
            width: 100% !important;
            justify-content: flex-start !important;
            min-height: 50px !important;
            height: 50px !important;
        }
        
        .news-social-btn {
            width: 40px !important;
            height: 40px !important;
            flex-shrink: 0 !important;
        }

        .news-featured-image {
            height: 250px !important;
            border-radius: 8px !important;
        }

        .news-article-body {
            font-size: 1.5rem !important;
        }

        /* Mobile responsive styles for article images */
        .news-article-body .wp-caption,
        .news-article-body [id^="attachment_"] {
            margin: 2rem auto !important;
            width: 100% !important;
            max-width: 100% !important;
        }

        .news-article-body .wp-caption img,
        .news-article-body [id^="attachment_"] img,
        .news-article-body .wp-image,
        .news-article-body img.size-full {
            width: 100% !important;
            max-width: 100% !important;
            height: auto !important;
            border-radius: 6px !important;
        }

        .news-article-body .wp-caption-text,
        .news-article-body [id^="attachment_"] .wp-caption-text {
            font-size: 0.8rem !important;
            padding: 0.5rem 0.75rem !important;
            margin-top: 0.5rem !important;
        }

        .news-article-body .alignleft,
        .news-article-body .alignright {
            float: none !important;
            margin: 2rem auto !important;
            max-width: 100% !important;
        }

        .news-breadcrumb {
            font-size: 1.25rem !important;
        }

        .news-article-category {
            font-size: 1.125rem !important;
        }

        .news-byline-meta {
            font-size: 1.125rem !important;
        }

        .news-byline-info h4 {
            font-size: 1.125rem !important;
        }

        .news-freshness-badge {
            font-size: 1.125rem !important;
        }

        .professional-card-title {
            font-size: 1.5rem !important;
        }

        .professional-card-excerpt {
            font-size: 1.25rem !important;
        }

        .most-read-title {
            font-size: 1.375rem !important;
        }

        .most-read-meta {
            font-size: 1.125rem !important;
        }

        .news-entities-title {
            font-size: 1.25rem !important;
        }

        .news-entity-tag {
            font-size: 1rem !important;
        }

        .news-article-body p:first-of-type {
            font-size: 1.15rem !important;
            padding: 1rem !important;
        }



                .most-read-item-card {
            flex-direction: column !important;
            text-align: center !important;
        }

        .most-read-image {
            width: 100% !important;
            height: 120px !important;
            margin-bottom: 1rem !important;
        }

        .newsletter-form {
            flex-direction: column !important;
            gap: 0.75rem !important;
        }

        .newsletter-btn {
            padding: 0.875rem !important;
        }
        
        /* Professional features mobile responsive */
        .article-tools-wrapper {
            flex-direction: column !important;
            gap: 1rem !important;
        }
        
        .article-actions {
            width: 100% !important;
            justify-content: center !important;
        }
        
        .tool-btn {
            padding: 0.5rem 0.75rem !important;
            font-size: 0.8rem !important;
        }
        
        .tool-btn span {
            display: none !important;
        }
        
        .reading-progress {
            min-width: auto !important;
            width: 100% !important;
        }
        
        .author-bio-container {
            flex-direction: column !important;
            text-align: center !important;
            gap: 1rem !important;
        }
        
        .author-avatar-img {
            width: 60px !important;
            height: 60px !important;
        }
        
        .author-social-links {
            justify-content: center !important;
        }
        
        .author-view-articles {
            margin-left: 0 !important;
            justify-content: center !important;
        }
    }

    @media (max-width: 480px) {
        .news-layout-container {
            padding: 0 1rem !important;
        }

        .news-article-headline {
            font-size: clamp(1.3rem, 5vw, 1.8rem) !important;
        }

        .news-article-subtitle {
            font-size: 1.25rem !important;
        }

        .news-byline-meta {
            flex-wrap: wrap !important;
            gap: 0.5rem !important;
            font-size: 1rem !important;
        }

        .news-article-body {
            font-size: 1.375rem !important;
        }

        .news-breadcrumb {
            font-size: 0.95rem !important;
        }

        .news-article-category {
            font-size: 0.85rem !important;
        }

        .news-byline-meta {
            font-size: 0.9rem !important;
        }

        .news-freshness-badge {
            font-size: 0.85rem !important;
        }

        .professional-card-title {
            font-size: 1.125rem !important;
        }

        .professional-card-excerpt {
            font-size: 0.95rem !important;
        }

        .most-read-title {
            font-size: 1rem !important;
        }

        .most-read-meta {
            font-size: 0.9rem !important;
        }

        .news-entities-title {
            font-size: 0.95rem !important;
        }

        .news-entity-tag {
            font-size: 0.85rem !important;
        }

        .sidebar-section-header {
            font-size: 1rem !important;
            padding: 0.875rem 1rem !important;
        }

        .trending-story-content h4 {
            font-size: 0.9rem !important;
        }

        .most-read-content h5 {
            font-size: 0.85rem !important;
        }
    }

    @media (max-width: 480px) {
        .news-article-headline {
            font-size: clamp(1.5rem, 5vw, 2rem) !important;
        }

        .news-article-body {
            font-size: 1.125rem !important;
        }

        .news-breadcrumb {
            font-size: 0.95rem !important;
        }

        .news-article-category {
            font-size: 0.85rem !important;
        }

        .news-byline-meta {
            font-size: 0.9rem !important;
        }

        .news-freshness-badge {
            font-size: 0.85rem !important;
        }

        .professional-card-title {
            font-size: 1.125rem !important;
        }

        .professional-card-excerpt {
            font-size: 0.95rem !important;
        }

        .most-read-title {
            font-size: 1rem !important;
        }

        .most-read-meta {
            font-size: 0.9rem !important;
        }

        .news-entities-title {
            font-size: 0.95rem !important;
        }

        .news-entity-tag {
            font-size: 0.85rem !important;
        }

        .news-recommended-title {
            font-size: 1.5rem !important;
        }

        .news-source-attribution,
        .news-key-entities {
            padding: 1rem !important;
        }
    }
