/*
Theme Name: TrendNews 2.0
Theme URI: https://www.sdkpage.com/trendnews-wordpress-theme
Author: SDKPage
Author URI: https://www.sdkpage.com/
Description: A WordPress news theme rebuilt from the TrendNews Blogger structure with headline grids, category news blocks, article ads, related posts, dark mode, search overlay, and mobile navigation.
Version: 2.1.71
Requires at least: 6.0
Tested up to: 6.5
Requires PHP: 7.4
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: trendnews
Tags: news, blog, custom-menu, custom-logo, featured-images, theme-options, threaded-comments
*/

@font-face {
  font-family: "Google Sans";
  src: url("assets/fonts/google-sans.woff2") format("woff2");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

:root {
  --site-width: 1180px;
  --primary: #008751;
  --primary-dark: #045b38;
  --accent: #0a7c3e;
  --breaking: #d71920;
  --bg: #f3f5f4;
  --card-bg: #ffffff;
  --header-bg: #070b08;
  --text: #151515;
  --text-muted: #6b7280;
  --border: #e0e0e0;
  --label-bg: #0a7c3e;
  --label-text: #ffffff;
  --footer-bg: #070b08;
  --footer-text: #cccccc;
  --tag-color: #0a7c3e;
  --hover-shadow: 0 4px 16px rgba(0,0,0,0.12);
  --glass-bg: rgba(255,255,255,.64);
  --glass-border: rgba(255,255,255,.72);
  --glass-highlight: rgba(255,255,255,.9);
  --glass-shadow: 0 18px 44px rgba(1,83,45,.18), inset 0 1px 0 rgba(255,255,255,.72);
  --glass-control: rgba(255,255,255,.78);
  --glass-panel: rgba(255,255,255,.72);
  --glass-panel-border: rgba(1,140,72,.14);
  --glass-panel-shadow: 0 12px 28px rgba(1,83,45,.1), inset 0 1px 0 rgba(255,255,255,.68);
  --font-body: "Google Sans", "Segoe UI", Arial, sans-serif;
  --font-article: "Google Sans", "Segoe UI", Arial, sans-serif;
  --font-heading: "Google Sans", "Segoe UI", Arial, sans-serif;
  --home-section-feature-height: 394px;
}

body.dark-mode,
html.dark-mode body {
  --primary: #008751;
  --primary-dark: #047d36;
  --accent: #34e582;
  --breaking: #008751;
  --bg: #050505;
  --card-bg: #101010;
  --header-bg: #101010;
  --text: #f4f4f4;
  --text-muted: #b9b9b9;
  --border: #333333;
  --label-bg: #008751;
  --label-text: #ffffff;
  --footer-bg: #111111;
  --footer-text: #f4f4f4;
  --tag-color: #18c46d;
  --hover-shadow: 0 12px 30px rgba(1,140,72,.14);
  --glass-bg: rgba(10,18,14,.68);
  --glass-border: rgba(255,255,255,.14);
  --glass-highlight: rgba(255,255,255,.2);
  --glass-shadow: 0 18px 48px rgba(1,140,72,.2), inset 0 1px 0 rgba(255,255,255,.12);
  --glass-control: rgba(20,28,24,.82);
  --glass-panel: rgba(15,22,18,.7);
  --glass-panel-border: rgba(255,255,255,.1);
  --glass-panel-shadow: 0 12px 30px rgba(1,140,72,.14), inset 0 1px 0 rgba(255,255,255,.08);
}

* { box-sizing: border-box; }
html { background: var(--bg); scroll-behavior: smooth; }
html.dark-mode { background: #050505; }
body { margin: 0; font-family: var(--font-body); background: var(--bg); color: var(--text); font-size: 14px; line-height: 1.6; transition: background .3s, color .3s; }
a { color: inherit; text-decoration: none; }
a:hover { color: var(--primary); }
img { display: block; max-width: 100%; height: auto; }
.trendnews-image-placeholder { display: block; width: 100%; min-height: 72px; aspect-ratio: 16/9; background: linear-gradient(135deg, #dfe7e2, #f7faf8); }
.screen-reader-text { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0; }

#header-wrapper { width: min(var(--site-width), calc(100% - 48px)); margin: 10px auto 8px; background: transparent; padding: 0; position: sticky; top: 10px; z-index: 1000; }
body.dark-mode #header-wrapper, html.dark-mode body #header-wrapper { background: transparent; }
#header-inner { position: relative; isolation: isolate; overflow: hidden; max-width: var(--site-width); min-height: 78px; margin: 0 auto; padding: 0 24px; display: grid; grid-template-columns: minmax(160px, 190px) minmax(0, 1fr) minmax(160px, 190px); align-items: center; gap: 14px; background: var(--glass-bg); border: 1px solid var(--glass-border); border-radius: 32px; box-shadow: var(--glass-shadow); -webkit-backdrop-filter: blur(16px) saturate(150%); backdrop-filter: blur(16px) saturate(150%); }
#header-inner::before { content: ""; position: absolute; inset: 1px; z-index: -1; border-radius: 31px; background: linear-gradient(135deg, var(--glass-highlight), rgba(255,255,255,0) 34%), linear-gradient(90deg, rgba(1,140,72,.1), rgba(237,214,69,.12)); opacity: .72; pointer-events: none; }
#header-inner::after { content: ""; position: absolute; left: 22px; right: 22px; top: 1px; height: 1px; background: linear-gradient(90deg, transparent, var(--glass-highlight), transparent); opacity: .82; pointer-events: none; }
body.dark-mode #header-inner::before, html.dark-mode body #header-inner::before { background: linear-gradient(135deg, var(--glass-highlight), rgba(255,255,255,0) 34%), linear-gradient(90deg, rgba(1,140,72,.13), rgba(237,214,69,.08)); }
body.logo-centered #header-inner { grid-template-columns: 1fr; text-align: center; }
body.logo-centered .header-menu, body.logo-centered .header-actions { justify-content: center; }
#header-logo a, .site-title { display: inline-flex; flex-direction: column; align-items: flex-start; max-width: 100%; color: #078c50; font-size: 33px; font-weight: 950; letter-spacing: 0; line-height: 1; }
body.logo-centered #header-logo a { align-items: center; }
#header-logo span, .mobile-logo span, #footer-logo span { color: #78be20; }
.site-description { display: block; margin-top: 4px; color: #111; font-size: 10px; font-weight: 800; letter-spacing: 2px; text-transform: uppercase; }
body.dark-mode .site-description, html.dark-mode body .site-description { color: #d1d5db; }
.custom-logo { max-height: 62px; width: auto; }
.theme-logo-link { display: inline-flex; align-items: center; max-width: 100%; }
.theme-logo-img { display: block; width: auto; max-width: 100%; object-fit: contain; }
.theme-logo-img--dark { display: none; }
body.dark-mode .theme-logo-link .theme-logo-img--light, html.dark-mode body .theme-logo-link .theme-logo-img--light { display: none; }
body.dark-mode .theme-logo-link .theme-logo-img--dark, html.dark-mode body .theme-logo-link .theme-logo-img--dark { display: block; }
.header-menu { display: flex; align-items: center; justify-content: center; gap: clamp(12px, 1.45vw, 24px); min-width: 0; overflow: hidden; }
.header-menu ul, .mobile-menu ul, .mobile-footer-menu ul, #footer-links ul { display: flex; flex-wrap: wrap; gap: inherit; margin: 0; padding: 0; list-style: none; }
.header-menu a { color: #111; font-size: 13px; font-weight: 900; text-transform: uppercase; white-space: nowrap; }
body.dark-mode .header-menu a, html.dark-mode body .header-menu a { color: #f4fff6; }
.header-actions { display: flex; align-items: center; justify-content: flex-end; gap: 10px; }
.mobile-menu-toggle, #dark-toggle, #search-btn, .hide-mobile-menu, #search-close { display: inline-flex; align-items: center; justify-content: center; border: 0; cursor: pointer; }
.mobile-menu-toggle, #dark-toggle, #search-btn { position: relative; width: 48px; height: 48px; padding: 0; border-radius: 50%; background: var(--glass-control); color: #111; box-shadow: inset 0 1px 0 rgba(255,255,255,.82), 0 8px 24px rgba(0,0,0,.08); -webkit-backdrop-filter: blur(10px) saturate(140%); backdrop-filter: blur(10px) saturate(140%); }
#dark-toggle, #search-btn { width: 40px; height: 40px; }
.mobile-menu-toggle { display: none; font-size: 22px; }
#dark-toggle, #search-btn { font-size: 0; }
.theme-mode-icon { display: block; width: 28px; height: 28px; }
.theme-mode-icon-moon { position: relative; border-radius: 50%; background: currentColor; color: #111; }
.theme-mode-icon-moon::after { content: ""; position: absolute; top: -1px; right: -8px; width: 28px; height: 28px; border-radius: 50%; background: #ffffff; }
.theme-mode-icon-sun { display: none; }
body.dark-mode .theme-mode-icon-moon, html.dark-mode body .theme-mode-icon-moon { display: none; }
body.dark-mode .theme-mode-icon-sun, html.dark-mode body .theme-mode-icon-sun { display: block; }
#search-btn::before { content: ""; position: absolute; width: 14px; height: 14px; border: 2px solid currentColor; border-radius: 50%; transform: translate(-3px,-3px); }
#search-btn::after { content: ""; position: absolute; width: 10px; height: 2px; border-radius: 999px; background: currentColor; transform: translate(7px,7px) rotate(45deg); }
body.dark-mode .mobile-menu-toggle, body.dark-mode #dark-toggle, body.dark-mode #search-btn, html.dark-mode body .mobile-menu-toggle, html.dark-mode body #dark-toggle, html.dark-mode body #search-btn { background: var(--glass-control); color: var(--text); box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 8px 24px rgba(1,140,72,.18); }

#mobile-overlay { position: fixed; inset: 0; z-index: 2200; visibility: hidden; opacity: 0; background: rgba(0,0,0,.58); transition: opacity .2s, visibility .2s; }
body.nav-active #mobile-overlay { visibility: visible; opacity: 1; }
#slide-menu { position: fixed; top: 0; bottom: 0; left: 0; z-index: 2300; width: 310px; max-width: 86vw; visibility: hidden; transform: translateX(-100%); border-right: 1px solid var(--glass-border); background: var(--glass-bg); color: var(--text); box-shadow: var(--glass-shadow); -webkit-backdrop-filter: blur(18px) saturate(150%); backdrop-filter: blur(18px) saturate(150%); transition: transform .25s, visibility .25s; }
body.nav-active #slide-menu { visibility: visible; transform: translateX(0); }
.slide-menu-header { min-height: 78px; display: flex; align-items: center; justify-content: flex-start; gap: 12px; margin: 0 0 10px; padding: 0 14px; border: 0; border-bottom: 1px solid var(--glass-border); border-radius: 0; background: linear-gradient(135deg, rgba(255,255,255,.48), rgba(255,255,255,.22)), linear-gradient(90deg, rgba(1,140,72,.14), rgba(237,214,69,.12)); box-shadow: var(--glass-panel-shadow); -webkit-backdrop-filter: blur(14px) saturate(145%); backdrop-filter: blur(14px) saturate(145%); }
.slide-menu-logo-center .slide-menu-header { justify-content: center; }
.mobile-logo { min-width: 0; width: 100%; text-align: left; }
.mobile-logo .theme-logo-link, .mobile-logo .site-title { justify-content: flex-start; align-items: flex-start; margin: 0; }
.slide-menu-logo-center .mobile-logo { text-align: center; }
.slide-menu-logo-center .mobile-logo .theme-logo-link, .slide-menu-logo-center .mobile-logo .site-title { justify-content: center; align-items: center; margin: 0 auto; }
.mobile-logo a { color: var(--primary); font-size: 23px; font-weight: 950; letter-spacing: 0; }
.mobile-logo .custom-logo { max-width: 178px; max-height: 48px; }
.hide-mobile-menu { flex: 0 0 40px; width: 40px; height: 40px; border-radius: 50%; background: var(--glass-control); color: var(--text); font-size: 28px; box-shadow: inset 0 1px 0 rgba(255,255,255,.42), 0 8px 20px rgba(0,0,0,.08); -webkit-backdrop-filter: blur(10px) saturate(140%); backdrop-filter: blur(10px) saturate(140%); }
.slide-menu-flex { height: calc(100% - 88px); overflow-y: auto; padding: 0 0 18px; display: flex; flex-direction: column; }
.mobile-menu ul { display: flex; flex-direction: column; gap: 0; }
.mobile-menu a { display: block; margin: 0; padding: 10px 16px; border: 0; border-bottom: 1px solid var(--glass-panel-border); border-radius: 0; background: linear-gradient(135deg, rgba(255,255,255,.42), rgba(255,255,255,.2)), rgba(1,140,72,.08); color: var(--text); box-shadow: inset 0 1px 0 rgba(255,255,255,.34); font-size: 13px; font-weight: 900; text-transform: uppercase; -webkit-backdrop-filter: blur(8px) saturate(135%); backdrop-filter: blur(8px) saturate(135%); }
.mobile-menu a:hover, .mobile-menu a:focus-visible { background: linear-gradient(135deg, rgba(255,255,255,.5), rgba(255,255,255,.22)), rgba(1,140,72,.14); color: var(--primary); outline: 0; }
body.dark-mode .slide-menu-header, html.dark-mode body .slide-menu-header { background: linear-gradient(135deg, rgba(255,255,255,.08), rgba(255,255,255,.02)), linear-gradient(90deg, rgba(1,140,72,.18), rgba(237,214,69,.08)); }
body.dark-mode .mobile-menu a, html.dark-mode body .mobile-menu a { background: linear-gradient(135deg, rgba(255,255,255,.07), rgba(255,255,255,.02)), rgba(1,140,72,.12); }
body.dark-mode .mobile-menu a:hover, body.dark-mode .mobile-menu a:focus-visible, html.dark-mode body .mobile-menu a:hover, html.dark-mode body .mobile-menu a:focus-visible { border-color: rgba(237,214,69,.22); background: linear-gradient(135deg, rgba(255,255,255,.1), rgba(255,255,255,.03)), rgba(1,140,72,.2); color: #f8f0a4; }
.slide-menu-footer-slot { margin-top: auto; padding: 14px 16px 0; border-top: 1px solid var(--glass-border); color: var(--text-muted); font-size: 12px; }
.mobile-footer-menu ul { gap: 8px 12px; }
.mobile-footer-menu a { color: var(--text-muted); font-size: 11px; font-weight: 850; text-transform: uppercase; }
.mobile-footer-menu a:hover, .mobile-footer-menu a:focus-visible { color: var(--primary); }

.ad-banner { max-width: var(--site-width); margin: 12px auto; padding: 0 16px; text-align: center; }
.ad-banner-inner { display: inline-block; width: 100%; padding: 12px 24px; background: #111827; color: #fff; border-left: 5px solid var(--primary); border-radius: 3px; font-size: 13px; font-weight: 800; text-transform: uppercase; }
#main-wrapper { max-width: var(--site-width); margin: 0 auto; padding: 0 16px 16px; }
#main-wrapper.is-homepage { padding-top: 30px; padding-bottom: 54px; }
.trendnews-license-lock { max-width: 720px; margin: 80px auto; padding: 38px 28px; border: 1px solid var(--glass-panel-border); border-radius: 18px; background: var(--glass-panel); box-shadow: var(--glass-panel-shadow); text-align: center; -webkit-backdrop-filter: blur(14px) saturate(145%); backdrop-filter: blur(14px) saturate(145%); }
.trendnews-license-lock h1 { margin: 0 0 12px; color: var(--text); font-size: clamp(28px, 4vw, 42px); line-height: 1.08; }
.trendnews-license-lock p { max-width: 560px; margin: 0 auto 18px; color: var(--text-muted); font-size: 16px; line-height: 1.55; }
.section-label { display: flex; align-items: center; gap: 12px; margin: 30px 0 24px; }
#main-wrapper.is-homepage > .trendnews-home-widget:first-child .section-label:first-child { margin-top: 0; }
.section-label span { flex: 0 0 auto; padding: 7px 16px; border: 5px solid #eeeeee; border-radius: 999px; background: var(--label-bg); color: var(--label-text); box-shadow: none; font-size: 12px; font-weight: 950; line-height: 1; text-transform: uppercase; }
.section-label::before, .section-label::after { content: ""; flex: 1; height: 2px; background: var(--primary); }
.more-btn { display: block; width: fit-content; min-width: 260px; margin: 20px auto 0; padding: 9px 44px; border: 1px solid rgba(0,135,81,.32); border-radius: 14px; background: rgba(0,135,81,.13); color: var(--primary); text-align: center; font-size: 14px; font-weight: 700; }
.more-btn:hover { background: var(--primary); color: #fff; }
.home-section .more-btn, .trendnews-home-widget .more-btn { display: flex; align-items: center; justify-content: center; gap: 8px; width: 80%; max-width: 260px; min-width: 0; min-height: 40px; margin: 6px auto 0; padding: 0 20px; border: 1px solid rgba(1,140,72,.28); border-radius: 1em; background: rgba(1,140,72,.16); color: #035f2b; box-shadow: var(--glass-panel-shadow); font-size: 15px; font-weight: 400; -webkit-backdrop-filter: blur(8px) saturate(135%); backdrop-filter: blur(8px) saturate(135%); }
.home-section .more-btn:hover, .trendnews-home-widget .more-btn:hover { border-color: var(--glass-panel-border); background: var(--glass-panel); color: #047d36; }
body.dark-mode .home-section .more-btn, body.dark-mode .trendnews-home-widget .more-btn, html.dark-mode body .home-section .more-btn, html.dark-mode body .trendnews-home-widget .more-btn { border-color: #edd645; background: rgba(1,140,72,.48); color: #fff7b8; box-shadow: var(--glass-panel-shadow); }
body.dark-mode .home-section .more-btn:hover, body.dark-mode .trendnews-home-widget .more-btn:hover, html.dark-mode body .home-section .more-btn:hover, html.dark-mode body .trendnews-home-widget .more-btn:hover { border-color: rgba(237,214,69,.28); background: var(--glass-panel); color: #f8f0a4; box-shadow: 0 12px 28px rgba(1,140,72,.3); }

.post-card, .archive-card { background: var(--card-bg); border: 1px solid var(--border); border-radius: 3px; overflow: hidden; transition: box-shadow .2s, transform .2s; }
.post-card:hover { box-shadow: var(--hover-shadow); transform: translateY(-2px); }
.post-card img { width: 100%; aspect-ratio: 5 / 3; object-fit: cover; background: #d1d5db; }
.post-card-body { padding: 8px 10px 10px; }
.post-card-label, .post-list-item-label, .archive-card-kicker span { color: var(--tag-color); font-size: 10px; font-weight: 900; text-transform: uppercase; }
.post-card-title { display: block; margin-top: 4px; color: var(--text); font-size: 13px; font-weight: 850; line-height: 1.38; }
.post-card-meta, .archive-card-kicker time { color: var(--text-muted); font-size: 11px; }
.home-section .post-card, .home-section .metro-card, .home-section .magazine-feature-card { border: 0; background: transparent; box-shadow: none; overflow: visible; }
.home-section .post-card:hover, .home-section .metro-card:hover, .home-section .magazine-feature-card:hover { box-shadow: none; transform: none; }
.home-section .post-card img, .home-section .metro-card img, .home-section .magazine-feature-card img { aspect-ratio: 5 / 3; border-radius: 14px; background: var(--card-bg); }
.home-section .post-card-body { padding: 8px 0 0; }
.home-section .post-card-title, .home-section .metro-card .post-card-title, .home-section .magazine-feature-card .post-card-title { font-size: .9rem; font-weight: 500; line-height: 1.2; letter-spacing: 0; }
.home-section .post-card-label, .home-section .post-list-item-label { color: var(--accent); }
.home-section .section-grid-right .post-list-item, .home-section .entertainment-right-list .post-list-item, .home-section .magazine-feature-list .post-list-item { border-bottom: 1px solid var(--border); padding-bottom: 10px; }
.home-section .section-grid-right .post-list-item-title, .home-section .entertainment-right-list .post-list-item-title, .home-section .magazine-feature-list .post-list-item-title { font-size: .9rem; line-height: 1.2; font-weight: 500; }
.post-featured { position: relative; height: 100%; min-height: 260px; border-radius: 12px; overflow: hidden; background: #d1d5db; }
.post-featured > a { display: block; height: 100%; }
.post-featured img { width: 100%; height: 100%; min-height: inherit; object-fit: cover; }
.post-featured-overlay { position: absolute; right: 0; bottom: 0; left: 0; padding: 58px 22px 22px; background: linear-gradient(transparent, rgba(0,0,0,.84)); }
.post-featured-overlay .post-card-label, .post-featured-overlay .post-card-title { color: #fff; }
.post-featured-overlay .post-card-title { font-size: 18px; line-height: 1.2; font-weight: 900; }
.post-list-item { display: flex; gap: 10px; }
.post-list-item img { width: 72px; height: 72px; flex-shrink: 0; object-fit: cover; border-radius: 8px; background: #d1d5db; }
.post-list-item-title { display: block; color: var(--text); font-size: 14px; font-weight: 800; line-height: 1.23; }

.headlines-grid { display: grid; grid-template-columns: .74fr 1.54fr .9fr; gap: 16px; align-items: stretch; width: 100%; min-width: 0; max-width: 100%; margin-left: 0; transform: none; }
.headlines-left, .headlines-right, .section-grid-right, .entertainment-right-list, .sports-right-list { display: flex; flex-direction: column; gap: 14px; }
.headlines-left { justify-content: space-between; gap: 12px; min-width: 0; }
.headlines-left .entertainment-mini-card { display: block; }
.headlines-left .entertainment-mini-card > a { display: block; }
.headlines-left .entertainment-mini-card img { width: 100%; aspect-ratio: 5 / 3.25; height: auto; border-radius: 14px; object-fit: cover; }
.headlines-left .post-list-item-body { padding-top: 8px; }
.headlines-left .post-list-item-title { font-size: 16px; font-weight: 700; line-height: 1.14; }
.headlines-center .post-featured { height: 100%; min-height: 0; aspect-ratio: auto; border-radius: 14px; }
.headlines-center .post-featured img { min-height: 0; height: 100%; }
.headlines-center .post-featured-overlay { padding: 58px 22px 22px; background: linear-gradient(transparent, rgba(0,0,0,.78)); }
.headlines-center .post-featured-overlay .post-card-label { color: var(--primary); }
.headlines-center .post-featured-overlay .post-card-title { font-size: 24px; line-height: 1.12; font-weight: 650; letter-spacing: 0; }
.headlines-right { padding-top: 0; }
.headlines-right .post-list-item, .entertainment-right-list .post-list-item { padding-bottom: 16px; border-bottom: 1px solid var(--border); }
.headlines-right .post-list-item { gap: 14px; align-items: flex-start; padding-bottom: 8px; }
.headlines-right .post-list-item > a, .section-grid-right .post-list-item > a, .entertainment-right-list .post-list-item > a, .magazine-feature-list .post-list-item > a, .sports-list-item > a { flex: 0 0 76px; width: 76px; }
.headlines-right .post-list-item img, .section-grid-right .post-list-item img, .entertainment-right-list .post-list-item img, .magazine-feature-list .post-list-item img, .sports-list-item img { width: 76px; height: 76px; aspect-ratio: 1 / 1; object-fit: cover; border-radius: 10px; }
.headlines-right .post-list-item-label { margin-bottom: 5px; color: var(--primary); font-size: 13px; }
.headlines-right .post-list-item-title { font-size: 13px; line-height: 1.18; font-weight: 750; }
.headlines-more-btn { min-width: min(330px, 86%); margin-top: auto; }
.headlines-more-btn::after { content: " \2192"; }
.trendnews-home-widget, .home-section { margin: 0; padding: 0; }
.section-grid { display: grid; grid-template-columns: minmax(380px, 1.05fr) minmax(260px, .7fr) minmax(260px, .7fr); gap: 22px; align-items: stretch; }
.home-section-standard .section-grid > div:first-child { grid-row: 1 / 3; }
.section-grid > div:first-child, .home-section-standard .post-featured { min-height: var(--home-section-feature-height); }
.section-grid .post-featured-overlay .post-card-title { font-size: 26px; line-height: 1.12; font-weight: 750; }
.section-grid-more-btn { grid-column: 2 / 4; grid-row: 2; justify-self: center; align-self: end; margin-top: 0; }
.section-grid-more-btn::after { content: " \2192"; }
.entertainment-news-grid { display: grid; grid-template-columns: .74fr 1.54fr .9fr; gap: 16px; align-items: stretch; width: 100%; min-width: 0; max-width: 100%; }
.entertainment-mini-card { display: flex; gap: 10px; }
.entertainment-mini-card img { width: 100%; aspect-ratio: 5 / 3.25; object-fit: cover; border-radius: 14px; }
.entertainment-left-cards { display: flex; flex-direction: column; justify-content: space-between; gap: 12px; min-width: 0; }
.entertainment-left-cards .entertainment-mini-card { display: block; }
.entertainment-left-cards .entertainment-mini-card > a { display: block; }
.entertainment-left-cards .post-list-item-body { padding-top: 8px; }
.entertainment-left-cards .post-list-item-title { font-size: 16px; font-weight: 700; line-height: 1.14; }
.entertainment-featured .post-featured { height: 100%; min-height: 0; aspect-ratio: auto; border-radius: 14px; }
.entertainment-featured .post-featured img { min-height: 0; height: 100%; }
.entertainment-featured .post-featured-overlay { padding: 58px 22px 22px; background: linear-gradient(transparent, rgba(0,0,0,.78)); }
.entertainment-featured .post-featured-overlay .post-card-label { color: var(--primary); }
.entertainment-featured .post-featured-overlay .post-card-title { font-size: 24px; line-height: 1.12; font-weight: 650; letter-spacing: 0; }
.entertainment-right-list { padding-top: 0; }
.entertainment-right-list .post-list-item { gap: 14px; align-items: flex-start; padding-bottom: 8px; }
.entertainment-right-list .post-list-item-label { margin-bottom: 5px; color: var(--primary); font-size: 13px; }
.entertainment-right-list .post-list-item-title { font-size: 13px; line-height: 1.18; font-weight: 750; }
.entertainment-more-btn { min-width: min(330px, 86%); margin-top: auto; }
.entertainment-more-btn::after { content: " \2192"; }
.metro-news-grid, .four-col-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; }
.metro-card { background: transparent; }
.metro-card img { width: 100%; aspect-ratio: 5 / 3; object-fit: cover; border-radius: 12px; }
.magazine-feature-grid { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(220px, .62fr) minmax(280px, .72fr); gap: 18px; align-items: stretch; }
.magazine-feature-main .post-featured { min-height: var(--home-section-feature-height); border-radius: 14px; }
.magazine-feature-main .post-featured-overlay .post-card-title { font-size: 30px; line-height: 1.08; font-weight: 850; }
.magazine-feature-cards, .magazine-feature-list { display: flex; flex-direction: column; gap: 14px; height: 100%; min-height: var(--home-section-feature-height); }
.magazine-feature-card { min-height: 0; overflow: hidden; border-bottom: 1px solid var(--border); background: transparent; }
.magazine-feature-card img { width: 100%; aspect-ratio: 5 / 3; object-fit: cover; border-radius: 12px; }
.magazine-feature-card .post-card-body { padding: 9px 0 14px; }
.magazine-feature-card .post-card-title { font-size: 16px; line-height: 1.18; font-weight: 850; }
.magazine-feature-list { padding-left: 4px; }
.magazine-feature-list .post-list-item { padding-bottom: 14px; border-bottom: 1px solid var(--border); }
.magazine-feature-list .post-list-item-label { margin-bottom: 4px; color: var(--primary); }
.magazine-more-btn { min-width: 240px; margin-top: auto; }
.sports-news-grid { display: grid; grid-template-columns: minmax(0, 1.33fr) minmax(390px, 1.11fr); gap: 16px; align-items: stretch; }
.sports-featured .post-featured { min-height: 360px; border-radius: 14px; }
.sports-featured .post-featured-overlay { padding: 66px 24px 24px; }
.sports-featured .post-featured-overlay .post-card-title { font-size: 27px; line-height: 1.1; font-weight: 800; }
.sports-right-list { gap: 15px; justify-content: space-between; height: 100%; }
.sports-list-item { display: flex; align-items: center; gap: 16px; min-height: 104px; padding: 0 17px 0 0; border: 0; border-radius: 12px; background: var(--card-bg); box-shadow: 4px 5px 0 rgba(0,0,0,.07); overflow: hidden; }
.sports-list-item > a { flex: 0 0 154px; width: 154px; align-self: stretch; }
.sports-list-item img { width: 154px; height: 104px; aspect-ratio: auto; border-radius: 12px; object-fit: cover; }
.sports-list-item .post-list-item-label { margin-bottom: 6px; color: var(--text); font-size: 11px; font-weight: 850; }
.sports-list-item .post-list-item-title { font-size: 16px; line-height: 1.18; font-weight: 700; }

.archive-page-heading, .page-heading { max-width: 760px; margin: 0 auto; padding: 30px 0 34px; text-align: center; }
.archive-page-heading h1, .page-heading h1 { margin: 0; color: var(--text); font-family: var(--font-heading); font-size: clamp(30px, 4vw, 46px); line-height: 1.08; font-weight: 700; letter-spacing: 0; }
.archive-description { margin: 18px auto 0; color: var(--text-muted); font-size: 15px; line-height: 1.65; text-align: left; overflow-wrap: break-word; }
.archive-grid { display: flex; flex-direction: column; gap: 18px; max-width: 760px; margin: 0 auto; }
.archive-card { display: grid; grid-template-columns: 260px minmax(0, 1fr); gap: 18px; align-items: center; background: transparent; border: 0; border-bottom: 1px solid var(--border); border-radius: 0; padding: 0 0 18px; }
.archive-card > a { display: block; min-width: 0; }
.archive-card img { width: 100%; height: 156px; object-fit: cover; border-radius: 12px; }
.archive-card-kicker { display: flex; align-items: baseline; gap: 5px; margin-bottom: 4px; min-width: 0; }
.archive-card-kicker span { color: var(--accent); font-size: 11px; font-weight: 900; text-transform: uppercase; }
.archive-card-kicker time { color: var(--text-muted); font-size: 11px; font-weight: 850; text-transform: uppercase; }
.archive-card-title { display: block; margin: 0; color: var(--text); font-size: clamp(18px, 2vw, 24px); font-weight: 600; line-height: 1.16; letter-spacing: 0; }
.archive-card-snippet { display: none; margin: 5px 0 0; color: var(--text-muted); font-size: 12px; line-height: 1.35; }
.category .archive-card-snippet { display: block; margin-top: 5px; max-width: 96%; color: var(--text-muted); font-size: 14px; line-height: 1.35; }
.author-archive-page .archive-card-snippet { display: block; margin-top: 6px; max-width: 96%; color: var(--text-muted); font-size: 14px; line-height: 1.4; }
.archive-layout-left .archive-page-heading, .archive-layout-left .archive-grid, .archive-layout-left .pagination, .archive-layout-left .archive-more-nav { margin-left: 0; margin-right: auto; }
.archive-layout-center .archive-page-heading, .archive-layout-center .archive-grid, .archive-layout-center .pagination, .archive-layout-center .archive-more-nav { margin-left: auto; margin-right: auto; }
body.dark-mode .archive-card-title,
html.dark-mode body .archive-card-title { color: #f4f4f4; }
body.dark-mode .archive-card-kicker time,
html.dark-mode body .archive-card-kicker time { color: #a8a8a8; }
.search-results-page { max-width: 760px; margin: 0 auto; padding: 30px 0 64px; }
.archive-layout-left .search-results-page, .archive-layout-center .search-results-page { margin-left: auto; margin-right: auto; }
.search-results-page .archive-page-heading, .search-results-page .archive-grid, .search-results-page .pagination, .search-results-page .archive-more-nav { margin-left: 0; margin-right: 0; }
.search-results-page .search-page-heading { padding: 0; margin-bottom: 34px; text-align: center; }
.search-results-page .archive-card-snippet { display: block; margin-top: 5px; max-width: 96%; color: var(--text-muted); font-size: 14px; line-height: 1.35; }
.author-archive-page { max-width: 980px; margin: 0 auto; padding: 0 0 64px; }
.archive-layout-left .author-archive-page, .archive-layout-center .author-archive-page { margin-left: auto; margin-right: auto; }
.author-hero { display: grid; grid-template-columns: 220px minmax(0, 1fr); gap: 42px; align-items: center; margin: 0 0 56px; }
.author-hero-avatar { width: 220px; height: 220px; padding: 10px; border-radius: 50%; background: #dddddd; }
.author-hero-avatar img { width: 100%; height: 100%; border-radius: 50%; object-fit: cover; }
.author-hero-profile h1 { margin: 0 0 10px; color: var(--text); font-size: clamp(30px, 3.4vw, 46px); line-height: 1; font-weight: 700; letter-spacing: 0; }
.author-hero-bio { color: #666666; font-size: 20px; line-height: 1.45; }
.author-hero-bio p { margin: 0; }
.author-hero-social { display: flex; gap: 12px; margin-top: 24px; }
.author-hero-social a { display: inline-grid; place-items: center; width: 44px; height: 44px; border-radius: 50%; background: var(--label-bg); color: #fff; box-shadow: 0 10px 24px rgba(1,140,72,.18); transition: transform .18s ease, box-shadow .18s ease, background .18s ease; }
.author-hero-social a:hover, .author-hero-social a:focus-visible { background: var(--primary-dark); color: #fff; box-shadow: 0 14px 30px rgba(1,140,72,.28); transform: translateY(-2px); }
.author-hero-social-link--facebook { background: #1877f2; }
.author-hero-social-link--facebook:hover, .author-hero-social-link--facebook:focus-visible { background: #0f5dc5; }
.author-hero-social-link--x { background: #111111; }
.author-hero-social-link--x:hover, .author-hero-social-link--x:focus-visible { background: #333333; }
.author-hero-social svg { width: 20px; height: 20px; fill: currentColor; }
.author-stories-heading { display: grid; grid-template-columns: 1fr auto 1fr; gap: 0; align-items: center; margin: 0 0 28px; }
.author-stories-heading::before, .author-stories-heading::after { content: ""; height: 2px; background: var(--label-bg); }
.author-stories-heading span { position: relative; isolation: isolate; display: inline-flex; align-items: center; padding: 8px 18px; color: #fff; font-size: 16px; font-weight: 900; font-style: italic; line-height: 1; text-transform: uppercase; }
.author-stories-heading span::before { content: ""; position: absolute; inset: 0; z-index: -1; border: 5px solid #eee; border-radius: 999px; background: var(--label-bg); transform: skewX(-15deg); }
.author-archive-page .archive-grid, .author-archive-page .pagination, .author-archive-page .archive-more-nav { max-width: 980px; }
.author-archive-page .archive-grid { gap: 20px; }
.author-archive-page .archive-card { grid-template-columns: 260px 1fr; gap: 18px; align-items: center; padding-bottom: 20px; }
.author-archive-page .archive-card-title { margin-top: 1px; font-weight: 600; line-height: 1.16; }
body.dark-mode .author-hero-profile h1,
html.dark-mode body .author-hero-profile h1 { color: #f4f4f4; }
body.dark-mode .author-hero-bio,
html.dark-mode body .author-hero-bio { color: #b9b9b9; }
.archive-more-nav { display: flex; justify-content: center; max-width: 760px; margin: 38px auto 0; }
.archive-more-posts { display: flex; align-items: center; justify-content: center; gap: 8px; width: 80%; max-width: 260px; min-height: 40px; padding: 0 20px; border: 1px solid rgba(1,140,72,.28); border-radius: 1em; background: rgba(1,140,72,.16); color: #035f2b; box-shadow: var(--glass-panel-shadow); font-size: 15px; font-weight: 400; -webkit-backdrop-filter: blur(8px) saturate(135%); backdrop-filter: blur(8px) saturate(135%); }
.archive-more-posts:hover, .archive-more-posts:focus-visible { border-color: var(--glass-panel-border); background: var(--glass-panel); color: #047d36; outline: 0; }
.pagination, .post-nav { max-width: 760px; margin: 34px auto 0; }
.pagination .nav-links, .post-nav { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; }
.pagination .page-numbers, .post-nav a { display: inline-flex; align-items: center; justify-content: center; min-width: 40px; min-height: 40px; padding: 0 13px; border: 1px solid rgba(1,140,72,.28); border-radius: 999px; background: rgba(1,140,72,.12); color: var(--text); box-shadow: var(--glass-panel-shadow); font-weight: 850; }
.pagination .page-numbers.current { border-color: var(--primary); background: var(--primary); color: #fff; }
.pagination a.page-numbers:hover, .pagination a.page-numbers:focus-visible, .post-nav a:hover, .post-nav a:focus-visible { border-color: var(--glass-panel-border); background: var(--glass-panel); color: #047d36; outline: 0; }
body.dark-mode .archive-more-posts,
body.dark-mode .pagination .page-numbers,
body.dark-mode .post-nav a,
html.dark-mode body .archive-more-posts,
html.dark-mode body .pagination .page-numbers,
html.dark-mode body .post-nav a { border-color: #edd645; background: rgba(1,140,72,.48); color: #fff7b8; }
body.dark-mode .pagination .page-numbers.current,
html.dark-mode body .pagination .page-numbers.current { border-color: var(--primary); background: var(--primary); color: #fff; }
body.dark-mode .archive-more-posts:hover,
body.dark-mode .archive-more-posts:focus-visible,
body.dark-mode .pagination a.page-numbers:hover,
body.dark-mode .pagination a.page-numbers:focus-visible,
body.dark-mode .post-nav a:hover,
body.dark-mode .post-nav a:focus-visible,
html.dark-mode body .archive-more-posts:hover,
html.dark-mode body .archive-more-posts:focus-visible,
html.dark-mode body .pagination a.page-numbers:hover,
html.dark-mode body .pagination a.page-numbers:focus-visible,
html.dark-mode body .post-nav a:hover,
html.dark-mode body .post-nav a:focus-visible { border-color: rgba(237,214,69,.28); background: var(--glass-panel); color: #f8f0a4; }

.single-post-wrapper { max-width: 760px; margin: 0 auto; padding: 30px 0 34px; }
.single-page-layout { display: grid; grid-template-columns: minmax(0, 760px) minmax(220px, 300px); gap: 32px; align-items: start; max-width: 1092px; margin: 0 auto; }
.single-page-layout .single-post-wrapper { margin-left: 0; margin-right: 0; }
.single-sidebar { position: sticky; top: 112px; min-width: 0; padding-top: 30px; }
.single-widget-sidebar { margin: 0 0 18px; }
.static-page-wrapper { max-width: 1040px; margin: 0 auto; padding: 30px 0 90px; }
.page-layout-left .static-page-wrapper { margin-left: 0; margin-right: auto; }
.page-layout-center .static-page-wrapper { margin-left: auto; margin-right: auto; }
body.single .single-post-wrapper { padding-top: 30px; }
body.single-layout-left .single-post-wrapper, body.single-layout-left .about-author, body.single-layout-left .related-posts, body.single-layout-left .comment-section-box, body.single-layout-left .post-nav { margin-left: 0; margin-right: auto; }
body.single-layout-center .single-post-wrapper, body.single-layout-center .about-author, body.single-layout-center .related-posts, body.single-layout-center .comment-section-box, body.single-layout-center .post-nav { margin-left: auto; margin-right: auto; }
body.single-layout-center .single-sidebar, body.single-layout-center .single-sidebar-ad, body.single-layout-center .single-widget-sidebar, body.single-layout-center .single-aside, body.single-layout-center .sidebar-area { display: none !important; }
body.single #breadcrumb { display: none; }
body.single .single-post-wrapper .section-label { display: inline-flex; gap: 0; margin: 0 0 12px; overflow: visible; }
body.single .single-post-wrapper .section-label::before, body.single .single-post-wrapper .section-label::after { display: none; }
body.single .single-post-wrapper .section-label span { position: relative; isolation: isolate; overflow: visible; width: fit-content; padding: 6px 12px; border: 5px solid transparent; border-radius: 999px; background: transparent; color: var(--label-text); box-shadow: none; font-size: 12px; font-weight: 900; line-height: 1; }
body.single .single-post-wrapper .section-label span::before { content: ""; position: absolute; inset: -5px; z-index: -1; border: 5px solid #eee; border-radius: inherit; background: var(--label-bg); transform: skewX(-15deg); }
.single-title, .static-page-title { margin: 0 0 8px; color: var(--text); font-family: var(--font-heading); font-size: 24px; line-height: 1.18; font-weight: 650; letter-spacing: 0; }
.static-page-header { max-width: 880px; margin: 0 auto 30px; text-align: center; }
.page-layout-left .static-page-header { margin-left: 0; text-align: left; }
.static-page-eyebrow { margin-bottom: 9px; color: var(--primary); font-size: 12px; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
.static-page-title { margin: 0; font-size: clamp(30px, 4vw, 46px); line-height: 1.08; font-weight: 700; }
.single-meta { color: var(--text-muted); font-size: 11px; font-weight: 700; line-height: 1.35; }
.single-author-line { color: var(--text-muted); font-size: 11px; font-weight: 400; line-height: 1.35; }
.single-author-line { margin-top: 3px; color: var(--text); }
.single-author-line strong { font-weight: 900; }
.single-author-line a { color: var(--primary); font-weight: 900; }
.share-row { position: relative; display: flex; flex-wrap: wrap; align-items: center; gap: 10px; width: 100%; max-width: 1280px; margin: 6px auto 14px; }
.share-row a, .native-share, .single-share-copy { border: 0; font-family: inherit; cursor: pointer; }
.share-row > a, .native-share { display: inline-flex; align-items: center; justify-content: center; min-height: 31px; border-radius: 50px; white-space: nowrap; line-height: 1; transition: background .2s, color .2s, border-color .2s; }
.share-row .native-share { gap: 7px; padding: 7px 14px 7px 10px; background: #b42318 !important; color: #fff; box-shadow: none; font-size: 13px; font-weight: 600; }
.share-row .native-share:hover { background: #8f1c13 !important; color: #fff; }
.native-share-icon { display: block; flex: 0 0 18px; width: 18px; height: 18px; }
.share-row .google-news-follow { gap: 7px; min-height: 31px; padding: 5px 12px; border: 1px solid var(--glass-panel-border); background: var(--glass-panel); color: var(--text); box-shadow: var(--glass-panel-shadow); font-size: 12px; font-weight: 800; -webkit-backdrop-filter: blur(8px) saturate(135%); backdrop-filter: blur(8px) saturate(135%); }
.share-row .google-news-follow:hover { border-color: #000; background: #000; color: #fff; }
body.dark-mode .share-row .google-news-follow, html.dark-mode body .share-row .google-news-follow { border-color: rgba(255,255,255,.58); background: rgba(255,255,255,.88); color: #111; box-shadow: var(--glass-panel-shadow); }
body.dark-mode .share-row .google-news-follow:hover, html.dark-mode body .share-row .google-news-follow:hover { border-color: #f4f4f4; background: #f4f4f4; color: #111; }
.share-row .google-news-follow img { width: 20px; height: 20px; border-radius: 50%; object-fit: contain; }
.single-share-panel { position: absolute; top: calc(100% + 8px); left: 0; z-index: 20; display: grid; gap: 0; width: 210px; max-width: calc(100vw - 32px); padding: 8px; border: 1px solid var(--glass-border); border-radius: 12px; background: var(--glass-bg); box-shadow: var(--glass-shadow); -webkit-backdrop-filter: blur(14px) saturate(145%); backdrop-filter: blur(14px) saturate(145%); }
.single-share-panel::before { content: ""; position: absolute; top: 49px; right: 8px; left: 8px; height: 1px; background: var(--border); pointer-events: none; }
.single-share-panel[hidden] { display: none; }
.single-share-url { position: relative; overflow: hidden; margin-bottom: 10px; padding: 9px 10px; border-radius: 8px; background: var(--glass-panel); color: var(--primary); font-size: 12px; font-weight: 850; line-height: 1.2; text-overflow: ellipsis; white-space: nowrap; }
.single-share-panel a, .single-share-copy { display: flex; align-items: center; gap: 10px; width: 100%; min-height: 0; padding: 9px 10px; border: 0; border-radius: 8px; background: transparent; color: var(--text); text-align: left; font-size: 13px; font-weight: 500; box-shadow: none; }
.single-share-copy { position: relative; margin-bottom: 10px; }
.single-share-copy::after { content: ""; position: absolute; right: 0; bottom: -5px; left: 0; height: 1px; background: var(--border); }
.single-share-panel a:hover, .single-share-copy:hover { background: rgba(1,140,72,.06); }
body.dark-mode .single-share-panel, html.dark-mode body .single-share-panel { border-color: var(--glass-border); background: var(--glass-bg); box-shadow: var(--glass-shadow); }
body.dark-mode .single-share-url, html.dark-mode body .single-share-url { background: rgba(0,135,81,.16); color: #20e187; }
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  .single-share-panel { background: var(--card-bg); }
}
.share-icon { display: block; flex: 0 0 18px; width: 18px; height: 18px; }
.single-featured-image { margin-top: 0; }
.single-featured-image img { width: 100%; aspect-ratio: 45/28; object-fit: cover; border-radius: 10px; }
.single-featured-caption { margin-top: 10px; padding: 9px 13px; border-left: 3px solid var(--primary); background: #f5f5f5; color: #333; font-size: 11px; line-height: 1.2; }
body.dark-mode .single-featured-caption, html.dark-mode body .single-featured-caption { background: var(--card-bg); color: var(--text-muted); }
.single-body, .static-page-body { margin-top: 24px; font-family: var(--font-article); color: var(--text); font-size: 16px; line-height: 1.62; }
.single-body { min-width: 0; max-width: 100%; overflow-wrap: break-word; }
.static-page-body { max-width: 880px; min-width: 0; margin: 0 auto; overflow-wrap: break-word; font-size: 19px; line-height: 1.78; }
.page-layout-left .static-page-body { margin-left: 0; margin-right: auto; }
.single-body p, .single-body ul, .single-body ol { margin: 0 0 22px; }
.single-body ul, .single-body ol { padding-left: 1.35em; }
.single-body p { line-height: 1.7; }
.static-page-body p { margin: 0 0 1.55em; }
.static-page-body ul, .static-page-body ol { margin: 0 0 22px; padding-left: 1.35em; }
.single-body a { color: var(--primary-dark); font-weight: 800; text-decoration: underline; text-underline-offset: 3px; }
.static-page-body a { color: var(--primary-dark); font-weight: 800; text-decoration: underline; text-underline-offset: 3px; }
.single-body h2, .single-body h3, .single-body h4 { margin: 34px 0 14px; color: var(--text); font-size: 1.2rem; font-weight: 700; line-height: 1.2; }
.static-page-body h2, .static-page-body h3, .static-page-body h4 { margin: 34px 0 14px; color: var(--text); font-size: 1.2rem; font-weight: 700; line-height: 1.2; }
.single-body img, .single-body figure, .single-body .wp-caption, .single-body .wp-block-image, .single-body .alignnone, .single-body .aligncenter, .single-body .alignleft, .single-body .alignright, .single-body .alignwide, .single-body .alignfull { max-width: 100% !important; }
.single-body img { height: auto; }
.single-body figure, .single-body .wp-caption, .single-body .wp-block-image, .single-body .alignwide, .single-body .alignfull { width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; }
.single-body figure.aligncenter, .single-body .wp-caption.aligncenter, .single-body .wp-block-image.aligncenter, .single-body .aligncenter { display: table; width: auto !important; max-width: 100% !important; margin-left: auto !important; margin-right: auto !important; text-align: center; }
.single-body figure.alignleft, .single-body .wp-caption.alignleft, .single-body .wp-block-image.alignleft, .single-body img.alignleft { float: left; width: auto !important; max-width: min(50%, 360px) !important; margin: 6px 18px 14px 0 !important; }
.single-body figure.alignright, .single-body .wp-caption.alignright, .single-body .wp-block-image.alignright, .single-body img.alignright { float: right; width: auto !important; max-width: min(50%, 360px) !important; margin: 6px 0 14px 18px !important; }
.single-body iframe, .single-body embed, .single-body object, .single-body video { max-width: 100%; }
.static-page-body img, .static-page-body figure, .static-page-body .wp-caption, .static-page-body .wp-block-image, .static-page-body .alignnone, .static-page-body .aligncenter, .static-page-body .alignleft, .static-page-body .alignright, .static-page-body .alignwide, .static-page-body .alignfull { max-width: 100% !important; }
.static-page-body figure, .static-page-body .wp-caption, .static-page-body .wp-block-image, .static-page-body .alignwide, .static-page-body .alignfull { width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; }
.static-page-body figure.aligncenter, .static-page-body .wp-caption.aligncenter, .static-page-body .wp-block-image.aligncenter, .static-page-body .aligncenter { display: table; width: auto !important; max-width: 100% !important; margin-left: auto !important; margin-right: auto !important; text-align: center; }
.static-page-body figure.alignleft, .static-page-body .wp-caption.alignleft, .static-page-body .wp-block-image.alignleft, .static-page-body img.alignleft { float: left; width: auto !important; max-width: min(50%, 360px) !important; margin: 6px 18px 14px 0 !important; }
.static-page-body figure.alignright, .static-page-body .wp-caption.alignright, .static-page-body .wp-block-image.alignright, .static-page-body img.alignright { float: right; width: auto !important; max-width: min(50%, 360px) !important; margin: 6px 0 14px 18px !important; }
.static-page-body iframe, .static-page-body embed, .static-page-body object, .static-page-body video { max-width: 100%; }
.single-body em, .single-body i { font-style: italic; }
.article-ad-slot { margin: 24px 0; }
.trendnews-ad-widget { width: 100%; margin: 20px auto; text-align: center; overflow: hidden; }
.trendnews-ad-widget--card { padding: 14px; border: 1px solid var(--glass-panel-border); border-radius: 14px; background: var(--glass-panel); box-shadow: var(--glass-panel-shadow); -webkit-backdrop-filter: blur(12px) saturate(140%); backdrop-filter: blur(12px) saturate(140%); }
.trendnews-ad-widget--banner { padding: 0; background: transparent; box-shadow: none; }
.trendnews-ad-widget-title { margin: 0 0 10px; color: var(--primary); font-size: 11px; font-weight: 950; letter-spacing: .08em; line-height: 1; text-transform: uppercase; }
.trendnews-ad-widget-code { display: block; max-width: 100%; }
.trendnews-ad-widget-code img, .trendnews-ad-widget-code iframe, .trendnews-ad-widget-code ins { max-width: 100%; }
.trendnews-deferred-ad { min-height: 90px; }
.trendnews-deferred-ad.is-loaded { min-height: 0; }
@supports (content-visibility: auto) {
  .home-section:nth-of-type(n+3),
  .trendnews-home-widget:nth-of-type(n+3) {
    content-visibility: auto;
    contain-intrinsic-size: 720px;
  }
}
.about-author, .related-posts { max-width: 760px; margin: 42px auto 22px; padding-top: 14px; border-top: 3px solid var(--primary); }
.comment-section-box { max-width: 760px; margin: 42px auto 22px; padding: 18px; border: 1px solid var(--glass-panel-border); border-radius: 18px; background: var(--glass-panel); box-shadow: var(--glass-panel-shadow); overflow: hidden; -webkit-backdrop-filter: blur(14px) saturate(145%); backdrop-filter: blur(14px) saturate(145%); }
.about-author { display: grid; grid-template-columns: 48px minmax(0, 1fr); gap: 12px; align-items: start; margin-top: 24px; margin-bottom: 22px; padding: 16px 0; border-top: 1px solid var(--border); border-bottom: 1px solid var(--border); color: var(--text); }
.author-avatar-block { display: grid; grid-template-columns: 48px; gap: 6px; justify-items: start; }
.author-label { display: block; margin: 0; color: var(--text); font-size: 13px; font-weight: 900; line-height: 1.35; }
.author-avatar { width: 48px; height: 48px; border-radius: 50%; object-fit: cover; }
.author-content { padding-top: 0; }
.author-title { display: block; margin: 0 0 5px; color: var(--primary); font-size: 13px; font-weight: 900; line-height: 1.35; }
.author-text { margin: 0; color: var(--text); font-size: 13px; line-height: 1.4; }
.author-more-link { display: inline-block; margin-top: 6px; color: var(--primary); font-size: 12px; font-weight: 900; }
.related-title-row, .comment-title-row { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 14px; }
.related-title-row h2, .comment-title-row h2 { margin: 0; color: var(--primary); font-size: 14px; font-weight: 950; text-transform: uppercase; }
.comment-title-row span { display: block; margin-top: 4px; color: var(--text-muted); font-size: 12px; font-weight: 800; text-transform: uppercase; }
.comment-toggle { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-width: 170px; max-width: 260px; min-height: 40px; padding: 0 20px; border: 1px solid #005f35; border-radius: 1em; background: #006b3d; color: #fff; box-shadow: var(--glass-panel-shadow); cursor: pointer; font: inherit; font-size: 15px; font-weight: 850; white-space: nowrap; -webkit-backdrop-filter: blur(8px) saturate(135%); backdrop-filter: blur(8px) saturate(135%); }
.comment-toggle .comment-toggle-label { color: #fff !important; font-weight: 900; }
.comment-toggle::after { content: ""; width: 8px; height: 8px; margin-left: 9px; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: translateY(-2px) rotate(45deg); transition: transform .2s ease; }
.comment-toggle[aria-expanded="true"]::after { transform: translateY(2px) rotate(225deg); }
.comment-toggle:hover, .comment-toggle:focus-visible { border-color: #004f2d; background: #005f35; color: #fff; outline: 0; }
.comment-panel { padding-top: 16px; border-top: 1px solid var(--border); }
.comment-panel[hidden] { display: none; }
.comment-feedback { margin: 0 0 12px; padding: 10px 12px; border: 1px solid rgba(1,140,72,.22); border-radius: 12px; background: rgba(1,140,72,.1); color: var(--text); font-size: 13px; font-weight: 800; }
.comment-feedback.is-error { border-color: rgba(207,33,26,.35); background: rgba(207,33,26,.1); color: #b71c1c; }
.comment-form.is-submitting { opacity: .72; pointer-events: none; }
.comment-list { display: grid; gap: 14px; margin: 0 0 18px; padding: 0; list-style: none; }
.comment-list .comment, .comment-list .pingback, .comment-list .trackback { position: relative; padding: 16px; border: 1px solid var(--border); border-radius: 16px; background: color-mix(in srgb, var(--card-bg) 92%, var(--primary)); box-shadow: 0 10px 24px rgba(1,140,72,.08); overflow: hidden; }
.comment-list .comment::before, .comment-list .pingback::before, .comment-list .trackback::before { content: ""; position: absolute; left: 0; top: 14px; bottom: 14px; width: 3px; border-radius: 999px; background: var(--primary); }
.comment-list .children { display: grid; gap: 12px; margin: 14px 0 0; padding-left: 18px; list-style: none; }
.comment-list .children .comment { background: var(--card-bg); box-shadow: none; }
.comment-list .comment-body { color: var(--text); }
.comment-list .comment-author { display: flex; align-items: center; gap: 10px; color: var(--text); font-weight: 850; }
.comment-list .comment-author .fn { color: var(--text); font-size: 14px; font-style: normal; font-weight: 900; }
.comment-list .says { color: var(--text-muted); font-size: 12px; font-weight: 700; }
.comment-list .avatar { flex: 0 0 42px; width: 42px; height: 42px; border: 2px solid rgba(1,140,72,.28); border-radius: 50%; object-fit: cover; box-shadow: 0 8px 18px rgba(1,140,72,.12); }
.comment-list .comment-meta { margin: 6px 0 10px; color: var(--text-muted); font-size: 12px; }
.comment-list .comment-meta a { color: var(--text-muted); }
.comment-list p { margin: 0 0 10px; line-height: 1.55; }
.comment-list .reply a { display: inline-flex; min-height: 30px; align-items: center; padding: 0 11px; border: 1px solid rgba(1,140,72,.22); border-radius: 999px; background: rgba(1,140,72,.1); color: var(--primary); font-size: 12px; font-weight: 900; text-transform: uppercase; }
.comment-list .reply a:hover, .comment-list .reply a:focus-visible { background: var(--primary); color: #fff; outline: 0; }
.comment-section-box .comment-reply-title { margin: 0 0 12px; color: var(--text); font-size: 18px; line-height: 1.2; }
.comment-section-box .comment-form { display: grid; gap: 12px; }
.comment-section-box .comment-form p { margin: 0; }
.comment-section-box .comment-notes { color: var(--text-muted); font-size: 13px; line-height: 1.45; }
.comment-section-box label { display: block; margin-bottom: 5px; color: var(--text-muted); font-size: 12px; font-weight: 850; text-transform: uppercase; }
.comment-section-box input[type="text"], .comment-section-box input[type="email"], .comment-section-box input[type="url"], .comment-section-box textarea { display: block; width: 100%; max-width: 100%; border: 1px solid var(--border); border-radius: 12px; background: var(--card-bg); color: var(--text); font: inherit; box-sizing: border-box; }
.comment-section-box input[type="text"], .comment-section-box input[type="email"], .comment-section-box input[type="url"] { min-height: 42px; padding: 0 12px; }
.related-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 28px 26px; }
.related-posts { margin-top: 42px; padding-top: 12px; border-top: 2px solid var(--primary); }
.related-view-all { display: none; }
.related-card img { width: 100%; aspect-ratio: 16/9; object-fit: cover; border-radius: 10px; }
.related-card-title { display: block; margin-top: 9px; color: var(--text); font-size: 14px; font-weight: 800; line-height: 1.12; }
body.single .post-nav { display: none; }
.comment-section-box .comment-form-comment textarea { width: 100%; min-height: 160px; max-height: 420px; padding: 12px; resize: vertical; overflow: auto; }
.comment-section-box .form-submit .submit { display: inline-flex; align-items: center; justify-content: center; width: 80%; max-width: 260px; min-height: 40px; padding: 0 20px; border: 1px solid rgba(1,140,72,.28); border-radius: 1em; background: rgba(1,140,72,.16); color: #035f2b; box-shadow: var(--glass-panel-shadow); cursor: pointer; font: inherit; font-size: 15px; font-weight: 400; -webkit-backdrop-filter: blur(8px) saturate(135%); backdrop-filter: blur(8px) saturate(135%); }
.comment-section-box .form-submit .submit:hover, .comment-section-box .form-submit .submit:focus-visible { border-color: var(--glass-panel-border); background: var(--glass-panel); color: #047d36; outline: 0; }
body.dark-mode .comment-toggle, html.dark-mode body .comment-toggle { border-color: #00a865; background: #006b3d; color: #fff; }
body.dark-mode .comment-section-box .form-submit .submit,
html.dark-mode body .comment-section-box .form-submit .submit { border-color: #edd645; background: rgba(1,140,72,.48); color: #fff7b8; }
body.dark-mode .comment-list .comment,
body.dark-mode .comment-list .pingback,
body.dark-mode .comment-list .trackback,
body.dark-mode .comment-section-box input[type="text"],
body.dark-mode .comment-section-box input[type="email"],
body.dark-mode .comment-section-box input[type="url"],
body.dark-mode .comment-section-box textarea,
html.dark-mode body .comment-list .comment,
html.dark-mode body .comment-list .pingback,
html.dark-mode body .comment-list .trackback,
html.dark-mode body .comment-section-box input[type="text"],
html.dark-mode body .comment-section-box input[type="email"],
html.dark-mode body .comment-section-box input[type="url"],
html.dark-mode body .comment-section-box textarea { background: rgba(18,18,18,.82); }

#footer-wrapper { margin-top: 72px; padding: 54px 16px 0; background: #d1d1d1; color: #111; }
#footer-inner { max-width: var(--site-width); margin: 0 auto; text-align: center; }
#footer-logo { margin-bottom: 22px; color: var(--primary); font-size: 44px; font-weight: 900; }
#footer-logo a { color: var(--primary); }
#footer-logo .custom-logo { max-height: 70px; margin: 0 auto; }
#footer-links { margin: 18px 0 34px; }
#footer-links ul { justify-content: center; gap: 6px 20px; }
#footer-links a { color: #111; font-size: 12px; font-weight: 800; text-transform: uppercase; }
#footer-copy { margin-top: 0; padding: 16px; border-top: 0; background: var(--primary); color: #fff; box-shadow: 0 0 0 100vmax var(--primary); clip-path: inset(0 -100vmax); font-size: 11px; }
body.dark-mode #footer-wrapper, html.dark-mode body #footer-wrapper { background: var(--footer-bg); color: var(--footer-text); }
body.dark-mode #footer-links a, html.dark-mode body #footer-links a { color: var(--footer-text); }
#back-to-top { position: fixed; right: 18px; bottom: 18px; z-index: 1200; display: inline-grid; place-items: center; width: 46px; height: 46px; border: 1px solid var(--glass-border); border-radius: 14px; background: var(--glass-bg); color: var(--primary); box-shadow: var(--glass-shadow); opacity: 0; visibility: hidden; transform: translateY(12px); cursor: pointer; transition: opacity .2s ease, transform .2s ease, visibility .2s ease, color .2s ease, background .2s ease; -webkit-backdrop-filter: blur(14px) saturate(145%); backdrop-filter: blur(14px) saturate(145%); }
#back-to-top span { display: block; transform: translateY(-1px); font-size: 24px; font-weight: 950; line-height: 1; }
#back-to-top.is-visible { opacity: 1; visibility: visible; transform: translateY(0); }
#back-to-top:hover, #back-to-top:focus-visible { background: var(--glass-panel); color: var(--primary-dark); outline: 0; }
body.dark-mode #back-to-top, html.dark-mode body #back-to-top { color: #f8f0a4; }
body.dark-mode #back-to-top:hover, body.dark-mode #back-to-top:focus-visible, html.dark-mode body #back-to-top:hover, html.dark-mode body #back-to-top:focus-visible { color: #fff7b8; }

#search-overlay { position: fixed; left: 50%; top: 98px; z-index: 3000; display: none; width: min(760px, calc(100% - 32px)); transform: translateX(-50%); padding: 12px 56px 12px 12px; border: 1px solid var(--glass-border); border-radius: 18px; background: var(--glass-bg); box-shadow: var(--glass-shadow); contain: layout paint; -webkit-backdrop-filter: blur(16px) saturate(150%); backdrop-filter: blur(16px) saturate(150%); }
#search-overlay.open { display: block; }
body.admin-bar #search-overlay { top: 130px; }
#search-box { width: 100%; }
#search-box .search-form { display: flex; gap: 8px; }
#search-box .search-form label { flex: 1; }
#search-box input[type="search"] { width: 100%; min-height: 42px; flex: 1; min-width: 0; padding: 0 12px; border: 1px solid var(--border); border-radius: 0; background: var(--bg); color: var(--text); font-size: 15px; }
#search-box .search-submit { min-height: 42px; padding: 0 20px; border: 1px solid var(--primary); border-radius: 0; background: var(--label-bg); color: #fff; font-weight: 800; cursor: pointer; }
#search-close { position: absolute; top: 12px; right: 12px; width: 42px; height: 42px; border-radius: 999px; background: var(--glass-control); color: var(--text); font-size: 22px; box-shadow: inset 0 1px 0 rgba(255,255,255,.42), 0 8px 20px rgba(0,0,0,.08); }
body.dark-mode #search-box input[type="search"], body.dark-mode #search-box .search-submit, html.dark-mode body #search-box input[type="search"], html.dark-mode body #search-box .search-submit { border-color: var(--border); }
body.dark-mode #search-close, html.dark-mode body #search-close { box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 8px 24px rgba(1,140,72,.18); }
.error404 #main-wrapper { padding-bottom: 80px; }
.error-page { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(220px, .75fr); gap: clamp(28px, 6vw, 78px); align-items: center; min-height: 320px; margin: 30px auto 48px; padding-top: 0; color: var(--text); }
.error-page-copy h1 { margin: 0 0 18px; padding-bottom: 18px; border-bottom: 1px solid var(--border); color: var(--text-muted); font-size: clamp(24px, 3vw, 34px); line-height: 1.15; font-weight: 800; letter-spacing: 0; }
.error-page-copy h1 span { color: var(--accent); }
.error-page-copy p { max-width: 780px; margin: 0 0 22px; color: var(--text-muted); font-size: 16px; font-weight: 600; line-height: 1.7; }
.error-page-copy a { color: var(--accent); font-weight: 800; text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: 3px; }
.error-page-media { width: min(280px, 100%); aspect-ratio: 1; margin: 0; justify-self: center; overflow: hidden; border-radius: 50%; background: #ffe05f; }
.error-page-media img { width: 100%; height: 100%; object-fit: cover; border-radius: 0; }
.error-suggestions { margin-bottom: 56px; }
.error-latest-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 28px 18px; }
.error-latest-grid .post-card { border: 0; border-radius: 0; background: transparent; box-shadow: none; overflow: visible; }
.error-latest-grid .post-card:hover { box-shadow: none; transform: none; }
.error-latest-grid .post-card img, .error-latest-grid .trendnews-image-placeholder { width: 100%; aspect-ratio: 16 / 9; border-radius: 12px; object-fit: cover; }
.error-latest-grid .post-card-body { padding: 8px 0 0; }
.error-latest-grid .post-card-kicker { display: flex; align-items: baseline; gap: 4px; min-width: 0; }
.error-latest-grid .post-card-label { display: inline; color: var(--accent); font-size: 11px; font-weight: 900; }
.error-latest-grid .post-card-meta { display: inline; color: var(--text-muted); font-size: 11px; font-weight: 850; text-transform: uppercase; }
.error-latest-grid .post-card-title { margin-top: 4px; color: var(--text); font-size: 15px; line-height: 1.18; font-weight: 700; }
body.dark-mode .error-page-copy h1,
html.dark-mode body .error-page-copy h1 { color: #9f9f9f; border-bottom-color: #242424; }
body.dark-mode .error-page-copy p,
html.dark-mode body .error-page-copy p,
body.dark-mode .error-latest-grid .post-card-meta,
html.dark-mode body .error-latest-grid .post-card-meta { color: #a8a8a8; }
body.dark-mode .error-latest-grid .post-card-title,
html.dark-mode body .error-latest-grid .post-card-title { color: #f4f4f4; }

@media (max-width: 980px) {
  #header-wrapper { width: calc(100% - 24px); margin: 8px auto; padding: 0; top: 8px; }
  #header-inner { position: relative; grid-template-columns: 92px minmax(0, 1fr) 92px; min-height: 62px; gap: 8px; padding: 0 12px; border-radius: 24px; }
  body.logo-centered #header-inner { grid-template-columns: 92px minmax(0, 1fr) 92px; text-align: center; }
  #header-logo { grid-column: 2; grid-row: 1; justify-self: center; min-width: 0; max-width: 100%; text-align: center; z-index: 1; }
  #header-logo a, .site-title { align-items: center; font-size: 28px; text-align: center; }
  #header-logo .custom-logo, #header-logo img { width: min(186px, 100%); max-height: 46px; object-fit: contain; }
  .header-menu { display: none; }
  .header-actions { grid-column: 1 / -1; grid-row: 1; display: grid; grid-template-columns: 42px minmax(0, 1fr) 42px 42px; gap: 6px; align-items: center; justify-content: stretch; z-index: 2; }
  .header-actions { pointer-events: none; }
  .header-actions button { pointer-events: auto; }
  body.logo-centered .header-actions { justify-content: stretch; }
  .mobile-menu-toggle { display: inline-flex; }
  .mobile-menu-toggle { grid-column: 1; justify-self: start; border-radius: 12px; }
  #dark-toggle { grid-column: 3; justify-self: end; }
  #search-btn { grid-column: 4; justify-self: end; }
  #search-overlay { top: 72px; left: 12px; right: 12px; width: calc(100% - 24px); transform: none; padding: 10px 52px 10px 10px; border-radius: 14px; }
  body.admin-bar #search-overlay { top: 118px; }
  .headlines-grid, .section-grid, .entertainment-news-grid, .magazine-feature-grid { grid-template-columns: 1fr 1fr; }
  .home-section-standard .section-grid > div:first-child { grid-row: auto; }
  .error-page { grid-template-columns: 1fr; gap: 30px; margin: 34px auto 54px; }
  .error-page-media { order: -1; }
  .error-page-media img { width: min(280px, 70vw); }
  .error-latest-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .headlines-right, .sports-featured, .magazine-feature-main, .entertainment-featured, .headlines-center { grid-column: 1 / -1; }
  .headlines-center { order: -1; }
  .headlines-center .post-featured { min-height: 0; }
  .entertainment-featured { order: -1; }
  .entertainment-featured .post-featured { min-height: 0; }
  .magazine-feature-main .post-featured, .magazine-feature-cards, .magazine-feature-list { min-height: var(--home-section-feature-height); }
  .metro-news-grid, .four-col-grid, .related-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .sports-news-grid { grid-template-columns: 1fr; }
  .section-grid-more-btn { grid-column: 1 / -1; grid-row: auto; }
  .sports-featured .post-featured { min-height: 430px; }
}

@media (max-width: 680px) {
  #main-wrapper { padding: 0 12px 12px; }
  #main-wrapper.is-homepage { padding-top: 30px; padding-bottom: 44px; }
  #main-wrapper.is-homepage > .trendnews-home-widget:first-child .section-label:first-child { margin-top: 4px; }
  #header-wrapper { width: calc(100% - 16px); margin: 6px auto; padding: 0; top: 6px; }
  #header-inner { grid-template-columns: 48px minmax(0, 1fr) 92px; min-height: 58px; padding: 0 10px; border-radius: 18px; }
  body.logo-centered #header-inner { grid-template-columns: 48px minmax(0, 1fr) 92px; }
  #header-logo a, .site-title { font-size: 25px; }
  #header-logo .custom-logo, #header-logo img { width: min(156px, 100%); max-height: 42px; }
  #slide-menu { width: 50vw; max-width: 50vw; }
  .site-description { max-width: 140px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 8px; letter-spacing: 1.3px; }
  .header-actions { grid-template-columns: 42px minmax(0, 1fr) 42px 42px; gap: 4px; }
  .mobile-menu-toggle { width: 42px; height: 42px; }
  #dark-toggle, #search-btn { width: 36px; height: 36px; }
  .theme-mode-icon { width: 26px; height: 26px; }
  .theme-mode-icon-moon::after { right: -8px; width: 26px; height: 26px; }
  #search-overlay { top: 64px; left: 8px; right: 8px; width: calc(100% - 16px); padding: 8px 48px 8px 8px; }
  body.admin-bar #search-overlay { top: 110px; }
  #search-box .search-form { gap: 6px; }
  #search-box input[type="search"], #search-box .search-submit { min-height: 40px; }
  #search-box .search-submit { padding: 0 12px; }
  #search-close { top: 8px; right: 8px; width: 40px; height: 40px; }
  .headlines-grid, .section-grid, .entertainment-news-grid, .metro-news-grid, .four-col-grid, .sports-news-grid, .magazine-feature-grid { grid-template-columns: 1fr; }
  .error-page { margin-top: 28px; }
  .error-page-copy h1 { font-size: 25px; }
  .error-page-copy p { font-size: 14px; }
  .error-latest-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px 12px; }
  .headlines-center { order: -1; }
  .headlines-center .post-featured { height: auto; min-height: 0; aspect-ratio: 5 / 3; }
  .headlines-center .post-featured-overlay .post-card-title { font-size: 23px; }
  .headlines-center .post-featured img { min-height: 0; height: 100%; }
  .entertainment-featured .post-featured { height: auto; min-height: 0; aspect-ratio: 5 / 3; }
  .entertainment-featured .post-featured-overlay .post-card-title { font-size: 23px; }
  .entertainment-featured .post-featured img { min-height: 0; height: 100%; }
  .entertainment-left-cards { gap: 0; }
  .magazine-feature-main .post-featured { min-height: 330px; }
  .magazine-feature-main .post-featured-overlay .post-card-title { font-size: 23px; }
  .magazine-feature-card { display: flex; gap: 10px; padding-bottom: 12px; }
  .magazine-feature-card > a { flex: 0 0 78px; }
  .magazine-feature-card img { width: 78px; height: 70px; border-radius: 10px; }
  .magazine-feature-card .post-card-body { padding: 0; }
  .magazine-feature-card .post-card-title { font-size: 14px; }
  .sports-featured .post-featured { min-height: 330px; }
  .sports-list-item { gap: 12px; min-height: 70px; padding-right: 12px; box-shadow: 4px 5px 0 rgba(0,0,0,.07); }
  .sports-list-item > a { flex: 0 0 78px; width: 78px; }
  .sports-list-item img { width: 78px; height: 70px; border-radius: 10px; }
  .sports-list-item .post-list-item-title { font-size: 14px; line-height: 1.18; }
  .sports-list-item .post-list-item-label { margin-bottom: 5px; font-size: 10px; }
  .post-card, .metro-card, .headlines-left .entertainment-mini-card, .entertainment-left-cards .entertainment-mini-card { display: flex; gap: 10px; border: 0; border-bottom: 1px solid var(--border); border-radius: 0; background: transparent; box-shadow: none; padding-bottom: 12px; }
  .headlines-left .entertainment-mini-card { gap: 14px; align-items: flex-start; padding-bottom: 8px; }
  .headlines-left .entertainment-mini-card > a { flex: 0 0 76px; width: 76px; }
  .headlines-left .entertainment-mini-card img { width: 76px; height: 76px; border-radius: 10px; }
  .headlines-left .post-list-item-body { padding-top: 0; }
  .headlines-left .post-list-item-label { margin-bottom: 5px; color: var(--primary); font-size: 13px; }
  .headlines-left .post-list-item-title { font-size: 13px; line-height: 1.18; font-weight: 750; }
  .error-latest-grid .post-card { display: block; border-bottom: 0; padding-bottom: 0; }
  .post-card > a, .metro-card > a, .entertainment-mini-card > a { flex: 0 0 78px; }
  .post-card img, .metro-card img, .entertainment-mini-card img { width: 78px; height: 70px; border-radius: 10px; object-fit: cover; }
  .error-latest-grid .post-card > a { display: block; }
  .error-latest-grid .post-card img, .error-latest-grid .trendnews-image-placeholder { width: 100%; height: auto; aspect-ratio: 16 / 9; border-radius: 12px; }
  .error-latest-grid .post-card-label, .error-latest-grid .post-card-meta { font-size: 9px; }
  .error-latest-grid .post-card-title { font-size: 13px; line-height: 1.16; }
  .metro-card .post-card-body { padding: 0; }
  .archive-card { grid-template-columns: 124px minmax(0, 1fr); gap: 12px; padding-bottom: 14px; }
  .archive-card img { height: 74px; border-radius: 14px; }
  .archive-card-kicker { gap: 4px; margin-bottom: 3px; }
  .archive-card-kicker span, .archive-card-kicker time { font-size: 9px; }
  .archive-card-title { font-size: 16px; line-height: 1.14; }
  .category .archive-card-snippet { display: none; }
  .archive-page-heading { padding: 30px 0 24px; }
  .archive-grid { gap: 18px; }
  .author-archive-page .archive-card-snippet { display: none; }
  .search-results-page { padding: 30px 0 44px; }
  .search-results-page .search-page-heading { margin-bottom: 28px; }
  .search-results-page .archive-card-snippet { display: none; }
  .author-archive-page { padding: 0 0 44px; }
  .author-archive-page .archive-card { grid-template-columns: 124px minmax(0, 1fr); gap: 12px; }
  .author-archive-page .archive-card img { height: 74px; border-radius: 14px; }
  .author-hero { grid-template-columns: 1fr; justify-items: center; gap: 20px; margin-bottom: 36px; text-align: center; }
  .author-hero-avatar { width: 150px; height: 150px; }
  .author-hero-profile h1 { font-size: 26px; }
  .author-hero-bio { font-size: 15px; }
  .author-hero-social { justify-content: center; margin-top: 16px; }
  .author-stories-heading span { padding: 7px 12px; font-size: 12px; }
  .comment-section-box { padding: 14px; border-radius: 16px; }
  .comment-title-row { align-items: flex-start; flex-direction: column; }
  .comment-toggle, .comment-section-box .form-submit .submit { width: 100%; max-width: none; }
  .comment-list .comment, .comment-list .pingback, .comment-list .trackback { padding: 14px 12px 14px 14px; }
  .comment-list .children { padding-left: 10px; }
  .comment-section-box .comment-form-comment textarea { min-height: 130px; max-height: 340px; }
  .related-grid { grid-template-columns: 1fr; }
  .related-card { display: grid; grid-template-columns: 90px minmax(0, 1fr); gap: 14px; align-items: center; }
  .related-card img { width: 90px; height: 90px; }
  .related-card-title { margin-top: 0; }
  .single-body, .static-page-body { font-size: 17px; }
  .static-page-wrapper { padding: 30px 0 44px; }
  .static-page-body { font-size: 17px; }
  .single-body figure.alignleft, .single-body .wp-caption.alignleft, .single-body .wp-block-image.alignleft, .single-body img.alignleft, .single-body figure.alignright, .single-body .wp-caption.alignright, .single-body .wp-block-image.alignright, .single-body img.alignright, .static-page-body figure.alignleft, .static-page-body .wp-caption.alignleft, .static-page-body .wp-block-image.alignleft, .static-page-body img.alignleft, .static-page-body figure.alignright, .static-page-body .wp-caption.alignright, .static-page-body .wp-block-image.alignright, .static-page-body img.alignright { float: none; display: block; width: auto !important; max-width: 100% !important; margin: 18px auto !important; }
  .single-page-layout { display: block; max-width: 760px; }
  body.single .single-post-wrapper { padding-top: 30px; }
  body.single .single-sidebar, body.single .single-sidebar-ad, body.single .single-widget-sidebar, body.single .single-aside, body.single .sidebar-area { display: none !important; }
  .single-title { font-size: 22px; }
  .single-body { margin-top: 20px; font-size: 16px; }
  .about-author { grid-template-columns: 44px minmax(0, 1fr); gap: 10px; }
  .author-avatar-block { gap: 5px; }
  .author-avatar { width: 44px; height: 44px; }
  #footer-logo { font-size: 34px; }
}