/* Hide unwanted contact elements if any slip through */
        a[href*='boyroyal.94@gmail.com'],
        a[href*='23456789'] {
            display: none !important;
        }

        /* Views Badge on Archive / Home Cards */
        .ww-archive-views {
            display: inline-flex;
            align-items: center;
            gap: 4px;
            font-weight: 600;
            color: #b45309 !important;
            margin: 0 4px;
        }

        .ww-meta-sep {
            display: inline-block;
            margin: 0 4px;
            color: #78716c;
        }

        /* Reading Progress Bar */
        #ww-reading-progress {
            position: fixed;
            top: 0;
            left: 0;
            height: 4px;
            background: linear-gradient(90deg, #b45309, #d97706, #f59e0b);
            width: 0%;
            z-index: 999999;
            transition: width 0.1s ease-out;
            box-shadow: 0 1px 4px rgba(217, 119, 6, 0.4);
        }

        /* ========================================================
           GLOBAL VIEWPORT & TRANSLATION OVERFLOW PROTECTION
           Prevents horizontal page blowout and tablet zoomed-out void
           ======================================================== */
        html, body {
            max-width: 100% !important;
            overflow-x: hidden !important;
            position: relative !important;
            -webkit-text-size-adjust: 100% !important;
        }

        /* Prevent Google Translate banner/iframe blowout */
        .goog-te-banner-frame,
        .skiptranslate,
        #goog-gt-tt,
        .goog-te-balloon-frame {
            max-width: 100% !important;
            box-sizing: border-box !important;
        }
        body {
            top: 0px !important;
        }

        #page,
        .site-content {
            max-width: 100% !important;
            box-sizing: border-box !important;
        }

        .site-header {
            max-width: 100% !important;
            box-sizing: border-box !important;
            position: relative !important;
            z-index: 1000 !important;
        }

        #site-navigation {
            position: relative !important;
            z-index: 1001 !important;
        }

        .main-navigation ul ul,
        .main-navigation .sub-menu {
            z-index: 1002 !important;
            box-shadow: 0 8px 24px rgba(0, 0, 0, 0.16) !important;
            border-radius: 8px !important;
        }

        /* Reading Background & Paper Texture */
        body.single-post {
            background-color: #FAF8F5 !important;
            color: #24201e !important;
            -webkit-font-smoothing: antialiased;
        }

        /* Centered Reading Layout (Medium / Substack / Luxury Novel style) */
        .site-content {
            display: flex !important;
            justify-content: center !important;
        }
        .content-area,
        #primary {
            width: 100% !important;
            max-width: 860px !important;
            margin: 0 auto !important;
            float: none !important;
        }
        .widget-area.sidebar,
        #right-sidebar {
            display: none !important;
        }

        /* Single Post Title & Header Centered */
        .single-post .entry-header {
            text-align: center !important;
            margin: 14px auto 26px auto !important;
            max-width: 780px !important;
        }
        .single-post h1.wp-block-post-title,
        .single-post h1.entry-title,
        .single-post .hostinger-ai-page-title {
            font-family: 'Playfair Display', Georgia, serif !important;
            font-size: 2.1rem !important;
            line-height: 1.28 !important;
            color: #1c1917 !important;
            text-align: center !important;
            margin: 16px auto 14px auto !important;
            max-width: 760px !important;
            padding: 0 16px !important;
            font-weight: 700 !important;
        }
        .single-post .entry-header .entry-meta,
        .single-post .entry-meta {
            display: none !important;
        }

        @media (min-width: 768px) {
            .single-post h1.wp-block-post-title,
            .single-post h1.entry-title,
            .single-post .hostinger-ai-page-title {
                font-size: 2.7rem !important;
            }
        }

        /* Story Meta Badge - Sleek Unified Single Bar */
        .ww-story-meta-badge {
            display: flex !important;
            align-items: center !important;
            justify-content: center !important;
            flex-wrap: wrap !important;
            gap: 5px 8px !important;
            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
            font-size: 12px !important;
            line-height: 1.5 !important;
            color: #78716c !important;
            margin: 10px auto 22px auto !important;
            max-width: 760px !important;
            padding: 0 16px !important;
        }
        .ww-story-meta-badge .ww-smb-item {
            display: inline-flex !important;
            align-items: center !important;
            gap: 3px !important;
            white-space: nowrap !important;
            font-size: 12px !important;
            font-weight: 500 !important;
        }
        .ww-badge-tag {
            background: #fef3c7 !important;
            color: #92400e !important;
            padding: 2px 7px !important;
            border-radius: 999px !important;
            font-weight: 700 !important;
            font-size: 10.5px !important;
            letter-spacing: 0.03em !important;
            text-transform: uppercase !important;
            white-space: nowrap !important;
        }
        .ww-smb-sep {
            color: #a8a29e !important;
            font-size: 10px !important;
            margin-right: 5px !important;
            margin-left: 2px !important;
            user-select: none !important;
            opacity: 0.6 !important;
        }
        .ww-smb-views {
            color: #b45309 !important;
            font-weight: 600 !important;
        }
        .ww-smb-part {
            color: #4b5563 !important;
            font-weight: 600 !important;
        }

        /* Featured Image Centered */
        .single-post .featured-image,
        .single-post .page-header-image-single,
        .single-post .wp-block-post-featured-image {
            text-align: center !important;
            margin: 0 auto 30px auto !important;
            max-width: 100% !important;
            display: flex !important;
            justify-content: center !important;
            align-items: center !important;
            padding: 0 16px !important;
        }
        .single-post .featured-image img,
        .single-post .page-header-image-single img,
        .single-post .wp-block-post-featured-image img {
            display: block !important;
            margin: 0 auto !important;
            max-height: 520px !important;
            width: auto !important;
            max-width: 100% !important;
            border-radius: 14px !important;
            box-shadow: 0 10px 35px rgba(0, 0, 0, 0.14) !important;
        }

        /* Single Post Paper Card Container */
        .single-post .inside-article {
            background: #ffffff !important;
            border-radius: 12px !important;
            padding: 40px 32px 24px 32px !important;
            box-shadow: 0 4px 25px rgba(0, 0, 0, 0.05) !important;
            border: 1px solid #f3ede2 !important;
        }
        @media (max-width: 768px) {
            .single-post .inside-article {
                padding: 20px 14px 18px 14px !important;
                border: none !important;
                border-radius: 0 !important;
                box-shadow: none !important;
            }
        }

        /* Single Post Bottom Sections Tight Spacing (Cliffhanger, Share, Pages, Comments) */
        .single-post .site-main > article.type-post {
            margin-bottom: 16px !important;
        }

        /* Single Post Story Pages Pagination Bar */
        .single-post .page-links {
            display: flex !important;
            align-items: center !important;
            flex-wrap: wrap !important;
            gap: 8px !important;
            background: #faf6f0 !important;
            border: 1px solid #ebdcc4 !important;
            border-radius: 12px !important;
            padding: 12px 18px !important;
            margin: 24px 0 20px 0 !important;
            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
            font-size: 0 !important; /* Hides raw 'Pages: ' text */
            clear: both !important;
        }
        .single-post .page-links::before {
            content: 'Story Pages:';
            display: inline-flex !important;
            align-items: center !important;
            font-size: 13px !important;
            font-weight: 700 !important;
            color: #92400e !important;
            margin-right: 6px !important;
            letter-spacing: 0.02em !important;
            background-image: url('data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\' width=\'16\' height=\'16\' viewBox=\'0 0 24 24\' fill=\'%23b45309\'><path d=\'M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-5 14H7v-2h7v2zm3-4H7v-2h10v2zm0-4H7V7h10v2z\'/></svg>');
            background-repeat: no-repeat !important;
            background-position: left center !important;
            background-size: 16px 16px !important;
            padding-left: 22px !important;
            line-height: 20px !important;
        }
        .single-post .page-links .post-page-numbers {
            display: inline-flex !important;
            align-items: center !important;
            justify-content: center !important;
            min-width: 36px !important;
            height: 36px !important;
            padding: 0 10px !important;
            border-radius: 8px !important;
            font-size: 13.5px !important;
            font-weight: 700 !important;
            text-decoration: none !important;
            transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
            box-sizing: border-box !important;
        }
        .single-post .page-links .post-page-numbers.current {
            background: linear-gradient(135deg, #b45309 0%, #d97706 100%) !important;
            color: #ffffff !important;
            border: 1px solid #92400e !important;
            box-shadow: 0 2px 8px rgba(180, 83, 9, 0.28) !important;
        }
        .single-post .page-links a.post-page-numbers {
            background: #ffffff !important;
            color: #78350f !important;
            border: 1px solid #dfd1b8 !important;
        }
        .single-post .page-links a.post-page-numbers:hover {
            background: #fef3c7 !important;
            color: #b45309 !important;
            border-color: #d4be9c !important;
            transform: translateY(-1px) !important;
            box-shadow: 0 3px 8px rgba(180, 83, 9, 0.15) !important;
        }

        /* Single Post Footer Meta (Category, Tags & Story Navigation) */
        .single-post footer.entry-meta {
            display: flex !important;
            flex-wrap: wrap !important;
            align-items: center !important;
            gap: 12px 16px !important;
            margin-top: 24px !important;
            margin-bottom: 20px !important;
            padding-top: 18px !important;
            border-top: 1px solid #ebdcc4 !important;
            clear: both !important;
        }

        /* Single Post Category Badge (Left) */
        .single-post footer.entry-meta .cat-links {
            display: inline-flex !important;
            align-items: center !important;
            gap: 6px !important;
            font-size: 0 !important;
            margin: 0 !important;
            padding: 0 !important;
        }
        .single-post footer.entry-meta .cat-links .gp-icon,
        .single-post footer.entry-meta .cat-links svg,
        .single-post footer.entry-meta .cat-links .screen-reader-text {
            display: none !important;
        }
        .single-post footer.entry-meta .cat-links a {
            display: inline-flex !important;
            align-items: center !important;
            gap: 6px !important;
            background: #fef3c7 !important;
            color: #92400e !important;
            padding: 6px 14px !important;
            border-radius: 9999px !important;
            border: 1px solid #fde68a !important;
            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
            font-size: 12px !important;
            font-weight: 700 !important;
            letter-spacing: 0.04em !important;
            text-transform: uppercase !important;
            text-decoration: none !important;
            box-shadow: 0 2px 6px rgba(180, 83, 9, 0.1) !important;
            transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
        }
        .single-post footer.entry-meta .cat-links a::before {
            content: '';
            display: inline-block !important;
            width: 14px !important;
            height: 14px !important;
            background-image: url('data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\' width=\'14\' height=\'14\' viewBox=\'0 0 24 24\' fill=\'%2392400e\'><path d=\'M10 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2h-8l-2-2z\'/></svg>');
            background-repeat: no-repeat !important;
            background-size: contain !important;
            background-position: center !important;
            margin-right: 4px !important;
        }
        .single-post footer.entry-meta .cat-links a:hover {
            background: #fde68a !important;
            color: #78350f !important;
            border-color: #f59e0b !important;
            transform: translateY(-1px) !important;
            box-shadow: 0 3px 8px rgba(180, 83, 9, 0.18) !important;
        }

        /* Single Post Tags Badges */
        .single-post footer.entry-meta .tags-links {
            display: inline-flex !important;
            align-items: center !important;
            flex-wrap: wrap !important;
            gap: 6px 8px !important;
            font-size: 0 !important;
            margin: 0 !important;
            padding: 0 !important;
            border: none !important;
        }
        .single-post footer.entry-meta .tags-links .gp-icon,
        .single-post footer.entry-meta .tags-links svg,
        .single-post footer.entry-meta .tags-links .icon-tags,
        .single-post footer.entry-meta .tags-links .screen-reader-text {
            display: none !important;
        }
        .single-post footer.entry-meta .tags-links a {
            display: inline-flex !important;
            align-items: center !important;
            background: #f7f3ec !important;
            color: #78716c !important;
            padding: 4px 10px !important;
            border-radius: 6px !important;
            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
            font-size: 12px !important;
            font-weight: 600 !important;
            text-decoration: none !important;
            line-height: 1.3 !important;
            letter-spacing: 0.01em !important;
            border: 1px solid #e7ded0 !important;
            transition: all 0.15s ease !important;
        }
        .single-post footer.entry-meta .tags-links a::before {
            content: '#';
            color: #b45309;
            margin-right: 2px;
            font-weight: 700;
            font-size: 11px;
            opacity: 0.8;
        }
        .single-post footer.entry-meta .tags-links a:hover {
            background: #ebdcc4 !important;
            color: #b45309 !important;
            border-color: #d4be9c !important;
            text-decoration: none !important;
            transform: translateY(-1px) !important;
        }

        /* Single Post Next & Previous Post Navigation Cards */
        .single-post .post-navigation {
            display: grid !important;
            grid-template-columns: 1fr 1fr !important;
            gap: 16px !important;
            width: 100% !important;
            margin: 20px 0 10px 0 !important;
            clear: both !important;
        }
        .single-post .post-navigation .nav-previous,
        .single-post .post-navigation .nav-next {
            display: flex !important;
            flex-direction: column !important;
            position: relative !important;
            cursor: pointer !important;
            background: #faf6f0 !important;
            border: 1px solid #ebdcc4 !important;
            border-radius: 10px !important;
            padding: 14px 18px !important;
            box-shadow: 0 2px 6px rgba(0, 0, 0, 0.03) !important;
            transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
            box-sizing: border-box !important;
        }
        .single-post .post-navigation .nav-previous {
            text-align: left !important;
        }
        .single-post .post-navigation .nav-next {
            text-align: right !important;
        }
        .single-post .post-navigation .nav-previous::before {
            content: '← PREVIOUS STORY';
            display: block;
            font-size: 11px;
            font-weight: 700;
            letter-spacing: 0.06em;
            text-transform: uppercase;
            color: #b45309;
            margin-bottom: 5px;
            pointer-events: none !important;
        }
        .single-post .post-navigation .nav-next::before {
            content: 'NEXT STORY →';
            display: block;
            font-size: 11px;
            font-weight: 700;
            letter-spacing: 0.06em;
            text-transform: uppercase;
            color: #b45309;
            margin-bottom: 5px;
            pointer-events: none !important;
        }
        .single-post .post-navigation .nav-previous:hover,
        .single-post .post-navigation .nav-next:hover {
            background: #fefcf8 !important;
            border-color: #d4be9c !important;
            box-shadow: 0 4px 14px rgba(180, 83, 9, 0.12) !important;
            transform: translateY(-2px) !important;
        }
        .single-post .post-navigation a {
            font-family: Georgia, 'Playfair Display', serif !important;
            font-size: 15px !important;
            font-weight: 700 !important;
            color: #1c1917 !important;
            text-decoration: none !important;
            line-height: 1.4 !important;
            transition: color 0.15s ease !important;
        }
        /* Stretched Link: Makes entire card (including ← PREVIOUS STORY, NEXT STORY →) 100% clickable */
        .single-post .post-navigation a::after {
            content: '' !important;
            position: absolute !important;
            top: 0 !important;
            left: 0 !important;
            right: 0 !important;
            bottom: 0 !important;
            z-index: 2 !important;
        }
        .single-post .post-navigation .nav-previous:hover a,
        .single-post .post-navigation .nav-next:hover a,
        .single-post .post-navigation a:hover {
            color: #b45309 !important;
            text-decoration: none !important;
        }
        .single-post .post-navigation .gp-icon,
        .single-post .post-navigation svg {
            display: none !important;
        }

        /* HIDE ON MOBILE: Completely hide Previous & Next Story navigation on mobile screens */
        @media (max-width: 768px) {
            .single-post .post-navigation {
                display: none !important;
            }
        }

        .single-post .comments-area {
            max-width: 920px !important;
            margin: 0 auto 16px auto !important;
            padding: 28px 32px !important;
            border-radius: 16px !important;
            border: 1px solid #f3ede2 !important;
            box-shadow: 0 4px 25px rgba(0, 0, 0, 0.05) !important;
            background: #ffffff !important;
        }

        @media (max-width: 768px) {
            .single-post .comments-area {
                padding: 20px 16px !important;
                margin: 0 auto 14px auto !important;
            }
        }

        .single-post #respond h3#reply-title,
        .single-post .comment-respond h3#reply-title {
            margin-top: 0 !important;
            margin-bottom: 14px !important;
            font-size: 22px !important;
        }

        .single-post #respond .comment-form p {
            margin-bottom: 12px !important;
        }

        /* Homepage & Archive Story Cards Centered Styling */
        .blog .site-content,
        .archive .site-content,
        .home.blog .site-content {
            display: flex !important;
            justify-content: center !important;
        }

        .blog #primary,
        .archive #primary,
        .home.blog #primary {
            width: 100% !important;
            max-width: 840px !important;
            margin: 0 auto !important;
            float: none !important;
        }

        .separate-containers .site-main {
            margin-top: 20px !important;
        }

        /* Transparent article wrapper so sharp outer corners never peek out on blog/archive cards */
        .blog article.post,
        .archive article.post,
        .home.blog article.post,
        .search-results article.post,
        .blog .site-main > article.type-post,
        .archive .site-main > article.type-post,
        .home.blog .site-main > article.type-post {
            margin: 0 auto 20px auto !important;
            max-width: 840px !important;
            background: transparent !important;
            background-color: transparent !important;
            box-shadow: none !important;
            border: none !important;
            border-radius: 0 !important;
            padding: 0 !important;
        }

        .blog .inside-article,
        .archive .inside-article,
        .home.blog .inside-article,
        .separate-containers .inside-article {
            background: #ffffff !important;
            border-radius: 16px !important;
            overflow: hidden !important;
            padding: 36px 30px !important;
            box-shadow: 0 4px 25px rgba(0, 0, 0, 0.05) !important;
            border: 1px solid #f3ede2 !important;
            text-align: center !important;
        }

        .separate-containers .page-header,
        .page-header {
            background: #ffffff !important;
            border-radius: 16px !important;
            border: 1px solid #f3ede2 !important;
            box-shadow: 0 4px 25px rgba(0, 0, 0, 0.05) !important;
            padding: 24px 30px !important;
            margin-bottom: 20px !important;
        }

        .page-header .page-title {
            display: flex !important;
            align-items: center !important;
            gap: 16px !important;
            font-size: 24px !important;
            font-weight: 800 !important;
            color: #1c1917 !important;
            margin: 0 !important;
        }

        .page-header .page-title img.avatar {
            border-radius: 50% !important;
            border: 2px solid #b45309 !important;
            box-shadow: 0 2px 8px rgba(180, 83, 9, 0.2) !important;
        }

        /* Homepage Title & Meta Centered */
        .blog .entry-header,
        .archive .entry-header,
        .home.blog .entry-header {
            text-align: center !important;
            margin-bottom: 20px !important;
        }

        .blog h2.entry-title,
        .archive h2.entry-title,
        .home.blog h2.entry-title {
            font-family: 'Playfair Display', Georgia, serif !important;
            font-size: 1.85rem !important;
            line-height: 1.32 !important;
            margin: 0 0 10px 0 !important;
            text-align: center !important;
        }

        .blog h2.entry-title a,
        .archive h2.entry-title a,
        .home.blog h2.entry-title a {
            color: #1c1917 !important;
            text-decoration: none !important;
            transition: color 0.15s ease;
        }

        .blog h2.entry-title a:hover,
        .archive h2.entry-title a:hover,
        .home.blog h2.entry-title a:hover {
            color: #b45309 !important;
        }

        .blog .entry-meta,
        .archive .entry-meta,
        .home.blog .entry-meta {
            display: flex !important;
            align-items: center !important;
            justify-content: center !important;
            flex-wrap: wrap !important;
            text-align: center !important;
            color: #78716c !important;
            font-size: 13.5px !important;
            margin: 0 auto !important;
        }

        /* Homepage Featured Image Centered */
        .blog .post-image,
        .archive .post-image,
        .home.blog .post-image {
            display: flex !important;
            flex-direction: column !important;
            justify-content: center !important;
            align-items: center !important;
            text-align: center !important;
            margin: 22px auto 26px auto !important;
            max-width: 100% !important;
            background: transparent !important;
            background-color: transparent !important;
            border: none !important;
            padding: 0 !important;
        }

        .blog .post-image > a,
        .archive .post-image > a,
        .home.blog .post-image > a {
            display: inline-block !important;
            margin: 0 auto !important;
            text-align: center !important;
            line-height: 0 !important;
            border-radius: 12px !important;
            overflow: hidden !important;
            background: transparent !important;
            background-color: transparent !important;
            border: none !important;
            outline: none !important;
            padding: 0 !important;
            transform: translateZ(0) !important;
        }

        .blog .post-image img,
        .archive .post-image img,
        .home.blog .post-image img {
            display: block !important;
            margin: 0 auto !important;
            max-height: 480px !important;
            width: auto !important;
            max-width: 100% !important;
            border-radius: 12px !important;
            box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12) !important;
            transition: transform 0.2s ease, box-shadow 0.2s ease;
            background: transparent !important;
            background-color: transparent !important;
            border: none !important;
            outline: none !important;
            padding: 0 !important;
            transform: translateZ(0) !important;
        }

        .blog .post-image > a:hover img,
        .archive .post-image > a:hover img,
        .home.blog .post-image > a:hover img {
            transform: translateY(-3px) translateZ(0) !important;
            box-shadow: 0 12px 35px rgba(180, 83, 9, 0.22) !important;
        }

        /* Homepage Story Summary / Snippet Centered & Justified */
        .blog .entry-summary,
        .archive .entry-summary,
        .home.blog .entry-summary,
        .entry-summary,
        .entry-summary p {
            max-width: 720px !important;
            margin: 0 auto 24px auto !important;
            font-family: 'Merriweather', Georgia, serif !important;
            font-size: 16.5px !important;
            line-height: 1.85 !important;
            color: #24201e !important;
            text-align: justify !important;
            text-justify: inter-word !important;
            -webkit-hyphens: auto;
            -ms-hyphens: auto;
            hyphens: auto;
        }

        /* Hide old clunky Read More button in entry-summary */
        .blog .entry-summary a.read-more,
        .archive .entry-summary a.read-more,
        .home.blog .entry-summary a.read-more,
        .search-results .entry-summary a.read-more,
        .entry-summary a.read-more {
            display: none !important;
        }

        /* Strictly hide Read Story CTA & Read More buttons on all static pages (About Us, Contact Us...) and single reading view */
        body.page .ww-card-read-btn,
        body.page a.read-more,
        body.page footer.entry-meta,
        body.page .inside-article footer.entry-meta,
        body.single .ww-card-read-btn,
        body.single-post .ww-card-read-btn,
        .type-page .ww-card-read-btn,
        .type-page a.read-more,
        .type-page footer.entry-meta {
            display: none !important;
        }

        /* Modern Story Card Footer Action Row (Category Left, Read Story CTA Right) */
        .blog footer.entry-meta,
        .archive footer.entry-meta,
        .home.blog footer.entry-meta,
        .search-results footer.entry-meta,
        .inside-article footer.entry-meta,
        .ww-story-card-footer {
            display: flex !important;
            align-items: center !important;
            justify-content: space-between !important;
            text-align: left !important;
            gap: 12px !important;
            flex-wrap: wrap !important;
            max-width: 720px !important;
            margin: 20px auto 0 auto !important;
            padding-top: 14px !important;
            border-top: 1px solid #f1ece1 !important;
            clear: both !important;
            width: 100% !important;
            box-sizing: border-box !important;
        }

        /* Category Badge (Left) */
        .blog footer.entry-meta .cat-links,
        .archive footer.entry-meta .cat-links,
        .home.blog footer.entry-meta .cat-links,
        .search-results footer.entry-meta .cat-links,
        .ww-scf-cat {
            display: inline-flex !important;
            align-items: center !important;
            flex-wrap: wrap !important;
            gap: 6px !important;
            font-size: 0 !important; /* Hides comma text nodes between categories */
            margin: 0 !important;
            padding: 0 !important;
            order: 1 !important;
        }

        /* Hide tacky folder svg icons & screen reader text */
        .blog footer.entry-meta .cat-links .gp-icon,
        .blog footer.entry-meta .cat-links svg,
        .archive footer.entry-meta .cat-links .gp-icon,
        .archive footer.entry-meta .cat-links svg,
        .home.blog footer.entry-meta .cat-links .gp-icon,
        .home.blog footer.entry-meta .cat-links svg,
        .search-results footer.entry-meta .cat-links .gp-icon,
        .search-results footer.entry-meta .cat-links svg,
        footer.entry-meta .cat-links .icon-categories,
        footer.entry-meta .cat-links .screen-reader-text {
            display: none !important;
        }

        /* Vintage Category Pill Badge */
        .blog footer.entry-meta .cat-links a,
        .archive footer.entry-meta .cat-links a,
        .home.blog footer.entry-meta .cat-links a,
        .search-results footer.entry-meta .cat-links a,
        .ww-scf-cat a.ww-scf-cat-badge {
            display: inline-flex !important;
            align-items: center !important;
            background: #fef3c7 !important;
            color: #92400e !important;
            padding: 5px 14px !important;
            border-radius: 9999px !important;
            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
            font-size: 11.5px !important;
            font-weight: 700 !important;
            text-decoration: none !important;
            letter-spacing: 0.04em !important;
            text-transform: uppercase !important;
            border: 1px solid #fde68a !important;
            transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
            box-shadow: 0 1px 3px rgba(180, 83, 9, 0.06) !important;
        }

        .blog footer.entry-meta .cat-links a:hover,
        .archive footer.entry-meta .cat-links a:hover,
        .home.blog footer.entry-meta .cat-links a:hover,
        .search-results footer.entry-meta .cat-links a:hover,
        .ww-scf-cat a.ww-scf-cat-badge:hover {
            background: #fde68a !important;
            color: #78350f !important;
            border-color: #f59e0b !important;
            transform: translateY(-1px) !important;
            box-shadow: 0 3px 8px rgba(180, 83, 9, 0.14) !important;
        }

        /* Modern Sleek Read Story CTA Button (Right) */
        .ww-card-read-btn,
        .ww-scf-read-btn {
            display: inline-flex !important;
            align-items: center !important;
            justify-content: center !important;
            gap: 7px !important;
            background: linear-gradient(135deg, #b45309 0%, #d97706 100%) !important;
            color: #ffffff !important;
            padding: 7px 18px !important;
            border-radius: 9999px !important;
            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
            font-size: 12.5px !important;
            font-weight: 700 !important;
            letter-spacing: 0.03em !important;
            text-transform: uppercase !important;
            text-decoration: none !important;
            box-shadow: 0 2px 8px rgba(180, 83, 9, 0.24) !important;
            transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
            white-space: nowrap !important;
            margin-left: auto !important; /* Always pins to the right side */
            order: 2 !important;
        }

        .ww-card-read-btn:hover,
        .ww-scf-read-btn:hover {
            background: linear-gradient(135deg, #92400e 0%, #b45309 100%) !important;
            color: #ffffff !important;
            transform: translateY(-1px) !important;
            box-shadow: 0 4px 14px rgba(180, 83, 9, 0.38) !important;
            gap: 10px !important;
        }

        /* Hide unnecessary comment prompt on cards */
        .blog footer.entry-meta .comments-link,
        .archive footer.entry-meta .comments-link,
        .home.blog footer.entry-meta .comments-link,
        .search-results footer.entry-meta .comments-link {
            display: none !important;
        }

        /* Strictly hide tags and comments on story listing cards */
        .blog footer.entry-meta .tags-links,
        .archive footer.entry-meta .tags-links,
        .home.blog footer.entry-meta .tags-links,
        .search-results footer.entry-meta .tags-links,
        .ww-card-image-tags {
            display: none !important;
        }

        /* ========================================================
           Tablet Portrait: Side-by-Side Story Cards (768px - 899px)
           (iPad, iPad Air, iPad Pro, Galaxy Tab in portrait mode)
           ======================================================== */
        @media (min-width: 768px) and (max-width: 899px) {
            .blog #primary,
            .archive #primary,
            .home.blog #primary,
            .blog article.post,
            .archive article.post,
            .home.blog article.post {
                max-width: 100% !important;
                margin: 0 auto 20px auto !important;
            }

            .blog article.has-post-thumbnail .inside-article,
            .archive article.has-post-thumbnail .inside-article,
            .home.blog article.has-post-thumbnail .inside-article {
                display: grid !important;
                grid-template-columns: 220px 1fr !important;
                grid-template-rows: auto auto auto !important;
                grid-template-areas:
                    'image header'
                    'image summary'
                    'image footer' !important;
                column-gap: 24px !important;
                row-gap: 12px !important;
                padding: 24px 22px !important;
                align-items: stretch !important;
                text-align: left !important;
            }

            .blog .post-image,
            .archive .post-image,
            .home.blog .post-image {
                grid-area: image !important;
                margin: 0 !important;
                width: 100% !important;
                height: auto !important;
                max-height: fit-content !important;
                align-self: start !important;
                display: flex !important;
                flex-direction: column !important;
                align-items: center !important;
                justify-content: flex-start !important;
                background: transparent !important;
                background-color: transparent !important;
                border: none !important;
                outline: none !important;
                padding: 0 !important;
            }

            .blog .post-image > a,
            .archive .post-image > a,
            .home.blog .post-image > a {
                display: block !important;
                width: 100% !important;
                max-width: 220px !important;
                height: auto !important;
                aspect-ratio: 471 / 836 !important;
                border-radius: 12px !important;
                overflow: hidden !important;
                box-shadow: 0 8px 24px rgba(0, 0, 0, 0.3) !important;
                margin: 0 !important;
                line-height: 0 !important;
                background: transparent !important;
                background-color: transparent !important;
                border: none !important;
                outline: none !important;
                padding: 0 !important;
                transform: translateZ(0) !important;
            }

            .blog .post-image img,
            .archive .post-image img,
            .home.blog .post-image img {
                width: 100% !important;
                height: 100% !important;
                aspect-ratio: 471 / 836 !important;
                object-fit: cover !important;
                border-radius: 12px !important;
                display: block !important;
                margin: 0 !important;
                background: transparent !important;
                background-color: transparent !important;
                border: none !important;
                outline: none !important;
                padding: 0 !important;
                transform: translateZ(0) !important;
            }

            .blog .entry-header,
            .archive .entry-header,
            .home.blog .entry-header {
                grid-area: header !important;
                text-align: left !important;
                margin: 0 !important;
            }

            .blog h2.entry-title,
            .archive h2.entry-title,
            .home.blog h2.entry-title {
                text-align: left !important;
                font-family: 'Playfair Display', Georgia, serif !important;
                font-size: 1.55rem !important;
                line-height: 1.3 !important;
                margin: 0 0 8px 0 !important;
            }

            .blog .entry-meta,
            .archive .entry-meta,
            .home.blog .entry-meta {
                justify-content: flex-start !important;
                text-align: left !important;
                margin: 0 !important;
                gap: 8px !important;
                font-size: 12.5px !important;
            }

            .blog .entry-summary,
            .archive .entry-summary,
            .home.blog .entry-summary,
            .entry-summary {
                grid-area: summary !important;
                margin: 0 !important;
                max-width: 100% !important;
            }

            .blog .entry-summary p,
            .archive .entry-summary p,
            .home.blog .entry-summary p,
            .entry-summary p {
                text-align: justify !important;
                text-justify: inter-word !important;
                font-size: 14.5px !important;
                line-height: 1.7 !important;
                margin: 0 !important;
                display: -webkit-box !important;
                -webkit-line-clamp: 13 !important;
                -webkit-box-orient: vertical !important;
                overflow: hidden !important;
            }

            .blog footer.entry-meta,
            .archive footer.entry-meta,
            .home.blog footer.entry-meta,
            .inside-article footer.entry-meta {
                grid-area: footer !important;
                margin: 4px 0 0 0 !important;
                padding-top: 12px !important;
                width: 100% !important;
                max-width: 100% !important;
                display: flex !important;
                align-items: center !important;
                justify-content: space-between !important;
                flex-wrap: wrap !important;
                gap: 8px !important;
            }
        }
        /* ========================================================
           Desktop & Laptop Homepage & Archive: Side-by-Side Story Cards
           (Cover Image on the left, Story content & details on the right)
           ======================================================== */
        @media (min-width: 900px) {
            .blog #primary,
            .archive #primary,
            .home.blog #primary,
            .blog article.post,
            .archive article.post,
            .home.blog article.post {
                max-width: 920px !important;
            }

            .blog article.post,
            .archive article.post,
            .home.blog article.post {
                margin: 0 auto 20px auto !important;
            }

            .blog article.has-post-thumbnail .inside-article,
            .archive article.has-post-thumbnail .inside-article,
            .home.blog article.has-post-thumbnail .inside-article {
                display: grid !important;
                grid-template-columns: 250px 1fr !important;
                grid-template-rows: auto auto auto !important;
                grid-template-areas:
                    'image header'
                    'image summary'
                    'image footer' !important;
                column-gap: 32px !important;
                row-gap: 14px !important;
                padding: 28px 28px !important;
                align-items: stretch !important;
                text-align: left !important;
            }

            /* Left Column: Featured Cover Image - Aligned horizontally with story title */
            .blog .post-image,
            .archive .post-image,
            .home.blog .post-image {
                grid-area: image !important;
                margin: 0 !important;
                width: 100% !important;
                height: auto !important;
                max-height: fit-content !important;
                align-self: start !important;
                display: flex !important;
                flex-direction: column !important;
                align-items: center !important;
                justify-content: flex-start !important;
                background: transparent !important;
                background-color: transparent !important;
                border: none !important;
                outline: none !important;
                padding: 0 !important;
            }

            .blog .post-image > a,
            .archive .post-image > a,
            .home.blog .post-image > a {
                display: block !important;
                width: 100% !important;
                max-width: 250px !important;
                height: auto !important;
                aspect-ratio: 471 / 836 !important;
                border-radius: 12px !important;
                overflow: hidden !important;
                box-shadow: 0 8px 24px rgba(0, 0, 0, 0.3) !important;
                transition: transform 0.25s ease, box-shadow 0.25s ease !important;
                margin: 0 !important;
                line-height: 0 !important;
                background: transparent !important;
                background-color: transparent !important;
                border: none !important;
                outline: none !important;
                padding: 0 !important;
                transform: translateZ(0) !important;
            }

            .blog .post-image > a:hover,
            .archive .post-image > a:hover,
            .home.blog .post-image > a:hover {
                transform: translateY(-4px) translateZ(0) !important;
                box-shadow: 0 12px 30px rgba(180, 83, 9, 0.35) !important;
            }

            .blog .post-image img,
            .archive .post-image img,
            .home.blog .post-image img {
                width: 100% !important;
                height: 100% !important;
                aspect-ratio: 471 / 836 !important;
                object-fit: cover !important;
                border-radius: 12px !important;
                display: block !important;
                margin: 0 !important;
                background: transparent !important;
                background-color: transparent !important;
                border: none !important;
                outline: none !important;
                padding: 0 !important;
                transform: translateZ(0) !important;
            }

            /* Right Column: Title & Meta aligned left */
            .blog .entry-header,
            .archive .entry-header,
            .home.blog .entry-header {
                grid-area: header !important;
                text-align: left !important;
                margin: 0 !important;
            }

            .blog h2.entry-title,
            .archive h2.entry-title,
            .home.blog h2.entry-title {
                text-align: left !important;
                font-family: 'Playfair Display', Georgia, serif !important;
                font-size: 1.7rem !important;
                line-height: 1.3 !important;
                margin: 0 0 10px 0 !important;
            }

            .blog .entry-meta,
            .archive .entry-meta,
            .home.blog .entry-meta {
                justify-content: flex-start !important;
                text-align: left !important;
                margin: 0 !important;
                gap: 8px !important;
                font-size: 13px !important;
            }

            /* Right Column: Summary / Excerpt - Balanced 13 lines to match portrait cover height */
            .blog .entry-summary,
            .archive .entry-summary,
            .home.blog .entry-summary,
            .entry-summary {
                grid-area: summary !important;
                margin: 0 !important;
                max-width: 100% !important;
            }

            .blog .entry-summary p,
            .archive .entry-summary p,
            .home.blog .entry-summary p,
            .entry-summary p {
                text-align: justify !important;
                text-justify: inter-word !important;
                font-size: 15.5px !important;
                line-height: 1.75 !important;
                margin: 0 !important;
                display: -webkit-box !important;
                -webkit-line-clamp: 13 !important;
                -webkit-box-orient: vertical !important;
                overflow: hidden !important;
            }

            /* Right Column: Footer pinned at bottom of content */
            .blog footer.entry-meta,
            .archive footer.entry-meta,
            .home.blog footer.entry-meta,
            .inside-article footer.entry-meta {
                grid-area: footer !important;
                margin: 6px 0 0 0 !important;
                padding-top: 12px !important;
                width: 100% !important;
                max-width: 100% !important;
                display: flex !important;
                align-items: center !important;
                justify-content: space-between !important;
                flex-wrap: wrap !important;
                gap: 8px !important;
            }
        }

        @media (max-width: 768px) {
            .separate-containers .site-main {
                margin-top: 10px !important;
            }

            /* Mobile Story Card: Compact & Harmonious Spacing (Title, Meta & Image close together) */
            .blog article.post,
            .archive article.post,
            .home.blog article.post,
            .search-results article.post,
            .blog .site-main > article.type-post,
            .archive .site-main > article.type-post,
            .home.blog .site-main > article.type-post {
                margin: 0 auto 12px auto !important;
                max-width: 100% !important;
                padding: 0 12px !important;
            }

            .blog .inside-article,
            .archive .inside-article,
            .home.blog .inside-article,
            .separate-containers .inside-article {
                padding: 22px 18px 20px 18px !important;
                border-radius: 16px !important;
                box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05) !important;
            }

            /* Title & Meta balanced & elegant */
            .blog .entry-header,
            .archive .entry-header,
            .home.blog .entry-header {
                margin-bottom: 12px !important;
                text-align: center !important;
            }

            .blog h2.entry-title,
            .archive h2.entry-title,
            .home.blog h2.entry-title {
                font-size: 1.55rem !important;
                line-height: 1.32 !important;
                margin: 0 0 8px 0 !important;
                text-align: center !important;
                padding: 0 4px !important;
                font-weight: 700 !important;
                letter-spacing: -0.01em !important;
            }

            .blog h2.entry-title a,
            .archive h2.entry-title a,
            .home.blog h2.entry-title a {
                color: #1c1917 !important;
                text-decoration: none !important;
            }

            .blog .entry-meta,
            .archive .entry-meta,
            .home.blog .entry-meta {
                margin: 0 auto 14px auto !important;
                font-size: 12.5px !important;
                gap: 5px 8px !important;
                color: #78716c !important;
                text-align: center !important;
                justify-content: center !important;
                display: flex !important;
                align-items: center !important;
                flex-wrap: wrap !important;
            }

            .blog .entry-meta a,
            .archive .entry-meta a,
            .home.blog .entry-meta a {
                color: #92400e !important;
                font-weight: 600 !important;
                text-decoration: none !important;
            }

            .blog .entry-meta a:hover,
            .archive .entry-meta a:hover,
            .home.blog .entry-meta a:hover {
                color: #b45309 !important;
                text-decoration: underline !important;
            }

            /* Featured Cover Image: proportionate, balanced book cover */
            .blog .post-image,
            .archive .post-image,
            .home.blog .post-image {
                margin: 6px auto 18px auto !important;
                max-width: 100% !important;
                text-align: center !important;
            }

            .blog .post-image > a,
            .archive .post-image > a,
            .home.blog .post-image > a {
                display: block !important;
                max-width: 295px !important;
                max-height: 440px !important;
                width: 100% !important;
                aspect-ratio: 471 / 800 !important;
                margin: 0 auto !important;
                border-radius: 14px !important;
                overflow: hidden !important;
                box-shadow: 0 8px 24px rgba(0, 0, 0, 0.16) !important;
                transition: transform 0.2s ease, box-shadow 0.2s ease !important;
            }

            .blog .post-image img,
            .archive .post-image img,
            .home.blog .post-image img {
                width: 100% !important;
                height: 100% !important;
                aspect-ratio: 471 / 800 !important;
                object-fit: cover !important;
                border-radius: 14px !important;
                display: block !important;
                margin: 0 !important;
            }

            .blog .entry-summary,
            .archive .entry-summary,
            .home.blog .entry-summary {
                margin: 0 auto 14px auto !important;
                font-size: 15px !important;
                line-height: 1.7 !important;
            }

            .blog .entry-summary p,
            .archive .entry-summary p,
            .home.blog .entry-summary p {
                display: -webkit-box !important;
                -webkit-line-clamp: 5 !important;
                -webkit-box-orient: vertical !important;
                overflow: hidden !important;
                margin-bottom: 0 !important;
            }
        }

        @media (max-width: 480px) {
            .blog footer.entry-meta,
            .archive footer.entry-meta,
            .home.blog footer.entry-meta,
            .search-results footer.entry-meta,
            .inside-article footer.entry-meta {
                padding-top: 12px !important;
                margin-top: 16px !important;
                gap: 10px !important;
            }

            .blog footer.entry-meta .cat-links a,
            .archive footer.entry-meta .cat-links a,
            .home.blog footer.entry-meta .cat-links a,
            .search-results footer.entry-meta .cat-links a {
                font-size: 11px !important;
                padding: 4px 11px !important;
            }

            .ww-card-read-btn {
                font-size: 11.5px !important;
                padding: 6px 14px !important;
            }
        }

        /* Story Text Typography - Justified Reading View */
        .single-post .entry-content,
        .single-post .wp-block-post-content {
            max-width: 700px !important;
            margin: 0 auto !important;
            padding: 0 18px !important;
            font-family: 'Merriweather', Georgia, serif !important;
            font-size: 18.5px !important;
            line-height: 1.88 !important;
            color: #24201e !important;
            text-align: justify !important;
            text-justify: inter-word !important;
            -webkit-hyphens: auto;
            -ms-hyphens: auto;
            hyphens: auto;
        }

        @media (min-width: 768px) {
            .single-post .entry-content,
            .single-post .wp-block-post-content {
                font-size: 19.5px !important;
                line-height: 1.9 !important;
                padding: 0 !important;
            }
        }

        .single-post .entry-content p,
        .single-post .wp-block-post-content p,
        .single-post .entry-content .wp-block-paragraph {
            margin-bottom: 1.6em !important;
            text-align: justify !important;
            text-justify: inter-word !important;
            -webkit-hyphens: auto;
            -ms-hyphens: auto;
            hyphens: auto;
        }

        .single-post .entry-content h2,
        .single-post .wp-block-post-content h2 {
            font-family: 'Playfair Display', Georgia, serif !important;
            font-size: 1.55rem !important;
            color: #78350f !important;
            margin-top: 2em !important;
            margin-bottom: 0.8em !important;
            border-left: 3px solid #d97706;
            padding-left: 12px;
        }

        /* ========================================================
           Desktop & Laptop Single Story: Side-by-Side Reading Layout
           (Cover Image on left, Title, Badges & Narrative on right)
           ======================================================== */
        @media (min-width: 900px) {
            .single-post #primary {
                max-width: 920px !important;
                margin: 0 auto !important;
            }

            .single-post .inside-article {
                max-width: 920px !important;
                margin: 0 auto !important;
                padding: 36px 36px 24px 36px !important;
            }

            .single-post .inside-article::after {
                content: '' !important;
                display: table !important;
                clear: both !important;
            }

            .single-post .featured-image,
            .single-post .page-header-image-single,
            .single-post .wp-block-post-featured-image {
                float: left !important;
                width: 260px !important;
                max-width: 260px !important;
                margin: 4px 32px 24px 0 !important;
                padding: 0 !important;
                display: block !important;
                text-align: left !important;
            }

            .single-post .featured-image img,
            .single-post .page-header-image-single img,
            .single-post .wp-block-post-featured-image img {
                width: 100% !important;
                height: auto !important;
                max-height: none !important;
                aspect-ratio: 471 / 836 !important;
                object-fit: cover !important;
                border-radius: 12px !important;
                box-shadow: 0 8px 25px rgba(0, 0, 0, 0.35) !important;
                margin: 0 !important;
                display: block !important;
            }

            .single-post .entry-header {
                text-align: left !important;
                margin: 0 0 12px 0 !important;
                max-width: none !important;
            }

            .single-post h1.wp-block-post-title,
            .single-post h1.entry-title,
            .single-post .hostinger-ai-page-title {
                text-align: left !important;
                margin: 0 0 10px 0 !important;
                padding: 0 !important;
                max-width: none !important;
                font-size: 2.3rem !important;
                line-height: 1.25 !important;
                overflow-wrap: break-word !important;
                word-break: break-word !important;
            }

            .single-post .entry-meta {
                justify-content: flex-start !important;
                text-align: left !important;
                margin: 0 0 14px 0 !important;
                font-size: 13.5px !important;
            }

            .single-post .ww-story-meta-badge {
                justify-content: flex-start !important;
                text-align: left !important;
                flex-wrap: wrap !important;
                gap: 6px 8px !important;
                margin: 0 0 18px 0 !important;
                padding: 0 !important;
                max-width: 100% !important;
                box-sizing: border-box !important;
            }

            .single-post .entry-content,
            .single-post .wp-block-post-content {
                max-width: none !important;
                padding: 0 !important;
            }

            .single-post .ww-ad-container {
                clear: both !important;
            }
        }

        /* ========================================================
           Tablet Portrait Single Story: Side-by-Side Reading Layout
           ======================================================== */
        @media (min-width: 768px) and (max-width: 899px) {
            .single-post #primary {
                max-width: 100% !important;
                margin: 0 auto !important;
            }

            .single-post .inside-article {
                padding: 28px 24px 20px 24px !important;
            }

            .single-post .inside-article::after {
                content: '' !important;
                display: table !important;
                clear: both !important;
            }

            .single-post .featured-image,
            .single-post .page-header-image-single,
            .single-post .wp-block-post-featured-image {
                float: left !important;
                width: 220px !important;
                max-width: 220px !important;
                margin: 4px 24px 18px 0 !important;
                padding: 0 !important;
                display: block !important;
                text-align: left !important;
            }

            .single-post .featured-image img,
            .single-post .page-header-image-single img,
            .single-post .wp-block-post-featured-image img {
                width: 100% !important;
                height: auto !important;
                max-height: none !important;
                aspect-ratio: 471 / 836 !important;
                object-fit: cover !important;
                border-radius: 12px !important;
                box-shadow: 0 6px 20px rgba(0, 0, 0, 0.3) !important;
                margin: 0 !important;
                display: block !important;
            }

            .single-post .entry-header {
                text-align: left !important;
                margin: 0 0 10px 0 !important;
                max-width: none !important;
            }

            .single-post h1.wp-block-post-title,
            .single-post h1.entry-title,
            .single-post .hostinger-ai-page-title {
                text-align: left !important;
                margin: 0 0 8px 0 !important;
                padding: 0 !important;
                max-width: none !important;
                font-size: 2.0rem !important;
                line-height: 1.25 !important;
            }

            .single-post .entry-meta {
                justify-content: flex-start !important;
                text-align: left !important;
                margin: 0 0 12px 0 !important;
                font-size: 13px !important;
            }

            .single-post .ww-story-meta-badge {
                justify-content: flex-start !important;
                text-align: left !important;
                flex-wrap: wrap !important;
                gap: 6px 8px !important;
                margin: 0 0 16px 0 !important;
                padding: 0 !important;
                max-width: 100% !important;
                box-sizing: border-box !important;
            }

            .single-post .entry-content,
            .single-post .wp-block-post-content {
                max-width: none !important;
                padding: 0 !important;
            }

            .single-post .ww-ad-container {
                clear: both !important;
            }
        }


        /* ========================================================
           Story Social Sharing Box (Responsive & Dark Mode aware)
           ======================================================== */
        .ww-share-box {
            margin: 14px auto 14px auto !important;
            padding: 16px 20px !important;
            background: linear-gradient(135deg, #ffffff 0%, #fffbeb 100%) !important;
            border: 1px solid #fde68a !important;
            border-radius: 14px !important;
            text-align: center !important;
            box-shadow: 0 4px 20px rgba(217, 119, 6, 0.08) !important;
            max-width: 660px !important;
            clear: both !important;
        }

        .ww-share-header {
            display: flex !important;
            flex-direction: column !important;
            align-items: center !important;
            gap: 4px !important;
            margin-bottom: 12px !important;
        }

        .ww-share-badge {
            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
            font-size: 11px !important;
            font-weight: 700 !important;
            color: #92400e !important;
            background: #fef3c7 !important;
            padding: 3px 10px !important;
            border-radius: 999px !important;
            letter-spacing: 0.08em !important;
            text-transform: uppercase !important;
        }

        .ww-share-tagline {
            font-family: 'Playfair Display', Georgia, serif !important;
            font-size: 17px !important;
            font-weight: 600 !important;
            color: #451a03 !important;
            line-height: 1.35 !important;
        }

        .ww-share-buttons {
            display: flex !important;
            flex-wrap: wrap !important;
            gap: 10px !important;
            justify-content: center !important;
            align-items: center !important;
        }

        .ww-share-btn {
            display: inline-flex !important;
            align-items: center !important;
            gap: 7px !important;
            padding: 9px 16px !important;
            border-radius: 8px !important;
            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
            font-size: 13.5px !important;
            font-weight: 600 !important;
            text-decoration: none !important;
            color: #ffffff !important;
            transition: transform 0.15s ease, box-shadow 0.15s ease, opacity 0.15s ease !important;
            border: none !important;
            cursor: pointer !important;
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12) !important;
        }

        .ww-share-btn:hover {
            transform: translateY(-2px) !important;
            box-shadow: 0 4px 14px rgba(0, 0, 0, 0.2) !important;
            color: #ffffff !important;
            opacity: 0.95 !important;
        }

        .ww-share-btn svg {
            display: block !important;
            flex-shrink: 0 !important;
        }

        .ww-btn-fb {
            background: #1877f2 !important;
        }

        .ww-btn-tw {
            background: #1da1f2 !important;
        }

        .ww-btn-pin {
            background: #e60023 !important;
        }

        .ww-btn-wa {
            background: #25d366 !important;
        }

        .ww-btn-copy {
            background: #b45309 !important;
        }
        .ww-btn-copy.ww-copied {
            background: #059669 !important;
        }

        .ww-share-toast {
            margin-top: 14px !important;
            font-family: -apple-system, BlinkMacSystemFont, sans-serif !important;
            font-size: 13px !important;
            font-weight: 600 !important;
            color: #065f46 !important;
            background: #d1fae5 !important;
            padding: 6px 14px !important;
            border-radius: 6px !important;
            display: none !important;
            animation: wwFadeIn 0.2s ease !important;
        }
        .ww-share-toast.ww-active {
            display: inline-block !important;
        }

        /* ========================================================
           E-E-A-T Single Story Author Box (Hidden in posts per user request)
           ======================================================== */
        .ww-author-box,
        .ww-ab-badge {
            display: none !important;
        }
            align-items: flex-start !important;
            gap: 20px !important;
            margin: 24px auto 16px auto !important;
            padding: 22px 24px !important;
            background: linear-gradient(135deg, #fdfbf7 0%, #f7f0e4 100%) !important;
            border: 1px solid #ebdcc4 !important;
            border-left: 5px solid #b45309 !important;
            border-radius: 12px !important;
            box-shadow: 0 4px 18px rgba(0, 0, 0, 0.04) !important;
            max-width: 660px !important;
            clear: both !important;
        }
        .ww-ab-avatar {
            flex-shrink: 0 !important;
        }
        .ww-ab-avatar img {
            width: 76px !important;
            height: 76px !important;
            border-radius: 50% !important;
            border: 3px solid #b45309 !important;
            object-fit: cover !important;
            display: block !important;
            box-shadow: 0 3px 10px rgba(180, 83, 9, 0.25) !important;
        }
        .ww-ab-content {
            flex: 1 !important;
            min-width: 0 !important;
        }
        .ww-ab-header {
            display: flex !important;
            flex-wrap: wrap !important;
            align-items: baseline !important;
            gap: 8px 12px !important;
            margin-bottom: 8px !important;
        }
        .ww-ab-badge {
            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
            font-size: 10px !important;
            font-weight: 800 !important;
            color: #92400e !important;
            background: #fef3c7 !important;
            padding: 2px 8px !important;
            border-radius: 999px !important;
            letter-spacing: 0.06em !important;
            text-transform: uppercase !important;
            border: 1px solid #fde68a !important;
        }
        .ww-ab-name {
            font-family: 'Playfair Display', Georgia, serif !important;
            font-size: 19px !important;
            font-weight: 700 !important;
            color: #1c1917 !important;
            margin: 0 !important;
            line-height: 1.2 !important;
        }
        .ww-ab-name a {
            color: inherit !important;
            text-decoration: none !important;
        }
        .ww-ab-name a:hover {
            color: #b45309 !important;
        }
        .ww-ab-role {
            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
            font-size: 12px !important;
            color: #78716c !important;
            font-style: italic !important;
        }
        .ww-ab-bio {
            font-family: 'Merriweather', Georgia, serif !important;
            font-size: 13.5px !important;
            line-height: 1.55 !important;
            color: #44403c !important;
            margin: 0 0 10px 0 !important;
        }
        .ww-ab-action {
            margin-top: 6px !important;
        }
        .ww-ab-link {
            display: inline-flex !important;
            align-items: center !important;
            gap: 4px !important;
            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
            font-size: 13px !important;
            font-weight: 700 !important;
            color: #b45309 !important;
            text-decoration: none !important;
            transition: color 0.15s ease !important;
        }
        .ww-ab-link:hover {
            color: #78350f !important;
            text-decoration: underline !important;
        }
        .ww-ab-tags {
            display: flex !important;
            flex-wrap: wrap !important;
            gap: 6px !important;
            margin: 6px 0 10px 0 !important;
        }
        .ww-ab-tag {
            display: inline-flex !important;
            align-items: center !important;
            gap: 4px !important;
            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
            font-size: 11px !important;
            font-weight: 600 !important;
            padding: 2px 8px !important;
            border-radius: 4px !important;
            background: rgba(180, 83, 9, 0.08) !important;
            color: #92400e !important;
            border: 1px solid rgba(180, 83, 9, 0.2) !important;
        }
        html.ww-dark-mode .ww-ab-tag {
            background: rgba(245, 158, 11, 0.12) !important;
            color: #fbbf24 !important;
            border-color: rgba(245, 158, 11, 0.3) !important;
        }
        html.ww-sepia-mode .ww-ab-tag {
            background: rgba(180, 83, 9, 0.1) !important;
            color: #78350f !important;
            border-color: rgba(180, 83, 9, 0.25) !important;
        }
        @media (max-width: 600px) {
            .ww-author-box {
                flex-direction: column !important;
                align-items: center !important;
                text-align: center !important;
                padding: 18px !important;
            }
            .ww-ab-header {
                justify-content: center !important;
            }
            .ww-ab-action {
                text-align: center !important;
            }
        }

        /* Dark Mode Social Share Box & Cliffhanger Box */
        html.ww-dark-mode .ww-share-box,
        html.ww-dark-mode .ww-pagination-wrapper {
            background: linear-gradient(135deg, #1b1815 0%, #241f1a 100%) !important;
            border-color: #3b3229 !important;
            box-shadow: 0 4px 25px rgba(0, 0, 0, 0.4) !important;
        }

        html.ww-dark-mode .ww-pagination-title {
            color: #f59e0b !important;
        }

        html.ww-dark-mode .ww-page-counter {
            color: #a8a29e !important;
        }

        html.ww-dark-mode .ww-share-badge {
            background: #3c2918 !important;
            color: #fbbf24 !important;
        }

        html.ww-dark-mode .ww-share-tagline {
            color: #fbf7ee !important;
        }

        html.ww-dark-mode .ww-share-toast {
            background: #064e3b !important;
            color: #a7f3d0 !important;
        }

        /* Dark Mode Author Box */
        html.ww-dark-mode .ww-author-box {
            background: linear-gradient(135deg, #1b1815 0%, #241f1a 100%) !important;
            border-color: #3b3229 !important;
            border-left-color: #f59e0b !important;
            box-shadow: 0 4px 20px rgba(0, 0, 0, 0.45) !important;
        }
        html.ww-dark-mode .ww-ab-name {
            color: #fef3c7 !important;
        }
        html.ww-dark-mode .ww-ab-bio {
            color: #d6d3d1 !important;
        }
        html.ww-dark-mode .ww-ab-role {
            color: #a8a29e !important;
        }
        html.ww-dark-mode .ww-ab-badge {
            background: #3b2816 !important;
            color: #fbbf24 !important;
            border-color: #78350f !important;
        }
        html.ww-dark-mode .ww-ab-link {
            color: #fbbf24 !important;
        }
        /* Ad Slot Containers */
        .ww-ad-container {
            margin: 32px auto;
            max-width: 100%;
            text-align: center;
            background: #ffffff;
            border: 1px dashed #e7e5e4;
            border-radius: 8px;
            padding: 10px;
            box-sizing: border-box;
        }
        .ww-ad-label {
            display: block;
            font-family: -apple-system, BlinkMacSystemFont, sans-serif;
            font-size: 10px;
            color: #a8a29e;
            letter-spacing: 0.1em;
            text-transform: uppercase;
            margin-bottom: 6px;
        }
        .ww-ad-placeholder {
            min-height: 110px;
            display: flex;
            align-items: center;
            justify-content: center;
            background: #fafaf9;
            border-radius: 4px;
            color: #a8a29e;
            font-size: 12px;
            font-family: -apple-system, BlinkMacSystemFont, sans-serif;
        }

        /* Next Page Box */
        .ww-pagination-wrapper {
            margin: 22px auto 14px auto !important;
            padding: 18px 18px !important;
            background: linear-gradient(135deg, #ffffff 0%, #fffbeb 100%);
            border: 1px solid #fde68a;
            border-radius: 14px;
            text-align: center;
            box-shadow: 0 4px 20px rgba(217, 119, 6, 0.08);
            max-width: 660px;
        }
        .ww-pagination-title {
            font-family: 'Cinzel', 'Playfair Display', serif;
            font-size: 13px;
            font-weight: 700;
            color: #b45309;
            letter-spacing: 0.12em;
            text-transform: uppercase;
            margin-bottom: 10px;
        }
        .ww-pagination-nav {
            display: flex;
            flex-direction: column;
            gap: 8px;
            align-items: center;
            justify-content: center;
        }
        .ww-next-btn {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 10px;
            width: 100%;
            max-width: 360px;
            background: linear-gradient(135deg, #b45309 0%, #d97706 100%);
            color: #ffffff !important;
            padding: 13px 22px;
            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
            font-size: 16px;
            font-weight: 700;
            text-decoration: none !important;
            border-radius: 10px;
            box-shadow: 0 4px 15px rgba(180, 83, 9, 0.35);
            transition: all 0.2s ease;
            text-transform: uppercase;
            letter-spacing: 0.04em;
        }
        .ww-next-btn:hover {
            background: linear-gradient(135deg, #92400e 0%, #b45309 100%);
            transform: translateY(-2px);
            box-shadow: 0 6px 20px rgba(180, 83, 9, 0.45);
        }
        .ww-prev-btn {
            display: inline-block;
            color: #78716c !important;
            font-size: 14px;
            text-decoration: underline !important;
            margin-top: 6px;
            font-family: -apple-system, BlinkMacSystemFont, sans-serif;
        }
        .ww-page-counter {
            font-size: 12px;
            color: #92400e;
            font-weight: 600;
            margin-top: 8px;
            letter-spacing: 0.05em;
        }

        /* Footer Compliance Links */
        .ww-footer-container {
            text-align: center;
            padding: 20px 14px;
            font-size: 13.5px;
            color: #78716c;
            line-height: 1.8;
            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
        }
        .ww-footer-container a {
            color: #44403c !important;
            text-decoration: none;
            transition: color 0.2s ease;
        }
        .ww-footer-container a:hover {
            color: #b45309 !important;
            text-decoration: underline;
        }
        .ww-footer-nav {
            margin-top: 6px;
            font-weight: 500;
        }

        /* Story Directory & Top Stories Header (Remove duplicate page title) */
        .page-id-11 .entry-header,
        .page-id-429 .entry-header,
        body.page-id-429 .entry-header,
        body.page-id-429 h1.entry-title,
        body[class*='page-id-429'] .entry-header,
        body[class*='top-stories'] .entry-header,
        .page.page-id-429 header.entry-header {
            display: none !important;
        }

        .page-id-11 .entry-content,
        .page-id-429 .entry-content,
        body[class*='page-id-11'] .entry-content,
        body[class*='page-id-429'] .entry-content,
        body[class*='top-stories'] .entry-content {
            margin-top: 0 !important;
            padding-top: 0 !important;
        }

        .ww-story-directory {
            max-width: 820px;
            margin: 0 auto 40px auto !important;
            padding: 0 10px;
            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
        }
        .ww-dir-header {
            text-align: center !important;
            margin-bottom: 34px !important;
            padding-bottom: 24px !important;
            border-bottom: 2px solid #f3ede2 !important;
        }
        html.ww-dark-mode .ww-dir-header {
            border-bottom-color: #362e26 !important;
        }
        .ww-dir-badge {
            display: inline-block !important;
            background: linear-gradient(135deg, #b45309 0%, #d97706 100%) !important;
            color: #ffffff !important;
            font-family: -apple-system, BlinkMacSystemFont, sans-serif !important;
            font-size: 11.5px !important;
            font-weight: 800 !important;
            letter-spacing: 0.12em !important;
            text-transform: uppercase !important;
            padding: 5px 16px !important;
            border-radius: 999px !important;
            margin-bottom: 14px !important;
            box-shadow: 0 2px 8px rgba(180, 83, 9, 0.25) !important;
        }
        .ww-dir-main-title {
            font-family: 'Playfair Display', 'Cinzel', Georgia, serif !important;
            font-size: 2.6rem !important;
            color: #78350f !important;
            margin-bottom: 12px !important;
            font-weight: 800 !important;
            letter-spacing: -0.01em !important;
            line-height: 1.2 !important;
        }
        html.ww-dark-mode .ww-dir-main-title {
            color: #f59e0b !important;
            background: linear-gradient(135deg, #fef3c7 0%, #f59e0b 60%, #d97706 100%) !important;
            -webkit-background-clip: text !important;
            -webkit-text-fill-color: transparent !important;
            text-shadow: 0 2px 14px rgba(245, 158, 11, 0.25) !important;
        }
        .ww-dir-subtitle {
            font-family: 'Merriweather', Georgia, serif !important;
            font-size: 15.5px !important;
            color: #57534e !important;
            margin: 0 auto 20px auto !important;
            line-height: 1.65 !important;
            max-width: 650px !important;
        }
        html.ww-dark-mode .ww-dir-subtitle {
            color: #d6d3d1 !important;
        }
        .ww-dir-list {
            display: flex;
            flex-direction: column;
            gap: 22px;
            margin-bottom: 10px;
        }
        .ww-dir-item {
            background: #ffffff !important;
            border: 1px solid #e7e2d6 !important;
            border-left: 4px solid #b45309 !important;
            border-radius: 12px !important;
            padding: 24px 26px !important;
            box-shadow: 0 4px 16px rgba(0, 0, 0, 0.06) !important;
            transition: transform 0.18s ease, box-shadow 0.18s ease !important;
        }
        .ww-dir-item:hover {
            transform: translateY(-2px) !important;
            box-shadow: 0 8px 24px rgba(180, 83, 9, 0.14) !important;
        }
        .ww-dir-meta {
            display: flex !important;
            flex-wrap: wrap !important;
            align-items: center !important;
            gap: 6px !important;
            font-size: 13px !important;
            color: #57534e !important;
            font-weight: 600 !important;
            margin-bottom: 12px !important;
        }
        .ww-dir-cat {
            background: #fef3c7 !important;
            color: #78350f !important;
            border: 1px solid #fde68a !important;
            padding: 3px 10px !important;
            border-radius: 999px !important;
            font-weight: 800 !important;
            font-size: 11px !important;
            text-transform: uppercase !important;
            letter-spacing: 0.05em !important;
        }
        .ww-dir-date,
        .ww-dir-time {
            color: #57534e !important;
            font-weight: 600 !important;
        }
        .ww-dir-views {
            color: #b45309 !important;
            font-weight: 700 !important;
        }
        .ww-dir-dot {
            color: #d6d3d1 !important;
            font-weight: 700 !important;
        }
        .ww-dir-title {
            font-family: 'Playfair Display', Georgia, serif !important;
            font-size: 1.55rem !important;
            line-height: 1.35 !important;
            margin: 0 0 12px 0 !important;
        }
        .ww-dir-title a {
            color: #141210 !important;
            font-weight: 800 !important;
            text-decoration: none !important;
            transition: color 0.15s ease !important;
        }
        .ww-dir-title a:hover {
            color: #b45309 !important;
        }
        .ww-dir-snippet {
            font-family: 'Merriweather', Georgia, serif !important;
            font-size: 15.5px !important;
            line-height: 1.75 !important;
            color: #292524 !important;
            font-weight: 500 !important;
            margin: 0 0 16px 0 !important;
            text-align: justify !important;
            text-justify: inter-word !important;
            -webkit-hyphens: auto;
            -ms-hyphens: auto;
            hyphens: auto;
        }
        .ww-dir-read-btn {
            display: inline-flex !important;
            align-items: center !important;
            gap: 6px !important;
            font-size: 14px !important;
            font-weight: 700 !important;
            color: #b45309 !important;
            text-decoration: none !important;
            text-transform: uppercase !important;
            letter-spacing: 0.05em !important;
            transition: all 0.15s ease !important;
        }
        .ww-dir-read-btn:hover {
            color: #78350f !important;
            gap: 10px !important;
        }

        /* Stories Directory Card - Dark Mode: Dark Background Card, White Text */
        html.ww-dark-mode .ww-dir-item {
            background: #1b1815 !important;
            border: 1px solid #2e2823 !important;
            border-left: 4px solid #f59e0b !important;
            box-shadow: 0 4px 20px rgba(0, 0, 0, 0.45) !important;
        }
        html.ww-dark-mode .ww-dir-item:hover {
            background: #221e1a !important;
            border-color: #3d352b !important;
            border-left-color: #fbbf24 !important;
            box-shadow: 0 8px 26px rgba(0, 0, 0, 0.6) !important;
        }
        html.ww-dark-mode .ww-dir-item .ww-dir-title,
        html.ww-dark-mode .ww-dir-item .ww-dir-title a {
            color: #fbf7ee !important;
            font-weight: 800 !important;
        }
        html.ww-dark-mode .ww-dir-item .ww-dir-title a:hover {
            color: #f59e0b !important;
        }
        html.ww-dark-mode .ww-dir-item .ww-dir-snippet,
        html.ww-dark-mode .ww-dir-item p.ww-dir-snippet,
        html.ww-dark-mode .entry-content .ww-dir-item p,
        html.ww-dark-mode .entry-content .ww-dir-item .ww-dir-snippet {
            color: #e5e0d8 !important;
            font-weight: 450 !important;
            font-size: 15.5px !important;
            line-height: 1.75 !important;
            text-align: justify !important;
            text-justify: inter-word !important;
            -webkit-hyphens: auto;
            -ms-hyphens: auto;
            hyphens: auto;
        }
        html.ww-dark-mode .ww-dir-item .ww-dir-meta {
            color: #a8a29e !important;
        }
        html.ww-dark-mode .ww-dir-item .ww-dir-cat {
            background: #2a221a !important;
            color: #fde68a !important;
            border: 1px solid #5c4422 !important;
        }
        html.ww-dark-mode .ww-dir-item .ww-dir-date,
        html.ww-dark-mode .ww-dir-item .ww-dir-time {
            color: #a8a29e !important;
            font-weight: 500 !important;
        }
        html.ww-dark-mode .ww-dir-item .ww-dir-views {
            color: #f59e0b !important;
            font-weight: 600 !important;
        }
        html.ww-dark-mode .ww-dir-item .ww-dir-dot {
            color: #44403c !important;
        }
        html.ww-dark-mode .ww-dir-item .ww-dir-read-btn {
            color: #f59e0b !important;
            font-weight: 700 !important;
        }
        html.ww-dark-mode .ww-dir-item .ww-dir-read-btn:hover {
            color: #fde68a !important;
        }
        /* ========================================================
           UNIVERSAL PAGINATION SYSTEM (Modern Rounded Pill Badges)
           ======================================================== */
        .ww-archive-pagination,
        .ww-dir-pagination,
        .paging-navigation,
        .pagination,
        .navigation.pagination,
        nav.navigation,
        div.nav-links {
            display: flex !important;
            align-items: center !important;
            justify-content: center !important;
            text-align: center !important;
            width: 100% !important;
            background: transparent !important;
            border: none !important;
            box-shadow: none !important;
            clear: both !important;
        }

        @media (min-width: 769px) {
            .home.blog .site-main > article.type-post:last-of-type,
            .archive .site-main > article.type-post:last-of-type,
            .blog .site-main > article.type-post:last-of-type {
                margin-bottom: 20px !important;
            }

            .ww-archive-pagination,
            .paging-navigation,
            .pagination,
            .navigation.pagination,
            nav.navigation,
            div.nav-links,
            .separate-containers .paging-navigation {
                margin: 14px auto 16px auto !important;
                padding: 0 !important;
            }

            .ww-dir-pagination {
                margin: 38px auto 26px auto !important;
                padding: 6px 0 !important;
            }

            .page-id-11 .inside-article,
            .page-id-429 .inside-article,
            .page-id-937 .inside-article,
            .page-community .inside-article,
            body[class*='page-id-11'] .inside-article,
            body[class*='page-id-429'] .inside-article,
            body[class*='page-id-937'] .inside-article,
            body[class*='page-community'] .inside-article,
            body[class*='top-stories'] .inside-article,
            body[class*='community'] .inside-article {
                padding-top: 24px !important;
                padding-bottom: 34px !important;
            }

            .separate-containers .site-main,
            .site-main,
            #main {
                margin-bottom: 0 !important;
            }

            .site-content,
            #content,
            #page {
                padding-bottom: 0 !important;
                margin-bottom: 0 !important;
            }

            .site-footer,
            .site-info {
                margin-top: 0 !important;
            }

            .inside-site-info {
                padding-top: 0 !important;
                padding-bottom: 12px !important;
            }

            .ww-footer-container {
                padding: 16px 20px 22px 20px !important;
            }
        }

        @media (max-width: 768px) {
            .ww-archive-pagination,
            .paging-navigation,
            .pagination,
            .navigation.pagination,
            nav.navigation,
            div.nav-links,
            .separate-containers .paging-navigation {
                margin: 22px auto 20px auto !important;
                padding: 0 !important;
            }

            .ww-dir-pagination {
                margin: 28px auto 20px auto !important;
                padding: 0 !important;
            }

            .page-id-11 .inside-article,
            .page-id-429 .inside-article,
            .page-id-937 .inside-article,
            .page-community .inside-article,
            body[class*='page-id-11'] .inside-article,
            body[class*='page-id-429'] .inside-article,
            body[class*='page-id-937'] .inside-article,
            body[class*='page-community'] .inside-article,
            body[class*='top-stories'] .inside-article,
            body[class*='community'] .inside-article {
                padding-top: 18px !important;
                padding-bottom: 24px !important;
            }

            .nav-links,
            .ww-archive-pagination .nav-links,
            .paging-navigation .nav-links,
            .pagination .nav-links,
            .navigation.pagination .nav-links {
                margin: 0 auto !important;
                padding: 0 !important;
                gap: 6px !important;
            }

            .separate-containers .site-main,
            .site-main,
            #main {
                margin-bottom: 0 !important;
            }

            .site-content,
            #content,
            #page {
                padding-bottom: 0 !important;
                margin-bottom: 0 !important;
            }

            .site-footer,
            .site-info {
                margin-top: 0 !important;
            }

            .inside-site-info {
                padding-top: 0 !important;
                padding-bottom: 10px !important;
            }

            .ww-footer-container {
                padding: 14px 14px 18px 14px !important;
            }
        }

        .nav-links,
        .ww-archive-pagination .nav-links,
        .paging-navigation .nav-links,
        .pagination .nav-links,
        .navigation.pagination .nav-links {
            display: flex !important;
            align-items: center !important;
            justify-content: center !important;
            flex-wrap: wrap !important;
            gap: 10px !important;
            margin: 0 auto !important;
            text-align: center !important;
            width: 100% !important;
        }

        .ww-dir-pagination {
            display: flex !important;
            align-items: center !important;
            justify-content: center !important;
            flex-wrap: wrap !important;
            gap: 10px !important;
            text-align: center !important;
            width: 100% !important;
        }

        .page-numbers,
        .nav-links .page-numbers,
        .ww-archive-pagination .page-numbers,
        .paging-navigation .nav-links .page-numbers,
        .pagination .nav-links .page-numbers,
        .navigation.pagination .nav-links .page-numbers,
        .ww-dir-pagination .page-numbers,
        .paging-navigation .nav-previous a,
        .paging-navigation .nav-next a {
            display: inline-flex !important;
            align-items: center !important;
            justify-content: center !important;
            min-width: 42px !important;
            height: 42px !important;
            padding: 0 16px !important;
            background: #ffffff !important;
            border: 1.5px solid #dcd6c8 !important;
            border-radius: 9999px !important;
            color: #78350f !important;
            font-size: 14.5px !important;
            font-weight: 700 !important;
            text-decoration: none !important;
            box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05) !important;
            transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
            line-height: 1 !important;
        }

        .page-numbers.current,
        .nav-links .page-numbers.current,
        .ww-archive-pagination .page-numbers.current,
        .paging-navigation .nav-links .page-numbers.current,
        .pagination .nav-links .page-numbers.current,
        .navigation.pagination .nav-links .page-numbers.current,
        .ww-dir-pagination .page-numbers.current {
            background: linear-gradient(135deg, #b45309 0%, #d97706 100%) !important;
            color: #ffffff !important;
            border-color: #b45309 !important;
            box-shadow: 0 3px 12px rgba(180, 83, 9, 0.35) !important;
            cursor: default !important;
        }

        a.page-numbers:hover,
        .nav-links a.page-numbers:hover,
        .ww-archive-pagination a.page-numbers:hover,
        .paging-navigation .nav-links a.page-numbers:hover,
        .pagination .nav-links a.page-numbers:hover,
        .navigation.pagination .nav-links a.page-numbers:hover,
        .ww-dir-pagination a.page-numbers:hover,
        .paging-navigation .nav-previous a:hover,
        .paging-navigation .nav-next a:hover {
            background: #fef3c7 !important;
            border-color: #d97706 !important;
            color: #92400e !important;
            transform: translateY(-2px) !important;
            box-shadow: 0 4px 12px rgba(217, 119, 6, 0.2) !important;
        }

        .page-numbers.dots,
        .nav-links .page-numbers.dots,
        .ww-archive-pagination .page-numbers.dots,
        .paging-navigation .nav-links .page-numbers.dots,
        .pagination .nav-links .page-numbers.dots,
        .navigation.pagination .nav-links .page-numbers.dots,
        .ww-dir-pagination .page-numbers.dots {
            background: transparent !important;
            border: none !important;
            color: #a8a29e !important;
            box-shadow: none !important;
            min-width: 24px !important;
            padding: 0 4px !important;
            cursor: default !important;
            transform: none !important;
        }

        @media (max-width: 480px) {
            .page-numbers,
            .nav-links .page-numbers,
            .ww-archive-pagination .page-numbers,
            .paging-navigation .nav-links .page-numbers,
            .pagination .nav-links .page-numbers,
            .navigation.pagination .nav-links .page-numbers,
            .ww-dir-pagination .page-numbers {
                min-width: 36px !important;
                height: 36px !important;
                padding: 0 10px !important;
                font-size: 13px !important;
            }
            .nav-links,
            .ww-archive-pagination .nav-links,
            .paging-navigation .nav-links,
            .pagination .nav-links,
            .navigation.pagination .nav-links,
            .ww-dir-pagination {
                gap: 6px !important;
            }
        }

        /* ========================================================
           WILD WEST STORY SEARCH SYSTEM (Live Search & Full Text)
           ======================================================== */

        /* Matched Keyword Highlighting */
        mark.ww-highlight,
        .ww-highlight {
            background-color: #fef08a !important;
            color: #78350f !important;
            padding: 1px 4px !important;
            border-radius: 3px !important;
            font-weight: 700 !important;
        }

        /* Generic Search Container & Form */
        .ww-search-container {
            position: relative;
            box-sizing: border-box;
            width: 100%;
        }

        .ww-search-form {
            position: relative;
            width: 100%;
            margin: 0;
            padding: 0;
        }

        .ww-search-field-wrap {
            position: relative;
            display: flex;
            align-items: center;
            background: #ffffff;
            border: 1.5px solid #d6d3d1;
            border-radius: 9999px !important;
            padding: 3px 5px 3px 14px;
            box-sizing: border-box;
            transition: all 0.2s ease;
            box-shadow: 0 2px 6px rgba(0, 0, 0, 0.04);
        }

        .ww-search-field-wrap:focus-within {
            border-color: #b45309;
            box-shadow: 0 0 0 3px rgba(180, 83, 9, 0.16), 0 2px 8px rgba(0, 0, 0, 0.06);
            background: #ffffff;
        }

        .ww-search-icon {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            color: #78716c;
            margin-right: 8px;
            flex-shrink: 0;
        }

        .ww-search-input {
            flex: 1 1 auto;
            border: none !important;
            outline: none !important;
            box-shadow: none !important;
            background: transparent !important;
            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
            font-size: 14px !important;
            color: #1c1917 !important;
            padding: 7px 4px !important;
            min-width: 0;
            line-height: 1.4 !important;
        }

        .ww-search-input::placeholder {
            color: #a8a29e !important;
            opacity: 1;
        }

        .ww-search-clear {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            background: none;
            border: none;
            color: #a8a29e;
            font-size: 18px;
            line-height: 1;
            padding: 4px 6px;
            cursor: pointer;
            transition: color 0.15s ease;
            flex-shrink: 0;
        }

        .ww-search-clear:hover {
            color: #44403c;
        }

        .ww-search-submit {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            background: linear-gradient(135deg, #b45309 0%, #d97706 100%);
            color: #ffffff !important;
            border: none;
            border-radius: 9999px !important;
            padding: 7px 18px !important;
            font-size: 12.5px;
            font-weight: 700;
            letter-spacing: 0.03em;
            cursor: pointer;
            flex-shrink: 0;
            transition: all 0.15s ease;
            box-shadow: 0 2px 6px rgba(180, 83, 9, 0.25);
            text-transform: uppercase;
        }

        .ww-search-submit:hover {
            background: linear-gradient(135deg, #92400e 0%, #b45309 100%);
            transform: translateY(-1px);
            box-shadow: 0 4px 10px rgba(180, 83, 9, 0.35);
        }

        /* --- Header Navigation Search Box (GeneratePress Menu Bar Items) --- */
        .ww-header-search-wrap {
            display: inline-flex;
            align-items: center;
            position: relative;
            margin-left: 10px;
        }

        .ww-mobile-search-toggle {
            display: none;
            align-items: center;
            justify-content: center;
            width: 38px;
            height: 38px;
            background: #fffbeb;
            border: 1px solid #fde68a;
            border-radius: 50%;
            color: #b45309;
            cursor: pointer;
            transition: all 0.2s ease;
            box-shadow: 0 2px 6px rgba(180, 83, 9, 0.1);
        }

        .ww-mobile-search-toggle:hover {
            background: #fde68a;
            color: #78350f;
            transform: scale(1.05);
        }

        .ww-desktop-search-box {
            display: none;
            width: 235px;
            transition: width 0.25s ease;
        }

        .ww-desktop-search-box:focus-within {
            width: 290px;
        }

        .ww-desktop-search-box .ww-search-field-wrap {
            padding: 2px 3px 2px 10px;
            border-radius: 9999px;
            background: #fafaf9;
            border: 1.5px solid #e7e5e4;
        }

        .ww-desktop-search-box .ww-search-field-wrap:focus-within {
            background: #ffffff;
            border-color: #b45309;
        }

        .ww-desktop-search-box .ww-search-icon svg {
            width: 13px;
            height: 13px;
        }

        .ww-desktop-search-box .ww-search-input {
            font-size: 12.5px !important;
            padding: 3px 4px !important;
            min-width: 0 !important;
        }

        .ww-desktop-search-box .ww-search-submit {
            padding: 4px 10px !important;
            font-size: 11px !important;
            font-weight: 700 !important;
            letter-spacing: 0.04em !important;
            border-radius: 9999px !important;
            line-height: 1.4 !important;
        }

        /* --- Live Search Dropdown --- */
        .ww-live-dropdown {
            position: absolute;
            top: calc(100% + 8px);
            left: 0;
            width: 100%;
            min-width: 320px;
            max-width: 540px;
            background: #ffffff;
            border: 1px solid #fde68a;
            border-radius: 12px;
            box-shadow: 0 14px 40px rgba(0, 0, 0, 0.16);
            z-index: 9999999;
            overflow: hidden;
            box-sizing: border-box;
            animation: wwFadeDown 0.18s ease-out;
        }

        @keyframes wwFadeDown {
            from { opacity: 0; transform: translateY(-6px); }
            to   { opacity: 1; transform: translateY(0); }
        }

        .ww-header-search-wrap .ww-live-dropdown {
            right: 0;
            left: auto;
            width: 380px;
        }

        .ww-ld-loading {
            padding: 18px 20px;
            display: flex;
            align-items: center;
            gap: 10px;
            font-size: 13.5px;
            color: #78716c;
            font-family: -apple-system, BlinkMacSystemFont, sans-serif;
            background: #fafaf9;
        }

        .ww-spinner {
            width: 16px;
            height: 16px;
            border: 2px solid #fde68a;
            border-top-color: #b45309;
            border-radius: 50%;
            animation: wwSpin 0.6s linear infinite;
        }

        @keyframes wwSpin {
            to { transform: rotate(360deg); }
        }

        .ww-ld-header {
            padding: 8px 16px;
            background: #fffbeb;
            border-bottom: 1px solid #fef3c7;
            font-size: 11.5px;
            font-weight: 700;
            color: #92400e;
            text-transform: uppercase;
            letter-spacing: 0.05em;
        }

        .ww-ld-list {
            max-height: 420px;
            overflow-y: auto;
        }

        .ww-search-result-item {
            display: flex;
            align-items: flex-start;
            gap: 12px;
            padding: 12px 16px;
            border-bottom: 1px solid #f5f5f4;
            text-decoration: none !important;
            transition: background 0.12s ease;
            box-sizing: border-box;
        }

        .ww-search-result-item:last-child {
            border-bottom: none;
        }

        .ww-search-result-item:hover,
        .ww-search-result-item.is-active {
            background: #fffbeb !important;
        }

        .ww-sri-thumb {
            width: 48px;
            height: 48px;
            border-radius: 6px;
            overflow: hidden;
            flex-shrink: 0;
            background: #f5f5f4;
            border: 1px solid #e7e5e4;
        }

        .ww-sri-thumb img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            display: block;
        }

        .ww-sri-thumb-placeholder {
            width: 48px;
            height: 48px;
            border-radius: 6px;
            background: #fef3c7;
            border: 1px solid #fde68a;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 20px;
            flex-shrink: 0;
        }

        .ww-sri-content {
            flex: 1 1 auto;
            min-width: 0;
        }

        .ww-sri-meta {
            display: flex;
            align-items: center;
            gap: 6px;
            font-size: 11.5px;
            color: #78716c;
            margin-bottom: 3px;
        }

        .ww-sri-cat {
            background: #fef3c7;
            color: #92400e;
            padding: 1px 6px;
            border-radius: 3px;
            font-weight: 700;
            font-size: 10px;
            text-transform: uppercase;
        }

        .ww-sri-title {
            font-family: 'Playfair Display', Georgia, serif;
            font-size: 14.5px;
            line-height: 1.35;
            color: #1c1917 !important;
            font-weight: 700;
            margin-bottom: 4px;
        }

        .ww-search-result-item:hover .ww-sri-title {
            color: #b45309 !important;
        }

        .ww-sri-snippet {
            font-family: 'Merriweather', Georgia, serif;
            font-size: 12.5px;
            line-height: 1.5;
            color: #57534e;
        }

        .ww-sri-match-tag {
            display: inline-block;
            font-family: -apple-system, BlinkMacSystemFont, sans-serif;
            font-size: 10px;
            font-weight: 700;
            padding: 1px 6px;
            border-radius: 3px;
            margin-right: 4px;
            text-transform: uppercase;
            letter-spacing: 0.03em;
        }

        .ww-sri-match-tag.match-title {
            background: #dcfce7;
            color: #166534;
            border: 1px solid #bbf7d0;
        }

        .ww-sri-match-tag.match-content {
            background: #ffedd5;
            color: #9a3412;
            border: 1px solid #fed7aa;
        }

        .ww-sri-match-tag.match-facebook {
            background: #e0f2fe;
            color: #0369a1;
            border: 1px solid #bae6fd;
        }

        .ww-ld-all {
            display: block;
            padding: 10px 16px;
            background: #fafaf9;
            border-top: 1px solid #f1ece1;
            text-align: center;
            font-family: -apple-system, BlinkMacSystemFont, sans-serif;
            font-size: 13px;
            font-weight: 700;
            color: #b45309 !important;
            text-decoration: none !important;
            transition: all 0.15s ease;
        }

        .ww-ld-all:hover {
            background: #fffbeb;
            color: #78350f !important;
        }

        .ww-ld-empty {
            padding: 24px 20px;
            text-align: center;
            font-size: 13.5px;
            line-height: 1.6;
            color: #57534e;
            font-family: -apple-system, BlinkMacSystemFont, sans-serif;
        }

        .ww-ld-empty em {
            color: #b45309;
            font-style: normal;
            font-weight: 600;
        }

        /* --- Stories Directory Hero Search Box --- */
        .ww-search-directory {
            max-width: 720px;
            margin: 24px auto 10px auto;
        }

        .ww-search-directory .ww-search-field-wrap {
            padding: 4px 6px 4px 14px;
            border-radius: 12px;
            border: 2px solid #fde68a;
            box-shadow: 0 4px 18px rgba(217, 119, 6, 0.08);
            background: #ffffff;
        }

        .ww-search-directory .ww-search-field-wrap:focus-within {
            border-color: #b45309;
            box-shadow: 0 6px 24px rgba(180, 83, 9, 0.18);
        }

        .ww-search-directory .ww-search-input {
            font-size: 15.5px !important;
            padding: 10px 6px !important;
        }

        .ww-search-directory .ww-search-submit {
            padding: 10px 20px;
            font-size: 14px;
            border-radius: 8px;
        }

        /* --- Popular Search Chips --- */
        .ww-search-chips {
            display: flex;
            align-items: center;
            justify-content: center;
            flex-wrap: wrap;
            gap: 8px;
            margin-top: 14px;
        }

        .ww-chips-label {
            font-size: 12px;
            font-weight: 600;
            color: #78716c;
            margin-right: 4px;
        }

        .ww-search-chip,
        .ww-search-chip-link {
            display: inline-flex;
            align-items: center;
            padding: 4px 12px;
            background: #fffbeb;
            border: 1px solid #fde68a;
            border-radius: 16px;
            font-size: 12px;
            font-weight: 600;
            color: #92400e !important;
            cursor: pointer;
            text-decoration: none !important;
            transition: all 0.15s ease;
        }

        .ww-search-chip:hover,
        .ww-search-chip-link:hover {
            background: #fde68a;
            color: #78350f !important;
            transform: translateY(-1px);
        }

        /* --- Search Results Page Header Banner --- */
        .ww-search-results-banner {
            max-width: 820px;
            margin: 10px auto 30px auto;
            padding: 28px 24px;
            background: linear-gradient(135deg, #ffffff 0%, #fffbeb 100%);
            border: 1px solid #fde68a;
            border-radius: 14px;
            text-align: center;
            box-shadow: 0 4px 20px rgba(217, 119, 6, 0.08);
            box-sizing: border-box;
        }

        .ww-srb-badge {
            display: inline-block;
            font-family: 'Cinzel', serif;
            font-size: 11.5px;
            font-weight: 700;
            color: #b45309;
            letter-spacing: 0.12em;
            text-transform: uppercase;
            margin-bottom: 8px;
        }

        .ww-srb-title {
            font-family: 'Playfair Display', Georgia, serif;
            font-size: 2.1rem !important;
            line-height: 1.25 !important;
            color: #1c1917 !important;
            margin: 0 0 10px 0 !important;
            font-weight: 700 !important;
        }

        .ww-srb-title span {
            color: #b45309;
        }

        .ww-srb-meta {
            font-size: 13.5px;
            color: #78716c;
            margin-bottom: 20px;
        }

        .ww-srb-count-badge {
            font-weight: 700;
            color: #92400e;
        }

        .ww-search-search_page {
            max-width: 640px;
            margin: 0 auto;
        }

        /* --- Empty Results Box --- */
        .ww-search-empty-box {
            max-width: 680px;
            margin: 20px auto 40px auto;
            padding: 36px 24px;
            background: #ffffff;
            border: 1px dashed #e7e5e4;
            border-radius: 12px;
            text-align: center;
        }

        .ww-seb-icon {
            font-size: 42px;
            margin-bottom: 12px;
        }

        .ww-search-empty-box h3 {
            font-family: 'Playfair Display', Georgia, serif;
            font-size: 1.6rem;
            color: #1c1917;
            margin-bottom: 10px;
        }

        .ww-search-empty-box p {
            font-size: 14.5px;
            color: #57534e;
            max-width: 520px;
            margin: 0 auto 20px auto;
            line-height: 1.6;
        }

        .ww-seb-chips {
            display: flex;
            align-items: center;
            justify-content: center;
            flex-wrap: wrap;
            gap: 8px;
            margin-bottom: 24px;
        }

        .ww-btn-browse-dir {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            background: #b45309;
            color: #ffffff !important;
            padding: 12px 24px;
            border-radius: 8px;
            font-size: 14px;
            font-weight: 700;
            text-decoration: none !important;
            transition: all 0.15s ease;
        }

        .ww-btn-browse-dir:hover {
            background: #92400e;
            transform: translateY(-1px);
        }

        /* --- Mobile Search Modal Overlay --- */
        .ww-mobile-search-overlay {
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            z-index: 99999999;
            display: flex;
            align-items: flex-start;
            justify-content: center;
            padding: 16px;
            box-sizing: border-box;
        }

        .ww-ms-backdrop {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: rgba(28, 25, 23, 0.65);
            backdrop-filter: blur(4px);
            -webkit-backdrop-filter: blur(4px);
        }

        .ww-ms-card {
            position: relative;
            background: #FAF8F5;
            border: 1px solid #fde68a;
            border-radius: 14px;
            width: 100%;
            max-width: 560px;
            padding: 20px;
            box-sizing: border-box;
            box-shadow: 0 20px 50px rgba(0, 0, 0, 0.3);
            margin-top: 40px;
            animation: wwModalSlide 0.22s ease-out;
        }

        @keyframes wwModalSlide {
            from { opacity: 0; transform: translateY(-20px); }
            to   { opacity: 1; transform: translateY(0); }
        }

        .ww-ms-header {
            display: flex;
            align-items: center;
            justify-content: space-between;
            margin-bottom: 16px;
        }

        .ww-ms-badge {
            font-size: 11px;
            font-weight: 700;
            color: #b45309;
            text-transform: uppercase;
            letter-spacing: 0.05em;
        }

        .ww-ms-title {
            font-family: 'Playfair Display', Georgia, serif;
            font-size: 1.3rem;
            color: #1c1917;
            margin: 2px 0 0 0;
        }

        .ww-ms-close {
            background: #ffffff;
            border: 1px solid #e7e5e4;
            border-radius: 50%;
            width: 32px;
            height: 32px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 20px;
            line-height: 1;
            color: #78716c;
            cursor: pointer;
            transition: all 0.15s ease;
        }

        .ww-ms-close:hover {
            background: #fee2e2;
            color: #991b1b;
            border-color: #fca5a5;
        }

        body.ww-modal-open {
            overflow: hidden !important;
        }

        /* --- Dedicated Full-Width Mobile Search Bar (Directly below Header) --- */
        .ww-mobile-header-search-bar {
            display: none;
            background: #ffffff;
            border-bottom: 1px solid #f1ece1;
            padding: 3px 14px 5px 14px;
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
            position: relative;
            z-index: 90 !important;
            box-sizing: border-box;
            width: 100%;
        }

        .ww-mobile-header-search-bar .grid-container {
            max-width: 100%;
            padding: 0 !important;
            margin: 0 auto;
        }

        .ww-mobile-header-search-bar .ww-search-field-wrap {
            border-radius: 9999px !important;
            background: #FAF8F5;
            border: 1.5px solid #dcd6cc;
            padding: 2px 3px 2px 14px !important;
            min-height: 42px !important;
            display: flex !important;
            align-items: center !important;
            box-shadow: 0 1px 4px rgba(0, 0, 0, 0.04);
        }

        .ww-mobile-header-search-bar .ww-search-field-wrap:focus-within {
            background: #ffffff;
            border-color: #b45309;
            box-shadow: 0 0 0 3px rgba(180, 83, 9, 0.16);
        }

        .ww-mobile-header-search-bar .ww-search-icon {
            font-size: 15px !important;
            margin-right: 8px !important;
        }

        .ww-mobile-header-search-bar .ww-search-input {
            font-size: 14px !important;
            padding: 7px 4px !important;
            line-height: 1.4 !important;
        }

        .ww-mobile-header-search-bar .ww-search-submit {
            padding: 7px 18px !important;
            min-height: 36px !important;
            border-radius: 9999px !important;
            font-size: 12.5px !important;
            font-weight: 700 !important;
            letter-spacing: 0.03em !important;
            line-height: 1 !important;
            display: inline-flex !important;
            align-items: center !important;
            justify-content: center !important;
        }

        .ww-mobile-header-search-bar .ww-live-dropdown {
            width: 100% !important;
            max-width: 100% !important;
            left: 0 !important;
            right: 0 !important;
        }

        /* --- Brand Logo / Title Styling (wildweststories.net) --- */
        .site-branding {
            display: flex !important;
            align-items: center !important;
        }

        .site-branding .main-title {
            margin: 0 !important;
            padding: 0 !important;
            line-height: 1.15 !important;
        }

        .site-branding .main-title a,
        .ww-site-logo {
            display: inline-flex !important;
            align-items: center !important;
            gap: 8px !important;
            text-decoration: none !important;
            font-family: 'Cinzel', 'Playfair Display', Georgia, serif !important;
            font-weight: 800 !important;
            font-size: 25px !important;
            line-height: 1.2 !important;
            letter-spacing: 0.04em !important;
            color: #24201e !important;
            transition: all 0.2s ease !important;
        }

        .site-branding .main-title a:hover,
        .ww-site-logo:hover {
            transform: translateY(-1px);
        }

        .ww-logo-icon {
            font-size: 22px;
            line-height: 1;
            filter: drop-shadow(0 2px 4px rgba(180, 83, 9, 0.25));
            display: inline-block;
            transition: transform 0.22s ease;
        }

        .ww-site-logo:hover .ww-logo-icon {
            transform: scale(1.15) rotate(-6deg);
        }

        .ww-logo-text {
            display: inline-flex;
            align-items: center;
            gap: 5px;
            white-space: nowrap;
        }

        .ww-logo-prefix {
            font-family: 'Cinzel', 'Playfair Display', Georgia, serif !important;
            color: #24201e !important;
            font-weight: 800 !important;
            letter-spacing: 0.06em !important;
            text-transform: uppercase !important;
        }

        .ww-logo-highlight {
            font-family: 'Cinzel', 'Playfair Display', Georgia, serif !important;
            background: linear-gradient(135deg, #b45309 0%, #d97706 50%, #f59e0b 100%) !important;
            -webkit-background-clip: text !important;
            -webkit-text-fill-color: transparent !important;
            font-weight: 800 !important;
            letter-spacing: 0.06em !important;
            text-transform: uppercase !important;
            filter: drop-shadow(0 1px 1px rgba(217, 119, 6, 0.2));
        }

        .ww-logo-suffix {
            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
            font-size: 11px !important;
            font-weight: 800 !important;
            color: #92400e !important;
            background: #fef3c7 !important;
            border: 1px solid #fde68a !important;
            padding: 2px 6px !important;
            border-radius: 4px !important;
            letter-spacing: 0.05em !important;
            text-transform: lowercase !important;
            margin-left: 2px !important;
            line-height: 1 !important;
            box-shadow: 0 1px 3px rgba(180, 83, 9, 0.12);
            -webkit-text-fill-color: #92400e !important;
        }

        /* --- Media Queries for Header & Mobile Search --- */
        @media (max-width: 768px) {
            .site-branding .main-title a,
            .ww-site-logo {
                font-size: 15px !important;
                gap: 4px !important;
            }
            .ww-logo-icon {
                font-size: 16px !important;
            }
            .ww-logo-prefix,
            .ww-logo-highlight {
                letter-spacing: 0.02em !important;
            }
            .ww-logo-suffix {
                font-size: 8.5px !important;
                padding: 1.5px 4.5px !important;
            }

            .ww-mobile-header-search-bar {
                display: none !important;
            }

            /* BỎ NÚT KÍNH LÚP 🔍 TRÊN ĐIỆN THOẠI (Chỉ hiển thị thanh search box bên dưới) */
            .ww-mobile-search-toggle,
            .mobile-menu-control-wrapper .ww-mobile-search-toggle,
            .mobile-menu-control-wrapper .ww-header-search-wrap,
            .mobile-menu-control-wrapper .ww-desktop-search-box,
            #site-navigation .ww-header-search-wrap {
                display: none !important;
            }
        }

        /* Hide redundant mobile bar on stories directory or search results page across devices */
        body.page-id-11 .ww-mobile-header-search-bar,
        body.search-results .ww-mobile-header-search-bar {
            display: none !important;
        }

        @media (max-width: 380px) {
            .site-branding .main-title a,
            .ww-site-logo {
                font-size: 13.5px !important;
                gap: 3px !important;
            }
            .ww-logo-icon {
                font-size: 15px !important;
            }
        }

        /* ========================================================
           MODERN UNIFIED HEADER (Desktop & Tablet >= 769px)
           Guaranteed Single Row: Logo (Left) | Nav Menu (Center) | Tools (Right)
           ======================================================== */
        @media (min-width: 769px) {
            .site-header {
                box-shadow: 0 1px 4px rgba(0, 0, 0, 0.05) !important;
            }

            /* Strictly hide mobile toggle and its duplicate tools on desktop & tablet */
            #mobile-menu-control-wrapper,
            .mobile-menu-control-wrapper {
                display: none !important;
            }

            .site-header .inside-header {
                display: flex !important;
                align-items: center !important;
                justify-content: space-between !important;
                flex-wrap: nowrap !important; /* CRITICAL: Never wrap into 2 clumsy rows! */
                max-width: 1400px !important;
                width: 100% !important;
                box-sizing: border-box !important;
            }

            .site-branding {
                flex: 0 0 auto !important;
                display: flex !important;
                align-items: center !important;
                margin-right: 12px !important;
            }

            .site-branding .main-title {
                margin: 0 !important;
                padding: 0 !important;
                line-height: 1 !important;
                white-space: nowrap !important;
            }

            .site-branding .main-title a,
            .ww-site-logo {
                white-space: nowrap !important;
                text-decoration: none !important;
                font-weight: 700 !important;
                display: inline-flex !important;
                align-items: center !important;
            }

            #site-navigation {
                flex: 1 1 auto !important;
                display: flex !important;
                align-items: center !important;
                margin: 0 !important;
                background: transparent !important;
                min-width: 0 !important;
            }

            #site-navigation .inside-navigation {
                display: flex !important;
                align-items: center !important;
                flex-wrap: nowrap !important;
                width: 100% !important;
                max-width: 100% !important;
                padding: 0 !important;
                background: transparent !important;
            }

            /* Main navigation: never shrink below content so links NEVER overflow behind tools! */
            #site-navigation .main-nav {
                flex: 0 0 auto !important;
                min-width: 0 !important;
            }

            #site-navigation .main-nav > ul {
                display: flex !important;
                align-items: center !important;
                flex-wrap: nowrap !important;
                margin: 0 !important;
                padding: 0 !important;
                list-style: none !important;
            }

            /* Menu item links: perfectly aligned, consistent height and pill */
            #site-navigation .main-nav > ul > li {
                display: inline-flex !important;
                align-items: center !important;
                margin: 0 !important;
            }

            #site-navigation .main-nav > ul > li > a {
                display: inline-flex !important;
                align-items: center !important;
                justify-content: center !important;
                font-weight: 600 !important;
                color: #382c23 !important;
                white-space: nowrap !important;
                border-radius: 8px !important;
                transition: all 0.18s ease !important;
                text-decoration: none !important;
                box-sizing: border-box !important;
            }

            /* Active & Hover pill effect */
            #site-navigation .main-nav > ul > li:hover > a {
                background: rgba(180, 83, 9, 0.08) !important;
                color: #b45309 !important;
                transform: translateY(-1px) !important;
            }

            #site-navigation .main-nav > ul > li.current-menu-item > a,
            #site-navigation .main-nav > ul > li.current_page_item > a {
                background: rgba(180, 83, 9, 0.12) !important;
                color: #92400e !important;
                font-weight: 700 !important;
            }

            #site-navigation .main-nav > ul > li.menu-item-has-children .dropdown-menu-toggle {
                padding: 0 !important;
                display: inline-flex !important;
                align-items: center !important;
                justify-content: center !important;
                line-height: 1 !important;
                float: none !important;
            }

            #site-navigation .main-nav > ul > li.menu-item-has-children .dropdown-menu-toggle .gp-icon {
                display: inline-flex !important;
                align-items: center !important;
                justify-content: center !important;
                line-height: 1 !important;
                margin: 0 !important;
                padding: 0 !important;
            }

            #site-navigation .main-nav > ul > li.menu-item-has-children .dropdown-menu-toggle .gp-icon svg {
                position: static !important;
                top: 0 !important;
                width: 9.5px !important;
                height: 9.5px !important;
                vertical-align: middle !important;
                display: block !important;
                transition: transform 0.22s ease !important;
            }

            #site-navigation .main-nav > ul > li.menu-item-has-children:hover .dropdown-menu-toggle .gp-icon svg {
                transform: rotate(180deg) !important;
            }

            /* Dropdown Menu (Categories) */
            .main-navigation ul ul,
            .main-navigation .sub-menu {
                top: 100% !important;
                min-width: 245px !important;
                padding: 7px !important;
                background: #ffffff !important;
                border: 1px solid #ebdcc4 !important;
                border-radius: 12px !important;
                box-shadow: 0 12px 30px rgba(0, 0, 0, 0.12) !important;
                list-style: none !important;
                margin-top: 2px !important;
            }

            .main-navigation .sub-menu li {
                margin: 0 0 2px 0 !important;
            }

            .main-navigation .sub-menu li:last-child {
                margin-bottom: 0 !important;
            }

            .main-navigation .sub-menu li a {
                display: flex !important;
                align-items: center !important;
                padding: 9px 14px !important;
                font-size: 13.5px !important;
                font-weight: 600 !important;
                color: #292524 !important;
                border-radius: 8px !important;
                transition: all 0.18s ease !important;
                text-decoration: none !important;
                line-height: 1.4 !important;
            }

            .main-navigation .sub-menu li a:hover {
                background: rgba(180, 83, 9, 0.09) !important;
                color: #92400e !important;
                transform: translateX(4px) !important;
            }

            /* Tools: Theme Toggle + Desktop Search */
            #site-navigation .menu-bar-items {
                display: flex !important;
                align-items: center !important;
                flex: 0 0 auto !important;
                margin-left: auto !important;
            }

            .ww-header-tools {
                display: flex !important;
                align-items: center !important;
                flex-wrap: nowrap !important;
            }

            .ww-theme-toggle {
                border-radius: 999px !important;
                white-space: nowrap !important;
                flex-shrink: 0 !important;
            }

            .ww-mobile-header-search-bar {
                display: none !important;
            }

            .ww-mobile-search-toggle {
                display: none !important;
            }
        }

        /* ========================================================
           TABLET & COMPACT SCREENS (769px to 1080px)
           - Home thang hang chinh xac voi tieu de truyen (The Silence of the River House)
           - Logo co khoang cach an toan rong rai (58px), khong bao gio dinh sat nut Home
           - Menu & nut Sepia vua van hoan hao, khong bi tran vien khi dich (Google Translate)
           - Tat thanh search tren toan bo dai may tinh bang
           ======================================================== */
        @media (min-width: 769px) and (max-width: 899px) {
            .site-header .inside-header {
                padding: 13px 22px !important;
                min-height: 58px !important;
                display: flex !important;
                align-items: center !important;
                justify-content: space-between !important;
                box-sizing: border-box !important;
                width: 100% !important;
                max-width: 100% !important;
            }

            /* Cố định box Logo là 244px:
               Padding lề trái 22px + Box Logo 244px = Đúng 266px!
               Khung bài viết bên dưới có: lề trái 22px + ảnh bìa 220px + khoảng cách 24px = Đúng 266px!
               => Nút Home sẽ gióng thẳng hàng dọc 100% với chữ đầu tiên của tiêu đề truyện! */
            .site-branding {
                flex: 0 0 244px !important;
                width: 244px !important;
                max-width: 244px !important;
                min-width: 244px !important;
                margin: 0 !important;
                padding: 0 !important;
                display: inline-flex !important;
                align-items: center !important;
                justify-content: flex-start !important;
            }

            .site-branding .main-title {
                margin: 0 !important;
                padding: 0 !important;
                line-height: 1 !important;
            }

            .site-branding .main-title a,
            .ww-site-logo {
                font-size: 14.5px !important;
                font-weight: 700 !important;
                gap: 4px !important;
                white-space: nowrap !important;
                display: inline-flex !important;
                align-items: center !important;
            }

            .ww-logo-icon {
                font-size: 15.5px !important;
            }

            .ww-logo-suffix {
                font-size: 8px !important;
                padding: 1px 3.5px !important;
                margin-left: 2px !important;
            }

            /* Cụm điều hướng: Bắt đầu chính xác từ mốc 266px */
            #site-navigation {
                flex: 1 1 auto !important;
                display: flex !important;
                align-items: center !important;
                margin: 0 !important;
                padding: 0 !important;
                min-width: 0 !important;
                background: transparent !important;
            }

            #site-navigation .inside-navigation {
                display: flex !important;
                align-items: center !important;
                justify-content: space-between !important;
                width: 100% !important;
                max-width: 100% !important;
                margin: 0 !important;
                padding: 0 !important;
                background: transparent !important;
                min-width: 0 !important;
            }

            /* Căn menu về phía bên trái để nút Home bắt đầu ngay mép gióng 266px */
            #site-navigation .main-nav {
                flex: 0 1 auto !important;
                margin: 0 !important;
                padding: 0 !important;
                display: flex !important;
                align-items: center !important;
                justify-content: flex-start !important;
                min-width: 0 !important;
            }

            #site-navigation .main-nav > ul {
                display: flex !important;
                align-items: center !important;
                justify-content: flex-start !important;
                gap: 2px 4px !important;
                margin: 0 !important;
                padding: 0 !important;
                list-style: none !important;
                min-width: 0 !important;
            }

            #site-navigation .main-nav > ul > li {
                display: inline-flex !important;
                align-items: center !important;
                justify-content: center !important;
                margin: 0 !important;
                padding: 0 !important;
                flex-shrink: 0 !important;
            }

            #site-navigation .main-nav > ul > li > a {
                height: 34px !important;
                line-height: 34px !important;
                padding: 0 7px !important;
                font-size: 13px !important;
                font-weight: 600 !important;
                letter-spacing: -0.15px !important;
                text-align: center !important;
                white-space: nowrap !important;
                border-radius: 6px !important;
                display: inline-flex !important;
                align-items: center !important;
            }

            #site-navigation .main-nav > ul > li.menu-item-has-children > a {
                padding: 0 3px 0 7px !important;
            }

            #site-navigation .main-nav > ul > li.menu-item-has-children .dropdown-menu-toggle {
                margin: 0 0 0 2px !important;
            }

            /* Nút Sepia: Luôn giữ nguyên vẹn ở góc phải, có khoảng đệm an toàn lớn, không bị tràn khi dịch */
            #site-navigation .menu-bar-items {
                flex: 0 0 auto !important;
                width: auto !important;
                min-width: 0 !important;
                max-width: none !important;
                display: flex !important;
                align-items: center !important;
                justify-content: flex-end !important;
                margin-left: auto !important;
                margin-right: 0 !important;
                margin-top: 0 !important;
                margin-bottom: 0 !important;
                padding: 0 0 0 8px !important;
                flex-shrink: 0 !important;
            }

            .ww-header-tools {
                display: inline-flex !important;
                align-items: center !important;
                margin: 0 !important;
                padding: 0 !important;
                gap: 0 !important;
                flex-shrink: 0 !important;
            }

            .ww-theme-toggle {
                height: 34px !important;
                line-height: 34px !important;
                padding: 0 11px !important;
                font-size: 12px !important;
                font-weight: 700 !important;
                gap: 4px !important;
                border-radius: 999px !important;
                box-shadow: 0 1px 4px rgba(0,0,0,0.06) !important;
                margin: 0 !important;
                flex-shrink: 0 !important;
                white-space: nowrap !important;
                display: inline-flex !important;
                align-items: center !important;
                justify-content: center !important;
                box-sizing: border-box !important;
            }

            .ww-theme-toggle,
            .ww-theme-toggle * {
                white-space: nowrap !important;
                flex-shrink: 0 !important;
            }

            /* Khi Google Translate dich sang tieng Viet hoac ngon ngu khac, tu dong co nhe font de khong tran */
            html.translated-ltr #site-navigation .main-nav > ul > li > a {
                font-size: 11.5px !important;
                padding: 0 4.5px !important;
            }
            html.translated-ltr #site-navigation .main-nav > ul {
                gap: 2px 3px !important;
            }
            html.translated-ltr .ww-theme-toggle {
                padding: 0 9px !important;
                font-size: 11px !important;
            }

            /* TẮT HOÀN TOÀN THANH SEARCH TRÊN MÁY TÍNH BẢNG */
            .ww-header-search-wrap,
            .ww-desktop-search-box,
            .ww-mobile-search-toggle {
                display: none !important;
            }
        }

        /* Tablet lá»›n & Small Laptop (900px to 1080px) */
        @media (min-width: 900px) and (max-width: 1080px) {
            .site-header .inside-header {
                padding: 13px 28px !important;
                min-height: 58px !important;
                display: flex !important;
                align-items: center !important;
                justify-content: space-between !important;
                box-sizing: border-box !important;
                width: 100% !important;
                max-width: 100% !important;
            }

            /* Màn hình 900px-1080px: Lề 28px + Box Logo 282px = 310px!
               Khung bài viết: lề 28px + ảnh 250px + gap 32px = 310px!
               => Thẳng hàng tuyệt đối với tiêu đề truyện! */
            .site-branding {
                flex: 0 0 282px !important;
                width: 282px !important;
                max-width: 282px !important;
                min-width: 282px !important;
                margin: 0 !important;
                padding: 0 !important;
                display: inline-flex !important;
                align-items: center !important;
                justify-content: flex-start !important;
            }

            .site-branding .main-title {
                margin: 0 !important;
                padding: 0 !important;
                line-height: 1 !important;
            }

            .site-branding .main-title a,
            .ww-site-logo {
                font-size: 15px !important;
                font-weight: 700 !important;
                gap: 5px !important;
                white-space: nowrap !important;
                display: inline-flex !important;
                align-items: center !important;
            }

            .ww-logo-icon {
                font-size: 16px !important;
            }

            .ww-logo-suffix {
                font-size: 8.5px !important;
                padding: 1px 4px !important;
                margin-left: 2px !important;
            }

            #site-navigation {
                flex: 1 1 auto !important;
                display: flex !important;
                align-items: center !important;
                margin: 0 !important;
                padding: 0 !important;
                min-width: 0 !important;
                background: transparent !important;
            }

            #site-navigation .inside-navigation {
                display: flex !important;
                align-items: center !important;
                justify-content: space-between !important;
                width: 100% !important;
                max-width: 100% !important;
                margin: 0 !important;
                padding: 0 !important;
                background: transparent !important;
                min-width: 0 !important;
            }

            #site-navigation .main-nav {
                flex: 0 1 auto !important;
                margin: 0 !important;
                padding: 0 !important;
                display: flex !important;
                align-items: center !important;
                justify-content: flex-start !important;
                min-width: 0 !important;
            }

            #site-navigation .main-nav > ul {
                display: flex !important;
                align-items: center !important;
                justify-content: flex-start !important;
                gap: 2px 6px !important;
                margin: 0 !important;
                padding: 0 !important;
                list-style: none !important;
                min-width: 0 !important;
            }

            #site-navigation .main-nav > ul > li {
                display: inline-flex !important;
                align-items: center !important;
                justify-content: center !important;
                margin: 0 !important;
                padding: 0 !important;
                flex-shrink: 0 !important;
            }

            #site-navigation .main-nav > ul > li > a {
                height: 35px !important;
                line-height: 35px !important;
                padding: 0 10px !important;
                font-size: 14px !important;
                font-weight: 600 !important;
                letter-spacing: 0 !important;
                text-align: center !important;
                white-space: nowrap !important;
                border-radius: 6px !important;
                display: inline-flex !important;
                align-items: center !important;
            }

            #site-navigation .main-nav > ul > li.menu-item-has-children > a {
                padding: 0 3px 0 10px !important;
            }

            #site-navigation .main-nav > ul > li.menu-item-has-children .dropdown-menu-toggle {
                margin: 0 0 0 2px !important;
            }

            #site-navigation .menu-bar-items {
                flex: 0 0 auto !important;
                width: auto !important;
                min-width: 0 !important;
                max-width: none !important;
                display: flex !important;
                align-items: center !important;
                justify-content: flex-end !important;
                margin-left: auto !important;
                margin-right: 0 !important;
                margin-top: 0 !important;
                margin-bottom: 0 !important;
                padding: 0 0 0 10px !important;
                flex-shrink: 0 !important;
            }

            .ww-header-tools {
                display: inline-flex !important;
                align-items: center !important;
                margin: 0 !important;
                padding: 0 !important;
                gap: 0 !important;
                flex-shrink: 0 !important;
            }

            .ww-theme-toggle {
                height: 35px !important;
                line-height: 35px !important;
                padding: 0 12px !important;
                font-size: 12.5px !important;
                font-weight: 700 !important;
                gap: 4px !important;
                border-radius: 999px !important;
                box-shadow: 0 1px 4px rgba(0,0,0,0.06) !important;
                margin: 0 !important;
                flex-shrink: 0 !important;
                white-space: nowrap !important;
                display: inline-flex !important;
                align-items: center !important;
                justify-content: center !important;
                box-sizing: border-box !important;
            }

            .ww-theme-toggle,
            .ww-theme-toggle * {
                white-space: nowrap !important;
                flex-shrink: 0 !important;
            }

            /* Khi Google Translate dich sang tieng Viet hoac ngon ngu khac */
            html.translated-ltr #site-navigation .main-nav > ul > li > a {
                font-size: 12.5px !important;
                padding: 0 7px !important;
            }

            /* TẮT HOÀN TOÀN THANH SEARCH TRÊN MÁY TÍNH BẢNG */
            .ww-header-search-wrap,
            .ww-desktop-search-box,
            .ww-mobile-search-toggle {
                display: none !important;
            }
        }

        /* Standard Desktop (1081px to 1239px) */
        @media (min-width: 1081px) {
            .site-header .inside-header {
                padding: 13px 24px !important;
                min-height: 60px !important;
                gap: 8px 16px !important;
            }

            .site-branding {
                margin: 0 10px 0 0 !important;
            }

            .site-branding .main-title a,
            .ww-site-logo {
                font-size: 19px !important;
                gap: 6px !important;
            }

            .ww-logo-icon {
                font-size: 19px !important;
            }

            .ww-logo-suffix {
                font-size: 9.5px !important;
                padding: 1px 5px !important;
            }

            #site-navigation .inside-navigation {
                justify-content: space-between !important;
                gap: 12px 18px !important;
            }

            #site-navigation .main-nav {
                margin: 0 auto !important;
            }

            #site-navigation .main-nav > ul {
                gap: 6px !important;
            }

            #site-navigation .main-nav > ul > li > a {
                height: 34px !important;
                line-height: 34px !important;
                padding: 0 14px !important;
                font-size: 14.5px !important;
                letter-spacing: 0.15px !important;
            }

            #site-navigation .main-nav > ul > li.menu-item-has-children > a {
                padding: 0 10px 0 14px !important;
            }

            #site-navigation .main-nav > ul > li.menu-item-has-children .dropdown-menu-toggle {
                margin: 0 0 0 6px !important;
            }

            .ww-header-tools {
                gap: 8px !important;
            }

            .ww-theme-toggle {
                height: 33px !important;
                padding: 4px 12px !important;
                font-size: 12px !important;
                gap: 5px !important;
            }

            .ww-desktop-search-box {
                display: block !important;
                width: 205px !important;
                transition: width 0.22s ease !important;
            }

            .ww-desktop-search-box:focus-within {
                width: 260px !important;
            }

            .ww-desktop-search-box .ww-search-submit {
                padding: 3px 9px !important;
                font-size: 11px !important;
                height: 25px !important;
                border-radius: 9999px !important;
            }
        }

        /* Large desktop screens (>= 1240px): spacious comfort */
        @media (min-width: 1240px) {
            .site-header .inside-header {
                padding: 8px 24px !important;
                gap: 12px 20px !important;
            }

            .site-branding .main-title a,
            .ww-site-logo {
                font-size: 21px !important;
                gap: 7px !important;
            }

            #site-navigation .main-nav > ul > li > a {
                padding: 0 16px !important;
                font-size: 15px !important;
                height: 36px !important;
                line-height: 36px !important;
            }

            .ww-desktop-search-box {
                width: 240px !important;
            }

            .ww-desktop-search-box:focus-within {
                width: 300px !important;
            }
        }

        .ww-theme-toggle {
            display: inline-flex !important;
            align-items: center !important;
            justify-content: center !important;
            gap: 6px !important;
            background: #fbf7ee !important;
            color: #78350f !important;
            border: 1px solid #e7d8c0 !important;
            padding: 5px 12px !important;
            border-radius: 999px !important;
            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
            font-size: 12.5px !important;
            font-weight: 700 !important;
            cursor: pointer !important;
            transition: all 0.2s ease !important;
            line-height: 1 !important;
            height: 34px !important;
            box-shadow: 0 1px 3px rgba(0,0,0,0.05) !important;
            white-space: nowrap !important;
        }

        .ww-theme-toggle:hover {
            background: #f5eedb !important;
            border-color: #d4b886 !important;
            color: #92400e !important;
            transform: translateY(-1px) !important;
        }

        .ww-theme-icon-light,
        .ww-theme-icon-sepia,
        .ww-theme-icon-dark {
            font-size: 14px !important;
            line-height: 1 !important;
        }

        @media (max-width: 768px) {
            .site-header {
                margin: 0 !important;
                padding: 0 !important;
                background: inherit !important;
            }

            .site-header .inside-header,
            .has-inline-mobile-toggle .inside-header {
                display: flex !important;
                align-items: center !important;
                justify-content: space-between !important;
                flex-direction: row !important;
                flex-wrap: wrap !important;
                padding: 12px 16px !important;
                min-height: 56px !important;
                height: auto !important;
                box-sizing: border-box !important;
            }

            .site-branding {
                flex: 0 0 auto !important;
                max-width: none !important;
                min-width: 0 !important;
                margin: 0 !important;
                padding: 0 !important;
                display: inline-flex !important;
                align-items: center !important;
                line-height: 1 !important;
            }

            .site-branding .main-title {
                margin: 0 !important;
                padding: 0 !important;
                white-space: nowrap !important;
                line-height: 1 !important;
                display: inline-flex !important;
                align-items: center !important;
            }

            .site-branding .main-title a,
            .ww-site-logo {
                font-size: 15px !important;
                font-weight: 700 !important;
                gap: 4px !important;
                white-space: nowrap !important;
                display: inline-flex !important;
                align-items: center !important;
                vertical-align: middle !important;
                text-decoration: none !important;
                line-height: 1 !important;
            }

            .ww-logo-icon {
                font-size: 16px !important;
                line-height: 1 !important;
                display: inline-flex !important;
                align-items: center !important;
                margin: 0 !important;
            }

            .ww-logo-prefix,
            .ww-logo-highlight {
                letter-spacing: 0.02em !important;
                line-height: 1 !important;
            }

            .ww-logo-suffix {
                font-size: 8.5px !important;
                padding: 1.5px 4.5px !important;
                border-radius: 4px !important;
                line-height: 1 !important;
                margin-left: 2px !important;
                vertical-align: middle !important;
                display: inline-flex !important;
                align-items: center !important;
            }

            .mobile-menu-control-wrapper,
            .has-inline-mobile-toggle .mobile-menu-control-wrapper {
                display: inline-flex !important;
                align-items: center !important;
                justify-content: flex-end !important;
                flex-shrink: 0 !important;
                margin: 0 !important;
                padding: 0 !important;
                gap: 8px !important;
                line-height: 1 !important;
            }

            .mobile-menu-control-wrapper .menu-bar-items {
                display: inline-flex !important;
                align-items: center !important;
                margin: 0 !important;
                padding: 0 !important;
                line-height: 1 !important;
            }

            .mobile-menu-control-wrapper .ww-header-search-wrap {
                display: none !important;
            }

            .ww-theme-toggle {
                height: 34px !important;
                line-height: 34px !important;
                padding: 0 12px !important;
                font-size: 12px !important;
                font-weight: 700 !important;
                gap: 5px !important;
                border-radius: 999px !important;
                white-space: nowrap !important;
                flex-shrink: 0 !important;
                cursor: pointer !important;
                display: inline-flex !important;
                align-items: center !important;
                justify-content: center !important;
                box-sizing: border-box !important;
                margin: 0 !important;
            }

            .ww-theme-toggle .ww-theme-icon-light,
            .ww-theme-toggle .ww-theme-icon-sepia,
            .ww-theme-toggle .ww-theme-icon-dark {
                font-size: 13.5px !important;
                line-height: 1 !important;
            }

            /* Single sleek hamburger button on mobile matching height */
            #mobile-menu-control-wrapper .menu-toggle {
                width: 34px !important;
                height: 34px !important;
                line-height: 34px !important;
                padding: 0 !important;
                display: inline-flex !important;
                align-items: center !important;
                justify-content: center !important;
                flex-shrink: 0 !important;
                margin: 0 !important;
                background: transparent !important;
                border: none !important;
                cursor: pointer !important;
                color: #78350f !important;
                box-sizing: border-box !important;
            }

            #mobile-menu-control-wrapper .menu-toggle .gp-icon {
                display: inline-flex !important;
                align-items: center !important;
                justify-content: center !important;
                line-height: 1 !important;
                margin: 0 !important;
                padding: 0 !important;
            }

            /* CRITICAL: ONLY show burger icon (1), strictly HIDE close X icon (2) by default! */
            #mobile-menu-control-wrapper .menu-toggle .gp-icon svg:nth-child(2),
            .menu-toggle .gp-icon svg:nth-child(2) {
                display: none !important;
            }

            #mobile-menu-control-wrapper .menu-toggle .gp-icon svg:nth-child(1),
            .menu-toggle .gp-icon svg:nth-child(1) {
                display: block !important;
                width: 20px !important;
                height: 20px !important;
            }

            /* Swap icons only when menu is opened */
            #mobile-menu-control-wrapper.toggled .menu-toggle .gp-icon svg:nth-child(1),
            .mobile-menu-open .menu-toggle .gp-icon svg:nth-child(1) {
                display: none !important;
            }

            #mobile-menu-control-wrapper.toggled .menu-toggle .gp-icon svg:nth-child(2),
            .mobile-menu-open .menu-toggle .gp-icon svg:nth-child(2) {
                display: block !important;
                width: 18px !important;
                height: 18px !important;
            }

            /* HIDE 'Menu' text and screen reader text inside toggle button */
            #mobile-menu-control-wrapper .menu-toggle .mobile-menu,
            .menu-toggle .screen-reader-text {
                display: none !important;
            }

            /* Dropdown navigation handling: When closed, completely hide so it takes no space on row 1 */
            .has-inline-mobile-toggle #site-navigation:not(.toggled) {
                display: none !important;
            }

            /* When expanded, show on row 2 spanning full width */
            .has-inline-mobile-toggle #site-navigation.toggled {
                display: block !important;
                flex-basis: 100% !important;
                order: 10 !important;
                width: 100% !important;
                margin: 0 !important;
            }

            /* Strictly hide duplicate menu toggle & menu-bar-items from #site-navigation on mobile */
            #site-navigation .menu-toggle,
            #site-navigation .menu-bar-items {
                display: none !important;
            }
        }

        @media (max-width: 380px) {
            .site-header .inside-header,
            .has-inline-mobile-toggle .inside-header {
                padding: 9px 10px !important;
            }
            .site-branding .main-title a,
            .ww-site-logo {
                font-size: 13.5px !important;
                gap: 3px !important;
            }
            .ww-logo-icon {
                font-size: 15px !important;
            }
            .ww-logo-suffix {
                font-size: 8px !important;
                padding: 1px 3.5px !important;
            }
            .ww-theme-toggle {
                padding: 0 8px !important;
                font-size: 10.5px !important;
                height: 30px !important;
                line-height: 30px !important;
                gap: 4px !important;
            }
            #mobile-menu-control-wrapper .menu-toggle {
                width: 30px !important;
                height: 30px !important;
                line-height: 30px !important;
            }
        }

        /* ========================================================
           GLOBAL DARK MODE THEME SYSTEM
           ======================================================== */
        html.ww-dark-mode,
        html.ww-dark-mode body,
        html.ww-dark-mode body.single-post,
        html.ww-dark-mode body.blog,
        html.ww-dark-mode body.page,
        html.ww-dark-mode body.archive {
            background-color: #141210 !important;
            color: #e5e0d8 !important;
        }

        /* Dark Mode Logo - Ensure Wild West is crisp warm cream white */
        html.ww-dark-mode .ww-logo-prefix {
            color: #fbf7ee !important;
        }

        html.ww-dark-mode .ww-logo-suffix {
            background: #d97706 !important;
            color: #141210 !important;
            -webkit-text-fill-color: #141210 !important;
            border-color: #f59e0b !important;
        }

        /* Dark Mode Mobile Menu Toggle */
        html.ww-dark-mode #mobile-menu-control-wrapper .menu-toggle,
        html.ww-dark-mode .mobile-menu-control-wrapper .menu-toggle,
        html.ww-dark-mode #site-navigation .menu-toggle,
        html.ww-dark-mode .main-navigation .menu-toggle,
        html.ww-dark-mode .menu-toggle {
            color: #fde68a !important;
        }

        /* Dark Mode Header & Navigation Containers */
        html.ww-dark-mode .site-header,
        html.ww-dark-mode #site-navigation,
        html.ww-dark-mode #site-navigation.toggled,
        html.ww-dark-mode .main-navigation,
        html.ww-dark-mode .top-bar {
            background-color: #1a1715 !important;
            border-color: #2e2824 !important;
            color: #f5f5f4 !important;
        }

        /* Dark Mode Main Nav Menu Links (Unselected) - High Contrast Light Ivory / Cream */
        html.ww-dark-mode #site-navigation .main-nav > ul > li > a,
        html.ww-dark-mode #site-navigation .main-nav ul li a,
        html.ww-dark-mode .main-navigation .main-nav > ul > li > a,
        html.ww-dark-mode .main-navigation .main-nav ul li a,
        html.ww-dark-mode #site-navigation a,
        html.ww-dark-mode .main-navigation a {
            color: #f3efe6 !important;
            background: transparent !important;
        }

        /* Dropdown Chevron Arrow in Dark Mode */
        html.ww-dark-mode #site-navigation .main-nav > ul > li.menu-item-has-children .dropdown-menu-toggle,
        html.ww-dark-mode #site-navigation .main-nav > ul > li.menu-item-has-children .dropdown-menu-toggle .gp-icon,
        html.ww-dark-mode #site-navigation .main-nav > ul > li.menu-item-has-children .dropdown-menu-toggle .gp-icon svg,
        html.ww-dark-mode .main-navigation .dropdown-menu-toggle .gp-icon svg {
            color: #f3efe6 !important;
            fill: #f3efe6 !important;
        }

        /* Menu Links Hover & sfHover State in Dark Mode */
        html.ww-dark-mode #site-navigation .main-nav > ul > li:hover > a,
        html.ww-dark-mode #site-navigation .main-nav > ul > li.sfHover > a,
        html.ww-dark-mode #site-navigation .main-nav > ul > li > a:hover,
        html.ww-dark-mode .main-navigation .main-nav > ul > li:hover > a,
        html.ww-dark-mode .main-navigation .main-nav ul li:hover > a {
            color: #fde68a !important;
            background: rgba(245, 158, 11, 0.16) !important;
            transform: translateY(-1px) !important;
        }
        html.ww-dark-mode #site-navigation .main-nav > ul > li:hover > a .dropdown-menu-toggle .gp-icon svg,
        html.ww-dark-mode #site-navigation .main-nav > ul > li.sfHover > a .dropdown-menu-toggle .gp-icon svg {
            color: #fde68a !important;
            fill: #fde68a !important;
        }

        /* Active / Current Menu Item in Dark Mode */
        html.ww-dark-mode #site-navigation .main-nav > ul > li.current-menu-item > a,
        html.ww-dark-mode #site-navigation .main-nav > ul > li.current_page_item > a,
        html.ww-dark-mode #site-navigation .main-nav > ul > li.current-menu-ancestor > a,
        html.ww-dark-mode #site-navigation .main-nav > ul > li[class*='current-menu-'] > a,
        html.ww-dark-mode .main-navigation .main-nav ul li[class*='current-menu-'] > a {
            background: rgba(245, 158, 11, 0.22) !important;
            color: #fbbf24 !important;
            font-weight: 700 !important;
            border: 1px solid rgba(245, 158, 11, 0.35) !important;
        }
        html.ww-dark-mode #site-navigation .main-nav > ul > li.current-menu-item > a .dropdown-menu-toggle .gp-icon svg,
        html.ww-dark-mode #site-navigation .main-nav > ul > li.current-menu-ancestor > a .dropdown-menu-toggle .gp-icon svg {
            color: #fbbf24 !important;
            fill: #fbbf24 !important;
        }

        /* Submenu Dropdown Container in Dark Mode */
        html.ww-dark-mode #site-navigation ul ul,
        html.ww-dark-mode #site-navigation .sub-menu,
        html.ww-dark-mode .main-navigation ul ul,
        html.ww-dark-mode .main-navigation .sub-menu {
            background: #1c1815 !important;
            background-color: #1c1815 !important;
            border: 1px solid #3d3226 !important;
            box-shadow: 0 12px 32px rgba(0, 0, 0, 0.65) !important;
            border-radius: 12px !important;
        }

        /* Submenu Dropdown Links in Dark Mode */
        html.ww-dark-mode #site-navigation .sub-menu li a,
        html.ww-dark-mode #site-navigation ul ul li a,
        html.ww-dark-mode .main-navigation .sub-menu li a,
        html.ww-dark-mode .main-navigation ul ul li a {
            color: #e7e5e4 !important;
            background: transparent !important;
        }

        /* Submenu Dropdown Link Hover in Dark Mode */
        html.ww-dark-mode #site-navigation .sub-menu li a:hover,
        html.ww-dark-mode #site-navigation ul ul li:hover > a,
        html.ww-dark-mode .main-navigation .sub-menu li a:hover,
        html.ww-dark-mode .main-navigation ul ul li:hover > a {
            background: rgba(245, 158, 11, 0.15) !important;
            color: #fde68a !important;
            transform: translateX(4px) !important;
        }

        html.ww-dark-mode .ww-theme-toggle {
            background: #24201c !important;
            color: #fde68a !important;
            border-color: #42382e !important;
            box-shadow: 0 1px 4px rgba(0,0,0,0.3) !important;
        }

        html.ww-dark-mode .ww-theme-toggle:hover {
            background: #312b25 !important;
            border-color: #f59e0b !important;
            color: #ffffff !important;
        }

        /* Dark Mode Cards & Articles */
        html.ww-dark-mode .blog article.post,
        html.ww-dark-mode .archive article.post,
        html.ww-dark-mode .home.blog article.post,
        html.ww-dark-mode .search-results article.post,
        html.ww-dark-mode .blog .site-main > article.type-post,
        html.ww-dark-mode .archive .site-main > article.type-post,
        html.ww-dark-mode .home.blog .site-main > article.type-post {
            background: transparent !important;
            background-color: transparent !important;
            box-shadow: none !important;
            border: none !important;
            border-radius: 0 !important;
            padding: 0 !important;
        }

        html.ww-dark-mode .separate-containers .inside-article,
        html.ww-dark-mode .inside-article,
        html.ww-dark-mode .single-post .inside-article,
        html.ww-dark-mode .separate-containers .page-header,
        html.ww-dark-mode .page-header {
            background: #1b1815 !important;
            background-color: #1b1815 !important;
            border: 1px solid #2e2823 !important;
            border-color: #2e2823 !important;
            box-shadow: 0 4px 20px rgba(0, 0, 0, 0.45) !important;
            border-radius: 16px !important;
            overflow: hidden !important;
        }

        html.ww-dark-mode h1,
        html.ww-dark-mode h2,
        html.ww-dark-mode h3,
        html.ww-dark-mode h4,
        html.ww-dark-mode .blog h2.entry-title a,
        html.ww-dark-mode .archive h2.entry-title a,
        html.ww-dark-mode .home.blog h2.entry-title a,
        html.ww-dark-mode .entry-title a,
        html.ww-dark-mode .single-post h1.entry-title {
            color: #fbf7ee !important;
        }

        html.ww-dark-mode .entry-title a:hover,
        html.ww-dark-mode .blog h2.entry-title a:hover,
        html.ww-dark-mode .home.blog h2.entry-title a:hover {
            color: #f59e0b !important;
        }

        /* Dark Mode Story Summaries & Reading Typography */
        html.ww-dark-mode .blog .entry-summary,
        html.ww-dark-mode .archive .entry-summary,
        html.ww-dark-mode .home.blog .entry-summary,
        html.ww-dark-mode .entry-summary,
        html.ww-dark-mode .entry-summary p,
        html.ww-dark-mode .entry-content,
        html.ww-dark-mode .entry-content p,
        html.ww-dark-mode .inside-article,
        html.ww-dark-mode .inside-article p,
        html.ww-dark-mode .single-post .entry-content,
        html.ww-dark-mode .single-post .entry-content p {
            color: #e5e0d8 !important;
        }

        html.ww-dark-mode .entry-meta,
        html.ww-dark-mode .blog .entry-meta,
        html.ww-dark-mode .archive .entry-meta,
        html.ww-dark-mode .home.blog .entry-meta,
        html.ww-dark-mode .ww-story-meta-badge {
            color: #a8a29e !important;
        }
        html.ww-dark-mode .ww-badge-tag {
            background: #2a221a !important;
            color: #fde68a !important;
            border: 1px solid #5c4422 !important;
        }
        html.ww-dark-mode .ww-smb-sep {
            color: #574c40 !important;
        }
        html.ww-dark-mode .ww-smb-views {
            color: #f59e0b !important;
        }
        html.ww-dark-mode .ww-smb-part {
            color: #93c5fd !important;
        }

        html.ww-dark-mode .blog footer.entry-meta,
        html.ww-dark-mode .archive footer.entry-meta,
        html.ww-dark-mode .inside-article footer.entry-meta,
        html.ww-dark-mode .ww-story-card-footer {
            border-top-color: #2e2823 !important;
        }

        html.ww-dark-mode .blog footer.entry-meta .cat-links a,
        html.ww-dark-mode .archive footer.entry-meta .cat-links a,
        html.ww-dark-mode .ww-scf-cat a.ww-scf-cat-badge,
        html.ww-dark-mode .ww-tlb-cat,
        html.ww-dark-mode .ww-sbr-cat {
            background: #2a221a !important;
            color: #fde68a !important;
            border-color: #5c4422 !important;
        }

        html.ww-dark-mode .blog footer.entry-meta .cat-links a:hover,
        html.ww-dark-mode .ww-scf-cat a.ww-scf-cat-badge:hover,
        html.ww-dark-mode .ww-tlb-cat:hover,
        html.ww-dark-mode .ww-sbr-cat:hover {
            background: #423220 !important;
            color: #ffffff !important;
            border-color: #f59e0b !important;
        }

        html.ww-dark-mode a.ww-scf-read-btn,
        html.ww-dark-mode .ww-card-read-btn {
            background: #24201c !important;
            color: #f59e0b !important;
            border-color: #b45309 !important;
        }

        /* Dark Mode Single Post Pages, Meta & Navigation */
        html.ww-dark-mode .single-post .page-links,
        body.ww-dark-mode .single-post .page-links {
            background: #1c1917 !important;
            border-color: #2e2824 !important;
            color: #d6cfc4 !important;
        }
        html.ww-dark-mode .single-post .page-links::before,
        body.ww-dark-mode .single-post .page-links::before {
            color: #f59e0b !important;
            background-image: url('data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\' width=\'16\' height=\'16\' viewBox=\'0 0 24 24\' fill=\'%23f59e0b\'><path d=\'M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-5 14H7v-2h7v2zm3-4H7v-2h10v2zm0-4H7V7h10v2z\'/></svg>') !important;
        }
        html.ww-dark-mode .single-post .page-links a.post-page-numbers,
        body.ww-dark-mode .single-post .page-links a.post-page-numbers {
            background: #24201c !important;
            border-color: #383028 !important;
            color: #d6cfc4 !important;
        }
        html.ww-dark-mode .single-post .page-links a.post-page-numbers:hover,
        body.ww-dark-mode .single-post .page-links a.post-page-numbers:hover {
            background: #2e2823 !important;
            color: #f59e0b !important;
            border-color: #5c4422 !important;
        }
        html.ww-dark-mode .single-post .page-links .post-page-numbers.current,
        body.ww-dark-mode .single-post .page-links .post-page-numbers.current {
            background: #f59e0b !important;
            color: #141210 !important;
            border-color: #f59e0b !important;
        }

        html.ww-dark-mode .single-post footer.entry-meta,
        body.ww-dark-mode .single-post footer.entry-meta {
            border-top-color: #2e2824 !important;
        }
        html.ww-dark-mode .single-post footer.entry-meta .cat-links a,
        body.ww-dark-mode .single-post footer.entry-meta .cat-links a {
            background: #2a221a !important;
            color: #fde68a !important;
            border-color: #5c4422 !important;
        }
        html.ww-dark-mode .single-post footer.entry-meta .cat-links a::before,
        body.ww-dark-mode .single-post footer.entry-meta .cat-links a::before {
            background-image: url('data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\' width=\'14\' height=\'14\' viewBox=\'0 0 24 24\' fill=\'%23fde68a\'><path d=\'M10 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2h-8l-2-2z\'/></svg>') !important;
        }
        html.ww-dark-mode .single-post footer.entry-meta .cat-links a:hover,
        body.ww-dark-mode .single-post footer.entry-meta .cat-links a:hover {
            background: #423220 !important;
            color: #ffffff !important;
            border-color: #f59e0b !important;
        }
        html.ww-dark-mode .single-post footer.entry-meta .tags-links a,
        body.ww-dark-mode .single-post footer.entry-meta .tags-links a {
            background: #24201c !important;
            color: #a8a29e !important;
            border-color: #383028 !important;
        }
        html.ww-dark-mode .single-post footer.entry-meta .tags-links a::before,
        body.ww-dark-mode .single-post footer.entry-meta .tags-links a::before {
            color: #f59e0b !important;
        }
        html.ww-dark-mode .single-post footer.entry-meta .tags-links a:hover,
        body.ww-dark-mode .single-post footer.entry-meta .tags-links a:hover {
            background: #2e2823 !important;
            color: #f59e0b !important;
            border-color: #5c4422 !important;
        }

        html.ww-dark-mode .single-post .post-navigation .nav-previous,
        body.ww-dark-mode .single-post .post-navigation .nav-previous,
        html.ww-dark-mode .single-post .post-navigation .nav-next,
        body.ww-dark-mode .single-post .post-navigation .nav-next {
            background: #1c1917 !important;
            border-color: #2e2824 !important;
        }
        html.ww-dark-mode .single-post .post-navigation .nav-previous::before,
        body.ww-dark-mode .single-post .post-navigation .nav-previous::before,
        html.ww-dark-mode .single-post .post-navigation .nav-next::before,
        body.ww-dark-mode .single-post .post-navigation .nav-next::before {
            color: #f59e0b !important;
        }
        html.ww-dark-mode .single-post .post-navigation a,
        body.ww-dark-mode .single-post .post-navigation a {
            color: #fbf7ee !important;
        }
        html.ww-dark-mode .single-post .post-navigation a:hover,
        body.ww-dark-mode .single-post .post-navigation a:hover {
            color: #f59e0b !important;
        }

        html.ww-dark-mode a.ww-scf-read-btn:hover,
        html.ww-dark-mode .ww-card-read-btn:hover {
            background: #f59e0b !important;
            color: #141210 !important;
            border-color: #f59e0b !important;
        }

        /* Dark Mode Search Box & Pill Container */
        html.ww-dark-mode .ww-mobile-header-search-bar {
            background-color: #1a1715 !important;
            border-bottom-color: #2e2824 !important;
        }

        html.ww-dark-mode .ww-search-field-wrap {
            background-color: #24201c !important;
            border-color: #3f362d !important;
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3) !important;
        }

        html.ww-dark-mode .ww-search-field-wrap:focus-within {
            background-color: #2a2520 !important;
            border-color: #f59e0b !important;
            box-shadow: 0 0 0 3px rgba(245, 158, 11, 0.22) !important;
        }

        html.ww-dark-mode .ww-search-input {
            background-color: transparent !important;
            color: #fbf7ee !important;
            border-color: transparent !important;
        }

        html.ww-dark-mode .ww-search-input:focus {
            background-color: transparent !important;
            border-color: transparent !important;
        }

        html.ww-dark-mode .ww-search-input::placeholder {
            color: #8c8278 !important;
        }

        html.ww-dark-mode .ww-search-icon {
            color: #f59e0b !important;
        }

        html.ww-dark-mode .ww-live-dropdown,
        html.ww-dark-mode .ww-ms-card {
            background-color: #1b1815 !important;
            border-color: #383028 !important;
            box-shadow: 0 10px 35px rgba(0,0,0,0.6) !important;
        }

        html.ww-dark-mode .ww-search-result-item {
            border-bottom-color: #2a241e !important;
        }

        html.ww-dark-mode .ww-search-result-item:hover,
        html.ww-dark-mode .ww-search-result-item.ww-active {
            background-color: #25201a !important;
        }

        html.ww-dark-mode .ww-sri-title {
            color: #fbf7ee !important;
        }

        html.ww-dark-mode .ww-sri-snippet {
            color: #a8a29e !important;
        }

        /* Dark Mode Footer & Pagination */
        html.ww-dark-mode .site-footer,
        html.ww-dark-mode .site-info {
            background-color: #12100e !important;
            color: #a8a29e !important;
            border-top: 1px solid #24201c !important;
        }

        html.ww-dark-mode .ww-footer-container a {
            color: #d6d0c4 !important;
        }

        html.ww-dark-mode .ww-footer-container a:hover {
            color: #f59e0b !important;
        }

        /* Dark Mode Pagination Container & Rounded Pill Badges */
        html.ww-dark-mode .ww-archive-pagination,
        html.ww-dark-mode .separate-containers .paging-navigation,
        html.ww-dark-mode .paging-navigation,
        html.ww-dark-mode .pagination,
        html.ww-dark-mode .navigation.pagination,
        html.ww-dark-mode .ww-dir-pagination,
        html.ww-dark-mode nav.navigation,
        html.ww-dark-mode div.nav-links {
            background: transparent !important;
            background-color: transparent !important;
            border: none !important;
            box-shadow: none !important;
        }

        html.ww-dark-mode .page-numbers,
        html.ww-dark-mode .nav-links .page-numbers,
        html.ww-dark-mode .ww-archive-pagination .page-numbers,
        html.ww-dark-mode .paging-navigation .nav-links .page-numbers,
        html.ww-dark-mode .pagination .nav-links .page-numbers,
        html.ww-dark-mode .navigation.pagination .nav-links .page-numbers,
        html.ww-dark-mode .ww-dir-pagination .page-numbers,
        html.ww-dark-mode .paging-navigation .nav-previous a,
        html.ww-dark-mode .paging-navigation .nav-next a {
            background: #24201c !important;
            color: #e5e0d8 !important;
            border: 1.5px solid #3d352b !important;
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.4) !important;
        }

        html.ww-dark-mode a.page-numbers:hover,
        html.ww-dark-mode .nav-links a.page-numbers:hover,
        html.ww-dark-mode .ww-archive-pagination a.page-numbers:hover,
        html.ww-dark-mode .paging-navigation .nav-links a.page-numbers:hover,
        html.ww-dark-mode .pagination .nav-links a.page-numbers:hover,
        html.ww-dark-mode .navigation.pagination .nav-links a.page-numbers:hover,
        html.ww-dark-mode .ww-dir-pagination a.page-numbers:hover,
        html.ww-dark-mode .paging-navigation .nav-previous a:hover,
        html.ww-dark-mode .paging-navigation .nav-next a:hover {
            background: #312b25 !important;
            border-color: #f59e0b !important;
            color: #f59e0b !important;
            transform: translateY(-2px) !important;
            box-shadow: 0 4px 14px rgba(245, 158, 11, 0.25) !important;
        }

        html.ww-dark-mode .page-numbers.current,
        html.ww-dark-mode .nav-links .page-numbers.current,
        html.ww-dark-mode .ww-archive-pagination .page-numbers.current,
        html.ww-dark-mode .paging-navigation .nav-links .page-numbers.current,
        html.ww-dark-mode .pagination .nav-links .page-numbers.current,
        html.ww-dark-mode .navigation.pagination .nav-links .page-numbers.current,
        html.ww-dark-mode .ww-dir-pagination .page-numbers.current {
            background: linear-gradient(135deg, #b45309 0%, #d97706 100%) !important;
            color: #ffffff !important;
            border-color: #f59e0b !important;
            box-shadow: 0 3px 14px rgba(245, 158, 11, 0.4) !important;
        }

        html.ww-dark-mode .page-numbers.dots,
        html.ww-dark-mode .nav-links .page-numbers.dots,
        html.ww-dark-mode .ww-archive-pagination .page-numbers.dots,
        html.ww-dark-mode .paging-navigation .nav-links .page-numbers.dots,
        html.ww-dark-mode .pagination .nav-links .page-numbers.dots,
        html.ww-dark-mode .navigation.pagination .nav-links .page-numbers.dots,
        html.ww-dark-mode .ww-dir-pagination .page-numbers.dots {
            background: transparent !important;
            border: none !important;
            color: #8c8278 !important;
            box-shadow: none !important;
        }

        /* Dark Mode Callout Box & Contact Us */
        html.ww-dark-mode .wp-block-group,
        html.ww-dark-mode .entry-content .wp-block-group,
        html.ww-dark-mode .wp-block-group[style*='background-color'],
        html.ww-dark-mode div[style*='background-color:#fcfbf9'],
        html.ww-dark-mode div[style*='background-color: #fcfbf9'],
        html.ww-dark-mode div[style*='background-color:rgb(252, 251, 249)'],
        html.ww-dark-mode div[style*='background-color: rgb(252, 251, 249)'] {
            background: #1e1b17 !important;
            background-color: #1e1b17 !important;
            border: 1px solid #3d352b !important;
            border-left: 4px solid #f59e0b !important;
            box-shadow: 0 4px 20px rgba(0, 0, 0, 0.45) !important;
        }

        html.ww-dark-mode .wp-block-group p,
        html.ww-dark-mode .wp-block-group strong,
        html.ww-dark-mode .wp-block-group span,
        html.ww-dark-mode .wp-block-group div,
        html.ww-dark-mode .wp-block-group p[style*='color'] {
            color: #e5e0d8 !important;
        }

        html.ww-dark-mode .wp-block-group strong {
            color: #fbf7ee !important;
        }

        html.ww-dark-mode .wp-block-group a,
        html.ww-dark-mode .wp-block-group a[style*='color'],
        html.ww-dark-mode .wp-block-group a[href^='mailto:'] {
            color: #f59e0b !important;
            text-decoration: underline !important;
        }

        html.ww-dark-mode .wp-block-group a:hover,
        html.ww-dark-mode .wp-block-group a[style*='color']:hover {
            color: #fde68a !important;
            text-decoration: none !important;
        }

        /* Dark Mode Comments Form */
        html.ww-dark-mode .comments-area,
        html.ww-dark-mode #respond,
        html.ww-dark-mode .comment-respond {
            background-color: #1a1715 !important;
            border-color: #2e2824 !important;
            color: #e5e0d8 !important;
        }
        html.ww-dark-mode .comment-respond h3,
        html.ww-dark-mode #reply-title {
            color: #fde68a !important;
        }
        html.ww-dark-mode #commentform input[type='text'],
        html.ww-dark-mode #commentform input[type='email'],
        html.ww-dark-mode #commentform input[type='url'],
        html.ww-dark-mode #commentform textarea {
            background-color: #24201c !important;
            border-color: #3d342b !important;
            color: #fbf7ee !important;
        }
        html.ww-dark-mode #commentform input[type='submit'] {
            background: #b45309 !important;
            color: #ffffff !important;
        }

                /* Dark Mode Search Empty Box */
        html.ww-dark-mode .ww-search-empty-box {
            background: #1b1815 !important;
            border-color: #383028 !important;
        }
        html.ww-dark-mode .ww-search-empty-box h3 {
            color: #fbf7ee !important;
        }
        html.ww-dark-mode .ww-search-empty-box p {
            color: #a8a29e !important;
        }
        html.ww-dark-mode .ww-search-chip-link {
            background: #2a221a !important;
            color: #fde68a !important;
            border: 1px solid #5c4422 !important;
        }
        html.ww-dark-mode .ww-search-chip-link:hover {
            background: #423220 !important;
            color: #ffffff !important;
            border-color: #f59e0b !important;
        }

        /* ========================================================
           GLOBAL SEPIA MODE THEME SYSTEM (VINTAGE PARCHMENT / GIẤY CỔ)
           ======================================================== */
        html.ww-sepia-mode,
        html.ww-sepia-mode body,
        html.ww-sepia-mode body.single-post,
        html.ww-sepia-mode body.blog,
        html.ww-sepia-mode body.page,
        html.ww-sepia-mode body.archive {
            background-color: #f4ebd9 !important;
            color: #382c23 !important;
        }

        /* Sepia Logo */
        html.ww-sepia-mode .ww-logo-prefix {
            color: #2b1d14 !important;
        }

        html.ww-sepia-mode .ww-logo-suffix {
            background: #b45309 !important;
            color: #fdfaf3 !important;
            -webkit-text-fill-color: #fdfaf3 !important;
            border-color: #92400e !important;
        }

        /* Sepia Mode Mobile Menu Toggle */
        html.ww-sepia-mode #mobile-menu-control-wrapper .menu-toggle,
        html.ww-sepia-mode .mobile-menu-control-wrapper .menu-toggle,
        html.ww-sepia-mode #site-navigation .menu-toggle,
        html.ww-sepia-mode .main-navigation .menu-toggle,
        html.ww-sepia-mode .menu-toggle {
            color: #78350f !important;
        }

        /* Sepia Mode Header & Navigation Containers */
        html.ww-sepia-mode .site-header,
        html.ww-sepia-mode #site-navigation,
        html.ww-sepia-mode #site-navigation.toggled,
        html.ww-sepia-mode .main-navigation,
        html.ww-sepia-mode .top-bar {
            background-color: #ebdcc4 !important;
            border-color: #d6be9c !important;
            color: #382c23 !important;
        }

        /* Sepia Mode Main Nav Menu Links */
        html.ww-sepia-mode #site-navigation .main-nav > ul > li > a,
        html.ww-sepia-mode #site-navigation .main-nav ul li a,
        html.ww-sepia-mode .main-navigation .main-nav > ul > li > a,
        html.ww-sepia-mode .main-navigation .main-nav ul li a {
            color: #382c23 !important;
        }

        /* Sepia Mode Dropdown Chevron Icon */
        html.ww-sepia-mode #site-navigation .main-nav > ul > li.menu-item-has-children .dropdown-menu-toggle .gp-icon svg,
        html.ww-sepia-mode .main-navigation .dropdown-menu-toggle .gp-icon svg {
            color: #382c23 !important;
            fill: #382c23 !important;
        }

        /* Sepia Mode Menu Links Hover & sfHover */
        html.ww-sepia-mode #site-navigation .main-nav > ul > li:hover > a,
        html.ww-sepia-mode #site-navigation .main-nav > ul > li.sfHover > a,
        html.ww-sepia-mode .main-navigation .main-nav > ul > li:hover > a,
        html.ww-sepia-mode .main-navigation .main-nav ul li:hover > a {
            background-color: rgba(180, 83, 9, 0.09) !important;
            color: #92400e !important;
        }
        html.ww-sepia-mode #site-navigation .main-nav > ul > li:hover > a .dropdown-menu-toggle .gp-icon svg,
        html.ww-sepia-mode #site-navigation .main-nav > ul > li.sfHover > a .dropdown-menu-toggle .gp-icon svg {
            color: #92400e !important;
            fill: #92400e !important;
        }

        /* Sepia Mode Active / Current Menu Item */
        html.ww-sepia-mode #site-navigation .main-nav > ul > li.current-menu-item > a,
        html.ww-sepia-mode #site-navigation .main-nav > ul > li.current_page_item > a,
        html.ww-sepia-mode #site-navigation .main-nav > ul > li.current-menu-ancestor > a,
        html.ww-sepia-mode #site-navigation .main-nav > ul > li[class*='current-menu-'] > a,
        html.ww-sepia-mode .main-navigation .main-nav ul li[class*='current-menu-'] > a {
            background: rgba(180, 83, 9, 0.14) !important;
            color: #92400e !important;
            font-weight: 700 !important;
        }

        /* Sepia Mode Submenu Dropdown Container */
        html.ww-sepia-mode #site-navigation ul ul,
        html.ww-sepia-mode #site-navigation .sub-menu,
        html.ww-sepia-mode .main-navigation ul ul,
        html.ww-sepia-mode .main-navigation .sub-menu {
            background-color: #fbf5ea !important;
            border: 1px solid #cfbe9e !important;
            box-shadow: 0 10px 30px rgba(92, 48, 15, 0.22) !important;
            border-radius: 12px !important;
        }

        /* Sepia Mode Submenu Dropdown Links */
        html.ww-sepia-mode #site-navigation .sub-menu li a,
        html.ww-sepia-mode #site-navigation ul ul li a,
        html.ww-sepia-mode .main-navigation .sub-menu li a,
        html.ww-sepia-mode .main-navigation ul ul li a {
            color: #382c23 !important;
        }

        /* Sepia Mode Submenu Dropdown Link Hover */
        html.ww-sepia-mode #site-navigation .sub-menu li a:hover,
        html.ww-sepia-mode #site-navigation ul ul li:hover > a,
        html.ww-sepia-mode .main-navigation .sub-menu li a:hover,
        html.ww-sepia-mode .main-navigation ul ul li:hover > a {
            background-color: #ebdcc4 !important;
            color: #92400e !important;
        }

        html.ww-sepia-mode .ww-theme-toggle {
            background: #fdfaf3 !important;
            color: #78350f !important;
            border-color: #cfbe9e !important;
            box-shadow: 0 1px 4px rgba(92, 64, 30, 0.1) !important;
        }

        html.ww-sepia-mode .ww-theme-toggle:hover {
            background: #ebdcc4 !important;
            border-color: #b45309 !important;
            color: #92400e !important;
        }

        /* Sepia Mode Cards & Articles */
        html.ww-sepia-mode .blog article.post,
        html.ww-sepia-mode .archive article.post,
        html.ww-sepia-mode .home.blog article.post,
        html.ww-sepia-mode .search-results article.post,
        html.ww-sepia-mode .blog .site-main > article.type-post,
        html.ww-sepia-mode .archive .site-main > article.type-post,
        html.ww-sepia-mode .home.blog .site-main > article.type-post {
            background: transparent !important;
            background-color: transparent !important;
            box-shadow: none !important;
            border: none !important;
            border-radius: 0 !important;
            padding: 0 !important;
        }

        html.ww-sepia-mode .separate-containers .inside-article,
        html.ww-sepia-mode .inside-article,
        html.ww-sepia-mode .single-post .inside-article,
        html.ww-sepia-mode .separate-containers .page-header,
        html.ww-sepia-mode .page-header {
            background: #faf4e8 !important;
            background-color: #faf4e8 !important;
            border: 1px solid #dfd1b8 !important;
            border-color: #dfd1b8 !important;
            box-shadow: 0 4px 18px rgba(92, 64, 30, 0.08) !important;
            border-radius: 16px !important;
            overflow: hidden !important;
        }

        html.ww-sepia-mode h1,
        html.ww-sepia-mode h2,
        html.ww-sepia-mode h3,
        html.ww-sepia-mode h4,
        html.ww-sepia-mode .blog h2.entry-title a,
        html.ww-sepia-mode .archive h2.entry-title a,
        html.ww-sepia-mode .home.blog h2.entry-title a,
        html.ww-sepia-mode .entry-title a,
        html.ww-sepia-mode .single-post h1.entry-title {
            color: #231811 !important;
        }

        html.ww-sepia-mode .entry-title a:hover,
        html.ww-sepia-mode .blog h2.entry-title a:hover,
        html.ww-sepia-mode .home.blog h2.entry-title a:hover {
            color: #b45309 !important;
        }

        /* Sepia Mode Story Summaries & Reading Typography */
        html.ww-sepia-mode .blog .entry-summary,
        html.ww-sepia-mode .archive .entry-summary,
        html.ww-sepia-mode .home.blog .entry-summary,
        html.ww-sepia-mode .entry-summary,
        html.ww-sepia-mode .entry-summary p,
        html.ww-sepia-mode .entry-content,
        html.ww-sepia-mode .entry-content p,
        html.ww-sepia-mode .inside-article,
        html.ww-sepia-mode .inside-article p,
        html.ww-sepia-mode .single-post .entry-content,
        html.ww-sepia-mode .single-post .entry-content p {
            color: #342821 !important;
        }

        html.ww-sepia-mode .entry-meta,
        html.ww-sepia-mode .blog .entry-meta,
        html.ww-sepia-mode .archive .entry-meta,
        html.ww-sepia-mode .home.blog .entry-meta,
        html.ww-sepia-mode .ww-story-meta-badge {
            color: #7a6350 !important;
        }
        html.ww-sepia-mode .ww-badge-tag {
            background: #ebdcc4 !important;
            color: #78350f !important;
            border: 1px solid #d4be9c !important;
        }
        html.ww-sepia-mode .ww-smb-sep {
            color: #bfa88c !important;
        }
        html.ww-sepia-mode .ww-smb-views {
            color: #b45309 !important;
        }
        html.ww-sepia-mode .ww-smb-part {
            color: #1e40af !important;
        }

        html.ww-sepia-mode .blog footer.entry-meta,
        html.ww-sepia-mode .archive footer.entry-meta,
        html.ww-sepia-mode .inside-article footer.entry-meta,
        html.ww-sepia-mode .ww-story-card-footer {
            border-top-color: #dfd1b8 !important;
        }

        html.ww-sepia-mode .blog footer.entry-meta .cat-links a,
        html.ww-sepia-mode .archive footer.entry-meta .cat-links a,
        html.ww-sepia-mode .ww-scf-cat a.ww-scf-cat-badge,
        html.ww-sepia-mode .ww-tlb-cat,
        html.ww-sepia-mode .ww-sbr-cat {
            background: #ebdcc4 !important;
            color: #78350f !important;
            border-color: #d4be9c !important;
        }

        html.ww-sepia-mode .blog footer.entry-meta .cat-links a:hover,
        html.ww-sepia-mode .ww-scf-cat a.ww-scf-cat-badge:hover,
        html.ww-sepia-mode .ww-tlb-cat:hover,
        html.ww-sepia-mode .ww-sbr-cat:hover {
            background: #d4be9c !important;
            color: #231811 !important;
            border-color: #b45309 !important;
        }

        html.ww-sepia-mode a.ww-scf-read-btn,
        html.ww-sepia-mode .ww-card-read-btn {
            background: #faf4e8 !important;
            color: #b45309 !important;
            border-color: #b45309 !important;
        }

        /* Sepia Mode Single Post Pages, Meta & Navigation */
        html.ww-sepia-mode .single-post .page-links,
        body.ww-sepia-mode .single-post .page-links {
            background: #f8f1e2 !important;
            border-color: #dfd1b8 !important;
            color: #78350f !important;
        }
        html.ww-sepia-mode .single-post .page-links::before,
        body.ww-sepia-mode .single-post .page-links::before {
            color: #92400e !important;
            background-image: url('data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\' width=\'16\' height=\'16\' viewBox=\'0 0 24 24\' fill=\'%2392400e\'><path d=\'M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-5 14H7v-2h7v2zm3-4H7v-2h10v2zm0-4H7V7h10v2z\'/></svg>') !important;
        }
        html.ww-sepia-mode .single-post .page-links a.post-page-numbers,
        body.ww-sepia-mode .single-post .page-links a.post-page-numbers {
            background: #ffffff !important;
            border-color: #dfd1b8 !important;
            color: #78350f !important;
        }
        html.ww-sepia-mode .single-post .page-links a.post-page-numbers:hover,
        body.ww-sepia-mode .single-post .page-links a.post-page-numbers:hover {
            background: #f7eedc !important;
            color: #b45309 !important;
            border-color: #b45309 !important;
        }
        html.ww-sepia-mode .single-post .page-links .post-page-numbers.current,
        body.ww-sepia-mode .single-post .page-links .post-page-numbers.current {
            background: #b45309 !important;
            color: #ffffff !important;
            border-color: #92400e !important;
        }

        html.ww-sepia-mode .single-post footer.entry-meta,
        body.ww-sepia-mode .single-post footer.entry-meta {
            border-top-color: #dfd1b8 !important;
        }
        html.ww-sepia-mode .single-post footer.entry-meta .cat-links a,
        body.ww-sepia-mode .single-post footer.entry-meta .cat-links a {
            background: #fef3c7 !important;
            color: #92400e !important;
            border-color: #ecd599 !important;
        }
        html.ww-sepia-mode .single-post footer.entry-meta .cat-links a::before,
        body.ww-sepia-mode .single-post footer.entry-meta .cat-links a::before {
            background-image: url('data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\' width=\'14\' height=\'14\' viewBox=\'0 0 24 24\' fill=\'%2392400e\'><path d=\'M10 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2h-8l-2-2z\'/></svg>') !important;
        }
        html.ww-sepia-mode .single-post footer.entry-meta .cat-links a:hover,
        body.ww-sepia-mode .single-post footer.entry-meta .cat-links a:hover {
            background: #fde68a !important;
            color: #78350f !important;
            border-color: #b45309 !important;
        }
        html.ww-sepia-mode .single-post footer.entry-meta .tags-links a,
        body.ww-sepia-mode .single-post footer.entry-meta .tags-links a {
            background: #fdfaf3 !important;
            color: #78716c !important;
            border-color: #dfd1b8 !important;
        }
        html.ww-sepia-mode .single-post footer.entry-meta .tags-links a::before,
        body.ww-sepia-mode .single-post footer.entry-meta .tags-links a::before {
            color: #b45309 !important;
        }
        html.ww-sepia-mode .single-post footer.entry-meta .tags-links a:hover,
        body.ww-sepia-mode .single-post footer.entry-meta .tags-links a:hover {
            background: #f7eedc !important;
            color: #b45309 !important;
            border-color: #b45309 !important;
        }

        html.ww-sepia-mode .single-post .post-navigation .nav-previous,
        body.ww-sepia-mode .single-post .post-navigation .nav-previous,
        html.ww-sepia-mode .single-post .post-navigation .nav-next,
        body.ww-sepia-mode .single-post .post-navigation .nav-next {
            background: #f8f2e4 !important;
            border-color: #dfd1b8 !important;
        }
        html.ww-sepia-mode .single-post .post-navigation .nav-previous::before,
        body.ww-sepia-mode .single-post .post-navigation .nav-previous::before,
        html.ww-sepia-mode .single-post .post-navigation .nav-next::before,
        body.ww-sepia-mode .single-post .post-navigation .nav-next::before {
            color: #b45309 !important;
        }
        html.ww-sepia-mode .single-post .post-navigation a,
        body.ww-sepia-mode .single-post .post-navigation a {
            color: #2c2419 !important;
        }
        html.ww-sepia-mode .single-post .post-navigation a:hover,
        body.ww-sepia-mode .single-post .post-navigation a:hover {
            color: #b45309 !important;
        }

        html.ww-sepia-mode a.ww-scf-read-btn:hover,
        html.ww-sepia-mode .ww-card-read-btn:hover {
            background: #b45309 !important;
            color: #ffffff !important;
            border-color: #b45309 !important;
        }

        /* Sepia Mode Search Box & Dropdown */
        html.ww-sepia-mode .ww-mobile-header-search-bar {
            background-color: #ebdcc4 !important;
            border-bottom-color: #d6be9c !important;
        }

        html.ww-sepia-mode .ww-search-field-wrap {
            background-color: #faf4e8 !important;
            border-color: #cfbe9e !important;
            box-shadow: 0 2px 8px rgba(92, 64, 30, 0.08) !important;
        }

        html.ww-sepia-mode .ww-search-field-wrap:focus-within {
            background-color: #fdfaf3 !important;
            border-color: #b45309 !important;
            box-shadow: 0 0 0 3px rgba(180, 83, 9, 0.2) !important;
        }

        html.ww-sepia-mode .ww-search-input {
            background-color: transparent !important;
            color: #231811 !important;
            border-color: transparent !important;
        }

        html.ww-sepia-mode .ww-search-input:focus {
            background-color: transparent !important;
            border-color: transparent !important;
        }

        html.ww-sepia-mode .ww-search-input::placeholder {
            color: #8c735d !important;
        }

        html.ww-sepia-mode .ww-search-icon {
            color: #b45309 !important;
        }

        html.ww-sepia-mode .ww-live-dropdown,
        html.ww-sepia-mode .ww-ms-card {
            background-color: #faf4e8 !important;
            border-color: #cfbe9e !important;
            box-shadow: 0 10px 35px rgba(92, 64, 30, 0.2) !important;
        }

        html.ww-sepia-mode .ww-search-result-item {
            border-bottom-color: #ebdcc4 !important;
        }

        html.ww-sepia-mode .ww-search-result-item:hover,
        html.ww-sepia-mode .ww-search-result-item.ww-active {
            background-color: #ebdcc4 !important;
        }

        html.ww-sepia-mode .ww-sri-title {
            color: #231811 !important;
        }

        html.ww-sepia-mode .ww-sri-snippet {
            color: #7a6350 !important;
        }

        /* Sepia Mode Footer & Pagination */
        html.ww-sepia-mode .site-footer,
        html.ww-sepia-mode .site-info {
            background-color: #dfceb3 !important;
            color: #5a4637 !important;
            border-top: 1px solid #cfbe9e !important;
        }

        html.ww-sepia-mode .ww-footer-container a {
            color: #382c23 !important;
        }

        html.ww-sepia-mode .ww-footer-container a:hover {
            color: #b45309 !important;
        }

        html.ww-sepia-mode .ww-archive-pagination,
        html.ww-sepia-mode .separate-containers .paging-navigation,
        html.ww-sepia-mode .paging-navigation,
        html.ww-sepia-mode .pagination,
        html.ww-sepia-mode .navigation.pagination,
        html.ww-sepia-mode .ww-dir-pagination,
        html.ww-sepia-mode nav.navigation,
        html.ww-sepia-mode div.nav-links {
            background: transparent !important;
            background-color: transparent !important;
            border: none !important;
            box-shadow: none !important;
        }

        html.ww-sepia-mode .page-numbers,
        html.ww-sepia-mode .nav-links .page-numbers,
        html.ww-sepia-mode .ww-archive-pagination .page-numbers,
        html.ww-sepia-mode .paging-navigation .nav-links .page-numbers,
        html.ww-sepia-mode .pagination .nav-links .page-numbers,
        html.ww-sepia-mode .navigation.pagination .nav-links .page-numbers,
        html.ww-sepia-mode .ww-dir-pagination .page-numbers,
        html.ww-sepia-mode .paging-navigation .nav-previous a,
        html.ww-sepia-mode .paging-navigation .nav-next a {
            background: #faf4e8 !important;
            color: #382c23 !important;
            border: 1.5px solid #d4be9c !important;
            box-shadow: 0 2px 8px rgba(92, 64, 30, 0.08) !important;
        }

        html.ww-sepia-mode a.page-numbers:hover,
        html.ww-sepia-mode .nav-links a.page-numbers:hover,
        html.ww-sepia-mode .ww-archive-pagination a.page-numbers:hover,
        html.ww-sepia-mode .paging-navigation .nav-links a.page-numbers:hover,
        html.ww-sepia-mode .pagination .nav-links a.page-numbers:hover,
        html.ww-sepia-mode .navigation.pagination .nav-links a.page-numbers:hover,
        html.ww-sepia-mode .ww-dir-pagination a.page-numbers:hover,
        html.ww-sepia-mode .paging-navigation .nav-previous a:hover,
        html.ww-sepia-mode .paging-navigation .nav-next a:hover {
            background: #ebdcc4 !important;
            border-color: #b45309 !important;
            color: #b45309 !important;
            transform: translateY(-2px) !important;
            box-shadow: 0 4px 14px rgba(180, 83, 9, 0.2) !important;
        }

        html.ww-sepia-mode .page-numbers.current,
        html.ww-sepia-mode .nav-links .page-numbers.current,
        html.ww-sepia-mode .ww-archive-pagination .page-numbers.current,
        html.ww-sepia-mode .paging-navigation .nav-links .page-numbers.current,
        html.ww-sepia-mode .pagination .nav-links .page-numbers.current,
        html.ww-sepia-mode .navigation.pagination .nav-links .page-numbers.current,
        html.ww-sepia-mode .ww-dir-pagination .page-numbers.current {
            background: linear-gradient(135deg, #b45309 0%, #d97706 100%) !important;
            color: #ffffff !important;
            border-color: #92400e !important;
            box-shadow: 0 3px 14px rgba(180, 83, 9, 0.3) !important;
        }

        html.ww-sepia-mode .page-numbers.dots,
        html.ww-sepia-mode .nav-links .page-numbers.dots,
        html.ww-sepia-mode .ww-archive-pagination .page-numbers.dots,
        html.ww-sepia-mode .paging-navigation .nav-links .page-numbers.dots,
        html.ww-sepia-mode .pagination .nav-links .page-numbers.dots,
        html.ww-sepia-mode .navigation.pagination .nav-links .page-numbers.dots,
        html.ww-sepia-mode .ww-dir-pagination .page-numbers.dots {
            background: transparent !important;
            border: none !important;
            color: #8c735d !important;
            box-shadow: none !important;
        }

        /* Sepia Mode Callout Box & Contact Us */
        html.ww-sepia-mode .wp-block-group,
        html.ww-sepia-mode .entry-content .wp-block-group,
        html.ww-sepia-mode .wp-block-group[style*='background-color'],
        html.ww-sepia-mode div[style*='background-color:#fcfbf9'],
        html.ww-sepia-mode div[style*='background-color: #fcfbf9'],
        html.ww-sepia-mode div[style*='background-color:rgb(252, 251, 249)'],
        html.ww-sepia-mode div[style*='background-color: rgb(252, 251, 249)'] {
            background: #faf4e8 !important;
            background-color: #faf4e8 !important;
            border: 1px solid #dfd1b8 !important;
            border-left: 4px solid #b45309 !important;
            box-shadow: 0 4px 18px rgba(92, 64, 30, 0.08) !important;
        }

        html.ww-sepia-mode .wp-block-group p,
        html.ww-sepia-mode .wp-block-group strong,
        html.ww-sepia-mode .wp-block-group span,
        html.ww-sepia-mode .wp-block-group div,
        html.ww-sepia-mode .wp-block-group p[style*='color'] {
            color: #382c23 !important;
        }

        html.ww-sepia-mode .wp-block-group strong {
            color: #231811 !important;
        }

        html.ww-sepia-mode .wp-block-group a,
        html.ww-sepia-mode .wp-block-group a[style*='color'],
        html.ww-sepia-mode .wp-block-group a[href^='mailto:'] {
            color: #b45309 !important;
            text-decoration: underline !important;
        }

        html.ww-sepia-mode .wp-block-group a:hover,
        html.ww-sepia-mode .wp-block-group a[style*='color']:hover {
            color: #78350f !important;
            text-decoration: none !important;
        }

        /* Sepia Mode Comments Form */
        html.ww-sepia-mode .comments-area,
        html.ww-sepia-mode #respond,
        html.ww-sepia-mode .comment-respond {
            background-color: #faf4e8 !important;
            border-color: #dfd1b8 !important;
            color: #382c23 !important;
        }
        html.ww-sepia-mode .comment-respond h3,
        html.ww-sepia-mode #reply-title {
            color: #78350f !important;
        }
        html.ww-sepia-mode #commentform input[type='text'],
        html.ww-sepia-mode #commentform input[type='email'],
        html.ww-sepia-mode #commentform input[type='url'],
        html.ww-sepia-mode #commentform textarea {
            background-color: #fdfaf3 !important;
            border-color: #cfbe9e !important;
            color: #231811 !important;
        }
        html.ww-sepia-mode #commentform input[type='submit'] {
            background: #b45309 !important;
            color: #ffffff !important;
        }

        /* Sepia Mode Social Share Box & Cliffhanger Box */
        html.ww-sepia-mode .ww-share-box,
        html.ww-sepia-mode .ww-pagination-wrapper {
            background: linear-gradient(135deg, #faf4e8 0%, #ebdcc4 100%) !important;
            border-color: #dfd1b8 !important;
            box-shadow: 0 4px 20px rgba(92, 64, 30, 0.08) !important;
        }

        html.ww-sepia-mode .ww-pagination-title {
            color: #78350f !important;
        }

        html.ww-sepia-mode .ww-page-counter {
            color: #634f40 !important;
        }

        html.ww-sepia-mode .ww-share-badge {
            background: #ebdcc4 !important;
            color: #78350f !important;
        }

        html.ww-sepia-mode .ww-share-tagline {
            color: #231811 !important;
        }

        html.ww-sepia-mode .ww-share-toast {
            background: #064e3b !important;
            color: #a7f3d0 !important;
        }

        /* Sepia Mode Author Box */
        html.ww-sepia-mode .ww-author-box {
            background: linear-gradient(135deg, #faf4e8 0%, #ebdcc4 100%) !important;
            border-color: #dfd1b8 !important;
            border-left-color: #b45309 !important;
            box-shadow: 0 4px 18px rgba(92, 64, 30, 0.08) !important;
        }
        html.ww-sepia-mode .ww-ab-name {
            color: #451a03 !important;
        }
        html.ww-sepia-mode .ww-ab-bio {
            color: #443428 !important;
        }
        html.ww-sepia-mode .ww-ab-role {
            color: #785c46 !important;
        }
        html.ww-sepia-mode .ww-ab-badge {
            background: #ebdcc4 !important;
            color: #78350f !important;
            border-color: #dfd1b8 !important;
        }
        html.ww-sepia-mode .ww-ab-link {
            color: #78350f !important;
        }

        /* Sepia Mode Stories Directory */
        html.ww-sepia-mode .ww-dir-header {
            border-bottom-color: #d6be9c !important;
        }
        html.ww-sepia-mode .ww-dir-badge {
            background: #ebdcc4 !important;
            color: #78350f !important;
        }
        html.ww-sepia-mode .ww-dir-main-title {
            color: #78350f !important;
            background: none !important;
            -webkit-text-fill-color: initial !important;
        }
        html.ww-sepia-mode .ww-dir-subtitle {
            color: #634f40 !important;
        }
        html.ww-sepia-mode .ww-dir-item {
            background: #fdfaf3 !important;
            border: 1px solid #dfd1b8 !important;
            border-left: 4px solid #b45309 !important;
            border-radius: 12px !important;
            padding: 24px 26px !important;
            box-shadow: 0 4px 18px rgba(92, 64, 30, 0.08) !important;
        }
        html.ww-sepia-mode .ww-dir-item:hover {
            background: #f7eedc !important;
            border-color: #cfbe9e !important;
            border-left-color: #d97706 !important;
            box-shadow: 0 8px 24px rgba(92, 64, 30, 0.12) !important;
        }
        html.ww-sepia-mode .ww-dir-item .ww-dir-title,
        html.ww-sepia-mode .ww-dir-item .ww-dir-title a {
            color: #231811 !important;
            font-weight: 800 !important;
        }
        html.ww-sepia-mode .ww-dir-item .ww-dir-title a:hover {
            color: #b45309 !important;
        }
        html.ww-sepia-mode .ww-dir-item .ww-dir-snippet,
        html.ww-sepia-mode .ww-dir-item p.ww-dir-snippet,
        html.ww-sepia-mode .entry-content .ww-dir-item p,
        html.ww-sepia-mode .entry-content .ww-dir-item .ww-dir-snippet {
            color: #382c23 !important;
        }
        html.ww-sepia-mode .ww-dir-item .ww-dir-meta {
            color: #7a6350 !important;
        }
        html.ww-sepia-mode .ww-dir-item .ww-dir-cat {
            background: #ebdcc4 !important;
            color: #78350f !important;
            border: 1px solid #d4be9c !important;
        }
        html.ww-sepia-mode .ww-dir-item .ww-dir-date,
        html.ww-sepia-mode .ww-dir-item .ww-dir-time {
            color: #7a6350 !important;
        }
        html.ww-sepia-mode .ww-dir-item .ww-dir-views {
            color: #b45309 !important;
        }
        html.ww-sepia-mode .ww-dir-item .ww-dir-dot {
            color: #cfbe9e !important;
        }
        html.ww-sepia-mode .ww-dir-item .ww-dir-read-btn {
            color: #b45309 !important;
        }
        html.ww-sepia-mode .ww-dir-item .ww-dir-read-btn:hover {
            color: #78350f !important;
        }

        /* Sepia Mode Story Bottom Recommendations */
        html.ww-sepia-mode .ww-story-bottom-recs {
            background: #faf4e8 !important;
            border-color: #dfd1b8 !important;
            box-shadow: 0 4px 18px rgba(92, 64, 30, 0.08) !important;
        }
        html.ww-sepia-mode .ww-sbr-header {
            border-bottom-color: #e5d6be !important;
        }
        html.ww-sepia-mode .ww-sbr-badge {
            background: #ebdcc4 !important;
            color: #78350f !important;
        }
        html.ww-sepia-mode .ww-sbr-title {
            color: #231811 !important;
        }
        html.ww-sepia-mode .ww-sbr-col {
            background: #f4ebd9 !important;
            border-color: #dfd1b8 !important;
        }
        html.ww-sepia-mode .ww-sbr-col-header {
            border-bottom-color: #dfd1b8 !important;
        }
        html.ww-sepia-mode .ww-sbr-col-title {
            color: #78350f !important;
        }
        html.ww-sepia-mode .ww-sbr-item {
            background: #faf4e8 !important;
            border-color: #dfd1b8 !important;
        }
        html.ww-sepia-mode .ww-sbr-item:hover {
            border-color: #b45309 !important;
            box-shadow: 0 4px 12px rgba(180, 83, 9, 0.12) !important;
        }
        html.ww-sepia-mode .ww-sbr-item-title {
            color: #231811 !important;
        }
        html.ww-sepia-mode .ww-sbr-item:hover .ww-sbr-item-title {
            color: #b45309 !important;
        }
        html.ww-sepia-mode .ww-sbr-item-meta {
            color: #7a6350 !important;
        }
        html.ww-sepia-mode .ww-sbr-views {
            color: #b45309 !important;
        }
        html.ww-sepia-mode .ww-rank-normal {
            background: #ebdcc4 !important;
            color: #5a4637 !important;
        }
        html.ww-sepia-mode .ww-sbr-footer {
            border-top-color: #e5d6be !important;
        }
        html.ww-sepia-mode .ww-sbr-all-btn {
            color: #b45309 !important;
        }

        /* Sepia Mode Top Stories Leaderboard */
        html.ww-sepia-mode .ww-top-leaderboard-header {
            border-bottom-color: #d6be9c !important;
        }
        html.ww-sepia-mode .ww-tlb-title {
            color: #78350f !important;
        }
        html.ww-sepia-mode .ww-tlb-subtitle {
            color: #634f40 !important;
        }
        html.ww-sepia-mode .ww-tlb-card {
            background: #fdfaf3 !important;
            border: 1px solid #dfd1b8 !important;
            border-radius: 12px !important;
            padding: 22px 24px !important;
            box-shadow: 0 4px 16px rgba(92, 64, 30, 0.08) !important;
        }
        html.ww-sepia-mode .ww-tlb-card:hover {
            background: #f7eedc !important;
            border-color: #b45309 !important;
            box-shadow: 0 8px 24px rgba(92, 64, 30, 0.15) !important;
        }
        html.ww-sepia-mode .ww-tlb-card.tier-gold {
            background: linear-gradient(to right, #fdf8ee 0%, #faf4e8 100%) !important;
            border-left-color: #d97706 !important;
        }
        html.ww-sepia-mode .ww-tlb-card.tier-gold:hover {
            background: linear-gradient(to right, #fcf4e3 0%, #f7eedc 100%) !important;
        }
        html.ww-sepia-mode .ww-tlb-card.tier-silver {
            background: #fdfaf3 !important;
            border-left-color: #78716c !important;
        }
        html.ww-sepia-mode .ww-tlb-card.tier-bronze {
            background: #fdfaf3 !important;
            border-left-color: #b45309 !important;
        }
        html.ww-sepia-mode .ww-tlb-card.tier-normal {
            background: #fdfaf3 !important;
            border-left-color: #cfbe9e !important;
        }
        html.ww-sepia-mode .ww-tlb-rank-col {
            border-right-color: #e5d6be !important;
        }
        html.ww-sepia-mode .ww-tlb-medal {
            color: #b45309 !important;
        }
        html.ww-sepia-mode .ww-tlb-rank-label {
            color: #7a6350 !important;
        }
        html.ww-sepia-mode .ww-tlb-meta {
            color: #7a6350 !important;
        }
        html.ww-sepia-mode .ww-tlb-views {
            color: #b45309 !important;
        }
        html.ww-sepia-mode .ww-tlb-story-title a {
            color: #231811 !important;
        }
        html.ww-sepia-mode .ww-tlb-story-title a:hover {
            color: #b45309 !important;
        }
        html.ww-sepia-mode .ww-tlb-snippet {
            color: #382c23 !important;
        }
        html.ww-sepia-mode .ww-tlb-read-btn {
            color: #b45309 !important;
        }
        html.ww-sepia-mode .ww-tlb-read-btn:hover {
            color: #78350f !important;
        }

        /* Sepia Mode Search Empty Box */
        html.ww-sepia-mode .ww-search-empty-box {
            background: #faf4e8 !important;
            border: 1px dashed #dfd1b8 !important;
        }
        html.ww-sepia-mode .ww-search-empty-box h3 {
            color: #231811 !important;
        }
        html.ww-sepia-mode .ww-search-empty-box p {
            color: #5a4637 !important;
        }
        html.ww-sepia-mode .ww-search-chip-link {
            background: #ebdcc4 !important;
            color: #78350f !important;
            border: 1px solid #d4be9c !important;
        }
        html.ww-sepia-mode .ww-search-chip-link:hover {
            background: #d4be9c !important;
            color: #231811 !important;
            border-color: #b45309 !important;
        }


        /* ========================================================
           STORY BOTTOM RECOMMENDATIONS (2 COLUMNS)
           ======================================================== */
        .ww-story-bottom-recs {
            margin: 16px auto 24px auto !important;
            padding: 28px 24px !important;
            background: #ffffff !important;
            border-radius: 16px !important;
            border: 1px solid #ebdcc4 !important;
            box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04) !important;
            max-width: 920px !important;
            width: 100% !important;
            box-sizing: border-box !important;
            clear: both !important;
        }

        @media (max-width: 768px) {
            .ww-story-bottom-recs {
                margin: 14px auto 20px auto !important;
                padding: 20px 16px !important;
            }
        }

        html.ww-dark-mode .ww-story-bottom-recs {
            background: #1b1815 !important;
            border-color: #383028 !important;
            box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4) !important;
        }

        .ww-sbr-header {
            text-align: center !important;
            margin-bottom: 24px !important;
            padding-bottom: 16px !important;
            border-bottom: 2px solid #f5ede0 !important;
        }

        html.ww-dark-mode .ww-sbr-header {
            border-bottom-color: #2e2823 !important;
        }

        .ww-sbr-badge {
            display: inline-block !important;
            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
            font-size: 11px !important;
            font-weight: 800 !important;
            letter-spacing: 0.12em !important;
            text-transform: uppercase !important;
            color: #92400e !important;
            background: #fef3c7 !important;
            padding: 3px 10px !important;
            border-radius: 999px !important;
            margin-bottom: 8px !important;
        }

        html.ww-dark-mode .ww-sbr-badge {
            background: #36291a !important;
            color: #fde68a !important;
        }

        .ww-sbr-title {
            font-family: 'Playfair Display', Georgia, serif !important;
            font-size: 1.65rem !important;
            color: #1c1917 !important;
            margin: 0 !important;
            font-weight: 700 !important;
        }

        html.ww-dark-mode .ww-sbr-title {
            color: #fbf7ee !important;
        }

        .ww-sbr-grid {
            display: grid !important;
            grid-template-columns: 1fr 1fr !important;
            gap: 20px !important;
        }

        @media (max-width: 680px) {
            .ww-sbr-grid {
                grid-template-columns: 1fr !important;
                gap: 24px !important;
            }
        }

        .ww-sbr-col {
            background: #faf7f2 !important;
            border: 1px solid #ebdcc4 !important;
            border-radius: 10px !important;
            padding: 16px 14px !important;
        }

        html.ww-dark-mode .ww-sbr-col {
            background: #221e1a !important;
            border-color: #362e26 !important;
        }

        .ww-sbr-col-header {
            display: flex !important;
            align-items: center !important;
            gap: 8px !important;
            margin-bottom: 14px !important;
            padding-bottom: 10px !important;
            border-bottom: 1.5px solid #ebdcc4 !important;
        }

        html.ww-dark-mode .ww-sbr-col-header {
            border-bottom-color: #362e26 !important;
        }

        .ww-sbr-icon {
            font-size: 16px !important;
        }

        .ww-sbr-col-title {
            font-family: 'Playfair Display', Georgia, serif !important;
            font-size: 1.15rem !important;
            font-weight: 700 !important;
            color: #78350f !important;
            margin: 0 !important;
        }

        html.ww-dark-mode .ww-sbr-col-title {
            color: #f59e0b !important;
        }

        .ww-sbr-list {
            display: flex !important;
            flex-direction: column !important;
            gap: 10px !important;
        }

        .ww-sbr-item {
            display: flex !important;
            align-items: flex-start !important;
            gap: 10px !important;
            padding: 8px 10px !important;
            background: #ffffff !important;
            border: 1px solid #f0e6d6 !important;
            border-radius: 8px !important;
            text-decoration: none !important;
            transition: all 0.2s ease !important;
        }

        html.ww-dark-mode .ww-sbr-item {
            background: #181512 !important;
            border-color: #332b23 !important;
        }

        .ww-sbr-item:hover {
            transform: translateY(-2px) !important;
            border-color: #d97706 !important;
            box-shadow: 0 4px 12px rgba(180, 83, 9, 0.12) !important;
        }

        html.ww-dark-mode .ww-sbr-item:hover {
            border-color: #f59e0b !important;
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4) !important;
        }

        .ww-sbr-rank {
            display: inline-flex !important;
            align-items: center !important;
            justify-content: center !important;
            min-width: 26px !important;
            height: 26px !important;
            font-family: -apple-system, BlinkMacSystemFont, sans-serif !important;
            font-size: 11px !important;
            font-weight: 800 !important;
            border-radius: 6px !important;
            flex-shrink: 0 !important;
            margin-top: 2px !important;
        }

        .ww-rank-top3 {
            background: linear-gradient(135deg, #b45309 0%, #d97706 100%) !important;
            color: #ffffff !important;
        }

        .ww-rank-normal {
            background: #e7e0d3 !important;
            color: #57534e !important;
        }

        html.ww-dark-mode .ww-rank-normal {
            background: #312b24 !important;
            color: #a8a29e !important;
        }

        .ww-rank-new {
            background: #059669 !important;
            color: #ffffff !important;
            font-size: 10px !important;
            padding: 0 4px !important;
            width: auto !important;
            min-width: 32px !important;
        }

        .ww-sbr-item-body {
            flex: 1 !important;
            min-width: 0 !important;
        }

        .ww-sbr-item-title {
            font-family: 'Playfair Display', Georgia, serif !important;
            font-size: 14px !important;
            font-weight: 700 !important;
            line-height: 1.35 !important;
            color: #1c1917 !important;
            margin-bottom: 4px !important;
            transition: color 0.15s ease !important;
        }

        html.ww-dark-mode .ww-sbr-item-title {
            color: #f5f5f4 !important;
        }

        .ww-sbr-item:hover .ww-sbr-item-title {
            color: #b45309 !important;
        }

        html.ww-dark-mode .ww-sbr-item:hover .ww-sbr-item-title {
            color: #f59e0b !important;
        }

        .ww-sbr-item-meta {
            display: flex !important;
            align-items: center !important;
            gap: 6px !important;
            font-size: 11.5px !important;
            color: #78716c !important;
            flex-wrap: wrap !important;
        }

        html.ww-dark-mode .ww-sbr-item-meta {
            color: #a8a29e !important;
        }

        .ww-sbr-cat {
            background: #fef3c7 !important;
            color: #92400e !important;
            padding: 1px 6px !important;
            border-radius: 4px !important;
            font-weight: 600 !important;
            font-size: 10.5px !important;
        }

        .ww-sbr-views {
            color: #b45309 !important;
            font-weight: 600 !important;
        }

        html.ww-dark-mode .ww-sbr-views {
            color: #f59e0b !important;
        }

        .ww-sbr-footer {
            text-align: center !important;
            margin-top: 20px !important;
            padding-top: 14px !important;
            border-top: 1px dashed #ebdcc4 !important;
        }

        html.ww-dark-mode .ww-sbr-footer {
            border-top-color: #362e26 !important;
        }

        .ww-sbr-all-btn {
            display: inline-flex !important;
            align-items: center !important;
            gap: 6px !important;
            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
            font-size: 13.5px !important;
            font-weight: 700 !important;
            color: #b45309 !important;
            text-decoration: none !important;
            transition: all 0.15s ease !important;
        }

        html.ww-dark-mode .ww-sbr-all-btn {
            color: #f59e0b !important;
        }

        .ww-sbr-all-btn:hover {
            color: #78350f !important;
            transform: translateX(3px) !important;
        }

        /* ========================================================
           TOP 10 STORIES LEADERBOARD
           ======================================================== */
        .ww-top-leaderboard-container {
            max-width: 860px !important;
            margin: 0 auto 40px auto !important;
            padding: 0 10px !important;
        }

        .ww-top-leaderboard-header {
            text-align: center !important;
            margin-bottom: 34px !important;
            padding-bottom: 24px !important;
            border-bottom: 2px solid #ebdcc4 !important;
        }

        html.ww-dark-mode .ww-top-leaderboard-header {
            border-bottom-color: #362e26 !important;
        }

        .ww-tlb-badge {
            display: inline-block !important;
            background: linear-gradient(135deg, #b45309 0%, #d97706 100%) !important;
            color: #ffffff !important;
            font-family: -apple-system, BlinkMacSystemFont, sans-serif !important;
            font-size: 11.5px !important;
            font-weight: 800 !important;
            letter-spacing: 0.1em !important;
            text-transform: uppercase !important;
            padding: 4px 14px !important;
            border-radius: 999px !important;
            margin-bottom: 12px !important;
            box-shadow: 0 2px 8px rgba(180, 83, 9, 0.25) !important;
        }

        .ww-tlb-title {
            font-family: 'Playfair Display', Georgia, serif !important;
            font-size: 2.3rem !important;
            color: #78350f !important;
            margin-bottom: 10px !important;
            font-weight: 700 !important;
        }

        html.ww-dark-mode .ww-tlb-title {
            color: #f59e0b !important;
        }

        .ww-tlb-subtitle {
            font-family: 'Merriweather', Georgia, serif !important;
            font-size: 15.5px !important;
            color: #78716c !important;
            line-height: 1.6 !important;
            max-width: 680px !important;
            margin: 0 auto !important;
        }

        html.ww-dark-mode .ww-tlb-subtitle {
            color: #a8a29e !important;
        }

        .ww-tlb-list {
            display: flex !important;
            flex-direction: column !important;
            gap: 20px !important;
        }

        .ww-tlb-card {
            display: flex !important;
            align-items: stretch !important;
            background: #ffffff !important;
            border: 1px solid #ebdcc4 !important;
            border-radius: 12px !important;
            padding: 22px 24px !important;
            box-shadow: 0 3px 12px rgba(0, 0, 0, 0.04) !important;
            transition: all 0.2s ease !important;
            gap: 20px !important;
        }

        html.ww-dark-mode .ww-tlb-card {
            background: #1b1815 !important;
            border-color: #383028 !important;
            box-shadow: 0 4px 16px rgba(0, 0, 0, 0.4) !important;
        }

        .ww-tlb-card:hover {
            transform: translateY(-2px) !important;
            box-shadow: 0 8px 24px rgba(180, 83, 9, 0.12) !important;
            border-color: #d97706 !important;
        }

        html.ww-dark-mode .ww-tlb-card:hover {
            border-color: #f59e0b !important;
            box-shadow: 0 8px 24px rgba(0, 0, 0, 0.6) !important;
        }

        .ww-tlb-card.tier-gold {
            border-left: 6px solid #d97706 !important;
            background: linear-gradient(to right, #fffdfa 0%, #ffffff 100%) !important;
        }
        html.ww-dark-mode .ww-tlb-card.tier-gold {
            background: linear-gradient(to right, #251d14 0%, #1b1815 100%) !important;
            border-left-color: #f59e0b !important;
        }

        .ww-tlb-card.tier-silver {
            border-left: 6px solid #94a3b8 !important;
        }

        .ww-tlb-card.tier-bronze {
            border-left: 6px solid #b45309 !important;
        }

        .ww-tlb-card.tier-normal {
            border-left: 4px solid #cbd5e1 !important;
        }

        html.ww-dark-mode .ww-tlb-card.tier-normal {
            border-left-color: #475569 !important;
        }

        .ww-tlb-rank-col {
            display: flex !important;
            flex-direction: column !important;
            align-items: center !important;
            justify-content: center !important;
            min-width: 72px !important;
            padding-right: 14px !important;
            border-right: 1px solid #f3ede2 !important;
            flex-shrink: 0 !important;
        }

        html.ww-dark-mode .ww-tlb-rank-col {
            border-right-color: #2e2823 !important;
        }

        .ww-tlb-medal {
            font-size: 2.2rem !important;
            line-height: 1 !important;
            margin-bottom: 4px !important;
            font-weight: 800 !important;
            color: #b45309 !important;
        }

        html.ww-dark-mode .ww-tlb-medal {
            color: #f59e0b !important;
        }

        .ww-tlb-rank-label {
            font-family: -apple-system, BlinkMacSystemFont, sans-serif !important;
            font-size: 11px !important;
            font-weight: 700 !important;
            color: #78716c !important;
            text-transform: uppercase !important;
            letter-spacing: 0.05em !important;
        }

        html.ww-dark-mode .ww-tlb-rank-label {
            color: #a8a29e !important;
        }

        .ww-tlb-content-col {
            flex: 1 !important;
            min-width: 0 !important;
        }

        .ww-tlb-meta {
            display: flex !important;
            align-items: center !important;
            gap: 8px !important;
            font-size: 12.5px !important;
            color: #78716c !important;
            margin-bottom: 8px !important;
            flex-wrap: nowrap !important;
            white-space: nowrap !important;
        }

        html.ww-dark-mode .ww-tlb-meta {
            color: #a8a29e !important;
        }

        .ww-tlb-cat {
            background: #fef3c7 !important;
            color: #92400e !important;
            padding: 2px 8px !important;
            border-radius: 4px !important;
            font-weight: 700 !important;
            font-size: 11px !important;
            text-transform: uppercase !important;
            text-decoration: none !important;
        }

        .ww-tlb-views {
            color: #b45309 !important;
            font-weight: 600 !important;
        }

        html.ww-dark-mode .ww-tlb-views {
            color: #f59e0b !important;
        }

        .ww-tlb-story-title {
            font-family: 'Playfair Display', Georgia, serif !important;
            font-size: 1.5rem !important;
            line-height: 1.35 !important;
            margin: 0 0 10px 0 !important;
        }

        .ww-tlb-story-title a {
            color: #1c1917 !important;
            text-decoration: none !important;
            transition: color 0.15s ease !important;
        }

        html.ww-dark-mode .ww-tlb-story-title a {
            color: #f5f5f4 !important;
        }

        .ww-tlb-story-title a:hover {
            color: #b45309 !important;
        }

        html.ww-dark-mode .ww-tlb-story-title a:hover {
            color: #f59e0b !important;
        }

        .ww-tlb-snippet {
            font-family: 'Merriweather', Georgia, serif !important;
            font-size: 14.5px !important;
            line-height: 1.7 !important;
            color: #44403c !important;
            margin: 0 0 14px 0 !important;
            text-align: justify !important;
            text-justify: inter-word !important;
            -webkit-hyphens: auto;
            -ms-hyphens: auto;
            hyphens: auto;
        }

        html.ww-dark-mode .ww-tlb-snippet {
            color: #d6d0c4 !important;
        }

        .ww-tlb-read-btn {
            display: inline-flex !important;
            align-items: center !important;
            gap: 6px !important;
            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
            font-size: 13.5px !important;
            font-weight: 700 !important;
            color: #b45309 !important;
            text-decoration: none !important;
            text-transform: uppercase !important;
            letter-spacing: 0.04em !important;
            transition: gap 0.15s ease !important;
        }

        html.ww-dark-mode .ww-tlb-read-btn {
            color: #f59e0b !important;
        }

        .ww-tlb-read-btn:hover {
            color: #78350f !important;
            gap: 10px !important;
        }

        @media (max-width: 600px) {
            .ww-tlb-card {
                flex-direction: column !important;
                padding: 16px 14px !important;
                gap: 12px !important;
            }
            .ww-tlb-rank-col {
                flex-direction: row !important;
                justify-content: flex-start !important;
                align-items: center !important;
                gap: 10px !important;
                padding-right: 0 !important;
                padding-bottom: 10px !important;
                border-right: none !important;
                border-bottom: 1px solid #f3ede2 !important;
            }
            html.ww-dark-mode .ww-tlb-rank-col {
                border-bottom-color: #2e2823 !important;
            }
            .ww-tlb-medal {
                font-size: 1.8rem !important;
            }
            .ww-tlb-meta {
                flex-wrap: nowrap !important;
                white-space: nowrap !important;
                gap: 5px !important;
                font-size: 11.5px !important;
                margin-bottom: 6px !important;
                overflow-x: auto !important;
                scrollbar-width: none !important;
                -ms-overflow-style: none !important;
            }
            .ww-tlb-meta::-webkit-scrollbar {
                display: none !important;
            }
            .ww-tlb-cat {
                font-size: 10px !important;
                padding: 1.5px 6px !important;
                flex-shrink: 0 !important;
                letter-spacing: 0.02em !important;
                max-width: 130px !important;
                overflow: hidden !important;
                text-overflow: ellipsis !important;
            }
            .ww-tlb-dot {
                font-size: 9px !important;
                opacity: 0.6 !important;
                flex-shrink: 0 !important;
            }
            .ww-tlb-views {
                font-size: 11.5px !important;
                flex-shrink: 0 !important;
            }
            .ww-tlb-date {
                font-size: 11.5px !important;
                flex-shrink: 0 !important;
            }
        }
        @media (max-width: 380px) {
            .ww-tlb-meta {
                gap: 4px !important;
                font-size: 11px !important;
            }
            .ww-tlb-cat {
                font-size: 9.5px !important;
                padding: 1px 5px !important;
                max-width: 105px !important;
            }
            .ww-tlb-views,
            .ww-tlb-date {
                font-size: 11px !important;
            }
        }

        /* Community Page Custom Design */
        .page-id-937 .inside-article,
        .page-community .inside-article,
        body.page-id-937 .inside-article,
        body.page-community .inside-article,
        body[class*='page-id-937'] .inside-article,
        body[class*='page-community'] .inside-article,
        body[class*='community'] .inside-article {
            padding-top: 24px !important;
            padding-bottom: 34px !important;
        }
        @media (max-width: 768px) {
            .page-id-937 .inside-article,
            .page-community .inside-article,
            body.page-id-937 .inside-article,
            body.page-community .inside-article,
            body[class*='page-id-937'] .inside-article,
            body[class*='page-community'] .inside-article,
            body[class*='community'] .inside-article {
                padding-top: 18px !important;
                padding-bottom: 24px !important;
            }
        }
        .page-id-937 .entry-header,
        .page-community .entry-header,
        body[class*='page-id-937'] .entry-header,
        body[class*='page-community'] .entry-header,
        body[class*='community'] .entry-header {
            display: none !important;
        }
        .page-id-937 .entry-content,
        .page-community .entry-content,
        body[class*='page-id-937'] .entry-content,
        body[class*='page-community'] .entry-content,
        body[class*='community'] .entry-content {
            margin-top: 0 !important;
            padding-top: 0 !important;
        }
        .ww-community-container {
            max-width: 860px !important;
            margin: 0 auto 30px auto !important;
            padding: 0 10px !important;
        }
        .ww-comm-header {
            text-align: center !important;
            margin-top: 0 !important;
            margin-bottom: 34px !important;
            padding-bottom: 24px !important;
            border-bottom: 2px solid #ebdcc4 !important;
        }
        html.ww-dark-mode .ww-comm-header,
        html[data-theme='dark'] .ww-comm-header {
            border-bottom-color: #362e26 !important;
        }
        .ww-comm-badge {
            display: inline-block !important;
            background: linear-gradient(135deg, #b45309 0%, #d97706 100%) !important;
            color: #ffffff !important;
            font-family: -apple-system, BlinkMacSystemFont, sans-serif !important;
            font-size: 11.5px !important;
            font-weight: 800 !important;
            letter-spacing: 0.1em !important;
            text-transform: uppercase !important;
            padding: 4px 14px !important;
            border-radius: 999px !important;
            margin-bottom: 12px !important;
            box-shadow: 0 2px 8px rgba(180, 83, 9, 0.25) !important;
            line-height: normal !important;
        }
        .ww-comm-title {
            font-family: 'Playfair Display', Georgia, serif !important;
            font-size: 32px !important;
            font-weight: 700 !important;
            color: #78350f !important;
            margin: 0 0 10px 0 !important;
            line-height: 1.25 !important;
        }
        .ww-comm-desc {
            font-family: 'Merriweather', Georgia, serif !important;
            font-size: 15px !important;
            line-height: 1.6 !important;
            color: #57534e !important;
            max-width: 700px !important;
            margin: 0 auto !important;
        }
        .ww-comm-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 18px;
            margin-bottom: 24px;
        }
        @media (max-width: 768px) {
            .ww-comm-grid {
                grid-template-columns: 1fr;
                gap: 14px;
            }
        }
        .ww-comm-card {
            background: #ffffff;
            border: 1px solid #e7e5e4;
            border-top: 4px solid #b45309;
            border-radius: 10px;
            padding: 22px 18px 18px 18px;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            box-shadow: 0 2px 6px rgba(0,0,0,0.05);
            text-align: center;
            transition: transform 0.2s, box-shadow 0.2s;
        }
        .ww-comm-card:hover {
            transform: translateY(-2px);
            box-shadow: 0 6px 14px rgba(0,0,0,0.08);
        }
        .ww-comm-card-icon {
            width: 46px;
            height: 46px;
            border-radius: 50%;
            background: #fef3c7;
            color: #b45309;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            margin: 0 auto 12px auto;
        }
        .ww-comm-card-title {
            font-family: 'Playfair Display', Georgia, serif;
            font-size: 18px;
            font-weight: 700;
            color: #1c1917;
            margin: 0 0 10px 0;
            line-height: 1.3;
        }
        .ww-comm-card-text {
            font-size: 13.5px;
            line-height: 1.5;
            color: #57534e;
            margin: 0 0 18px 0;
            flex-grow: 1;
        }
        .ww-comm-fb-btn {
            display: inline-flex !important;
            align-items: center !important;
            justify-content: center !important;
            gap: 8px !important;
            width: 100% !important;
            box-sizing: border-box !important;
            background-color: #1877F2 !important;
            color: #ffffff !important;
            text-decoration: none !important;
            padding: 11px 16px !important;
            border-radius: 6px !important;
            font-weight: 700 !important;
            font-size: 14px !important;
            box-shadow: 0 3px 6px rgba(24,119,242,0.3) !important;
            transition: all 0.2s ease !important;
        }
        .ww-comm-fb-btn:hover {
            background-color: #0d65d9 !important;
            color: #ffffff !important;
            box-shadow: 0 4px 10px rgba(24,119,242,0.4) !important;
        }
        .ww-comm-fb-btn * {
            color: #ffffff !important;
        }
        .ww-comm-guidelines {
            background: #fafaf9;
            border: 1px solid #e7e5e4;
            border-radius: 8px;
            padding: 16px 20px;
            text-align: center;
        }
        .ww-comm-guidelines h4 {
            margin: 0 0 6px 0;
            font-size: 15px;
            font-weight: 700;
            color: #292524;
        }
        .ww-comm-guidelines p {
            margin: 0;
            font-size: 13.5px;
            line-height: 1.5;
            color: #57534e;
        }
        /* Dark Mode overrides for Community Page */
        html.ww-dark-mode .ww-comm-header,
        body.ww-dark-mode .ww-comm-header,
        html[data-theme='dark'] .ww-comm-header,
        html.dark-theme .ww-comm-header {
            border-bottom-color: #383028 !important;
        }
        html.ww-dark-mode .ww-comm-title,
        body.ww-dark-mode .ww-comm-title,
        html[data-theme='dark'] .ww-comm-title,
        html.dark-theme .ww-comm-title {
            color: #fbf7ee !important;
        }
        html.ww-dark-mode .ww-comm-desc,
        body.ww-dark-mode .ww-comm-desc,
        html[data-theme='dark'] .ww-comm-desc,
        html.dark-theme .ww-comm-desc {
            color: #d6cfc4 !important;
        }
        html.ww-dark-mode .ww-comm-card,
        body.ww-dark-mode .ww-comm-card,
        html[data-theme='dark'] .ww-comm-card,
        html.dark-theme .ww-comm-card {
            background: #1c1917 !important;
            background-color: #1c1917 !important;
            border-color: #383028 !important;
            border-top: 4px solid #b45309 !important;
            box-shadow: 0 4px 16px rgba(0, 0, 0, 0.4) !important;
        }
        html.ww-dark-mode .ww-comm-card:hover,
        body.ww-dark-mode .ww-comm-card:hover,
        html[data-theme='dark'] .ww-comm-card:hover,
        html.dark-theme .ww-comm-card:hover {
            background: #24201c !important;
            border-color: #5c4422 !important;
        }
        html.ww-dark-mode .ww-comm-card-icon,
        body.ww-dark-mode .ww-comm-card-icon,
        html[data-theme='dark'] .ww-comm-card-icon,
        html.dark-theme .ww-comm-card-icon {
            background: #2a221a !important;
            color: #f59e0b !important;
            border: 1px solid #4a3a28 !important;
        }
        html.ww-dark-mode .ww-comm-card-title,
        body.ww-dark-mode .ww-comm-card-title,
        html[data-theme='dark'] .ww-comm-card-title,
        html.dark-theme .ww-comm-card-title {
            color: #fbf7ee !important;
        }
        html.ww-dark-mode .ww-comm-card-text,
        body.ww-dark-mode .ww-comm-card-text,
        html[data-theme='dark'] .ww-comm-card-text,
        html.dark-theme .ww-comm-card-text {
            color: #d6cfc4 !important;
        }
        html.ww-dark-mode .ww-comm-guidelines,
        body.ww-dark-mode .ww-comm-guidelines,
        html[data-theme='dark'] .ww-comm-guidelines,
        html.dark-theme .ww-comm-guidelines {
            background: #1c1917 !important;
            background-color: #1c1917 !important;
            border-color: #383028 !important;
        }
        html.ww-dark-mode .ww-comm-guidelines h4,
        body.ww-dark-mode .ww-comm-guidelines h4,
        html[data-theme='dark'] .ww-comm-guidelines h4,
        html.dark-theme .ww-comm-guidelines h4 {
            color: #fbf7ee !important;
        }
        html.ww-dark-mode .ww-comm-guidelines p,
        body.ww-dark-mode .ww-comm-guidelines p,
        html[data-theme='dark'] .ww-comm-guidelines p,
        html.dark-theme .ww-comm-guidelines p {
            color: #d6cfc4 !important;
        }

        /* Sepia Mode overrides for Community Page */
        html.ww-sepia-mode .ww-comm-title,
        body.ww-sepia-mode .ww-comm-title {
            color: #78350f !important;
        }
        html.ww-sepia-mode .ww-comm-desc,
        body.ww-sepia-mode .ww-comm-desc {
            color: #57534e !important;
        }
        html.ww-sepia-mode .ww-comm-card,
        body.ww-sepia-mode .ww-comm-card {
            background: #fdfaf3 !important;
            border-color: #dfd1b8 !important;
            border-top: 4px solid #b45309 !important;
        }
        html.ww-sepia-mode .ww-comm-card:hover,
        body.ww-sepia-mode .ww-comm-card:hover {
            background: #f7eedc !important;
            border-color: #b45309 !important;
        }
        html.ww-sepia-mode .ww-comm-card-icon,
        body.ww-sepia-mode .ww-comm-card-icon {
            background: #f5e6ce !important;
            color: #b45309 !important;
        }
        html.ww-sepia-mode .ww-comm-card-title,
        body.ww-sepia-mode .ww-comm-card-title {
            color: #1c1917 !important;
        }
        html.ww-sepia-mode .ww-comm-card-text,
        body.ww-sepia-mode .ww-comm-card-text {
            color: #57534e !important;
        }
        html.ww-sepia-mode .ww-comm-guidelines,
        body.ww-sepia-mode .ww-comm-guidelines {
            background: #fdfaf3 !important;
            border-color: #dfd1b8 !important;
        }
        html.ww-sepia-mode .ww-comm-guidelines h4,
        body.ww-sepia-mode .ww-comm-guidelines h4 {
            color: #292524 !important;
        }
        html.ww-sepia-mode .ww-comm-guidelines p,
        body.ww-sepia-mode .ww-comm-guidelines p {
            color: #57534e !important;
        }

        /* Contact Page Custom Design */
        .page-id-42 .inside-article,
        .page-contact-us .inside-article,
        .page-contact .inside-article {
            padding-top: 15px !important;
            text-align: left !important;
        }
        .page-id-42 .entry-header,
        .page-contact-us .entry-header,
        .page-contact .entry-header {
            display: none !important;
        }
        .page-id-42 .entry-content,
        .page-contact-us .entry-content,
        .page-contact .entry-content {
            margin-top: 0 !important;
            padding-top: 0 !important;
        }
        .ww-contact-container {
            max-width: 900px !important;
            margin: 0 auto 30px auto !important;
            padding: 0 10px !important;
            text-align: left !important;
            box-sizing: border-box !important;
        }
        .ww-contact-header {
            text-align: center !important;
            margin-top: 0 !important;
            margin-bottom: 28px !important;
            padding-bottom: 22px !important;
            border-bottom: 2px solid #ebdcc4 !important;
        }
        html.ww-dark-mode .ww-contact-header,
        html[data-theme='dark'] .ww-contact-header {
            border-bottom-color: #362e26 !important;
        }
        .ww-contact-badge {
            display: inline-block !important;
            background: linear-gradient(135deg, #b45309 0%, #d97706 100%) !important;
            color: #ffffff !important;
            font-family: -apple-system, BlinkMacSystemFont, sans-serif !important;
            font-size: 11.5px !important;
            font-weight: 800 !important;
            letter-spacing: 0.1em !important;
            text-transform: uppercase !important;
            padding: 4px 16px !important;
            border-radius: 999px !important;
            margin-bottom: 12px !important;
            box-shadow: 0 2px 8px rgba(180, 83, 9, 0.25) !important;
        }
        .ww-contact-title {
            font-family: 'Playfair Display', Georgia, serif !important;
            font-size: 32px !important;
            font-weight: 700 !important;
            color: #78350f !important;
            margin: 0 0 10px 0 !important;
            line-height: 1.25 !important;
        }
        .ww-contact-desc {
            font-family: 'Merriweather', Georgia, serif !important;
            font-size: 15px !important;
            line-height: 1.6 !important;
            color: #57534e !important;
            max-width: 720px !important;
            margin: 0 auto !important;
        }
        .ww-contact-grid {
            display: grid !important;
            grid-template-columns: 1fr 1.35fr !important;
            gap: 24px !important;
            margin-bottom: 26px !important;
            align-items: stretch !important;
        }
        @media (max-width: 820px) {
            .ww-contact-grid {
                grid-template-columns: 1fr !important;
                gap: 18px !important;
            }
        }
        .ww-contact-card {
            background: #ffffff !important;
            border: 1px solid #e7e5e4 !important;
            border-radius: 12px !important;
            padding: 24px 22px !important;
            box-shadow: 0 2px 6px rgba(0,0,0,0.04) !important;
            box-sizing: border-box !important;
        }
        .ww-contact-card-info {
            border-top: 4px solid #b45309 !important;
            display: flex !important;
            flex-direction: column !important;
            justify-content: space-between !important;
        }
        .ww-contact-card-form {
            border-top: 4px solid #d97706 !important;
        }
        .ww-contact-card-title {
            font-family: 'Playfair Display', Georgia, serif !important;
            font-size: 20px !important;
            font-weight: 700 !important;
            color: #1c1917 !important;
            margin: 0 0 16px 0 !important;
            padding-bottom: 10px !important;
            border-bottom: 1px solid #f3ede2 !important;
            display: flex !important;
            align-items: center !important;
            gap: 8px !important;
        }
        .ww-contact-info-list {
            display: flex !important;
            flex-direction: column !important;
            gap: 16px !important;
        }
        .ww-contact-info-item {
            display: flex !important;
            gap: 12px !important;
            align-items: flex-start !important;
            text-align: left !important;
        }
        .ww-contact-info-icon {
            width: 36px !important;
            height: 36px !important;
            border-radius: 8px !important;
            background: #fef3c7 !important;
            color: #b45309 !important;
            display: flex !important;
            align-items: center !important;
            justify-content: center !important;
            flex-shrink: 0 !important;
            margin-top: 2px !important;
        }
        .ww-contact-info-label {
            font-size: 13.5px !important;
            font-weight: 700 !important;
            color: #292524 !important;
            margin-bottom: 2px !important;
            line-height: 1.3 !important;
        }
        .ww-contact-info-value {
            font-size: 13.5px !important;
            color: #57534e !important;
            line-height: 1.5 !important;
            margin: 0 !important;
        }
        .ww-contact-info-value a {
            color: #b45309 !important;
            text-decoration: underline !important;
            font-weight: 600 !important;
        }
        .ww-contact-form-group {
            margin-bottom: 15px !important;
            text-align: left !important;
        }
        .ww-contact-form-label {
            display: block !important;
            font-size: 13px !important;
            font-weight: 700 !important;
            color: #292524 !important;
            margin-bottom: 5px !important;
            text-align: left !important;
        }
        .ww-contact-form-label span.req {
            color: #dc2626 !important;
            margin-left: 2px !important;
        }
        .ww-contact-input,
        .ww-contact-select,
        .ww-contact-textarea {
            width: 100% !important;
            box-sizing: border-box !important;
            padding: 10px 13px !important;
            font-size: 14px !important;
            font-family: -apple-system, BlinkMacSystemFont, sans-serif !important;
            background: #faf8f5 !important;
            border: 1.5px solid #dcd2c4 !important;
            border-radius: 8px !important;
            color: #1c1917 !important;
            outline: none !important;
            transition: all 0.2s ease !important;
            text-align: left !important;
        }
        .ww-contact-input:focus,
        .ww-contact-select:focus,
        .ww-contact-textarea:focus {
            background: #ffffff !important;
            border-color: #b45309 !important;
            box-shadow: 0 0 0 3px rgba(180, 83, 9, 0.12) !important;
        }
        .ww-contact-textarea {
            resize: vertical !important;
            min-height: 100px !important;
        }
        .ww-contact-submit-btn {
            display: inline-flex !important;
            align-items: center !important;
            justify-content: center !important;
            width: 100% !important;
            background: linear-gradient(135deg, #b45309 0%, #d97706 100%) !important;
            color: #ffffff !important;
            padding: 12px 20px !important;
            font-size: 14.5px !important;
            font-weight: 700 !important;
            border-radius: 8px !important;
            border: none !important;
            cursor: pointer !important;
            box-shadow: 0 3px 8px rgba(180, 83, 9, 0.25) !important;
            transition: all 0.2s ease !important;
            gap: 8px !important;
        }
        .ww-contact-submit-btn:hover {
            background: linear-gradient(135deg, #92400e 0%, #b45309 100%) !important;
            box-shadow: 0 4px 12px rgba(180, 83, 9, 0.35) !important;
            transform: translateY(-1px) !important;
        }
        .ww-contact-privacy-note {
            font-size: 12px !important;
            color: #78716c !important;
            text-align: center !important;
            margin-top: 10px !important;
            line-height: 1.4 !important;
        }
        .ww-contact-bottom-note {
            background: #fafaf9 !important;
            border: 1px solid #e7e5e4 !important;
            border-radius: 8px !important;
            padding: 18px 22px !important;
            text-align: center !important;
        }
        .ww-contact-bottom-note h4 {
            margin: 0 0 6px 0 !important;
            font-size: 15px !important;
            font-weight: 700 !important;
            color: #292524 !important;
        }
        .ww-contact-bottom-note p {
            margin: 0 !important;
            font-size: 13.5px !important;
            line-height: 1.5 !important;
            color: #57534e !important;
        }
        /* Dark Mode Overrides for Contact Page */
        html[data-theme='dark'] .ww-contact-title,
        html.dark-theme .ww-contact-title,
        html.ww-dark-mode .ww-contact-title {
            color: #f5f5f4 !important;
        }
        html[data-theme='dark'] .ww-contact-desc,
        html.dark-theme .ww-contact-desc,
        html.ww-dark-mode .ww-contact-desc {
            color: #a8a29e !important;
        }
        html[data-theme='dark'] .ww-contact-card,
        html.dark-theme .ww-contact-card,
        html.ww-dark-mode .ww-contact-card {
            background: #1c1917 !important;
            border-color: #292524 !important;
        }
        html[data-theme='dark'] .ww-contact-card-title,
        html.dark-theme .ww-contact-card-title,
        html.ww-dark-mode .ww-contact-card-title {
            color: #f5f5f4 !important;
            border-bottom-color: #292524 !important;
        }
        html[data-theme='dark'] .ww-contact-info-label,
        html.dark-theme .ww-contact-info-label,
        html.ww-dark-mode .ww-contact-info-label,
        html[data-theme='dark'] .ww-contact-form-label,
        html.dark-theme .ww-contact-form-label,
        html.ww-dark-mode .ww-contact-form-label {
            color: #e7e5e4 !important;
        }
        html[data-theme='dark'] .ww-contact-info-value,
        html.dark-theme .ww-contact-info-value,
        html.ww-dark-mode .ww-contact-info-value {
            color: #a8a29e !important;
        }
        html[data-theme='dark'] .ww-contact-info-icon,
        html.dark-theme .ww-contact-info-icon,
        html.ww-dark-mode .ww-contact-info-icon {
            background: #2e2823 !important;
            color: #f59e0b !important;
        }
        html[data-theme='dark'] .ww-contact-input,
        html[data-theme='dark'] .ww-contact-select,
        html[data-theme='dark'] .ww-contact-textarea,
        html.dark-theme .ww-contact-input,
        html.dark-theme .ww-contact-select,
        html.dark-theme .ww-contact-textarea,
        html.ww-dark-mode .ww-contact-input,
        html.ww-dark-mode .ww-contact-select,
        html.ww-dark-mode .ww-contact-textarea {
            background: #26221f !important;
            border-color: #3e3831 !important;
            color: #f5f5f4 !important;
        }
        html[data-theme='dark'] .ww-contact-bottom-note,
        html.dark-theme .ww-contact-bottom-note,
        html.ww-dark-mode .ww-contact-bottom-note {
            background: #1c1917 !important;
            border-color: #292524 !important;
        }
        html[data-theme='dark'] .ww-contact-bottom-note h4,
        html.dark-theme .ww-contact-bottom-note h4,
        html.ww-dark-mode .ww-contact-bottom-note h4 {
            color: #f5f5f4 !important;
        }
        html[data-theme='dark'] .ww-contact-bottom-note p,
        html.dark-theme .ww-contact-bottom-note p,
        html.ww-dark-mode .ww-contact-bottom-note p {
            color: #a8a29e !important;
        }

        /* Fluent Forms Integration & Style Matching */
        .fluentform {
            width: 100% !important;
            margin: 0 !important;
        }
        .fluentform .ff-el-group {
            margin-bottom: 15px !important;
            text-align: left !important;
        }
        .fluentform .ff-el-input--label label {
            display: block !important;
            font-size: 13px !important;
            font-weight: 700 !important;
            color: #292524 !important;
            margin-bottom: 5px !important;
            text-align: left !important;
        }
        .fluentform .ff-el-form-control,
        .fluentform input,
        .fluentform select,
        .fluentform textarea {
            width: 100% !important;
            box-sizing: border-box !important;
            padding: 10px 13px !important;
            font-size: 14px !important;
            font-family: -apple-system, BlinkMacSystemFont, sans-serif !important;
            background: #faf8f5 !important;
            border: 1.5px solid #dcd2c4 !important;
            border-radius: 8px !important;
            color: #1c1917 !important;
            outline: none !important;
            transition: all 0.2s ease !important;
        }
        .fluentform .ff-el-form-control:focus,
        .fluentform input:focus,
        .fluentform select:focus,
        .fluentform textarea:focus {
            background: #ffffff !important;
            border-color: #b45309 !important;
            box-shadow: 0 0 0 3px rgba(180, 83, 9, 0.12) !important;
        }
        .fluentform button.ff-btn-submit,
        .fluentform .ff-btn-submit {
            display: inline-flex !important;
            align-items: center !important;
            justify-content: center !important;
            width: 100% !important;
            background: linear-gradient(135deg, #b45309 0%, #d97706 100%) !important;
            color: #ffffff !important;
            padding: 12px 20px !important;
            font-size: 14.5px !important;
            font-weight: 700 !important;
            border-radius: 8px !important;
            border: none !important;
            cursor: pointer !important;
            box-shadow: 0 3px 8px rgba(180, 83, 9, 0.25) !important;
            transition: all 0.2s ease !important;
        }
        .fluentform button.ff-btn-submit:hover {
            background: linear-gradient(135deg, #92400e 0%, #b45309 100%) !important;
            box-shadow: 0 4px 12px rgba(180, 83, 9, 0.35) !important;
            transform: translateY(-1px) !important;
        }
        .fluentform .ff-message-success,
        .ww-contact-success-box {
            background: #f0fdf4 !important;
            border: 1px solid #bbf7d0 !important;
            border-radius: 8px !important;
            padding: 16px !important;
            margin-bottom: 18px !important;
            text-align: center !important;
            color: #166534 !important;
        }
        .ww-success-title {
            font-weight: 700 !important;
            color: #166534 !important;
            font-size: 15px !important;
            margin-bottom: 6px !important;
        }
        /* Dark Mode Fluent Forms */
        html[data-theme=\'dark\'] .fluentform .ff-el-input--label label,
        html.dark-theme .fluentform .ff-el-input--label label,
        html.ww-dark-mode .fluentform .ff-el-input--label label {
            color: #e7e5e4 !important;
        }
        html[data-theme=\'dark\'] .fluentform .ff-el-form-control,
        html[data-theme=\'dark\'] .fluentform input,
        html[data-theme=\'dark\'] .fluentform select,
        html[data-theme=\'dark\'] .fluentform textarea,
        html.dark-theme .fluentform .ff-el-form-control,
        html.dark-theme .fluentform input,
        html.dark-theme .fluentform select,
        html.dark-theme .fluentform textarea,
        html.ww-dark-mode .fluentform .ff-el-form-control,
        html.ww-dark-mode .fluentform input,
        html.ww-dark-mode .fluentform select,
        html.ww-dark-mode .fluentform textarea {
            background: #26221f !important;
            border-color: #3e3831 !important;
            color: #f5f5f4 !important;
        }

        /* =========================================================
           Wild West Legal & Info Pages (Privacy, Terms, Disclaimer, About)
           ========================================================= */
        .page-id-3 .entry-header,
        .page-id-39 .entry-header,
        .page-id-40 .entry-header,
        .page-id-41 .entry-header {
            display: none !important;
        }
        .page-id-3 .entry-content,
        .page-id-39 .entry-content,
        .page-id-40 .entry-content,
        .page-id-41 .entry-content {
            margin-top: 0 !important;
            padding-top: 0 !important;
        }
        .ww-legal-container,
        .ww-legal-container * {
            box-sizing: border-box !important;
        }
        .ww-legal-container {
            max-width: 900px !important;
            margin: 0 auto 36px auto !important;
            padding: 0 12px !important;
            text-align: left !important;
            overflow-wrap: break-word !important;
            word-wrap: break-word !important;
        }
        .ww-legal-header {
            text-align: center !important;
            margin-top: 0 !important;
            margin-bottom: 28px !important;
            padding-bottom: 22px !important;
            border-bottom: 2px solid #ebdcc4 !important;
        }
        html.ww-dark-mode .ww-legal-header,
        html[data-theme='dark'] .ww-legal-header {
            border-bottom-color: #362e26 !important;
        }
        html.ww-sepia-mode .ww-legal-header {
            border-bottom-color: #dfcdb3 !important;
        }
        .ww-legal-badge {
            display: inline-block !important;
            background: linear-gradient(135deg, #b45309 0%, #d97706 100%) !important;
            color: #ffffff !important;
            font-family: -apple-system, BlinkMacSystemFont, sans-serif !important;
            font-size: 11.5px !important;
            font-weight: 800 !important;
            letter-spacing: 0.1em !important;
            text-transform: uppercase !important;
            padding: 5px 18px !important;
            border-radius: 999px !important;
            margin-bottom: 12px !important;
            box-shadow: 0 2px 8px rgba(180, 83, 9, 0.25) !important;
        }
        .ww-legal-title {
            font-family: 'Playfair Display', Georgia, serif !important;
            font-size: 32px !important;
            font-weight: 700 !important;
            color: #78350f !important;
            margin: 0 0 10px 0 !important;
            line-height: 1.25 !important;
        }
        .ww-legal-desc {
            font-family: 'Merriweather', Georgia, serif !important;
            font-size: 15px !important;
            line-height: 1.65 !important;
            color: #57534e !important;
            max-width: 740px !important;
            margin: 0 auto 12px auto !important;
        }
        .ww-legal-updated {
            display: inline-flex !important;
            align-items: center !important;
            gap: 6px !important;
            font-size: 12px !important;
            font-weight: 600 !important;
            color: #8c5a2b !important;
            background: #fdf6ec !important;
            border: 1px solid #ebd5be !important;
            padding: 4px 14px !important;
            border-radius: 6px !important;
        }
        .ww-legal-highlights {
            display: grid !important;
            gap: 14px !important;
            margin-bottom: 26px !important;
        }
        .ww-legal-highlights-4 {
            grid-template-columns: repeat(4, 1fr) !important;
        }
        .ww-legal-highlights-3 {
            grid-template-columns: repeat(3, 1fr) !important;
        }
        @media (max-width: 860px) {
            .ww-legal-highlights-4 {
                grid-template-columns: repeat(2, 1fr) !important;
                gap: 12px !important;
            }
            .ww-legal-highlights-3 {
                grid-template-columns: repeat(3, 1fr) !important;
                gap: 12px !important;
            }
        }
        @media (max-width: 600px) {
            .ww-legal-highlights-3 {
                grid-template-columns: 1fr !important;
                gap: 10px !important;
            }
        }
        @media (max-width: 480px) {
            .ww-legal-highlights-4 {
                grid-template-columns: 1fr !important;
                gap: 10px !important;
            }
        }
        .ww-legal-highlight-card {
            background: #ffffff !important;
            border: 1px solid #e7e5e4 !important;
            border-top: 3.5px solid #d97706 !important;
            border-radius: 10px !important;
            padding: 15px 14px !important;
            box-shadow: 0 2px 6px rgba(0,0,0,0.03) !important;
            box-sizing: border-box !important;
            transition: transform 0.2s ease, box-shadow 0.2s ease !important;
        }
        .ww-legal-highlight-card:hover {
            transform: translateY(-2px) !important;
            box-shadow: 0 6px 14px rgba(0,0,0,0.07) !important;
        }
        .ww-legal-highlight-icon {
            font-size: 20px !important;
            margin-bottom: 8px !important;
            display: inline-block !important;
            line-height: 1 !important;
        }
        .ww-legal-highlight-title {
            font-family: -apple-system, BlinkMacSystemFont, sans-serif !important;
            font-size: 14px !important;
            font-weight: 700 !important;
            color: #1c1917 !important;
            margin: 0 0 6px 0 !important;
            line-height: 1.3 !important;
        }
        .ww-legal-highlight-text {
            font-size: 12.5px !important;
            color: #57534e !important;
            line-height: 1.5 !important;
            margin: 0 !important;
        }
        .ww-legal-section {
            background: #ffffff !important;
            border: 1px solid #e7e5e4 !important;
            border-left: 5px solid #b45309 !important;
            border-radius: 10px !important;
            padding: 22px 24px !important;
            margin-bottom: 18px !important;
            box-shadow: 0 2px 6px rgba(0,0,0,0.03) !important;
            box-sizing: border-box !important;
        }
        .ww-legal-section-header {
            display: flex !important;
            align-items: center !important;
            gap: 12px !important;
            margin-bottom: 14px !important;
            padding-bottom: 10px !important;
            border-bottom: 1px solid #f3ede2 !important;
        }
        .ww-legal-num {
            background: #fef3c7 !important;
            color: #b45309 !important;
            font-weight: 800 !important;
            font-size: 12.5px !important;
            padding: 3px 9px !important;
            border-radius: 6px !important;
            letter-spacing: 0.5px !important;
            flex-shrink: 0 !important;
            font-family: -apple-system, BlinkMacSystemFont, sans-serif !important;
        }
        .ww-legal-section-title {
            font-family: 'Playfair Display', Georgia, serif !important;
            font-size: 19px !important;
            font-weight: 700 !important;
            color: #1c1917 !important;
            margin: 0 !important;
            line-height: 1.3 !important;
        }
        .ww-legal-body {
            font-family: 'Merriweather', Georgia, serif !important;
            font-size: 14px !important;
            line-height: 1.75 !important;
            color: #44403c !important;
            overflow-wrap: break-word !important;
            word-wrap: break-word !important;
        }
        .ww-legal-body p {
            margin: 0 0 12px 0 !important;
        }
        .ww-legal-body p:last-child {
            margin-bottom: 0 !important;
        }
        .ww-legal-body a,
        .ww-legal-callout a {
            color: #b45309 !important;
            text-decoration: underline !important;
            font-weight: 600 !important;
            word-break: break-all !important;
            overflow-wrap: anywhere !important;
        }
        .ww-legal-callout {
            background: #fffbeb !important;
            border: 1px solid #fde68a !important;
            border-radius: 8px !important;
            padding: 14px 18px !important;
            margin: 14px 0 !important;
            display: flex !important;
            align-items: flex-start !important;
            gap: 12px !important;
            font-size: 13.5px !important;
            color: #92400e !important;
            line-height: 1.55 !important;
            overflow-wrap: break-word !important;
            word-break: break-word !important;
            max-width: 100% !important;
        }
        .ww-legal-callout-icon {
            font-size: 18px !important;
            line-height: 1 !important;
            flex-shrink: 0 !important;
            margin-top: 2px !important;
        }
        .ww-legal-callout > div:not(.ww-legal-callout-icon) {
            flex: 1 !important;
            min-width: 0 !important;
            word-break: break-word !important;
            overflow-wrap: anywhere !important;
        }
        .ww-legal-footer-box {
            background: #fafaf9 !important;
            border: 1px solid #e7e5e4 !important;
            border-top: 3.5px solid #78350f !important;
            border-radius: 10px !important;
            padding: 24px 22px !important;
            text-align: center !important;
            margin-top: 26px !important;
            box-shadow: 0 2px 6px rgba(0,0,0,0.03) !important;
        }
        .ww-legal-footer-title {
            font-family: 'Playfair Display', Georgia, serif !important;
            font-size: 19px !important;
            font-weight: 700 !important;
            color: #1c1917 !important;
            margin: 0 0 8px 0 !important;
        }
        .ww-legal-footer-text {
            font-size: 13.5px !important;
            color: #57534e !important;
            margin: 0 0 16px 0 !important;
            line-height: 1.5 !important;
            max-width: 600px !important;
            margin-left: auto !important;
            margin-right: auto !important;
        }
        .ww-legal-footer-actions {
            display: flex !important;
            justify-content: center !important;
            gap: 12px !important;
            flex-wrap: wrap !important;
        }
        .ww-legal-btn {
            display: inline-flex !important;
            align-items: center !important;
            gap: 8px !important;
            padding: 10px 20px !important;
            border-radius: 8px !important;
            font-size: 13.5px !important;
            font-weight: 700 !important;
            text-decoration: none !important;
            transition: all 0.2s ease !important;
            box-sizing: border-box !important;
        }
        .ww-legal-btn-primary {
            background: linear-gradient(135deg, #b45309 0%, #d97706 100%) !important;
            color: #ffffff !important;
            box-shadow: 0 2px 6px rgba(180, 83, 9, 0.25) !important;
        }
        .ww-legal-btn-primary:hover {
            background: linear-gradient(135deg, #92400e 0%, #b45309 100%) !important;
            color: #ffffff !important;
            transform: translateY(-1px) !important;
        }
        .ww-legal-btn-secondary {
            background: #ffffff !important;
            color: #78350f !important;
            border: 1.5px solid #dcd2c4 !important;
        }
        .ww-legal-btn-secondary:hover {
            background: #fdfaf5 !important;
            border-color: #b45309 !important;
            color: #b45309 !important;
        }
        .ww-about-genres {
            display: grid !important;
            grid-template-columns: repeat(4, 1fr) !important;
            gap: 12px !important;
            margin-top: 14px !important;
        }
        @media (max-width: 820px) {
            .ww-about-genres {
                grid-template-columns: repeat(2, 1fr) !important;
            }
        }
        @media (max-width: 480px) {
            .ww-about-genres {
                grid-template-columns: 1fr !important;
            }
        }
        .ww-about-genre-pill {
            background: #fdfaf6 !important;
            border: 1px solid #eadfcb !important;
            border-radius: 10px !important;
            padding: 13px 11px !important;
            text-decoration: none !important;
            color: #292524 !important;
            transition: all 0.2s ease !important;
            display: flex !important;
            flex-direction: column !important;
            box-sizing: border-box !important;
            height: 100% !important;
        }
        .ww-about-genre-pill:hover {
            border-color: #b45309 !important;
            background: #fff8ee !important;
            transform: translateY(-2px) !important;
            box-shadow: 0 4px 10px rgba(180, 83, 9, 0.1) !important;
        }
        .ww-about-genre-name {
            font-weight: 700 !important;
            font-size: 13px !important;
            color: #78350f !important;
            margin-bottom: 5px !important;
            line-height: 1.35 !important;
        }
        .ww-about-genre-desc {
            font-size: 11.5px !important;
            color: #78716c !important;
            line-height: 1.45 !important;
            margin: 0 !important;
        }

        @media (max-width: 600px) {
            .page-id-3 .inside-article,
            .page-id-39 .inside-article,
            .page-id-40 .inside-article,
            .page-id-41 .inside-article {
                padding-left: 10px !important;
                padding-right: 10px !important;
                padding-top: 10px !important;
            }
            .ww-legal-container {
                padding: 0 !important;
                margin-bottom: 24px !important;
                width: 100% !important;
                max-width: 100% !important;
            }
            .ww-legal-header {
                margin-bottom: 18px !important;
                padding-bottom: 14px !important;
            }
            .ww-legal-title {
                font-size: 24px !important;
                line-height: 1.25 !important;
            }
            .ww-legal-desc {
                font-size: 13.5px !important;
                line-height: 1.6 !important;
            }
            .ww-legal-section {
                padding: 16px 14px !important;
                margin-bottom: 14px !important;
                border-left-width: 4px !important;
            }
            .ww-legal-section-header {
                gap: 8px !important;
                margin-bottom: 10px !important;
                padding-bottom: 8px !important;
            }
            .ww-legal-section-title {
                font-size: 17px !important;
            }
            .ww-legal-num {
                font-size: 11.5px !important;
                padding: 2px 7px !important;
            }
            .ww-legal-body {
                font-size: 13.5px !important;
                line-height: 1.65 !important;
            }
            .ww-legal-callout {
                padding: 12px 10px !important;
                gap: 8px !important;
                font-size: 12.5px !important;
                flex-direction: column !important;
            }
            .ww-legal-callout-icon {
                margin-top: 0 !important;
            }
            .ww-legal-footer-box {
                padding: 18px 14px !important;
                margin-top: 20px !important;
            }
            .ww-legal-footer-title {
                font-size: 17px !important;
            }
            .ww-legal-footer-text {
                font-size: 13px !important;
            }
            .ww-legal-btn {
                width: 100% !important;
                justify-content: center !important;
            }
        }

        /* Dark Mode Overrides for Legal Pages */
        html[data-theme='dark'] .ww-legal-title,
        html.dark-theme .ww-legal-title,
        html.ww-dark-mode .ww-legal-title {
            color: #f5f5f4 !important;
        }
        html[data-theme='dark'] .ww-legal-desc,
        html.dark-theme .ww-legal-desc,
        html.ww-dark-mode .ww-legal-desc {
            color: #a8a29e !important;
        }
        html[data-theme='dark'] .ww-legal-updated,
        html.dark-theme .ww-legal-updated,
        html.ww-dark-mode .ww-legal-updated {
            background: #27221d !important;
            border-color: #3e362e !important;
            color: #e5a764 !important;
        }
        html[data-theme='dark'] .ww-legal-highlight-card,
        html.dark-theme .ww-legal-highlight-card,
        html.ww-dark-mode .ww-legal-highlight-card,
        html[data-theme='dark'] .ww-legal-section,
        html.dark-theme .ww-legal-section,
        html.ww-dark-mode .ww-legal-section,
        html[data-theme='dark'] .ww-legal-footer-box,
        html.dark-theme .ww-legal-footer-box,
        html.ww-dark-mode .ww-legal-footer-box {
            background: #1c1917 !important;
            border-color: #292524 !important;
        }
        html[data-theme='dark'] .ww-legal-section-header,
        html.dark-theme .ww-legal-section-header,
        html.ww-dark-mode .ww-legal-section-header {
            border-bottom-color: #292524 !important;
        }
        html[data-theme='dark'] .ww-legal-highlight-title,
        html.dark-theme .ww-legal-highlight-title,
        html.ww-dark-mode .ww-legal-highlight-title,
        html[data-theme='dark'] .ww-legal-section-title,
        html.dark-theme .ww-legal-section-title,
        html.ww-dark-mode .ww-legal-section-title,
        html[data-theme='dark'] .ww-legal-footer-title,
        html.dark-theme .ww-legal-footer-title,
        html.ww-dark-mode .ww-legal-footer-title {
            color: #f5f5f4 !important;
        }
        html[data-theme='dark'] .ww-legal-highlight-text,
        html.dark-theme .ww-legal-highlight-text,
        html.ww-dark-mode .ww-legal-highlight-text,
        html[data-theme='dark'] .ww-legal-body,
        html.dark-theme .ww-legal-body,
        html.ww-dark-mode .ww-legal-body,
        html[data-theme='dark'] .ww-legal-footer-text,
        html.dark-theme .ww-legal-footer-text,
        html.ww-dark-mode .ww-legal-footer-text {
            color: #d6d3d1 !important;
        }
        html[data-theme='dark'] .ww-legal-num,
        html.dark-theme .ww-legal-num,
        html.ww-dark-mode .ww-legal-num {
            background: #2e2823 !important;
            color: #f59e0b !important;
        }
        html[data-theme='dark'] .ww-legal-callout,
        html.dark-theme .ww-legal-callout,
        html.ww-dark-mode .ww-legal-callout {
            background: #2a2215 !important;
            border-color: #4d381c !important;
            color: #fef08a !important;
        }
        html[data-theme='dark'] .ww-about-genre-pill,
        html.dark-theme .ww-about-genre-pill,
        html.ww-dark-mode .ww-about-genre-pill {
            background: #24201c !important;
            border-color: #383129 !important;
            color: #f5f5f4 !important;
        }
        html[data-theme='dark'] .ww-about-genre-name,
        html.dark-theme .ww-about-genre-name,
        html.ww-dark-mode .ww-about-genre-name {
            color: #f59e0b !important;
        }
        html[data-theme='dark'] .ww-about-genre-desc,
        html.dark-theme .ww-about-genre-desc,
        html.ww-dark-mode .ww-about-genre-desc {
            color: #a8a29e !important;
        }
        html[data-theme='dark'] .ww-legal-btn-secondary,
        html.dark-theme .ww-legal-btn-secondary,
        html.ww-dark-mode .ww-legal-btn-secondary {
            background: #26221f !important;
            border-color: #3e3831 !important;
            color: #e7e5e4 !important;
        }

        /* Sepia Mode Overrides for Legal Pages */
        html.ww-sepia-mode .ww-legal-title {
            color: #5c3818 !important;
        }
        html.ww-sepia-mode .ww-legal-highlight-card,
        html.ww-sepia-mode .ww-legal-section,
        html.ww-sepia-mode .ww-legal-footer-box {
            background: #fbf7ee !important;
            border-color: #e4d7c0 !important;
        }
        html.ww-sepia-mode .ww-legal-section-header {
            border-bottom-color: #ebdcc4 !important;
        }
        html.ww-sepia-mode .ww-legal-num {
            background: #f4e8d2 !important;
            color: #8c4a10 !important;
        }
        html.ww-sepia-mode .ww-legal-callout {
            background: #f8edd7 !important;
            border-color: #e5cb9e !important;
            color: #713f12 !important;
        }
        html.ww-sepia-mode .ww-about-genre-pill {
            background: #f6efe1 !important;
            border-color: #dfcdb3 !important;
        }
        html.ww-sepia-mode .ww-legal-btn-secondary {
            background: #fbf7ee !important;
            border-color: #d8c6aa !important;
            color: #633c16 !important;
        }

        /* ========================================================
           Frontier History & Lore - Distinctive Archival Museum Styling
           ======================================================== */
        
        /* 1. Archival Badge (Gold & Dark Slate) */
        .category-frontier-history-lore .ww-badge-tag,
        .cat-links a[href*=\'frontier-history-lore\'],
        .ww-scf-cat a[href*=\'frontier-history-lore\'],
        a.ww-scf-cat-badge[href*=\'frontier-history-lore\'] {
            background: linear-gradient(135deg, #1e293b, #0f172a) !important;
            color: #fde68a !important;
            border: 1px solid #b45309 !important;
            font-weight: 700 !important;
            letter-spacing: 0.6px !important;
            padding: 4px 11px !important;
            box-shadow: 0 2px 6px rgba(0,0,0,0.18) !important;
            text-transform: uppercase !important;
            font-size: 11px !important;
            border-radius: 4px !important;
        }

        html.ww-dark-mode .category-frontier-history-lore .ww-badge-tag,
        html.ww-dark-mode .cat-links a[href*=\'frontier-history-lore\'],
        html.ww-dark-mode .ww-scf-cat a[href*=\'frontier-history-lore\'],
        html.ww-dark-mode a.ww-scf-cat-badge[href*=\'frontier-history-lore\'] {
            background: linear-gradient(135deg, #090d16, #1e293b) !important;
            color: #fde68a !important;
            border: 1px solid #d97706 !important;
        }

        html.ww-sepia-mode .category-frontier-history-lore .ww-badge-tag,
        html.ww-sepia-mode .cat-links a[href*=\'frontier-history-lore\'],
        html.ww-sepia-mode .ww-scf-cat a[href*=\'frontier-history-lore\'],
        html.ww-sepia-mode a.ww-scf-cat-badge[href*=\'frontier-history-lore\'] {
            background: #2d1f14 !important;
            color: #fef3c7 !important;
            border: 1px solid #92400e !important;
        }

        /* 2. Single History Post: Hero Featured Image (Full width, Centered, NO FLOAT) */
        .single-post.category-frontier-history-lore .featured-image,
        .single-post.category-frontier-history-lore .page-header-image-single,
        .single-post.category-frontier-history-lore .wp-block-post-featured-image,
        .single-post.ww-single-history-post .featured-image,
        .single-post.ww-single-history-post .page-header-image-single,
        .single-post.ww-single-history-post .wp-block-post-featured-image,
        article.category-frontier-history-lore.type-post .featured-image {
            float: none !important;
            width: 100% !important;
            max-width: 860px !important;
            margin: 20px auto 28px auto !important;
            padding: 0 !important;
            display: block !important;
            text-align: center !important;
            clear: both !important;
        }

        .single-post.category-frontier-history-lore .featured-image img,
        .single-post.category-frontier-history-lore .page-header-image-single img,
        .single-post.category-frontier-history-lore .wp-block-post-featured-image img,
        .single-post.ww-single-history-post .featured-image img,
        .single-post.ww-single-history-post .page-header-image-single img,
        .single-post.ww-single-history-post .wp-block-post-featured-image img,
        article.category-frontier-history-lore.type-post .featured-image img {
            float: none !important;
            width: 100% !important;
            max-width: 860px !important;
            height: auto !important;
            max-height: 520px !important;
            aspect-ratio: auto !important;
            object-fit: cover !important;
            border-radius: 8px !important;
            border: 3px solid #f3ede2 !important;
            box-shadow: 0 8px 30px rgba(45, 31, 20, 0.16) !important;
            margin: 0 auto !important;
            display: block !important;
        }

        /* Single History Post: Centered Header & Meta */
        .single-post.category-frontier-history-lore .entry-header,
        .single-post.ww-single-history-post .entry-header {
            text-align: center !important;
            margin: 12px auto 20px auto !important;
            max-width: 860px !important;
        }
        .single-post.category-frontier-history-lore h1.entry-title,
        .single-post.ww-single-history-post h1.entry-title {
            text-align: center !important;
            margin: 0 auto 12px auto !important;
            font-size: 2.3rem !important;
            line-height: 1.3 !important;
        }
        .single-post.category-frontier-history-lore .ww-story-meta-badge,
        .single-post.ww-single-history-post .ww-story-meta-badge {
            justify-content: center !important;
            text-align: center !important;
            margin: 0 auto 24px auto !important;
        }

        /* 3. History Fast Facts Highlight Box: Full Width, Clean Archival Dossier Style */
        .ww-history-highlight {
            clear: both !important;
            display: block !important;
            width: 100% !important;
            box-sizing: border-box !important;
            background: #fdfbf7 !important;
            border: 1px solid #e7ded0 !important;
            border-left: 6px solid #8b5a2b !important;
            padding: 24px 28px !important;
            margin: 28px 0 32px 0 !important;
            border-radius: 8px !important;
            box-shadow: 0 4px 16px rgba(45, 31, 20, 0.05) !important;
        }
        html.ww-dark-mode .ww-history-highlight {
            background: #1e1915 !important;
            border-color: #382c20 !important;
            border-left-color: #d97706 !important;
            box-shadow: 0 4px 16px rgba(0,0,0,0.3) !important;
        }
        html.ww-sepia-mode .ww-history-highlight {
            background: #f4ecdf !important;
            border-color: #e5d7c3 !important;
            border-left-color: #7c2d12 !important;
        }
        .ww-history-highlight h4,
        .ww-history-highlight h3 {
            margin: 0 0 14px 0 !important;
            font-family: \'Playfair Display\', Georgia, serif !important;
            color: #78350f !important;
            font-size: 1.25rem !important;
            display: flex !important;
            align-items: center !important;
            gap: 8px !important;
            border-bottom: 1px dashed #d6c7b2 !important;
            padding-bottom: 10px !important;
        }
        html.ww-dark-mode .ww-history-highlight h4,
        html.ww-dark-mode .ww-history-highlight h3 {
            color: #fde68a !important;
            border-bottom-color: #443527 !important;
        }
        html.ww-sepia-mode .ww-history-highlight h4,
        html.ww-sepia-mode .ww-history-highlight h3 {
            color: #78350f !important;
            border-bottom-color: #cbbba4 !important;
        }
        .ww-history-highlight p,
        .ww-history-highlight ul,
        .ww-history-highlight li {
            font-size: 0.96rem !important;
            line-height: 1.65 !important;
            color: #44403c !important;
            margin-bottom: 8px !important;
        }
        html.ww-dark-mode .ww-history-highlight p,
        html.ww-dark-mode .ww-history-highlight ul,
        html.ww-dark-mode .ww-history-highlight li {
            color: #d6d3d1 !important;
        }
        .ww-history-highlight p:last-child {
            margin-bottom: 0 !important;
        }

        /* 4. Museum Archival Hero Banner on Category Page (Warm Stately Certificate Design) */
        .separate-containers .page-header.ww-history-archive-header,
        .page-header.ww-history-archive-header,
        body.category-frontier-history-lore .page-header {
            background: linear-gradient(180deg, #ffffff 0%, #faf6f0 100%) !important;
            background-color: #ffffff !important;
            border: 1px solid #d9cbba !important;
            border-top: 5px solid #8b5a2b !important;
            border-radius: 16px !important;
            padding: 36px 30px !important;
            margin: 0 auto 32px auto !important;
            max-width: 840px !important;
            box-shadow: 0 8px 25px rgba(60, 40, 20, 0.07) !important;
            color: #292524 !important;
            text-align: center !important;
            position: relative !important;
        }
        .ww-history-archive-header::before {
            display: none !important;
        }
        .ww-history-header-badge {
            display: flex !important;
            justify-content: center !important;
            align-items: center !important;
            gap: 10px !important;
            flex-wrap: wrap !important;
            margin-bottom: 14px !important;
        }
        .ww-history-seal {
            background: #8b5a2b !important;
            color: #ffffff !important;
            font-size: 11px !important;
            font-weight: 700 !important;
            letter-spacing: 0.8px !important;
            padding: 5px 14px !important;
            border-radius: 20px !important;
            text-transform: uppercase !important;
            box-shadow: 0 2px 6px rgba(139, 90, 43, 0.25) !important;
        }
        .ww-history-verified {
            background: #fef3c7 !important;
            color: #78350f !important;
            border: 1px solid #f59e0b !important;
            font-size: 11px !important;
            font-weight: 600 !important;
            padding: 4px 12px !important;
            border-radius: 20px !important;
        }
        .separate-containers .page-header.ww-history-archive-header h1.ww-history-header-title,
        .page-header.ww-history-archive-header h1.ww-history-header-title,
        .ww-history-header-title {
            font-family: \'Playfair Display\', Georgia, serif !important;
            font-size: 2.35rem !important;
            font-weight: 800 !important;
            color: #451a03 !important;
            margin: 0 0 12px 0 !important;
            line-height: 1.25 !important;
            text-shadow: none !important;
        }
        .separate-containers .page-header.ww-history-archive-header .ww-history-header-desc,
        .page-header.ww-history-archive-header .ww-history-header-desc,
        .ww-history-header-desc {
            font-family: \'Merriweather\', Georgia, serif !important;
            font-size: 14.5px !important;
            line-height: 1.75 !important;
            color: #44403c !important;
            max-width: 700px !important;
            margin: 0 auto 18px auto !important;
        }
        .separate-containers .page-header.ww-history-archive-header .ww-history-header-stats,
        .page-header.ww-history-archive-header .ww-history-header-stats,
        .ww-history-header-stats {
            display: inline-flex !important;
            align-items: center !important;
            gap: 14px !important;
            background: #f4ece1 !important;
            border: 1px solid #dfd1be !important;
            padding: 7px 22px !important;
            border-radius: 30px !important;
            font-size: 12.5px !important;
            color: #57534e !important;
        }
        .ww-history-header-stats strong {
            color: #78350f !important;
            font-weight: 700 !important;
        }
        .ww-h-stat-sep {
            color: #c4b5a0 !important;
        }

        html.ww-dark-mode .separate-containers .page-header.ww-history-archive-header,
        html.ww-dark-mode .page-header.ww-history-archive-header {
            background: #1e1915 !important;
            background-color: #1e1915 !important;
            border-color: #3e3226 !important;
            border-top-color: #d97706 !important;
            color: #e7e5e4 !important;
        }
        html.ww-dark-mode .separate-containers .page-header.ww-history-archive-header h1.ww-history-header-title,
        html.ww-dark-mode .page-header.ww-history-archive-header h1.ww-history-header-title {
            color: #fef3c7 !important;
        }
        html.ww-dark-mode .separate-containers .page-header.ww-history-archive-header .ww-history-header-desc,
        html.ww-dark-mode .page-header.ww-history-archive-header .ww-history-header-desc {
            color: #cbd5e1 !important;
        }
        html.ww-dark-mode .separate-containers .page-header.ww-history-archive-header .ww-history-header-stats,
        html.ww-dark-mode .page-header.ww-history-archive-header .ww-history-header-stats {
            background: #28211b !important;
            border-color: #4a3c2e !important;
            color: #a8a29e !important;
        }
        html.ww-dark-mode .separate-containers .page-header.ww-history-archive-header .ww-history-header-stats strong,
        html.ww-dark-mode .page-header.ww-history-archive-header .ww-history-header-stats strong {
            color: #fde68a !important;
        }

        /* ========================================================
           Frontier History & Lore - Standout Navigation Dropdown Item
           ======================================================== */
        .main-navigation ul ul li.menu-item-frontier-history {
            border-top: 1px dashed #d6c4a8 !important;
            margin-top: 6px !important;
            padding-top: 4px !important;
        }

        .main-navigation ul ul li.menu-item-frontier-history a.ww-menu-history-link,
        .main-navigation ul ul li.menu-item-frontier-history a {
            display: flex !important;
            align-items: center !important;
            justify-content: space-between !important;
            background: #faf4e8 !important;
            color: #78350f !important;
            font-weight: 700 !important;
            border-radius: 6px !important;
            margin: 3px 8px 5px 8px !important;
            padding: 8px 12px !important;
            border: 1px solid #ebdcc4 !important;
            transition: all 0.2s ease !important;
        }

        .main-navigation ul ul li.menu-item-frontier-history a .ww-menu-history-main {
            display: inline-flex !important;
            align-items: center !important;
            gap: 7px !important;
        }

        .main-navigation ul ul li.menu-item-frontier-history a .ww-menu-history-icon {
            font-size: 15px !important;
            line-height: 1 !important;
        }

        .main-navigation ul ul li.menu-item-frontier-history a .ww-menu-history-pill {
            background: linear-gradient(135deg, #b45309, #d97706) !important;
            color: #ffffff !important;
            font-size: 9.5px !important;
            font-weight: 800 !important;
            letter-spacing: 0.6px !important;
            padding: 2px 7px !important;
            border-radius: 4px !important;
            text-transform: uppercase !important;
            box-shadow: 0 1px 4px rgba(180, 83, 9, 0.25) !important;
        }

        .main-navigation ul ul li.menu-item-frontier-history:hover > a,
        .main-navigation ul ul li.menu-item-frontier-history a:hover {
            background: linear-gradient(135deg, #78350f, #92400e) !important;
            color: #ffffff !important;
            border-color: #78350f !important;
            box-shadow: 0 3px 10px rgba(120, 53, 15, 0.25) !important;
            transform: translateX(2px) !important;
        }

        .main-navigation ul ul li.menu-item-frontier-history:hover a .ww-menu-history-pill,
        .main-navigation ul ul li.menu-item-frontier-history a:hover .ww-menu-history-pill {
            background: #fef3c7 !important;
            color: #78350f !important;
        }

        html.ww-dark-mode .main-navigation ul ul li.menu-item-frontier-history {
            border-top-color: #382c20 !important;
        }
        html.ww-dark-mode .main-navigation ul ul li.menu-item-frontier-history a.ww-menu-history-link,
        html.ww-dark-mode .main-navigation ul ul li.menu-item-frontier-history a {
            background: #241c14 !important;
            color: #fde68a !important;
            border-color: #3e3020 !important;
        }

        /* 4. Single History Post: Protected Block Layout (NEVER Grid) */
        body.single article.category-frontier-history-lore .inside-article,
        body.single-post.category-frontier-history-lore .inside-article,
        .single-post.ww-single-history-post .inside-article {
            display: block !important;
            width: 100% !important;
            max-width: 860px !important;
            margin: 0 auto !important;
            padding: 32px 30px !important;
            grid-template-columns: none !important;
        }

        body.single article.category-frontier-history-lore .entry-header,
        body.single-post.category-frontier-history-lore .entry-header {
            display: block !important;
            width: 100% !important;
            max-width: 820px !important;
            margin: 12px auto 18px auto !important;
            text-align: center !important;
        }

        body.single article.category-frontier-history-lore .entry-content,
        body.single-post.category-frontier-history-lore .entry-content {
            display: block !important;
            width: 100% !important;
            max-width: 820px !important;
            margin: 0 auto !important;
            clear: both !important;
        }

        body.single article.category-frontier-history-lore .ww-history-highlight,
        body.single-post.category-frontier-history-lore .ww-history-highlight {
            display: block !important;
            width: 100% !important;
            max-width: 820px !important;
            margin: 26px auto 32px auto !important;
            clear: both !important;
        }

        /* 5. Archive Cards for Historical Articles (Strictly Scoped to Archive / Category Listings) */
        body:not(.single) article.category-frontier-history-lore,
        body.archive article.category-frontier-history-lore {
            background: #fdfcf9 !important;
            border: 1px solid #d4c5b3 !important;
            box-shadow: 0 4px 18px rgba(45, 31, 20, 0.08) !important;
            border-radius: 16px !important;
            transition: transform 0.2s ease, box-shadow 0.2s ease !important;
            margin: 0 auto 24px auto !important;
            max-width: 840px !important;
        }
        body:not(.single) article.category-frontier-history-lore:hover,
        body.archive article.category-frontier-history-lore:hover {
            transform: translateY(-2px) !important;
            box-shadow: 0 8px 24px rgba(45, 31, 20, 0.14) !important;
            border-color: #b45309 !important;
        }
        html.ww-dark-mode body:not(.single) article.category-frontier-history-lore,
        html.ww-dark-mode body.archive article.category-frontier-history-lore {
            background: #191512 !important;
            border-color: #382c20 !important;
            box-shadow: 0 4px 18px rgba(0,0,0,0.3) !important;
        }

        @media (min-width: 768px) {
            body:not(.single) article.category-frontier-history-lore .inside-article,
            body.archive article.category-frontier-history-lore .inside-article {
                display: grid !important;
                grid-template-columns: 240px 1fr !important;
                grid-template-rows: auto 1fr auto !important;
                grid-template-areas:
                    'image header'
                    'image summary'
                    'image footer' !important;
                column-gap: 26px !important;
                row-gap: 12px !important;
                padding: 24px 26px !important;
                align-items: stretch !important;
            }

            body:not(.single) article.category-frontier-history-lore .post-image,
            body.archive article.category-frontier-history-lore .post-image {
                grid-area: image !important;
                margin: 0 !important;
                padding: 0 !important;
                width: 100% !important;
                max-width: 240px !important;
                align-self: stretch !important;
                display: flex !important;
                flex-direction: column !important;
                justify-content: flex-start !important;
            }

            body:not(.single) article.category-frontier-history-lore .post-image > a,
            body.archive article.category-frontier-history-lore .post-image > a {
                display: block !important;
                width: 100% !important;
                max-width: 240px !important;
                flex: 1 1 auto !important;
                height: 100% !important;
                min-height: 290px !important;
                border-radius: 12px !important;
                overflow: hidden !important;
                box-shadow: 0 6px 20px rgba(45, 31, 20, 0.16) !important;
                border: 3px solid #ffffff !important;
                margin: 0 !important;
                position: relative !important;
            }

            body:not(.single) article.category-frontier-history-lore .post-image img,
            body.archive article.category-frontier-history-lore .post-image img {
                width: 100% !important;
                height: 100% !important;
                object-fit: cover !important;
                object-position: center 25% !important;
                display: block !important;
                max-height: none !important;
            }

            body:not(.single) article.category-frontier-history-lore .entry-header,
            body.archive article.category-frontier-history-lore .entry-header {
                grid-area: header !important;
                text-align: left !important;
                margin: 0 !important;
                padding: 0 !important;
            }

            body:not(.single) article.category-frontier-history-lore h2.entry-title,
            body.archive article.category-frontier-history-lore h2.entry-title {
                font-size: 1.45rem !important;
                line-height: 1.28 !important;
                margin: 0 0 6px 0 !important;
                padding: 0 !important;
                color: #29180c !important;
            }

            body:not(.single) article.category-frontier-history-lore .entry-meta,
            body.archive article.category-frontier-history-lore .entry-meta {
                margin-bottom: 8px !important;
                font-size: 12.5px !important;
            }

            body:not(.single) article.category-frontier-history-lore .entry-summary,
            body.archive article.category-frontier-history-lore .entry-summary {
                grid-area: summary !important;
                margin: 0 !important;
                max-width: 100% !important;
                flex: 1 1 auto !important;
            }

            body:not(.single) article.category-frontier-history-lore .entry-summary p,
            body.archive article.category-frontier-history-lore .entry-summary p {
                font-size: 14.5px !important;
                line-height: 1.72 !important;
                color: #44403c !important;
                text-align: justify !important;
                margin: 0 !important;
                display: block !important;
                -webkit-line-clamp: unset !important;
                max-height: none !important;
            }

            body:not(.single) article.category-frontier-history-lore footer.entry-meta,
            body.archive article.category-frontier-history-lore footer.entry-meta {
                grid-area: footer !important;
                display: flex !important;
                align-items: center !important;
                justify-content: space-between !important;
                margin-top: 10px !important;
                padding-top: 10px !important;
                border-top: 1px solid #f0e6d8 !important;
            }
        }

        html.ww-dark-mode body:not(.single) article.category-frontier-history-lore .post-image > a,
        html.ww-dark-mode body.archive article.category-frontier-history-lore .post-image > a {
            border-color: #2a221b !important;
            box-shadow: 0 6px 20px rgba(0, 0, 0, 0.45) !important;
        }
        html.ww-dark-mode body:not(.single) article.category-frontier-history-lore h2.entry-title,
        html.ww-dark-mode body.archive article.category-frontier-history-lore h2.entry-title {
            color: #fbf7ee !important;
        }
        html.ww-dark-mode body:not(.single) article.category-frontier-history-lore .entry-summary p,
        html.ww-dark-mode body.archive article.category-frontier-history-lore .entry-summary p {
            color: #d6d3d1 !important;
        }

        /* Distinctive Historical Record CTA Button */
        .ww-card-history-btn {
            background: linear-gradient(135deg, #1e293b 0%, #0f172a 100%) !important;
            color: #fde68a !important;
            border: 1px solid #b45309 !important;
            font-weight: 700 !important;
            letter-spacing: 0.4px !important;
            box-shadow: 0 3px 10px rgba(15, 23, 42, 0.25) !important;
            padding: 8px 16px !important;
            border-radius: 6px !important;
            text-decoration: none !important;
            display: inline-flex !important;
            align-items: center !important;
            gap: 6px !important;
            font-size: 13px !important;
            transition: all 0.2s ease !important;
        }
        .ww-card-history-btn:hover {
            background: linear-gradient(135deg, #0f172a 0%, #020617 100%) !important;
            color: #ffffff !important;
            border-color: #f59e0b !important;
            box-shadow: 0 5px 15px rgba(245, 158, 11, 0.3) !important;
            transform: translateY(-1px) !important;
        }

        /* 6. E-E-A-T Archival Citation & Provenance Box */
        .ww-history-citation-box {
            margin: 36px auto 30px auto !important;
            max-width: 760px !important;
            background: #fbf8f2 !important;
            border: 1px solid #d4c5b3 !important;
            border-top: 3px solid #b45309 !important;
            border-radius: 10px !important;
            padding: 24px 28px !important;
            box-shadow: 0 4px 15px rgba(0,0,0,0.04) !important;
            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
        }
        html.ww-dark-mode .ww-history-citation-box {
            background: #1e1915 !important;
            border-color: #382c20 !important;
            border-top-color: #d97706 !important;
        }
        html.ww-sepia-mode .ww-history-citation-box {
            background: #f4ecdf !important;
            border-color: #e5d7c3 !important;
            border-top-color: #7c2d12 !important;
        }
        .ww-hcb-header {
            display: flex !important;
            align-items: center !important;
            gap: 12px !important;
            margin-bottom: 12px !important;
        }
        .ww-hcb-icon {
            font-size: 28px !important;
            line-height: 1 !important;
        }
        .ww-hcb-title {
            font-family: \'Playfair Display\', Georgia, serif !important;
            font-size: 1.15rem !important;
            color: #78350f !important;
            margin: 0 !important;
            font-weight: 700 !important;
        }
        html.ww-dark-mode .ww-hcb-title {
            color: #fde68a !important;
        }
        .ww-hcb-subtitle {
            font-size: 12px !important;
            color: #78716c !important;
            margin: 2px 0 0 0 !important;
            font-weight: 500 !important;
        }
        .ww-hcb-body p {
            font-size: 13.5px !important;
            line-height: 1.65 !important;
            color: #44403c !important;
            margin: 0 0 14px 0 !important;
        }
        html.ww-dark-mode .ww-hcb-body p {
            color: #d6d3d1 !important;
        }
        .ww-hcb-meta {
            display: flex !important;
            flex-wrap: wrap !important;
            gap: 8px !important;
        }
        .ww-hcb-tag {
            background: #f0eae1 !important;
            color: #633c16 !important;
            border: 1px solid #d9cbba !important;
            font-size: 11px !important;
            font-weight: 600 !important;
            padding: 3px 9px !important;
            border-radius: 14px !important;
        }
        html.ww-dark-mode .ww-hcb-tag {
            background: #2a221a !important;
            color: #fde68a !important;
            border-color: #443527 !important;
        }

/* Semantic Chapter Subheadings for Stories (AdSense UX & Scannability Optimization) */
.ww-chapter-heading {
    font-family: 'Playfair Display', Georgia, 'Times New Roman', serif !important;
    font-size: 1.35rem !important;
    font-weight: 700 !important;
    color: #4a2e1b !important;
    margin: 2.2rem 0 1.2rem 0 !important;
    padding: 0.6rem 0.8rem !important;
    background: linear-gradient(90deg, rgba(139, 94, 60, 0.08) 0%, rgba(139, 94, 60, 0) 100%) !important;
    border-left: 4px solid #8b5e3c !important;
    border-radius: 0 6px 6px 0 !important;
    letter-spacing: 0.4px !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
}

.ww-chapter-heading .ww-ch-icon {
    color: #8b5e3c !important;
    font-size: 1.1rem !important;
    line-height: 1 !important;
}

.ww-dark-mode .ww-chapter-heading {
    color: #f6d89b !important;
    background: linear-gradient(90deg, rgba(246, 216, 155, 0.08) 0%, rgba(246, 216, 155, 0) 100%) !important;
    border-left-color: #d4a373 !important;
}

.ww-dark-mode .ww-chapter-heading .ww-ch-icon {
    color: #d4a373 !important;
}