:root{--accent:#15803d;--accent-2:#166534;--bg:#0b0b0c;--surface:#151517;--surface-2:#1b1b1f;--surface-3:#101012;--text:#f5f5f5;--muted:#a7a7af;--line:#2b2b30;--line-2:#3a3a40;--radius:14px;--container:1280px;--shadow:0 12px 30px rgba(0,0,0,.26)}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:#070708}body{margin:0;background:linear-gradient(180deg,#0b0b0c 0,#121214 100%);color:var(--text);font:16px/1.6 Arial,Helvetica,sans-serif;display:flex;min-height:100vh;flex-direction:column}img{display:block;max-width:100%;height:auto}a{color:inherit;text-decoration:none}button,input{font:inherit}.screen-reader-text,.skip-link{position:absolute;left:-9999px}.container{width:min(var(--container),calc(100% - 32px));margin-inline:auto}.site-main{flex:1}.site-header{position:sticky;top:0;z-index:30;background:rgba(5,10,18,.92);backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.06)}.header-accent{height:4px;background:linear-gradient(90deg,var(--accent-2),#22a657,var(--accent))}.header-inner{min-height:76px;display:flex;align-items:center;gap:26px}.brand{font-weight:900;font-size:28px;line-height:1}.brand-mark,.brand a{display:inline-flex;align-items:center;gap:8px;font-weight:900;font-size:28px;color:#fff}.brand-mark::before{content:"";width:10px;height:10px;border-radius:2px;background:linear-gradient(135deg,var(--accent),var(--accent-2));display:inline-block}.custom-logo{max-height:52px;width:auto}.main-nav{margin-left:auto}.main-nav ul{display:flex;gap:24px;list-style:none;margin:0;padding:0}.main-nav a{font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:#eeeeef}.main-nav li.current-menu-item>a,.main-nav a:hover{color:#fff}.header-tools{display:flex;align-items:center;gap:8px}.menu-toggle,.search-toggle{border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.03);color:#fff;width:42px;height:42px;border-radius:10px;display:grid;place-items:center;cursor:pointer}.menu-toggle{display:none}.search-panel{display:none;padding:0 0 16px}.search-panel.open{display:block}.search-panel input,.search-form input[type="search"]{width:100%;padding:13px 16px;background:#19191c;border:1px solid var(--line-2);border-radius:10px;color:#fff}.search-form .search-submit{display:none}.home-shell,.page-shell{padding:26px 0 48px}.breadcrumbs{display:flex;gap:8px;align-items:center;color:var(--muted);font-size:13px;padding-bottom:16px}.breadcrumbs a:hover{color:#fff}.hero{display:grid;gap:14px}.hero-dark{grid-template-columns:2fr 1fr 1fr;grid-template-rows:230px 230px}.hero-dark .hero-1{grid-row:span 2;min-height:474px}.hero-card{position:relative;overflow:hidden;border-radius:var(--radius);background:var(--surface);border:1px solid rgba(255,255,255,.06);box-shadow:var(--shadow);isolation:isolate}.hero-card img{width:100%;height:100%;object-fit:cover}.shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,7,14,.1) 0,rgba(3,7,14,.48) 50%,rgba(3,7,14,.92) 100%)}.hero-card::after{content:"";position:absolute;inset:auto auto 0 0;height:4px;width:100%;background:linear-gradient(90deg,var(--accent-2),transparent 65%);opacity:.95}.hero-copy{position:absolute;left:18px;right:18px;bottom:18px;color:#fff}.hero-copy h2{font-size:clamp(18px,2vw,34px);line-height:1.08;margin:8px 0}.kicker,.eyebrow{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:900;letter-spacing:.05em;text-transform:uppercase;color:var(--accent)}.kicker::before,.eyebrow::before{content:"";width:7px;height:7px;border-radius:2px;background:var(--accent)}time,.meta{font-size:13px;color:var(--muted)}.hero-copy time{color:#e2e2e4}.section-block{margin:34px 0}.section-head{display:flex;align-items:flex-end;gap:14px;margin-bottom:16px;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.08)}.section-head h2{margin:0;font-size:24px;line-height:1.1;text-transform:uppercase;font-weight:900;letter-spacing:.04em;padding:10px 16px;border-radius:12px 12px 12px 2px;background:linear-gradient(135deg,rgba(255,90,54,.22),rgba(255,159,28,.12));border:1px solid rgba(255,255,255,.07)}.cards,.rank-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.post-card,.archive-card,.widget,.list-post,.author-box{background:linear-gradient(180deg,var(--surface),var(--surface-2));border:1px solid rgba(255,255,255,.06);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}.post-thumb img,.archive-thumb img{aspect-ratio:16/9;width:100%;object-fit:cover}.post-card-body{padding:14px 14px 16px}.post-card h3{font-size:16px;line-height:1.32;margin:8px 0 10px}.post-card h3 a:hover,.archive-card h2 a:hover,.list-post h3 a:hover,.footer-posts a:hover{color:#fff}.rank-card{position:relative}.latest-news-list{display:grid;gap:14px}.list-post{display:grid;grid-template-columns:240px 1fr;gap:18px;padding-right:18px}.list-post>a img{height:100%;object-fit:cover}.list-post>div{padding:16px 0}.list-post h3{font-size:24px;line-height:1.18;margin:8px 0 10px}.content-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:32px}.archive-head{padding:18px 0 18px;border-bottom:1px solid rgba(255,255,255,.08);margin-bottom:20px}.archive-head h1,.article-header h1{font-size:clamp(36px,5vw,60px);line-height:1.04;margin:8px 0 12px}.archive-desc{max-width:780px;color:var(--muted)}.archive-list{display:grid;gap:16px}.archive-card{display:grid;grid-template-columns:320px 1fr;gap:20px}.archive-card>div{padding:18px 20px 18px 0}.archive-card h2{font-size:28px;line-height:1.18;margin:6px 0 10px}.article-header{max-width:920px;margin-bottom:22px}.article-hero img{width:100%;border-radius:var(--radius);border:1px solid rgba(255,255,255,.06);box-shadow:var(--shadow)}.article-content{font:19px/1.78 Georgia,serif;background:linear-gradient(180deg,var(--surface),#171719);padding:30px;border:1px solid rgba(255,255,255,.06);border-radius:var(--radius);box-shadow:var(--shadow)}.article-content h2,.article-content h3,.article-content h4{font-family:Arial,Helvetica,sans-serif;color:#fff}.article-content p,.article-content li,.article-content td,.article-content th{color:#e5e5e7}.article-content table{display:block;max-width:100%;overflow:auto;border-collapse:collapse}.article-content td,.article-content th{border:1px solid var(--line-2);padding:10px}.article-content blockquote{margin:24px 0;padding:18px 22px;border-left:4px solid var(--accent);background:rgba(255,255,255,.03)}.author-box{display:grid;grid-template-columns:72px 1fr;gap:16px;align-items:center;padding:20px;margin:24px 0}.author-box img{border-radius:50%}.article-tags,.post-nav{margin:24px 0}.article-tags a{display:inline-block;margin:4px 6px 4px 0;padding:6px 12px;border-radius:999px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08)}.post-nav{display:flex;justify-content:space-between;gap:16px}.sidebar .widget{padding:18px;margin-bottom:18px}.widget-title{margin:0 0 14px;font-size:18px;border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:10px}.widget ul,.site-footer ul,.main-nav ul{list-style:none}.widget ul,.site-footer ul{padding:0;margin:0}.widget li{margin:10px 0}.widget li a{color:#e0e0e2}.widget li a:hover{color:#fff}.site-footer{position:relative;overflow:hidden;margin-top:24px;background:radial-gradient(circle at top center,rgba(111,62,20,.30),transparent 26%),linear-gradient(180deg,#0d0d0f 0,#151517 100%);color:#f0f0f1;padding:50px 0 0;border-top:1px solid rgba(255,255,255,.06)}.footer-glow{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(166,91,25,.12),transparent)}.footer-grid{position:relative;display:grid;grid-template-columns:1.2fr 1fr 1.1fr 1.1fr;gap:36px}.footer-col{padding-right:24px;border-right:1px solid rgba(255,255,255,.06)}.footer-col:last-child{border-right:0;padding-right:0}.footer-logo{font-size:52px;font-weight:900;line-height:1;margin-bottom:14px;color:#fff;display:inline-flex;align-items:center;gap:10px}.footer-logo span{font-style:italic;letter-spacing:.02em}.footer-logo::before{content:"";width:14px;height:14px;border-radius:3px;background:linear-gradient(135deg,var(--accent),#166534)}.footer-brand p,.footer-subscribe p,.footer-col li span,.footer-col small{color:#bbbbc2}.social-row{display:flex;gap:12px;margin-top:20px}.social-row a{width:38px;height:38px;border-radius:999px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.03);font-weight:800}.social-row a:hover{background:rgba(255,255,255,.08)}.footer-col h3{margin:0 0 18px;font-size:30px;line-height:1.08;text-transform:uppercase}.footer-col .menu li{margin:10px 0}.footer-col .menu a{display:flex;justify-content:space-between;color:#f2f2f3}.footer-col .menu a::after{content:"›";color:var(--accent)}.footer-posts li{padding:0 0 16px;margin:0 0 16px;border-bottom:1px solid rgba(255,255,255,.08)}.footer-posts li:last-child{margin-bottom:0;padding-bottom:0;border-bottom:0}.footer-posts a{display:block;font-weight:700;line-height:1.5;margin-bottom:8px}.footer-posts span{font-size:13px;color:#22a657}.subscribe-form{display:grid;gap:12px;margin-top:16px}.subscribe-form input{width:100%;padding:14px 16px;border-radius:10px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.02);color:#fff}.subscribe-form button{padding:15px 16px;border:0;border-radius:10px;background:linear-gradient(90deg,#166534,#15803d);color:#120c06;text-transform:uppercase;font-weight:900;cursor:pointer}.footer-bottom{position:relative;display:flex;justify-content:space-between;align-items:center;gap:18px;border-top:1px solid rgba(255,255,255,.08);margin-top:32px;padding:18px 0;color:#b7c5d6;font-size:13px}.footer-policy-links{display:flex;gap:18px;flex-wrap:wrap}.footer-policy-links a{color:#dce8f8}.image-placeholder{display:block;min-height:180px;background:linear-gradient(135deg,#182235,#0f172a)}.page-shell.narrow{max-width:850px}.comments-area{margin-top:24px;padding:24px;border:1px solid rgba(255,255,255,.06);border-radius:var(--radius);background:var(--surface)}.comments-area input,.comments-area textarea{width:100%;padding:12px 14px;background:#19191c;border:1px solid var(--line-2);border-radius:10px;color:#fff}.comments-area .submit{padding:12px 16px;background:linear-gradient(90deg,var(--accent-2),#8d58ff);border:0;border-radius:10px;color:#fff}
@media(max-width:1080px){.hero-dark{grid-template-columns:2fr 1fr;grid-template-rows:260px 260px 200px}.hero-dark .hero-1{grid-row:1/3}.hero-dark .hero-4{grid-column:1/3}.cards,.rank-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:repeat(2,1fr)}.footer-col{border-right:0;padding-right:0}.content-layout{grid-template-columns:1fr}}
@media(max-width:980px){.main-nav{display:none;position:absolute;left:0;right:0;top:80px;background:#121214;padding:18px 22px;border-bottom:1px solid rgba(255,255,255,.08)}.main-nav.open{display:block}.main-nav ul{flex-direction:column;gap:14px}.menu-toggle{display:grid;margin-left:auto}.main-nav{margin-left:0}.header-tools{margin-left:auto}.archive-card{grid-template-columns:1fr}.archive-card>div{padding:16px 18px 18px}.list-post{grid-template-columns:1fr;padding-right:0}.list-post>div{padding:0 16px 16px}.list-post h3{font-size:22px}}
@media(max-width:620px){.container{width:min(100% - 20px,var(--container))}.header-inner{min-height:70px;gap:14px}.brand,.brand a,.brand-mark{font-size:24px}.hero-dark{display:block}.hero-card{min-height:220px;height:220px;margin-bottom:12px}.hero-card.hero-1{height:320px}.section-head h2{font-size:20px;padding:8px 12px}.cards,.rank-grid,.footer-grid{grid-template-columns:1fr}.archive-head h1,.article-header h1{font-size:34px}.archive-card h2{font-size:22px}.article-content{font-size:17px;padding:18px}.post-nav,.footer-bottom{flex-direction:column;align-items:flex-start}.footer-col h3{font-size:24px}}


/* Hero title sizing tuned so headings fit inside images */
.hero-copy h2{font-size:clamp(17px,1.8vw,28px);line-height:1.1;max-width:92%;}
.hero-1 .hero-copy h2{font-size:clamp(26px,3.2vw,42px);line-height:1.08;max-width:88%;}
.hero-2 .hero-copy h2,.hero-3 .hero-copy h2,.hero-4 .hero-copy h2{font-size:clamp(14px,1.5vw,22px);line-height:1.14;max-width:96%;}
.hero-copy{left:16px;right:16px;bottom:16px;}
@media(max-width:980px){.hero-copy h2{max-width:94%;}.hero-2 .hero-copy h2,.hero-3 .hero-copy h2,.hero-4 .hero-copy h2{font-size:clamp(16px,2.6vw,22px);}}
@media(max-width:620px){.hero-1 .hero-copy h2{font-size:clamp(24px,6vw,34px);} .hero-2 .hero-copy h2,.hero-3 .hero-copy h2,.hero-4 .hero-copy h2{font-size:clamp(18px,5vw,24px);max-width:92%;}}


/* Hero title sizing reduced approximately 2x more for long headlines */
.hero-copy h2{font-size:clamp(12px,1.1vw,18px)!important;line-height:1.08;max-width:94%;margin:6px 0;}
.hero-1 .hero-copy h2{font-size:clamp(18px,2vw,26px)!important;line-height:1.05;max-width:84%;}
.hero-2 .hero-copy h2,.hero-3 .hero-copy h2,.hero-4 .hero-copy h2{font-size:clamp(10px,0.95vw,15px)!important;line-height:1.08;max-width:98%;}
.hero-copy .kicker{font-size:11px!important;}
.hero-copy time{font-size:11px!important;}
@media(max-width:980px){.hero-1 .hero-copy h2{font-size:clamp(18px,2.8vw,24px)!important;}.hero-2 .hero-copy h2,.hero-3 .hero-copy h2,.hero-4 .hero-copy h2{font-size:clamp(12px,1.8vw,16px)!important;}}
@media(max-width:620px){.hero-1 .hero-copy h2{font-size:clamp(20px,5vw,28px)!important;max-width:90%;}.hero-2 .hero-copy h2,.hero-3 .hero-copy h2,.hero-4 .hero-copy h2{font-size:clamp(16px,4.4vw,20px)!important;max-width:92%;}.hero-copy time{font-size:12px!important;}}


/* Section heading text reduced approximately 2x */
.section-head h2{font-size:12px!important;line-height:1.05;padding:6px 9px!important;letter-spacing:.03em;border-radius:8px 8px 8px 2px;}
@media(max-width:620px){.section-head h2{font-size:13px!important;padding:7px 10px!important;}}


/* Category labels: 1.5x larger and light green */
.kicker{font-size:18px !important;color:#15803d !important;line-height:1.15;font-weight:900;}
.kicker::before,.eyebrow::before{background:#15803d !important;}
.hero-copy .kicker,.post-card .kicker,.list-post .kicker,.archive-card .kicker,.article-header .kicker{font-size:18px !important;color:#15803d !important;}
@media(max-width:620px){.kicker,.hero-copy .kicker,.post-card .kicker,.list-post .kicker,.archive-card .kicker,.article-header .kicker{font-size:16px !important;}}


/* Category labels reduced by 1.5x while keeping the light-green color */
.kicker,.hero-copy .kicker,.post-card .kicker,.list-post .kicker,.archive-card .kicker,.article-header .kicker{font-size:12px !important;color:#15803d !important;line-height:1.15;font-weight:900;}
.kicker::before,.eyebrow::before{background:#15803d !important;}
@media(max-width:620px){.kicker,.hero-copy .kicker,.post-card .kicker,.list-post .kicker,.archive-card .kicker,.article-header .kicker{font-size:11px !important;}}


/* Accent green only for selected section titles */
.section-ranked .section-head h2,
.section-hardware .section-head h2,
.latest-news-block .section-head h2{
  color:#15803d !important;
}


/* Lime green menu and all category section titles */
.main-nav a{color:#15803d !important;}
.main-nav li.current-menu-item>a,.main-nav a:hover{color:#22a657 !important;}
.section-head h2{color:#15803d !important;}


/* Footer titles and policy links in lime green */
.footer-col h3{color:#15803d !important;}
.footer-policy-links a{color:#15803d !important;}
.footer-policy-links a:hover{color:#22a657 !important;}


/* Category names: only first letter uppercase */
.kicker,.eyebrow{
  text-transform: lowercase !important;
}
.kicker::first-letter,.eyebrow::first-letter{
  text-transform: uppercase !important;
}


/* Slightly smaller category/archive page title */
.archive-head h1{font-size:clamp(30px,4vw,48px)!important;line-height:1.08;}
@media(max-width:620px){.archive-head h1{font-size:30px!important;}}


/* Center category/archive images */
.archive-thumb{display:block;overflow:hidden;}
.archive-thumb img{width:100%;height:100%;object-fit:cover;object-position:center center !important;display:block;}
.archive-card{align-items:stretch;}
.archive-card .archive-thumb{height:100%;min-height:260px;}
@media(max-width:980px){.archive-card .archive-thumb{min-height:220px;}}


/* Slightly smaller article body text */
.single .article-content{font-size:17px !important;line-height:1.72;}
.single .article-content p,.single .article-content li,.single .article-content td,.single .article-content th{font-size:17px !important;}
@media(max-width:620px){.single .article-content,.single .article-content p,.single .article-content li,.single .article-content td,.single .article-content th{font-size:16px !important;line-height:1.68;}}


/* Lime styling for author area and author plugin elements */
.author-box a,
.author-box a:visited,
.wp-post-author a,
.wp-post-author a:visited,
.wppostauthor a,
.wppostauthor a:visited,
[class*="author"] .author-links a,
[class*="author"] .author-social a,
[class*="author"] .author_posts a,
[class*="author"] a[href*="author"],
[class*="author"] a[href*="/author/"]{
  color:#15803d !important;
  border-color:#15803d !important;
}
.author-box a:hover,
.wp-post-author a:hover,
.wppostauthor a:hover,
[class*="author"] .author-links a:hover,
[class*="author"] .author-social a:hover,
[class*="author"] .author_posts a:hover,
[class*="author"] a[href*="author"]:hover,
[class*="author"] a[href*="/author/"]:hover{
  color:#22a657 !important;
  border-color:#22a657 !important;
}
.wp-post-author .author-social a,
.wppostauthor .author-social a,
[class*="author"] .author-social a,
[class*="author"] .author_icon,
[class*="author"] .author-icon,
[class*="author"] .social-icon,
[class*="author"] .apcr-social-icon,
[class*="author"] .wp-post-author-social a{
  background:#15803d !important;
  color:#120c06 !important;
  border-color:#15803d !important;
}
.wp-post-author .author-social a:hover,
.wppostauthor .author-social a:hover,
[class*="author"] .author-social a:hover,
[class*="author"] .author_icon:hover,
[class*="author"] .author-icon:hover,
[class*="author"] .social-icon:hover,
[class*="author"] .apcr-social-icon:hover,
[class*="author"] .wp-post-author-social a:hover{
  background:#22a657 !important;
  color:#120c06 !important;
  border-color:#22a657 !important;
}


/* Share buttons on single articles */
.article-share{margin-top:18px;display:flex;justify-content:flex-end;align-items:center;gap:14px;flex-wrap:wrap;}
.share-label{font-size:14px;font-weight:800;color:#15803d;letter-spacing:.02em;}
.share-buttons{display:flex;gap:10px;flex-wrap:wrap;}
.share-btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 14px;border-radius:999px;border:1px solid #15803d;background:rgba(255,159,28,.08);color:#15803d;font-size:13px;font-weight:800;line-height:1;transition:.2s ease;}
.share-btn:hover{background:#15803d;color:#120c06;border-color:#15803d;}
@media(max-width:980px){.article-share{justify-content:flex-start;}}
@media(max-width:620px){.article-share{margin-top:14px;gap:10px}.share-label{width:100%;font-size:13px}.share-btn{padding:9px 12px;font-size:12px;}}


/* Single article meta and sharing on one horizontal level */
.article-info-row{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:18px;}
.article-meta-left{display:flex;align-items:center;flex-wrap:wrap;gap:8px;color:var(--muted);font-size:13px;line-height:1.4;}
.article-meta-left strong{color:#dfe8f6;font-weight:700;}
.meta-separator{color:#64748b;}
.article-info-row .article-share{margin-top:0;justify-content:flex-end;flex:0 0 auto;}
@media(max-width:980px){.article-info-row{align-items:flex-start;flex-direction:column;gap:14px}.article-info-row .article-share{justify-content:flex-start;}}
@media(max-width:620px){.article-meta-left{gap:6px 8px}.meta-separator{display:none}.meta-item{width:100%}.article-info-row .share-buttons{gap:8px}}


/* Equal H1 size on category and single article pages */
.archive-head h1,
.article-header h1{
  font-size:clamp(30px,4vw,48px)!important;
  line-height:1.08!important;
}
@media(max-width:620px){
  .archive-head h1,
  .article-header h1{font-size:30px!important;}
}


/* Share buttons: icon-only variant */
.share-btn.icon-only{width:44px;height:44px;padding:0;border-radius:999px;}
.share-btn.icon-only svg{width:18px;height:18px;display:block;fill:currentColor;}
@media(max-width:620px){.share-btn.icon-only{width:40px;height:40px;}}


/* Article meta labels lime, values white */
.article-meta-left .meta-item{color:#ffffff !important;}
.article-meta-left .meta-item strong{color:#15803d !important;}
.article-meta-left .meta-separator{color:#ffffff !important;}


/* Full mobile-width stabilization: prevent horizontal page movement */
html,body{width:100%;max-width:100%;overflow-x:hidden!important;overscroll-behavior-x:none;}
body{position:relative;}
.site-header,.site-main,.site-footer,.header-accent{width:100%;max-width:100%;overflow-x:clip;}
.container{max-width:100%;min-width:0;}
.header-inner,.home-shell,.page-shell,.hero,.hero-card,.section-block,.cards,.rank-grid,.content-layout,.archive-list,.archive-card,.article-header,.article-info-row,.article-meta-left,.article-share,.share-buttons,.article-content,.article-hero,.sidebar,.widget,.footer-grid,.footer-col,.footer-bottom{min-width:0;max-width:100%;}
img,svg,video,iframe,canvas{max-width:100%;height:auto;}
iframe,video{width:100%;}
pre,code{max-width:100%;overflow-wrap:anywhere;word-break:break-word;}
pre{overflow-x:auto;white-space:pre-wrap;}
table{max-width:100%;}
.article-content table{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;}
.article-content,.article-content p,.article-content li,.article-content a,.archive-card h2,.post-card h3,.list-post h3,.hero-copy h2,.footer-col,.widget{overflow-wrap:anywhere;word-break:normal;}
.main-nav,.search-panel{max-width:100vw;}

@media(max-width:980px){
  .main-nav{width:100%;max-width:100%;overflow-x:hidden;}
  .main-nav ul,.main-nav li,.main-nav a{max-width:100%;}
  .content-layout,.footer-grid,.cards,.rank-grid{width:100%;}
}

@media(max-width:620px){
  .container{width:100%!important;max-width:100%!important;padding-left:12px;padding-right:12px;margin-left:auto;margin-right:auto;}
  .site-header .container{padding-left:12px;padding-right:12px;}
  .home-shell,.page-shell{padding-top:18px;padding-bottom:34px;}
  .header-inner{width:100%;gap:10px;}
  .brand{max-width:calc(100% - 106px);overflow:hidden;}
  .brand a,.brand-mark{max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
  .hero-dark,.hero,.cards,.rank-grid,.content-layout,.archive-card,.list-post,.footer-grid{width:100%;max-width:100%;}
  .hero-card,.post-card,.archive-card,.list-post,.article-content,.widget,.author-box{width:100%;max-width:100%;}
  .article-info-row{width:100%;}
  .article-meta-left,.article-share{width:100%;}
  .share-buttons{width:100%;justify-content:flex-start;}
  .share-label{width:auto;max-width:100%;}
  .footer-policy-links{width:100%;gap:10px 14px;}
  .post-nav a{max-width:100%;overflow-wrap:anywhere;}
}

@supports not (overflow:clip){
  .site-header,.site-main,.site-footer,.header-accent{overflow-x:hidden;}
}


/* Strong mobile viewport lock for devices that allowed sideways page movement */
html{width:100%;max-width:100%;overflow-x:hidden!important;touch-action:pan-y;}
body{width:100%;max-width:100%;margin:0!important;overflow-x:hidden!important;touch-action:pan-y;}
body>*{max-width:100%;}
.site-header,.site-main,.site-footer{position:relative;left:0;right:0;transform:none!important;}
.breadcrumbs{width:100%;max-width:100%;flex-wrap:wrap;overflow-wrap:anywhere;}
.breadcrumbs>*{min-width:0;max-width:100%;}
.article-header,.article-header h1,.article-info-row,.article-meta-left,.article-share,.article-hero,.article-content{margin-left:0!important;margin-right:0!important;transform:none!important;}
@media(max-width:782px){
.container,.site-header .container,.home-shell,.page-shell{width:calc(100% - 24px)!important;max-width:calc(100% - 24px)!important;margin-left:12px!important;margin-right:12px!important;padding-left:0!important;padding-right:0!important;}
.site-header .header-inner,.search-panel.container{width:calc(100% - 24px)!important;max-width:calc(100% - 24px)!important;}
.article-header h1{font-size:clamp(28px,8vw,36px)!important;line-height:1.1!important;overflow-wrap:anywhere;}
.article-info-row{display:block!important;width:100%!important;}
.article-meta-left{display:grid!important;grid-template-columns:1fr;width:100%!important;gap:7px!important;}
.meta-separator{display:none!important;}
.article-share{width:100%!important;margin-top:18px!important;}
.share-buttons{width:auto!important;max-width:100%!important;display:flex!important;flex-wrap:wrap!important;}
.article-hero,.article-hero img,.article-content,.author-box,.comments-area{width:100%!important;max-width:100%!important;}
.article-hero img{object-fit:cover;}
.content-layout,.archive-card,.list-post,.footer-grid{min-width:0!important;width:100%!important;}
.main-nav{left:0!important;right:0!important;width:100%!important;max-width:100%!important;}
}
@media(max-width:360px){
.container,.site-header .container,.home-shell,.page-shell{width:calc(100% - 16px)!important;max-width:calc(100% - 16px)!important;margin-left:8px!important;margin-right:8px!important;}
.site-header .header-inner,.search-panel.container{width:calc(100% - 16px)!important;max-width:calc(100% - 16px)!important;}
.article-header h1{font-size:27px!important;}
.share-btn.icon-only{width:38px;height:38px;}
}


/* Desktop fix: keep share buttons on the same row, inside the main article column */
@media (min-width:1081px){
  .single-article > .article-header{
    max-width:calc(100% - 352px) !important;
  }
  .article-info-row{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) auto !important;
    align-items:center !important;
    column-gap:24px !important;
  }
  .article-meta-left{
    min-width:0;
  }
  .article-info-row .article-share{
    width:auto !important;
    margin-top:0 !important;
    justify-self:end;
    justify-content:flex-end !important;
    align-self:center;
  }
  .article-info-row .share-buttons{
    width:auto !important;
    justify-content:flex-end !important;
  }
}


/* Mobile fix: keep featured image rounded on both left and right sides */
.article-hero{
  border-radius: var(--radius);
  overflow: hidden;
}
.article-hero img{
  border-radius: var(--radius) !important;
}
@media (max-width: 782px){
  .article-hero{
    border-radius: var(--radius) !important;
    overflow: hidden !important;
    width: 100% !important;
    max-width: 100% !important;
  }
  .article-hero img{
    width: 100% !important;
    max-width: 100% !important;
    border-radius: var(--radius) !important;
    display: block;
  }
}


/* Strong mobile rounding fix for featured image right side */
@media (max-width: 782px){
  .content-layout > div{
    min-width:0 !important;
    width:100% !important;
    max-width:100% !important;
  }
  .article-hero{
    width:100% !important;
    max-width:100% !important;
    border-radius:var(--radius) !important;
    overflow:hidden !important;
    isolation:isolate;
    background:transparent;
  }
  .article-hero img{
    width:100% !important;
    max-width:100% !important;
    display:block !important;
    object-fit:cover;
    object-position:center center;
    border-radius:var(--radius) !important;
    -webkit-clip-path: inset(0 round var(--radius));
    clip-path: inset(0 round var(--radius));
  }
}


/* Mobile header: place menu button closer to search button */
@media (max-width: 980px){
  .header-inner{
    justify-content:flex-start !important;
  }
  .menu-toggle{
    margin-left:auto !important;
    margin-right:8px !important;
  }
  .header-tools{
    margin-left:0 !important;
    gap:0 !important;
  }
}
@media (max-width: 620px){
  .menu-toggle{
    margin-right:6px !important;
  }
}


/* Keep only the theme author card; hide duplicate author boxes injected by author plugins */
.single-post .article-content .wp-post-author,
.single-post .article-content .wp-post-author-wrap,
.single-post .article-content .wp-post-author-meta,
.single-post .article-content .wpa-about-author,
.single-post .article-content .wppostauthor,
.single-post .article-content .about-author,
.single-post .article-content .author-box:not(.theme-author-box),
.single-post .article-content [class*="wp-post-author"],
.single-post .article-content [id*="wp-post-author"]{
  display:none !important;
}


/* Remove all extra author boxes/sections on single posts */
.single-post .theme-author-box,
.single-post .article-content .wp-post-author,
.single-post .article-content .wp-post-author-wrap,
.single-post .article-content .wp-post-author-meta,
.single-post .article-content .wpa-about-author,
.single-post .article-content .wppostauthor,
.single-post .article-content .about-author,
.single-post .article-content [class*="wp-post-author"],
.single-post .article-content [id*="wp-post-author"]{
  display:none !important;
}


/* Previous and next article cards with featured images */
.post-nav.post-nav-cards{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
  margin:26px 0;
}
.post-nav-card{
  min-width:0;
  display:grid;
  grid-template-columns:150px minmax(0,1fr);
  align-items:stretch;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.08);
  border-radius:14px;
  background:linear-gradient(180deg,var(--surface),var(--surface-2));
  box-shadow:var(--shadow);
  transition:transform .2s ease,border-color .2s ease;
}
.post-nav-card:hover{
  transform:translateY(-2px);
  border-color:rgba(255,159,28,.5);
}
.post-nav-thumb{
  display:block;
  min-height:116px;
  background:linear-gradient(135deg,#17243a,#0b1322);
  overflow:hidden;
}
.post-nav-thumb img{
  width:100%;
  height:100%;
  min-height:116px;
  object-fit:cover;
}
.post-nav-copy{
  min-width:0;
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:7px;
  padding:15px 16px;
}
.post-nav-label{
  color:#15803d;
  font-size:11px;
  font-weight:900;
  letter-spacing:.05em;
  text-transform:uppercase;
}
.post-nav-card strong{
  color:#fff;
  font-size:15px;
  line-height:1.35;
  overflow-wrap:anywhere;
}
@media(max-width:760px){
  .post-nav.post-nav-cards{grid-template-columns:1fr;gap:14px}
  .post-nav-card{grid-template-columns:120px minmax(0,1fr)}
  .post-nav-thumb,.post-nav-thumb img{min-height:96px}
}
@media(max-width:420px){
  .post-nav-card{grid-template-columns:105px minmax(0,1fr)}
  .post-nav-copy{padding:12px}
  .post-nav-card strong{font-size:14px}
}

.author-box{display:flex;gap:26px;align-items:flex-start;padding:26px;margin:28px 0;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}
.author-avatar{width:144px;min-width:144px;display:flex;align-items:flex-start;justify-content:center;align-self:flex-start}
.author-avatar img{width:128px;height:128px;border-radius:50%;object-fit:cover;border:2px solid var(--line-2)}
.author-content{min-width:0;flex:1}
.author-content h3{margin:0 0 8px;color:var(--accent);font-size:18px;text-transform:uppercase;font-weight:900}
.author-content h4{margin:0 0 10px;font-size:21px;color:var(--text)}
.author-content p{margin:0;color:var(--muted);line-height:1.7}
.author-social-area{margin-top:16px}
.author-socials{display:flex;flex-wrap:wrap;gap:10px}
.author-socials a{padding:7px 14px;background:var(--surface-2);border:1px solid var(--line);border-radius:20px;color:var(--accent);font-weight:700;font-size:14px}
.author-socials a:hover{border-color:var(--accent)}
@media(max-width:600px){.author-box{flex-direction:column;align-items:center}.author-avatar{width:100%;min-width:0;min-height:0;align-items:flex-start}.author-avatar img{width:112px;height:112px}.author-content{width:100%;text-align:center}.author-socials{justify-content:center}}

/* Category archive title: label and category name on one line */
.archive-title-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;}
.archive-title-row .eyebrow{font-size:28px!important;line-height:1.18;text-transform:none;letter-spacing:0;}
.archive-title-row .eyebrow::before{width:8px;height:8px;border-radius:2px;}
.archive-title-row h1{font-size:28px!important;line-height:1.18;margin:0!important;}
@media(max-width:620px){
  .archive-title-row{gap:8px;}
  .archive-title-row .eyebrow,.archive-title-row h1{font-size:22px!important;}
}

/* v1.4.2: lime accents for breadcrumb and sidebar headings */
.breadcrumbs,
.breadcrumbs a,
.breadcrumbs span {
  color: var(--accent);
}
.breadcrumbs a:hover {
  color: #8cff9f;
}
.sidebar .widget-title {
  color: var(--accent);
}


/* v1.4.4: category names begin with a capital letter and archive title stays on one baseline */
.kicker,.eyebrow{
  text-transform:none !important;
}
.sidebar .cat-item > a{
  display:inline-block;
}
.archive-title-row{
  align-items:baseline !important;
  flex-wrap:nowrap !important;
}
.archive-title-row .eyebrow,
.archive-title-row h1{
  display:inline-flex;
  align-items:baseline;
  margin:0 !important;
  padding:0 !important;
  line-height:1.15 !important;
}
.archive-title-row .eyebrow::before{
  align-self:center;
}
@media(max-width:620px){
  .archive-title-row{flex-wrap:wrap !important;}
}

/* v1.4.8: publication date, spacing, and post author use one typography */
.post-meta-line{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  column-gap:14px;
  row-gap:4px;
  font-family:inherit;
  font-size:13px;
  font-weight:400;
  line-height:1.4;
  color:var(--muted);
}
.post-meta-line > time,
.post-meta-line > span,
.post-meta-line .post-author,
.post-meta-line .post-author a{
  margin:0;
  padding:0;
  font-family:inherit;
  font-size:inherit;
  font-weight:inherit;
  line-height:inherit;
  color:inherit;
  text-transform:none;
  letter-spacing:normal;
}
.post-meta-line .post-author a:hover{
  color:var(--accent);
}
/* No punctuation between publication date and author. */
.post-meta-line > time + .post-author::before,
.post-meta-line > span:first-child + .post-author::before{
  content:none !important;
}


/* v1.4.9: exact date → small gap → author layout on home and category cards */
.post-meta-line{
  display:flex !important;
  align-items:center !important;
  flex-wrap:wrap !important;
  gap:0 !important;
  font-family:inherit !important;
  font-size:13px !important;
  font-weight:400 !important;
  line-height:1.4 !important;
  color:var(--muted) !important;
}
.post-meta-line > time,
.post-meta-line > .post-author,
.post-meta-line > .post-author a{
  display:inline !important;
  margin:0 !important;
  padding:0 !important;
  font:inherit !important;
  line-height:inherit !important;
  color:inherit !important;
  text-transform:none !important;
  letter-spacing:normal !important;
  text-decoration:none !important;
}
.post-meta-line > time + .post-author{
  margin-left:12px !important;
}
.post-meta-line > time + .post-author::before,
.post-meta-line > span:first-child + .post-author::before{
  content:none !important;
  display:none !important;
}
.post-meta-line .meta-sep{display:none !important;}
.post-meta-line .post-author a:hover{color:var(--accent,#15803d) !important;}


/* v1.5.4 — centered responsive banner after the “Hardware” section */
.home-ad-banner-wrap {
  width: 100%;
  display: flex;
  justify-content: center;
  box-sizing: border-box;
  margin: 34px auto 42px;
  padding: 0 16px;
  overflow: hidden;
}

.home-ad-banner {
  width: min(970px, 100%);
  min-height: 180px;
  aspect-ratio: 970 / 225;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 24px;
  text-align: center;
  border: 1px solid var(--border, #263248);
  border-radius: 14px;
  background:
    linear-gradient(135deg, rgba(255,159,28,.08), rgba(124,92,255,.10)),
    var(--card, #111827);
  color: var(--text, #fff);
  overflow: hidden;
}

.home-ad-banner strong {
  display: block;
  max-width: 100%;
  font-size: clamp(20px, 3vw, 34px);
  line-height: 1.2;
  overflow-wrap: anywhere;
}

.home-ad-label {
  color: var(--accent, #15803d);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .12em;
  text-transform: uppercase;
}

@media (max-width: 600px) {
  .home-ad-banner-wrap {
    margin: 24px auto 30px;
    padding: 0 12px;
  }

  .home-ad-banner {
    width: 100%;
    min-height: 120px;
    aspect-ratio: auto;
    padding: 20px 16px;
    border-radius: 12px;
  }

  .home-ad-banner strong {
    font-size: 22px;
  }
}


/* v1.5.8 — Editors Choice before footer */
.editors-choice { margin-top: 42px; margin-bottom: 46px; }
.editors-choice-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; }
.editors-choice-card { min-width:0; overflow:hidden; border:1px solid var(--border,#263248); border-radius:16px; background:var(--card,#111827); transition:transform .2s ease,border-color .2s ease; }
.editors-choice-card:hover { transform:translateY(-3px); border-color:var(--accent,#15803d); }
.editors-choice-thumb { position:relative; display:block; aspect-ratio:16/9; overflow:hidden; }
.editors-choice-thumb img,.editors-choice-thumb .image-placeholder { width:100%; height:100%; display:block; object-fit:cover; transition:transform .35s ease; }
.editors-choice-card:hover .editors-choice-thumb img { transform:scale(1.035); }
.editors-choice-shade { position:absolute; inset:0; background:linear-gradient(to top,rgba(4,10,20,.36),transparent 65%); pointer-events:none; }
.editors-choice-body { padding:18px 18px 20px; }
.editors-choice-label { display:inline-flex; align-items:center; margin-bottom:10px; color:var(--accent,#15803d); font-size:12px; font-weight:800; letter-spacing:.06em; text-transform:uppercase; }
.editors-choice-label::before { content:''; width:7px; height:7px; margin-right:7px; border-radius:2px; background:var(--accent,#15803d); }
.editors-choice-body h3 { margin:0 0 14px; font-size:clamp(18px,1.7vw,24px); line-height:1.2; }
.editors-choice-body h3 a { color:var(--text,#fff); text-decoration:none; }
.editors-choice-body h3 a:hover { color:var(--accent,#15803d); }
@media (max-width:900px){ .editors-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr));} }
@media (max-width:620px){ .editors-choice{margin-top:30px;margin-bottom:34px;} .editors-choice-grid{grid-template-columns:1fr;gap:16px;} .editors-choice-body{padding:16px;} }


/* v1.6.1 — header socials, menu spacing, and card meta like reference */
@media (min-width: 981px){
  .brand{flex:0 0 auto;}
  .main-nav{margin-left:42px !important;}
}
.header-tools{
  margin-left:auto;
  display:flex;
  align-items:center;
  gap:12px;
}
.header-socials{
  display:flex;
  align-items:center;
  gap:10px;
}
.header-social-link{
  width:34px;
  height:34px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.03);
  color:#eeeeef;
  font-size:12px;
  font-weight:800;
  line-height:1;
  text-decoration:none;
}
.header-social-link:hover{
  color:#15803d;
  border-color:rgba(255,159,28,.45);
  background:rgba(255,159,28,.08);
}
@media (max-width: 980px){
  .header-socials{display:none;}
}
.card-date-line{
  display:flex;
  align-items:center;
  gap:8px;
  margin:6px 0 8px;
  font-size:12px;
  line-height:1.2;
  color:#e2e2e4;
}
.post-card-body .card-date-line,
.archive-card .card-date-line{color:var(--muted);}
.post-meta-line{
  display:flex !important;
  align-items:center !important;
  flex-wrap:wrap !important;
  gap:14px !important;
  margin-top:10px;
  font-size:12px !important;
  line-height:1.3 !important;
  color:#e2e2e4 !important;
}
.post-card-body .post-meta-line,
.archive-card .post-meta-line{color:var(--muted) !important;}
.post-meta-line .meta-item,
.post-meta-line .meta-author,
.post-meta-line .meta-author a{
  display:inline-flex !important;
  align-items:center !important;
  gap:6px;
  color:inherit !important;
  font:inherit !important;
  text-decoration:none !important;
}
.post-meta-line .meta-author .meta-label{
  opacity:.95;
}
.post-meta-line .meta-author a:hover{color:var(--accent) !important;}
.card-meta-icon{
  position:relative;
  width:14px;
  height:14px;
  display:inline-block;
  flex:0 0 14px;
  opacity:.95;
}
.card-meta-icon::before,
.card-meta-icon::after{
  content:'';
  position:absolute;
  box-sizing:border-box;
}
.meta-calendar::before{
  inset:2px 1px 1px 1px;
  border:1.6px solid currentColor;
  border-radius:3px;
}
.meta-calendar::after{
  left:3px; right:3px; top:0px; height:3px;
  border-top:2px solid currentColor;
}
.meta-user::before{
  width:5px; height:5px; border:1.6px solid currentColor; border-radius:50%; left:4px; top:1px;
}
.meta-user::after{
  width:10px; height:6px; border:1.6px solid currentColor; border-top-left-radius:8px; border-top-right-radius:8px; border-bottom:0; left:2px; bottom:1px;
}
.meta-comments-icon::before{
  left:1px; top:2px; width:12px; height:8px; border:1.6px solid currentColor; border-radius:4px;
}
.meta-comments-icon::after{
  left:4px; bottom:0px; width:4px; height:4px; border-left:1.6px solid currentColor; border-bottom:1.6px solid currentColor; transform:skew(-18deg);
}
.meta-clock::before{
  inset:1px; border:1.6px solid currentColor; border-radius:50%;
}
.meta-clock::after{
  left:6px; top:3px; width:1.6px; height:5px; background:currentColor; box-shadow:2px 2px 0 0 currentColor; transform-origin:bottom center;
}
.hero-copy .post-meta-line{margin-top:8px;}
.hero-copy .card-date-line{margin:6px 0 8px;}
.hero-copy h2{margin-top:0;}
@media (max-width: 620px){
  .post-meta-line{gap:10px !important;font-size:11px !important;}
  .card-date-line{font-size:11px;}
}


/* v1.6.2 — lime icons in the theme accent color */
.header-social-link{
  color:var(--accent,#15803d) !important;
  border-color:rgba(255,159,28,.28) !important;
}
.header-social-link:hover{
  color:var(--accent,#15803d) !important;
  border-color:var(--accent,#15803d) !important;
  background:rgba(255,159,28,.10) !important;
}
.card-meta-icon{
  color:var(--accent,#15803d) !important;
  opacity:1 !important;
}
.search-toggle{
  color:var(--accent,#15803d) !important;
  border-color:rgba(255,159,28,.22) !important;
}
.search-toggle:hover{
  border-color:var(--accent,#15803d) !important;
  background:rgba(255,159,28,.08) !important;
}


/* v1.6.3 — one-line card metadata below article title */
.card-date-line{display:none !important;}
.post-meta-line{
  display:flex !important;
  align-items:center !important;
  flex-wrap:nowrap !important;
  gap:12px !important;
  width:100% !important;
  margin-top:9px !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  font-size:11px !important;
  line-height:1.25 !important;
}
.post-meta-line .meta-item,
.post-meta-line .meta-date,
.post-meta-line .meta-author,
.post-meta-line .meta-comments,
.post-meta-line .meta-reading{
  display:inline-flex !important;
  align-items:center !important;
  gap:5px !important;
  min-width:0 !important;
  flex:0 0 auto !important;
  color:inherit !important;
  font:inherit !important;
  line-height:inherit !important;
}
.post-meta-line .meta-author a{
  display:inline-block !important;
  min-width:0 !important;
  max-width:105px !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
}
.post-meta-line .card-meta-icon{
  width:13px !important;
  height:13px !important;
  flex:0 0 13px !important;
  color:var(--accent,#15803d) !important;
}
.hero-copy .post-meta-line{
  margin-top:8px !important;
  font-size:11px !important;
  gap:14px !important;
}
.hero-copy .post-meta-line .meta-author a{max-width:130px !important;}
@media(max-width:620px){
  .post-meta-line{
    gap:8px !important;
    font-size:10px !important;
  }
  .post-meta-line .card-meta-icon{
    width:12px !important;
    height:12px !important;
    flex-basis:12px !important;
  }
  .post-meta-line .meta-author a{max-width:82px !important;}
}


/* v1.6.4 — clear spacing between the four metadata items */
.post-meta-line{
  gap:18px !important;
}
.post-meta-line .meta-item{
  margin:0 !important;
}
.hero-copy .post-meta-line{
  gap:18px !important;
}
@media(max-width:980px){
  .post-meta-line{gap:14px !important;}
  .hero-copy .post-meta-line{gap:14px !important;}
}
@media(max-width:620px){
  .post-meta-line{gap:10px !important;}
  .hero-copy .post-meta-line{gap:10px !important;}
}


/* v1.6.5 — exact four-part metadata row under the title */
.card-date-line{display:none !important;}
.post-meta-line{
  display:flex !important;
  flex-direction:row !important;
  align-items:center !important;
  justify-content:flex-start !important;
  flex-wrap:nowrap !important;
  column-gap:16px !important;
  row-gap:0 !important;
  width:100% !important;
  max-width:100% !important;
  margin:10px 0 0 !important;
  padding:0 !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  font-size:10px !important;
  line-height:1.2 !important;
}
.post-meta-line > .meta-item{
  display:inline-flex !important;
  flex:0 0 auto !important;
  align-items:center !important;
  gap:5px !important;
  min-width:0 !important;
  margin:0 !important;
  padding:0 !important;
  white-space:nowrap !important;
}
.post-meta-line > .meta-date{order:1 !important;}
.post-meta-line > .meta-author{order:2 !important;}
.post-meta-line > .meta-comments{order:3 !important;}
.post-meta-line > .meta-reading{order:4 !important;}
.post-meta-line .card-meta-icon{
  width:12px !important;
  height:12px !important;
  flex:0 0 12px !important;
}
.post-meta-line .meta-author a{
  max-width:92px !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
}
.hero-copy .post-meta-line{
  column-gap:18px !important;
  font-size:10px !important;
}
.hero-copy .post-meta-line .meta-author a{max-width:120px !important;}
@media(max-width:980px){
  .post-meta-line{column-gap:12px !important;font-size:9.5px !important;}
  .post-meta-line .meta-author a{max-width:78px !important;}
}
@media(max-width:620px){
  .post-meta-line{column-gap:9px !important;font-size:9px !important;}
  .post-meta-line .card-meta-icon{width:11px !important;height:11px !important;flex-basis:11px !important;}
  .post-meta-line .meta-author a{max-width:68px !important;}
}


/* v1.6.6 — metadata exactly like the reference: one lime row under title */
.card-date-line{display:none !important;}
.post-meta-line{
  display:flex !important;
  flex-direction:row !important;
  align-items:center !important;
  justify-content:flex-start !important;
  flex-wrap:nowrap !important;
  gap:0 !important;
  width:100% !important;
  max-width:100% !important;
  margin:9px 0 0 !important;
  padding:0 !important;
  white-space:nowrap !important;
  overflow:visible !important;
  color:var(--accent,#15803d) !important;
  font-family:Arial,Helvetica,sans-serif !important;
  font-size:10px !important;
  font-weight:500 !important;
  line-height:1.15 !important;
}
.post-meta-line > .meta-item{
  display:inline-flex !important;
  align-items:center !important;
  flex:0 0 auto !important;
  min-width:0 !important;
  margin:0 !important;
  padding:0 !important;
  gap:5px !important;
  color:var(--accent,#15803d) !important;
  font:inherit !important;
  line-height:inherit !important;
  white-space:nowrap !important;
}
.post-meta-line > .meta-item + .meta-item{
  margin-left:16px !important;
}
.post-meta-line .meta-author a{
  display:inline !important;
  max-width:none !important;
  overflow:visible !important;
  text-overflow:clip !important;
  white-space:nowrap !important;
  color:var(--accent,#15803d) !important;
  font:inherit !important;
  text-decoration:none !important;
}
.post-meta-line .meta-author a:hover{
  color:#22a657 !important;
}
.post-meta-line .card-meta-icon{
  width:13px !important;
  height:13px !important;
  flex:0 0 13px !important;
  color:var(--accent,#15803d) !important;
  opacity:1 !important;
}
.hero-copy .post-meta-line{
  margin-top:9px !important;
  font-size:11px !important;
}
.hero-copy .post-meta-line > .meta-item + .meta-item{
  margin-left:20px !important;
}
.post-card-body .post-meta-line{
  font-size:9.5px !important;
}
.post-card-body .post-meta-line > .meta-item + .meta-item{
  margin-left:10px !important;
}
@media(max-width:1080px){
  .post-card-body .post-meta-line{font-size:9px !important;}
  .post-card-body .post-meta-line > .meta-item + .meta-item{margin-left:8px !important;}
  .post-card-body .post-meta-line .card-meta-icon{width:11px !important;height:11px !important;flex-basis:11px !important;}
}
@media(max-width:620px){
  .post-meta-line{
    overflow-x:auto !important;
    scrollbar-width:none;
    -ms-overflow-style:none;
  }
  .post-meta-line::-webkit-scrollbar{display:none;}
  .hero-copy .post-meta-line{font-size:10px !important;}
  .hero-copy .post-meta-line > .meta-item + .meta-item{margin-left:12px !important;}
}


/* v1.6.7 — match reference screenshot: clean, evenly-spaced one-line metadata */
.post-meta-line{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  flex-wrap:nowrap !important;
  width:100% !important;
  max-width:100% !important;
  gap:0 !important;
  margin:10px 0 0 !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  color:var(--accent,#15803d) !important;
}
.post-meta-line > .meta-item{
  display:inline-flex !important;
  align-items:center !important;
  gap:6px !important;
  flex:0 0 auto !important;
  margin:0 !important;
  padding:0 !important;
  color:inherit !important;
  white-space:nowrap !important;
}
.post-meta-line > .meta-item + .meta-item{
  margin-left:18px !important;
}
.post-meta-line .card-meta-icon{
  width:13px !important;
  height:13px !important;
  flex:0 0 13px !important;
  color:var(--accent,#15803d) !important;
}
.post-meta-line .comments-label{display:none !important;}
.hero-1 .post-meta-line{
  font-size:11px !important;
  margin-top:10px !important;
}
.hero-1 .post-meta-line > .meta-item + .meta-item{
  margin-left:22px !important;
}
.hero-1 .post-meta-line .comments-label{display:inline !important;}
.hero-2 .post-meta-line,
.hero-3 .post-meta-line,
.hero-4 .post-meta-line{
  font-size:9.5px !important;
  margin-top:8px !important;
}
.hero-2 .post-meta-line > .meta-item + .meta-item,
.hero-3 .post-meta-line > .meta-item + .meta-item,
.hero-4 .post-meta-line > .meta-item + .meta-item{
  margin-left:10px !important;
}
.hero-2 .post-meta-line .card-meta-icon,
.hero-3 .post-meta-line .card-meta-icon,
.hero-4 .post-meta-line .card-meta-icon{
  width:11px !important;height:11px !important;flex-basis:11px !important;
}
.post-card-body .post-meta-line{
  font-size:9px !important;
  margin-top:10px !important;
}
.post-card-body .post-meta-line > .meta-item + .meta-item{
  margin-left:10px !important;
}
.post-card-body .post-meta-line .card-meta-icon{
  width:11px !important;height:11px !important;flex-basis:11px !important;
}
/* Header socials like the reference: lime glyphs without circular pills */
.header-social-link{
  width:auto !important;
  height:auto !important;
  min-width:20px !important;
  padding:2px !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  color:var(--accent,#15803d) !important;
  font-size:16px !important;
  font-weight:900 !important;
  box-shadow:none !important;
}
.header-social-link:hover{
  color:#22a657 !important;
  background:transparent !important;
  border:0 !important;
}
.header-socials{gap:18px !important;}
@media(max-width:1080px){
  .hero-2 .post-meta-line,.hero-3 .post-meta-line,.hero-4 .post-meta-line{font-size:8.5px !important;}
  .hero-2 .post-meta-line > .meta-item + .meta-item,
  .hero-3 .post-meta-line > .meta-item + .meta-item,
  .hero-4 .post-meta-line > .meta-item + .meta-item{margin-left:8px !important;}
}
@media(max-width:620px){
  .post-meta-line{overflow-x:auto !important;scrollbar-width:none;}
  .post-meta-line::-webkit-scrollbar{display:none;}
  .hero-1 .post-meta-line > .meta-item + .meta-item{margin-left:14px !important;}
}


/* v1.6.8 — large hero meta matches the compact small hero cards */
.hero-1 .post-meta-line{
  font-size:9.5px !important;
  margin-top:8px !important;
}
.hero-1 .post-meta-line > .meta-item + .meta-item{
  margin-left:10px !important;
}
.hero-1 .post-meta-line .card-meta-icon{
  width:11px !important;
  height:11px !important;
  flex-basis:11px !important;
}
.hero-1 .post-meta-line .comments-label{
  display:none !important;
}
.hero-1 .post-meta-line .reading-label{
  font-size:0 !important;
}
.hero-1 .post-meta-line .reading-label::after{
  content:' m';
  font-size:9.5px !important;
}
@media(max-width:1080px){
  .hero-1 .post-meta-line{font-size:8.5px !important;}
  .hero-1 .post-meta-line > .meta-item + .meta-item{margin-left:8px !important;}
  .hero-1 .post-meta-line .reading-label::after{font-size:8.5px !important;}
}


/* v1.6.9 — uniform compact meta row on all article cards */
.card-date-line{display:none !important;}
.hero-1 .post-meta-line,
.hero-2 .post-meta-line,
.hero-3 .post-meta-line,
.hero-4 .post-meta-line,
.post-card-body .post-meta-line,
.archive-card .post-meta-line,
.section-grid .post-meta-line{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  flex-wrap:nowrap !important;
  gap:0 !important;
  margin:8px 0 0 !important;
  padding:0 !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  font-size:9.5px !important;
  line-height:1.15 !important;
  color:var(--accent,#15803d) !important;
  text-shadow:none !important;
}
.hero-1 .post-meta-line > .meta-item,
.hero-2 .post-meta-line > .meta-item,
.hero-3 .post-meta-line > .meta-item,
.hero-4 .post-meta-line > .meta-item,
.post-card-body .post-meta-line > .meta-item,
.archive-card .post-meta-line > .meta-item,
.section-grid .post-meta-line > .meta-item{
  display:inline-flex !important;
  align-items:center !important;
  gap:5px !important;
  flex:0 0 auto !important;
  margin:0 !important;
  padding:0 !important;
  color:inherit !important;
}
.hero-1 .post-meta-line > .meta-item + .meta-item,
.hero-2 .post-meta-line > .meta-item + .meta-item,
.hero-3 .post-meta-line > .meta-item + .meta-item,
.hero-4 .post-meta-line > .meta-item + .meta-item,
.post-card-body .post-meta-line > .meta-item + .meta-item,
.archive-card .post-meta-line > .meta-item + .meta-item,
.section-grid .post-meta-line > .meta-item + .meta-item{
  margin-left:10px !important;
}
.hero-1 .post-meta-line .card-meta-icon,
.hero-2 .post-meta-line .card-meta-icon,
.hero-3 .post-meta-line .card-meta-icon,
.hero-4 .post-meta-line .card-meta-icon,
.post-card-body .post-meta-line .card-meta-icon,
.archive-card .post-meta-line .card-meta-icon,
.section-grid .post-meta-line .card-meta-icon{
  width:11px !important;
  height:11px !important;
  flex:0 0 11px !important;
  color:var(--accent,#15803d) !important;
}
.hero-1 .post-meta-line time,
.hero-2 .post-meta-line time,
.hero-3 .post-meta-line time,
.hero-4 .post-meta-line time,
.post-card-body .post-meta-line time,
.archive-card .post-meta-line time,
.section-grid .post-meta-line time,
.hero-1 .post-meta-line a,
.hero-2 .post-meta-line a,
.hero-3 .post-meta-line a,
.hero-4 .post-meta-line a,
.post-card-body .post-meta-line a,
.archive-card .post-meta-line a,
.section-grid .post-meta-line a,
.hero-1 .post-meta-line .comments-count,
.hero-2 .post-meta-line .comments-count,
.hero-3 .post-meta-line .comments-count,
.hero-4 .post-meta-line .comments-count,
.post-card-body .post-meta-line .comments-count,
.archive-card .post-meta-line .comments-count,
.section-grid .post-meta-line .comments-count,
.hero-1 .post-meta-line .reading-count,
.hero-2 .post-meta-line .reading-count,
.hero-3 .post-meta-line .reading-count,
.hero-4 .post-meta-line .reading-count,
.post-card-body .post-meta-line .reading-count,
.archive-card .post-meta-line .reading-count,
.section-grid .post-meta-line .reading-count{
  color:inherit !important;
  font-size:inherit !important;
  line-height:inherit !important;
}
.hero-1 .post-meta-line .meta-author a,
.hero-2 .post-meta-line .meta-author a,
.hero-3 .post-meta-line .meta-author a,
.hero-4 .post-meta-line .meta-author a,
.post-card-body .post-meta-line .meta-author a,
.archive-card .post-meta-line .meta-author a,
.section-grid .post-meta-line .meta-author a{
  max-width:none !important;
  overflow:visible !important;
  text-overflow:clip !important;
  white-space:nowrap !important;
}
.post-meta-line .comments-label{display:none !important;}
.post-meta-line .reading-label{font-size:0 !important;}
.post-meta-line .reading-label::after{content:' m'; font-size:9.5px !important;}
@media (max-width: 1100px){
  .hero-1 .post-meta-line,
  .hero-2 .post-meta-line,
  .hero-3 .post-meta-line,
  .hero-4 .post-meta-line,
  .post-card-body .post-meta-line,
  .archive-card .post-meta-line,
  .section-grid .post-meta-line{font-size:8.8px !important;}
  .hero-1 .post-meta-line > .meta-item + .meta-item,
  .hero-2 .post-meta-line > .meta-item + .meta-item,
  .hero-3 .post-meta-line > .meta-item + .meta-item,
  .hero-4 .post-meta-line > .meta-item + .meta-item,
  .post-card-body .post-meta-line > .meta-item + .meta-item,
  .archive-card .post-meta-line > .meta-item + .meta-item,
  .section-grid .post-meta-line > .meta-item + .meta-item{margin-left:8px !important;}
}
@media (max-width: 640px){
  .hero-1 .post-meta-line,
  .hero-2 .post-meta-line,
  .hero-3 .post-meta-line,
  .hero-4 .post-meta-line,
  .post-card-body .post-meta-line,
  .archive-card .post-meta-line,
  .section-grid .post-meta-line{overflow-x:auto !important; scrollbar-width:none;}
  .hero-1 .post-meta-line::-webkit-scrollbar,
  .hero-2 .post-meta-line::-webkit-scrollbar,
  .hero-3 .post-meta-line::-webkit-scrollbar,
  .hero-4 .post-meta-line::-webkit-scrollbar,
  .post-card-body .post-meta-line::-webkit-scrollbar,
  .archive-card .post-meta-line::-webkit-scrollbar,
  .section-grid .post-meta-line::-webkit-scrollbar{display:none;}
}


/* v1.7.0 — exact shared metadata style from the reference card */
.hero .post-meta-line,
.post-card .post-meta-line,
.archive-card .post-meta-line,
.list-post .post-meta-line{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  flex-wrap:nowrap !important;
  gap:14px !important;
  width:100% !important;
  margin:10px 0 0 !important;
  padding:0 !important;
  overflow:hidden !important;
  white-space:nowrap !important;
  font-size:11px !important;
  font-weight:400 !important;
  line-height:1.25 !important;
  color:#9fb0c6 !important;
}
.hero .post-meta-line > .meta-item,
.post-card .post-meta-line > .meta-item,
.archive-card .post-meta-line > .meta-item,
.list-post .post-meta-line > .meta-item{
  display:inline-flex !important;
  align-items:center !important;
  gap:5px !important;
  flex:0 0 auto !important;
  margin:0 !important;
  padding:0 !important;
  color:#9fb0c6 !important;
  font:inherit !important;
  white-space:nowrap !important;
}
.hero .post-meta-line > .meta-item + .meta-item,
.post-card .post-meta-line > .meta-item + .meta-item,
.archive-card .post-meta-line > .meta-item + .meta-item,
.list-post .post-meta-line > .meta-item + .meta-item{
  margin-left:0 !important;
}
.hero .post-meta-line .card-meta-icon,
.post-card .post-meta-line .card-meta-icon,
.archive-card .post-meta-line .card-meta-icon,
.list-post .post-meta-line .card-meta-icon{
  width:13px !important;
  height:13px !important;
  flex:0 0 13px !important;
  color:var(--accent,#15803d) !important;
}
.hero .post-meta-line time,
.post-card .post-meta-line time,
.archive-card .post-meta-line time,
.list-post .post-meta-line time,
.hero .post-meta-line .comments-count,
.post-card .post-meta-line .comments-count,
.archive-card .post-meta-line .comments-count,
.list-post .post-meta-line .comments-count,
.hero .post-meta-line .reading-count,
.post-card .post-meta-line .reading-count,
.archive-card .post-meta-line .reading-count,
.list-post .post-meta-line .reading-count,
.hero .post-meta-line .reading-label,
.post-card .post-meta-line .reading-label,
.archive-card .post-meta-line .reading-label,
.list-post .post-meta-line .reading-label{
  color:#9fb0c6 !important;
  font-size:inherit !important;
  line-height:inherit !important;
}
.hero .post-meta-line .meta-author a,
.post-card .post-meta-line .meta-author a,
.archive-card .post-meta-line .meta-author a,
.list-post .post-meta-line .meta-author a{
  color:var(--accent,#15803d) !important;
  font-size:inherit !important;
  font-weight:500 !important;
  max-width:none !important;
  overflow:visible !important;
  text-overflow:clip !important;
  white-space:nowrap !important;
}
.post-meta-line .comments-label{display:none !important;}
.post-meta-line .reading-label{
  display:inline !important;
  font-size:inherit !important;
}
.post-meta-line .reading-label::after{content:none !important;display:none !important;}
/* same appearance for large hero and small cards — no special hero sizing */
.hero-1 .post-meta-line,
.hero-2 .post-meta-line,
.hero-3 .post-meta-line,
.hero-4 .post-meta-line,
.post-card-body .post-meta-line{
  font-size:11px !important;
  gap:14px !important;
}
.hero-1 .post-meta-line .card-meta-icon,
.hero-2 .post-meta-line .card-meta-icon,
.hero-3 .post-meta-line .card-meta-icon,
.hero-4 .post-meta-line .card-meta-icon,
.post-card-body .post-meta-line .card-meta-icon{
  width:13px !important;
  height:13px !important;
  flex-basis:13px !important;
}
@media(max-width:1180px){
  .hero .post-meta-line,
  .post-card .post-meta-line,
  .archive-card .post-meta-line,
  .list-post .post-meta-line,
  .hero-1 .post-meta-line,
  .hero-2 .post-meta-line,
  .hero-3 .post-meta-line,
  .hero-4 .post-meta-line,
  .post-card-body .post-meta-line{
    font-size:10px !important;
    gap:10px !important;
  }
  .hero .post-meta-line .card-meta-icon,
  .post-card .post-meta-line .card-meta-icon,
  .archive-card .post-meta-line .card-meta-icon,
  .list-post .post-meta-line .card-meta-icon,
  .hero-1 .post-meta-line .card-meta-icon,
  .hero-2 .post-meta-line .card-meta-icon,
  .hero-3 .post-meta-line .card-meta-icon,
  .hero-4 .post-meta-line .card-meta-icon,
  .post-card-body .post-meta-line .card-meta-icon{
    width:12px !important;
    height:12px !important;
    flex-basis:12px !important;
  }
}
@media(max-width:620px){
  .hero .post-meta-line,
  .post-card .post-meta-line,
  .archive-card .post-meta-line,
  .list-post .post-meta-line{
    overflow-x:auto !important;
    scrollbar-width:none;
  }
  .hero .post-meta-line::-webkit-scrollbar,
  .post-card .post-meta-line::-webkit-scrollbar,
  .archive-card .post-meta-line::-webkit-scrollbar,
  .list-post .post-meta-line::-webkit-scrollbar{display:none;}
}


/* v1.7.1 — tighten metadata spacing */
.hero .post-meta-line,
.post-card .post-meta-line,
.archive-card .post-meta-line,
.list-post .post-meta-line,
.hero-1 .post-meta-line,
.hero-2 .post-meta-line,
.hero-3 .post-meta-line,
.hero-4 .post-meta-line,
.post-card-body .post-meta-line{
  gap:9px !important;
}
.hero .post-meta-line > .meta-item,
.post-card .post-meta-line > .meta-item,
.archive-card .post-meta-line > .meta-item,
.list-post .post-meta-line > .meta-item,
.hero-1 .post-meta-line > .meta-item,
.hero-2 .post-meta-line > .meta-item,
.hero-3 .post-meta-line > .meta-item,
.hero-4 .post-meta-line > .meta-item,
.post-card-body .post-meta-line > .meta-item{
  gap:4px !important;
}
@media(max-width:1180px){
  .hero .post-meta-line,
  .post-card .post-meta-line,
  .archive-card .post-meta-line,
  .list-post .post-meta-line,
  .hero-1 .post-meta-line,
  .hero-2 .post-meta-line,
  .hero-3 .post-meta-line,
  .hero-4 .post-meta-line,
  .post-card-body .post-meta-line{gap:7px !important;}
  .hero .post-meta-line > .meta-item,
  .post-card .post-meta-line > .meta-item,
  .archive-card .post-meta-line > .meta-item,
  .list-post .post-meta-line > .meta-item,
  .hero-1 .post-meta-line > .meta-item,
  .hero-2 .post-meta-line > .meta-item,
  .hero-3 .post-meta-line > .meta-item,
  .hero-4 .post-meta-line > .meta-item,
  .post-card-body .post-meta-line > .meta-item{gap:3px !important;}
}


/* v1.7.2 — clear spacing and perfectly aligned single-line metadata */
.hero .post-meta-line,
.post-card .post-meta-line,
.archive-card .post-meta-line,
.list-post .post-meta-line,
.hero-1 .post-meta-line,
.hero-2 .post-meta-line,
.hero-3 .post-meta-line,
.hero-4 .post-meta-line,
.post-card-body .post-meta-line{
  display:flex !important;
  align-items:center !important;
  flex-wrap:nowrap !important;
  column-gap:12px !important;
  row-gap:0 !important;
  white-space:nowrap !important;
  line-height:14px !important;
  min-height:14px !important;
}
.hero .post-meta-line > .meta-item,
.post-card .post-meta-line > .meta-item,
.archive-card .post-meta-line > .meta-item,
.list-post .post-meta-line > .meta-item,
.hero-1 .post-meta-line > .meta-item,
.hero-2 .post-meta-line > .meta-item,
.hero-3 .post-meta-line > .meta-item,
.hero-4 .post-meta-line > .meta-item,
.post-card-body .post-meta-line > .meta-item{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:5px !important;
  margin:0 !important;
  padding:0 !important;
  line-height:14px !important;
  height:14px !important;
  vertical-align:middle !important;
}
.hero .post-meta-line .card-meta-icon,
.post-card .post-meta-line .card-meta-icon,
.archive-card .post-meta-line .card-meta-icon,
.list-post .post-meta-line .card-meta-icon,
.hero-1 .post-meta-line .card-meta-icon,
.hero-2 .post-meta-line .card-meta-icon,
.hero-3 .post-meta-line .card-meta-icon,
.hero-4 .post-meta-line .card-meta-icon,
.post-card-body .post-meta-line .card-meta-icon{
  width:12px !important;
  height:12px !important;
  min-width:12px !important;
  flex:0 0 12px !important;
  margin:0 !important;
  padding:0 !important;
  position:relative !important;
  top:0 !important;
  transform:none !important;
  align-self:center !important;
}
.hero .post-meta-line time,
.post-card .post-meta-line time,
.archive-card .post-meta-line time,
.list-post .post-meta-line time,
.hero .post-meta-line a,
.post-card .post-meta-line a,
.archive-card .post-meta-line a,
.list-post .post-meta-line a,
.hero .post-meta-line .comments-count,
.post-card .post-meta-line .comments-count,
.archive-card .post-meta-line .comments-count,
.list-post .post-meta-line .comments-count,
.hero .post-meta-line .reading-count,
.post-card .post-meta-line .reading-count,
.archive-card .post-meta-line .reading-count,
.list-post .post-meta-line .reading-count,
.hero .post-meta-line .reading-label,
.post-card .post-meta-line .reading-label,
.archive-card .post-meta-line .reading-label,
.list-post .post-meta-line .reading-label{
  display:inline-block !important;
  margin:0 !important;
  padding:0 !important;
  line-height:14px !important;
  vertical-align:middle !important;
}
@media(max-width:1180px){
  .hero .post-meta-line,
  .post-card .post-meta-line,
  .archive-card .post-meta-line,
  .list-post .post-meta-line,
  .hero-1 .post-meta-line,
  .hero-2 .post-meta-line,
  .hero-3 .post-meta-line,
  .hero-4 .post-meta-line,
  .post-card-body .post-meta-line{column-gap:10px !important;}
}


/* v1.7.3 — exact compact metadata style from the approved reference */
.card-date-line{display:none !important;}
.hero .post-meta-line,
.post-card .post-meta-line,
.archive-card .post-meta-line,
.list-post .post-meta-line,
.hero-1 .post-meta-line,
.hero-2 .post-meta-line,
.hero-3 .post-meta-line,
.hero-4 .post-meta-line,
.post-card-body .post-meta-line{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  flex-wrap:nowrap !important;
  width:100% !important;
  max-width:100% !important;
  gap:8px !important;
  margin:8px 0 0 !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  overflow:hidden !important;
  white-space:nowrap !important;
  font-size:8.5px !important;
  font-weight:400 !important;
  line-height:12px !important;
  min-height:12px !important;
  color:#9fb0c6 !important;
}
.hero .post-meta-line > .meta-item,
.post-card .post-meta-line > .meta-item,
.archive-card .post-meta-line > .meta-item,
.list-post .post-meta-line > .meta-item,
.hero-1 .post-meta-line > .meta-item,
.hero-2 .post-meta-line > .meta-item,
.hero-3 .post-meta-line > .meta-item,
.hero-4 .post-meta-line > .meta-item,
.post-card-body .post-meta-line > .meta-item{
  display:inline-flex !important;
  align-items:center !important;
  flex:0 0 auto !important;
  gap:3px !important;
  height:12px !important;
  margin:0 !important;
  padding:0 !important;
  white-space:nowrap !important;
  line-height:12px !important;
  color:#9fb0c6 !important;
}
.hero .post-meta-line .card-meta-icon,
.post-card .post-meta-line .card-meta-icon,
.archive-card .post-meta-line .card-meta-icon,
.list-post .post-meta-line .card-meta-icon,
.hero-1 .post-meta-line .card-meta-icon,
.hero-2 .post-meta-line .card-meta-icon,
.hero-3 .post-meta-line .card-meta-icon,
.hero-4 .post-meta-line .card-meta-icon,
.post-card-body .post-meta-line .card-meta-icon{
  width:10px !important;
  height:10px !important;
  min-width:10px !important;
  flex:0 0 10px !important;
  margin:0 !important;
  padding:0 !important;
  color:var(--accent,#15803d) !important;
  align-self:center !important;
  top:0 !important;
  transform:none !important;
}
.hero .post-meta-line time,
.post-card .post-meta-line time,
.archive-card .post-meta-line time,
.list-post .post-meta-line time,
.hero .post-meta-line .comments-count,
.post-card .post-meta-line .comments-count,
.archive-card .post-meta-line .comments-count,
.list-post .post-meta-line .comments-count,
.hero .post-meta-line .reading-count,
.post-card .post-meta-line .reading-count,
.archive-card .post-meta-line .reading-count,
.list-post .post-meta-line .reading-count,
.hero .post-meta-line .reading-label,
.post-card .post-meta-line .reading-label,
.archive-card .post-meta-line .reading-label,
.list-post .post-meta-line .reading-label{
  display:inline !important;
  margin:0 !important;
  padding:0 !important;
  color:#9fb0c6 !important;
  font:inherit !important;
  line-height:12px !important;
}
.hero .post-meta-line .meta-author a,
.post-card .post-meta-line .meta-author a,
.archive-card .post-meta-line .meta-author a,
.list-post .post-meta-line .meta-author a,
.hero-1 .post-meta-line .meta-author a,
.hero-2 .post-meta-line .meta-author a,
.hero-3 .post-meta-line .meta-author a,
.hero-4 .post-meta-line .meta-author a,
.post-card-body .post-meta-line .meta-author a{
  display:inline !important;
  margin:0 !important;
  padding:0 !important;
  color:var(--accent,#15803d) !important;
  font:inherit !important;
  font-weight:500 !important;
  line-height:12px !important;
  max-width:none !important;
  overflow:visible !important;
  text-overflow:clip !important;
  white-space:nowrap !important;
}
.post-meta-line .comments-label{display:none !important;}
.post-meta-line .reading-label{font-size:inherit !important;}
.post-meta-line .reading-label::after{content:none !important;display:none !important;}
/* ensure even the narrow hero cards fit the complete row */
.hero-2 .post-meta-line,
.hero-3 .post-meta-line,
.hero-4 .post-meta-line{
  font-size:8px !important;
  gap:6px !important;
}
.hero-2 .post-meta-line > .meta-item,
.hero-3 .post-meta-line > .meta-item,
.hero-4 .post-meta-line > .meta-item{
  gap:2px !important;
}
.hero-2 .post-meta-line .card-meta-icon,
.hero-3 .post-meta-line .card-meta-icon,
.hero-4 .post-meta-line .card-meta-icon{
  width:9px !important;
  height:9px !important;
  min-width:9px !important;
  flex-basis:9px !important;
}
@media(max-width:1180px){
  .hero .post-meta-line,
  .post-card .post-meta-line,
  .archive-card .post-meta-line,
  .list-post .post-meta-line,
  .post-card-body .post-meta-line{font-size:8px !important;gap:6px !important;}
  .hero .post-meta-line > .meta-item,
  .post-card .post-meta-line > .meta-item,
  .archive-card .post-meta-line > .meta-item,
  .list-post .post-meta-line > .meta-item,
  .post-card-body .post-meta-line > .meta-item{gap:2px !important;}
}


/* v1.7.4 — FINAL unified metadata row, matching the approved compact reference */
.hero .post-meta-line,
.post-card .post-meta-line,
.post-card-body .post-meta-line,
.archive-card .post-meta-line,
.list-post .post-meta-line,
.hero-1 .post-meta-line,
.hero-2 .post-meta-line,
.hero-3 .post-meta-line,
.hero-4 .post-meta-line{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  flex-wrap:nowrap !important;
  width:auto !important;
  max-width:100% !important;
  margin:9px 0 0 !important;
  padding:0 !important;
  gap:12px !important;
  font-family:Arial,Helvetica,sans-serif !important;
  font-size:10px !important;
  font-weight:400 !important;
  line-height:1 !important;
  white-space:nowrap !important;
  color:#c1c1c7 !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  overflow:visible !important;
}
.hero .post-meta-line > .meta-item,
.post-card .post-meta-line > .meta-item,
.post-card-body .post-meta-line > .meta-item,
.archive-card .post-meta-line > .meta-item,
.list-post .post-meta-line > .meta-item,
.hero-1 .post-meta-line > .meta-item,
.hero-2 .post-meta-line > .meta-item,
.hero-3 .post-meta-line > .meta-item,
.hero-4 .post-meta-line > .meta-item{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  flex:0 0 auto !important;
  gap:4px !important;
  margin:0 !important;
  padding:0 !important;
  min-width:0 !important;
  line-height:1 !important;
  white-space:nowrap !important;
  color:#c1c1c7 !important;
}
.hero .post-meta-line > .meta-item + .meta-item,
.post-card .post-meta-line > .meta-item + .meta-item,
.post-card-body .post-meta-line > .meta-item + .meta-item,
.archive-card .post-meta-line > .meta-item + .meta-item,
.list-post .post-meta-line > .meta-item + .meta-item,
.hero-1 .post-meta-line > .meta-item + .meta-item,
.hero-2 .post-meta-line > .meta-item + .meta-item,
.hero-3 .post-meta-line > .meta-item + .meta-item,
.hero-4 .post-meta-line > .meta-item + .meta-item{
  margin-left:0 !important;
}
.post-meta-line .card-meta-icon{
  width:12px !important;
  height:12px !important;
  flex:0 0 12px !important;
  margin:0 !important;
  color:var(--accent,#15803d) !important;
  vertical-align:middle !important;
}
.post-meta-line time,
.post-meta-line .comments-count,
.post-meta-line .reading-count,
.post-meta-line .reading-label{
  display:inline !important;
  margin:0 !important;
  padding:0 !important;
  font:inherit !important;
  line-height:1 !important;
  color:#c1c1c7 !important;
  white-space:nowrap !important;
}
.post-meta-line .meta-author a{
  display:inline !important;
  margin:0 !important;
  padding:0 !important;
  max-width:none !important;
  overflow:visible !important;
  text-overflow:clip !important;
  font:inherit !important;
  line-height:1 !important;
  color:var(--accent,#15803d) !important;
  white-space:nowrap !important;
}
.post-meta-line .comments-label{display:none !important;}
.post-meta-line .reading-label{font-size:10px !important;}
.post-meta-line .reading-label::after{content:none !important;display:none !important;}
.card-date-line{display:none !important;}

/* Slightly more breathing room on the large hero, same typography */
.hero-1 .post-meta-line{gap:14px !important;}

/* Keep the same visual style on narrow cards; only tighten horizontal spacing, not the text size */
@media (max-width:1080px){
  .hero .post-meta-line,
  .post-card .post-meta-line,
  .post-card-body .post-meta-line,
  .archive-card .post-meta-line,
  .list-post .post-meta-line,
  .hero-1 .post-meta-line,
  .hero-2 .post-meta-line,
  .hero-3 .post-meta-line,
  .hero-4 .post-meta-line{
    gap:9px !important;
    font-size:10px !important;
  }
}
@media (max-width:620px){
  .hero .post-meta-line,
  .post-card .post-meta-line,
  .post-card-body .post-meta-line,
  .archive-card .post-meta-line,
  .list-post .post-meta-line,
  .hero-1 .post-meta-line,
  .hero-2 .post-meta-line,
  .hero-3 .post-meta-line,
  .hero-4 .post-meta-line{
    gap:8px !important;
    overflow-x:auto !important;
    scrollbar-width:none;
  }
  .post-meta-line::-webkit-scrollbar{display:none;}
}


/* v1.7.5 — exact metadata row: fixed spaces + one baseline on every card */
.card-date-line{display:none !important;}
.post-meta-line,
.hero .post-meta-line,
.hero-1 .post-meta-line,
.hero-2 .post-meta-line,
.hero-3 .post-meta-line,
.hero-4 .post-meta-line,
.post-card .post-meta-line,
.post-card-body .post-meta-line,
.archive-card .post-meta-line,
.list-post .post-meta-line{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  flex-wrap:nowrap !important;
  width:auto !important;
  max-width:100% !important;
  margin:9px 0 0 !important;
  padding:0 !important;
  gap:0 !important;
  white-space:nowrap !important;
  overflow:visible !important;
  font-family:Arial,Helvetica,sans-serif !important;
  font-size:9px !important;
  font-weight:400 !important;
  line-height:14px !important;
  min-height:14px !important;
  color:#c1c1c7 !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}
.post-meta-line > .meta-item{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  flex:0 0 auto !important;
  gap:4px !important;
  margin:0 !important;
  padding:0 !important;
  height:14px !important;
  line-height:14px !important;
  white-space:nowrap !important;
  color:#c1c1c7 !important;
  vertical-align:middle !important;
}
.post-meta-line > .meta-space{
  display:block !important;
  flex:0 0 12px !important;
  width:12px !important;
  min-width:12px !important;
  height:1px !important;
  margin:0 !important;
  padding:0 !important;
}
.post-meta-line .card-meta-icon{
  display:inline-block !important;
  position:relative !important;
  width:11px !important;
  height:11px !important;
  min-width:11px !important;
  flex:0 0 11px !important;
  margin:0 !important;
  padding:0 !important;
  color:var(--accent,#15803d) !important;
  align-self:center !important;
  top:0 !important;
  transform:none !important;
  vertical-align:middle !important;
}
.post-meta-line time,
.post-meta-line .comments-count,
.post-meta-line .reading-count,
.post-meta-line .reading-label{
  display:inline !important;
  margin:0 !important;
  padding:0 !important;
  font:inherit !important;
  line-height:14px !important;
  color:#c1c1c7 !important;
  white-space:nowrap !important;
  vertical-align:middle !important;
}
.post-meta-line .meta-author a{
  display:inline !important;
  margin:0 !important;
  padding:0 !important;
  max-width:none !important;
  overflow:visible !important;
  text-overflow:clip !important;
  font:inherit !important;
  font-weight:500 !important;
  line-height:14px !important;
  color:var(--accent,#15803d) !important;
  white-space:nowrap !important;
  vertical-align:middle !important;
}
.post-meta-line .comments-label{display:none !important;}
.post-meta-line .reading-label{font-size:9px !important;}
.post-meta-line .reading-label::after{content:none !important;display:none !important;}
/* Narrow cards keep the same font and icons; only the explicit spaces get slightly smaller. */
.hero-2 .post-meta-line > .meta-space,
.hero-3 .post-meta-line > .meta-space,
.hero-4 .post-meta-line > .meta-space{
  flex-basis:9px !important;
  width:9px !important;
  min-width:9px !important;
}
@media(max-width:1080px){
  .post-meta-line > .meta-space{
    flex-basis:9px !important;
    width:9px !important;
    min-width:9px !important;
  }
}
@media(max-width:620px){
  .post-meta-line{
    overflow-x:auto !important;
    scrollbar-width:none;
    -ms-overflow-style:none;
  }
  .post-meta-line::-webkit-scrollbar{display:none;}
}


/* v1.7.6 — definitive metadata layout: visible spaces + single baseline */
.post-meta-line,
.hero .post-meta-line,
.hero-1 .post-meta-line,
.hero-2 .post-meta-line,
.hero-3 .post-meta-line,
.hero-4 .post-meta-line,
.post-card .post-meta-line,
.post-card-body .post-meta-line,
.archive-card .post-meta-line,
.list-post .post-meta-line{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  flex-wrap:nowrap !important;
  gap:0 !important;
  width:100% !important;
  max-width:100% !important;
  margin:9px 0 0 !important;
  padding:0 !important;
  font-family:Arial,Helvetica,sans-serif !important;
  font-size:9.5px !important;
  font-weight:400 !important;
  line-height:1 !important;
  color:#c8c8ce !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}
.post-meta-line > .meta-space{display:none !important;}
.post-meta-line > .meta-item{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:5px !important;
  flex:0 0 auto !important;
  margin:0 !important;
  padding:0 !important;
  min-width:0 !important;
  height:auto !important;
  line-height:1 !important;
  color:#c8c8ce !important;
  white-space:nowrap !important;
  vertical-align:middle !important;
}
/* Reliable, visible spacing BETWEEN the four groups. */
.post-meta-line > .meta-author,
.post-meta-line > .meta-comments,
.post-meta-line > .meta-reading{
  margin-left:14px !important;
}
.post-meta-line .card-meta-icon{
  display:inline-block !important;
  position:relative !important;
  width:11px !important;
  height:11px !important;
  min-width:11px !important;
  flex:0 0 11px !important;
  margin:0 !important;
  padding:0 !important;
  color:var(--accent,#15803d) !important;
  top:0 !important;
  transform:none !important;
  align-self:center !important;
  vertical-align:middle !important;
}
.post-meta-line time,
.post-meta-line .comments-count,
.post-meta-line .reading-count,
.post-meta-line .reading-label{
  display:inline !important;
  margin:0 !important;
  padding:0 !important;
  font:inherit !important;
  line-height:1 !important;
  color:#c8c8ce !important;
  white-space:nowrap !important;
  vertical-align:middle !important;
}
.post-meta-line .meta-author a{
  display:inline !important;
  margin:0 !important;
  padding:0 !important;
  max-width:none !important;
  overflow:visible !important;
  text-overflow:clip !important;
  font:inherit !important;
  font-weight:500 !important;
  line-height:1 !important;
  color:var(--accent,#15803d) !important;
  white-space:nowrap !important;
  vertical-align:middle !important;
}
.post-meta-line .comments-label{display:none !important;}
.post-meta-line .reading-label{font-size:9.5px !important;}
.post-meta-line .reading-label::after{content:none !important;display:none !important;}
.card-date-line{display:none !important;}
/* Large and small cards keep the same visual system. */
.hero-1 .post-meta-line,
.hero-2 .post-meta-line,
.hero-3 .post-meta-line,
.hero-4 .post-meta-line,
.post-card-body .post-meta-line{
  font-size:9.5px !important;
}
/* On only very narrow screens reduce spacing slightly, not to zero. */
@media(max-width:1080px){
  .post-meta-line > .meta-author,
  .post-meta-line > .meta-comments,
  .post-meta-line > .meta-reading{
    margin-left:11px !important;
  }
}
@media(max-width:620px){
  .post-meta-line{
    overflow-x:auto !important;
    scrollbar-width:none;
    -ms-overflow-style:none;
  }
  .post-meta-line::-webkit-scrollbar{display:none;}
}

/* v1.7.7 — final metadata spacing + lime author */
.post-meta-line,
.hero .post-meta-line,
.hero-1 .post-meta-line,
.hero-2 .post-meta-line,
.hero-3 .post-meta-line,
.hero-4 .post-meta-line,
.post-card .post-meta-line,
.post-card-body .post-meta-line,
.archive-card .post-meta-line,
.list-post .post-meta-line{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  flex-wrap:nowrap !important;
  width:100% !important;
  max-width:100% !important;
  margin:12px 0 0 !important;
  padding:0 !important;
  gap:0 !important;
  white-space:nowrap !important;
  overflow:visible !important;
  font-family:Arial,Helvetica,sans-serif !important;
  font-size:13px !important;
  font-weight:400 !important;
  line-height:18px !important;
  color:#c1c1c7 !important;
}

.post-meta-line > .meta-item{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  flex:0 0 auto !important;
  gap:8px !important;              /* visible space between icon and text */
  margin:0 !important;
  padding:0 !important;
  min-width:0 !important;
  height:18px !important;
  line-height:18px !important;
  white-space:nowrap !important;
  color:#c1c1c7 !important;
}

/* clear separation between date / author / comments / reading time */
.post-meta-line > .meta-item + .meta-item{
  margin-left:18px !important;
}

.post-meta-line .card-meta-icon{
  display:inline-block !important;
  position:relative !important;
  width:14px !important;
  height:14px !important;
  min-width:14px !important;
  flex:0 0 14px !important;
  margin:0 !important;
  padding:0 !important;
  color:var(--accent,#15803d) !important;
  opacity:1 !important;
  top:0 !important;
  transform:none !important;
  align-self:center !important;
}

.post-meta-line time,
.post-meta-line .comments-count,
.post-meta-line .reading-count,
.post-meta-line .reading-label{
  display:inline !important;
  margin:0 !important;
  padding:0 !important;
  font:inherit !important;
  line-height:18px !important;
  color:#c1c1c7 !important;
  white-space:nowrap !important;
}

/* author icon + author name are both lime */
.post-meta-line .meta-author,
.post-meta-line .meta-author .card-meta-icon,
.post-meta-line .meta-author a,
.post-meta-line .meta-author a:link,
.post-meta-line .meta-author a:visited{
  color:var(--accent,#15803d) !important;
}
.post-meta-line .meta-author a{
  display:inline-block !important;
  margin:0 !important;
  padding:0 !important;
  max-width:none !important;
  overflow:visible !important;
  text-overflow:clip !important;
  font:inherit !important;
  font-weight:500 !important;
  line-height:18px !important;
  text-decoration:none !important;
  white-space:nowrap !important;
}

.post-meta-line .comments-label{display:none !important;}
.post-meta-line .reading-label{
  display:inline !important;
  font-size:13px !important;
}
.post-meta-line .reading-label::after{content:none !important;display:none !important;}
.post-meta-line > .meta-space{display:none !important;}
.card-date-line{display:none !important;}

/* keep everything on one line on smaller cards, with slightly tighter spacing */
@media(max-width:1180px){
  .post-meta-line,
  .hero .post-meta-line,
  .post-card .post-meta-line,
  .archive-card .post-meta-line,
  .list-post .post-meta-line{
    font-size:11px !important;
    line-height:16px !important;
  }
  .post-meta-line > .meta-item{
    gap:6px !important;
    height:16px !important;
    line-height:16px !important;
  }
  .post-meta-line > .meta-item + .meta-item{margin-left:14px !important;}
  .post-meta-line .card-meta-icon{
    width:12px !important;
    height:12px !important;
    min-width:12px !important;
    flex-basis:12px !important;
  }
  .post-meta-line time,
  .post-meta-line .comments-count,
  .post-meta-line .reading-count,
  .post-meta-line .reading-label,
  .post-meta-line .meta-author a{line-height:16px !important;}
  .post-meta-line .reading-label{font-size:11px !important;}
}

@media(max-width:620px){
  .post-meta-line{
    overflow-x:auto !important;
    scrollbar-width:none;
    -ms-overflow-style:none;
  }
  .post-meta-line::-webkit-scrollbar{display:none;}
}
\n\n/* v1.7.8 — definitive metadata spacing + lime author */
.post-meta-line.gv-meta-fixed{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  flex-wrap:nowrap !important;
  column-gap:16px !important;
  row-gap:0 !important;
  width:100% !important;
  max-width:100% !important;
  overflow:hidden !important;
  white-space:nowrap !important;
}
.post-meta-line.gv-meta-fixed > .meta-item{
  display:inline-flex !important;
  align-items:center !important;
  gap:7px !important;
  margin:0 !important;
  padding:0 !important;
  flex:0 0 auto !important;
}
.post-meta-line.gv-meta-fixed > .meta-item + .meta-item{
  margin-left:0 !important;
}
.post-meta-line.gv-meta-fixed .meta-author,
.post-meta-line.gv-meta-fixed .meta-author .card-meta-icon,
.post-meta-line.gv-meta-fixed .meta-author a,
.post-meta-line.gv-meta-fixed .meta-author a:link,
.post-meta-line.gv-meta-fixed .meta-author a:visited,
.post-meta-line.gv-meta-fixed .meta-author a:hover,
.post-meta-line.gv-meta-fixed .meta-author a:active{
  color:#15803d !important;
}
.post-meta-line.gv-meta-fixed .meta-author a{
  font-weight:600 !important;
}
.post-meta-line.gv-meta-fixed .card-meta-icon{
  margin-right:0 !important;
}
.post-meta-line.gv-meta-fixed .reading-label{
  margin-left:0 !important;
}
@media(max-width:1180px){
  .post-meta-line.gv-meta-fixed{column-gap:12px !important;}
  .post-meta-line.gv-meta-fixed > .meta-item{gap:6px !important;}
}
@media(max-width:620px){
  .post-meta-line.gv-meta-fixed{overflow-x:auto !important;column-gap:12px !important;}
}


/* v1.8.4 — force visible icon/text gaps and item spacing on home/category cards */
.post-meta-line.gv-meta-fixed{
  column-gap:12px !important;
}
.post-meta-line.gv-meta-fixed > .meta-item{
  display:inline-flex !important;
  align-items:center !important;
  gap:0 !important;
}
.post-meta-line.gv-meta-fixed .card-meta-icon{
  display:inline-block !important;
  margin-right:4px !important;
}
.post-meta-line.gv-meta-fixed .reading-label{
  display:none !important;
}
@media(max-width:1180px){
  .post-meta-line.gv-meta-fixed{column-gap:10px !important;}
}


/* v1.8.5 — compact sane metadata row on cards */
.post-meta-line.gv-meta-fixed{
  display:flex !important;
  align-items:center !important;
  flex-wrap:nowrap !important;
  gap:10px !important;
  column-gap:10px !important;
  row-gap:0 !important;
  white-space:nowrap !important;
}
.post-meta-line.gv-meta-fixed > .meta-item{
  display:inline-flex !important;
  align-items:center !important;
  gap:4px !important;
  margin:0 !important;
  padding:0 !important;
  flex:0 0 auto !important;
}
.post-meta-line.gv-meta-fixed > .meta-item + .meta-item{
  margin-left:0 !important;
}
.post-meta-line.gv-meta-fixed .card-meta-icon{
  margin-right:0 !important;
}
.post-meta-line.gv-meta-fixed .meta-author,
.post-meta-line.gv-meta-fixed .meta-author .card-meta-icon,
.post-meta-line.gv-meta-fixed .meta-author a,
.post-meta-line.gv-meta-fixed .meta-author a:link,
.post-meta-line.gv-meta-fixed .meta-author a:visited,
.post-meta-line.gv-meta-fixed .meta-author a:hover,
.post-meta-line.gv-meta-fixed .meta-author a:active{
  color:#15803d !important;
}
.post-meta-line.gv-meta-fixed .reading-label{
  display:none !important;
}
@media(max-width:1180px){
  .post-meta-line.gv-meta-fixed{gap:8px !important;column-gap:8px !important;}
  .post-meta-line.gv-meta-fixed > .meta-item{gap:3px !important;}
}


/* v1.8.6 — exact sequence: icon 4px text 7px next icon */
.post-meta-line.gv-meta-fixed{
  display:flex !important;
  align-items:center !important;
  flex-wrap:nowrap !important;
  gap:0 !important;
  column-gap:0 !important;
  row-gap:0 !important;
  white-space:nowrap !important;
}
.post-meta-line.gv-meta-fixed > .card-meta-icon{
  flex:0 0 auto !important;
  margin:0 4px 0 0 !important;
}
.post-meta-line.gv-meta-fixed > .gv-meta-text{
  flex:0 0 auto !important;
  margin-top:0 !important;
  margin-bottom:0 !important;
}
.post-meta-line.gv-meta-fixed > .gv-date-text,
.post-meta-line.gv-meta-fixed > .gv-author-text,
.post-meta-line.gv-meta-fixed > .gv-comments-text{
  margin-right:7px !important;
}
.post-meta-line.gv-meta-fixed > .gv-author-text,
.post-meta-line.gv-meta-fixed > .gv-author-text:link,
.post-meta-line.gv-meta-fixed > .gv-author-text:visited,
.post-meta-line.gv-meta-fixed > .gv-author-text:hover,
.post-meta-line.gv-meta-fixed > .gv-author-text:active{
  color:#15803d !important;
  font-weight:600 !important;
  text-decoration:none !important;
}
.post-meta-line.gv-meta-fixed > .gv-reading-text{
  margin-right:0 !important;
}


/* v1.8.7 — rebuild card meta spacing with dedicated pair wrappers */
.post-meta-line.gv-meta-fixed{
  display:flex !important;
  align-items:center !important;
  flex-wrap:nowrap !important;
  white-space:nowrap !important;
  gap:0 !important;
  column-gap:0 !important;
  row-gap:0 !important;
}
.post-meta-line.gv-meta-fixed .meta-pair{
  display:inline-flex !important;
  align-items:center !important;
  gap:5px !important;
  white-space:nowrap !important;
  margin:0 10px 0 0 !important;
  padding:0 !important;
  flex:0 0 auto !important;
}
.post-meta-line.gv-meta-fixed .meta-reading{
  margin-right:0 !important;
}
.post-meta-line.gv-meta-fixed .card-meta-icon{
  display:inline-block !important;
  flex:0 0 auto !important;
  margin:0 !important;
}
.post-meta-line.gv-meta-fixed .meta-author,
.post-meta-line.gv-meta-fixed .meta-author .card-meta-icon,
.post-meta-line.gv-meta-fixed .meta-author a,
.post-meta-line.gv-meta-fixed .meta-author a:link,
.post-meta-line.gv-meta-fixed .meta-author a:visited,
.post-meta-line.gv-meta-fixed .meta-author a:hover,
.post-meta-line.gv-meta-fixed .meta-author a:active{
  color:#15803d !important;
}
.post-meta-line.gv-meta-fixed .reading-label{
  display:none !important;
}
@media(max-width:1180px){
  .post-meta-line.gv-meta-fixed .meta-pair{
    gap:4px !important;
    margin-right:8px !important;
  }
}


/* v1.8.8 — FINAL exact metadata spacing: icon → 5px → text → 7px → next icon */
.post-meta-line.gv-meta-fixed{
  display:flex !important;
  align-items:center !important;
  flex-wrap:nowrap !important;
  gap:0 !important;
  column-gap:0 !important;
  row-gap:0 !important;
  white-space:nowrap !important;
}
.post-meta-line.gv-meta-fixed .meta-pair{
  display:inline-flex !important;
  align-items:center !important;
  gap:5px !important;
  margin:0 7px 0 0 !important;
  padding:0 !important;
  flex:0 0 auto !important;
  white-space:nowrap !important;
}
.post-meta-line.gv-meta-fixed .meta-reading{
  margin-right:0 !important;
}
.post-meta-line.gv-meta-fixed .card-meta-icon{
  margin:0 !important;
  flex:0 0 auto !important;
}
@media(max-width:1180px){
  .post-meta-line.gv-meta-fixed .meta-pair{
    gap:5px !important;
    margin-right:7px !important;
  }
}


/* v1.8.9 — isolated metadata layout; spacing is provided by literal spacer elements */
.post-meta-line.gv-meta-v2{
  display:flex !important;
  align-items:center !important;
  flex-wrap:nowrap !important;
  gap:0 !important;
  column-gap:0 !important;
  row-gap:0 !important;
  white-space:nowrap !important;
}
.post-meta-line.gv-meta-v2 .card-meta-icon{
  margin:0 !important;
  flex:0 0 auto !important;
}
.post-meta-line.gv-meta-v2 .gv-author-text,
.post-meta-line.gv-meta-v2 .gv-author-text:link,
.post-meta-line.gv-meta-v2 .gv-author-text:visited,
.post-meta-line.gv-meta-v2 .gv-author-text:hover,
.post-meta-line.gv-meta-v2 .gv-author-text:active{
  color:#15803d !important;
  font-weight:600 !important;
  text-decoration:none !important;
}


/* v1.9.0 — emoji meta row on home/category/archive cards */
.post-meta-line.gv-meta-organic{
  display:flex !important;
  align-items:center !important;
  flex-wrap:nowrap !important;
  gap:10px !important;
  white-space:nowrap !important;
  font-size:12px !important;
  line-height:1.2 !important;
  color:var(--muted) !important;
  margin-top:0 !important;
}
.post-meta-line.gv-meta-organic .meta-chip{
  display:inline-flex !important;
  align-items:center !important;
  gap:5px !important;
  flex:0 0 auto !important;
  margin:0 !important;
  padding:0 !important;
}
.post-meta-line.gv-meta-organic .meta-emoji{
  display:inline-block !important;
  line-height:1 !important;
  font-size:12px !important;
  transform:translateY(-0.5px);
}
.post-meta-line.gv-meta-organic time,
.post-meta-line.gv-meta-organic .comments-count,
.post-meta-line.gv-meta-organic .reading-value,
.post-meta-line.gv-meta-organic a{
  display:inline-block !important;
  margin:0 !important;
  padding:0 !important;
  font-size:12px !important;
  line-height:1.2 !important;
}
.post-meta-line.gv-meta-organic .meta-author,
.post-meta-line.gv-meta-organic .meta-author a,
.post-meta-line.gv-meta-organic .meta-author a:link,
.post-meta-line.gv-meta-organic .meta-author a:visited,
.post-meta-line.gv-meta-organic .meta-author a:hover,
.post-meta-line.gv-meta-organic .meta-author a:active{
  color:#15803d !important;
  text-decoration:none !important;
  font-weight:600 !important;
}
.post-meta-line.gv-meta-organic .meta-date,
.post-meta-line.gv-meta-organic .meta-comments,
.post-meta-line.gv-meta-organic .meta-reading{
  color:var(--muted) !important;
}
@media(max-width:1180px){
  .post-meta-line.gv-meta-organic{
    gap:8px !important;
    font-size:11px !important;
  }
  .post-meta-line.gv-meta-organic .meta-chip{gap:4px !important;}
  .post-meta-line.gv-meta-organic .meta-emoji,
  .post-meta-line.gv-meta-organic time,
  .post-meta-line.gv-meta-organic .comments-count,
  .post-meta-line.gv-meta-organic .reading-value,
  .post-meta-line.gv-meta-organic a{
    font-size:11px !important;
  }
}


/* v1.9.1 — make emoji meta row fit organically on photo cards */
.post-meta-line.gv-meta-organic{
  display:inline-flex !important;
  width:auto !important;
  max-width:100% !important;
}
.hero-copy .post-meta-line.gv-meta-organic{
  display:inline-flex !important;
  width:auto !important;
  max-width:calc(100% - 12px) !important;
  padding-right:12px !important;
  gap:8px !important;
  font-size:11px !important;
}
.hero-copy .post-meta-line.gv-meta-organic .meta-chip{
  gap:4px !important;
}
.hero-copy .post-meta-line.gv-meta-organic .meta-emoji,
.hero-copy .post-meta-line.gv-meta-organic time,
.hero-copy .post-meta-line.gv-meta-organic .comments-count,
.hero-copy .post-meta-line.gv-meta-organic .reading-value,
.hero-copy .post-meta-line.gv-meta-organic a{
  font-size:11px !important;
}
.post-card-body .post-meta-line.gv-meta-organic,
.archive-card .post-meta-line.gv-meta-organic{
  display:inline-flex !important;
  width:auto !important;
  max-width:100% !important;
  gap:9px !important;
  font-size:12px !important;
}
.post-card-body .post-meta-line.gv-meta-organic .meta-chip,
.archive-card .post-meta-line.gv-meta-organic .meta-chip{
  gap:4px !important;
}
@media(max-width:1180px){
  .hero-copy .post-meta-line.gv-meta-organic{
    gap:7px !important;
    padding-right:10px !important;
    max-width:calc(100% - 10px) !important;
  }
  .hero-copy .post-meta-line.gv-meta-organic .meta-chip{gap:3px !important;}
  .hero-copy .post-meta-line.gv-meta-organic .meta-emoji,
  .hero-copy .post-meta-line.gv-meta-organic time,
  .hero-copy .post-meta-line.gv-meta-organic .comments-count,
  .hero-copy .post-meta-line.gv-meta-organic .reading-value,
  .hero-copy .post-meta-line.gv-meta-organic a{
    font-size:10px !important;
  }
}


/* v1.9.3 — Variant 2: rounded modern meta chips with lime icons and white text */
.post-meta-line.gv-meta-modern2{
  display:inline-flex !important;
  align-items:center !important;
  flex-wrap:nowrap !important;
  width:auto !important;
  max-width:100% !important;
  gap:8px !important;
  white-space:nowrap !important;
  color:#ffffff !important;
  font-size:11px !important;
  line-height:1.2 !important;
}
.post-meta-line.gv-meta-modern2 .meta-chip{
  display:inline-flex !important;
  align-items:center !important;
  gap:5px !important;
  margin:0 !important;
  padding:4px 7px !important;
  border-radius:999px !important;
  background:rgba(5,10,18,.42) !important;
  border:1px solid rgba(255,255,255,.08) !important;
  backdrop-filter:blur(6px);
  flex:0 0 auto !important;
}
.post-meta-line.gv-meta-modern2 .meta-icon-svg{
  width:13px !important;
  height:13px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  color:#15803d !important;
  flex:0 0 13px !important;
}
.post-meta-line.gv-meta-modern2 .meta-icon-svg svg{
  display:block !important;
  width:13px !important;
  height:13px !important;
}
.post-meta-line.gv-meta-modern2 .meta-chip,
.post-meta-line.gv-meta-modern2 .meta-chip time,
.post-meta-line.gv-meta-modern2 .meta-chip a,
.post-meta-line.gv-meta-modern2 .meta-chip .comments-count,
.post-meta-line.gv-meta-modern2 .meta-chip .reading-value{
  color:#ffffff !important;
  font-size:11px !important;
  line-height:1.2 !important;
  text-decoration:none !important;
}
.post-meta-line.gv-meta-modern2 .meta-chip a:hover{
  color:#ffffff !important;
  opacity:.92;
}
.hero-copy .post-meta-line.gv-meta-modern2{
  max-width:calc(100% - 16px) !important;
  padding-right:12px !important;
  gap:6px !important;
}
.hero-copy .post-meta-line.gv-meta-modern2 .meta-chip{
  padding:3px 6px !important;
  gap:4px !important;
}
.hero-copy .post-meta-line.gv-meta-modern2 .meta-icon-svg{
  width:12px !important;
  height:12px !important;
  flex-basis:12px !important;
}
.hero-copy .post-meta-line.gv-meta-modern2 .meta-icon-svg svg{
  width:12px !important;
  height:12px !important;
}
.hero-copy .post-meta-line.gv-meta-modern2 .meta-chip,
.hero-copy .post-meta-line.gv-meta-modern2 .meta-chip time,
.hero-copy .post-meta-line.gv-meta-modern2 .meta-chip a,
.hero-copy .post-meta-line.gv-meta-modern2 .meta-chip .comments-count,
.hero-copy .post-meta-line.gv-meta-modern2 .meta-chip .reading-value{
  font-size:10px !important;
}
.post-card-body .post-meta-line.gv-meta-modern2,
.archive-card .post-meta-line.gv-meta-modern2{
  gap:7px !important;
  font-size:11px !important;
}
@media(max-width:1180px){
  .hero-copy .post-meta-line.gv-meta-modern2{
    gap:5px !important;
    max-width:calc(100% - 12px) !important;
    padding-right:10px !important;
  }
  .hero-copy .post-meta-line.gv-meta-modern2 .meta-chip{
    padding:3px 5px !important;
    gap:3px !important;
  }
  .hero-copy .post-meta-line.gv-meta-modern2 .meta-icon-svg,
  .hero-copy .post-meta-line.gv-meta-modern2 .meta-icon-svg svg{
    width:11px !important;
    height:11px !important;
  }
  .hero-copy .post-meta-line.gv-meta-modern2 .meta-chip,
  .hero-copy .post-meta-line.gv-meta-modern2 .meta-chip time,
  .hero-copy .post-meta-line.gv-meta-modern2 .meta-chip a,
  .hero-copy .post-meta-line.gv-meta-modern2 .meta-chip .comments-count,
  .hero-copy .post-meta-line.gv-meta-modern2 .meta-chip .reading-value{
    font-size:9px !important;
  }
}


/* v1.9.4 — keep modern meta icons/text compact and inside the photo area */
.post-meta-line.gv-meta-modern2{
  min-width:0 !important;
}
.post-meta-line.gv-meta-modern2 .meta-chip{
  min-width:0 !important;
}
.post-meta-line.gv-meta-modern2 .meta-chip a,
.post-meta-line.gv-meta-modern2 .meta-chip time,
.post-meta-line.gv-meta-modern2 .meta-chip .comments-count,
.post-meta-line.gv-meta-modern2 .meta-chip .reading-value{
  min-width:0 !important;
}

/* Main photo cards */
.hero-copy .post-meta-line.gv-meta-modern2{
  display:flex !important;
  flex-wrap:wrap !important;
  align-items:center !important;
  justify-content:flex-start !important;
  width:fit-content !important;
  max-width:calc(100% - 18px) !important;
  padding-right:14px !important;
  gap:6px !important;
  row-gap:6px !important;
  overflow:hidden !important;
}
.hero-copy .post-meta-line.gv-meta-modern2 .meta-chip{
  padding:3px 6px !important;
  gap:4px !important;
  max-width:100% !important;
}
.hero-copy .post-meta-line.gv-meta-modern2 .meta-author{
  max-width:140px !important;
}
.hero-copy .post-meta-line.gv-meta-modern2 .meta-author a{
  display:block !important;
  max-width:100% !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
}
.hero-copy .post-meta-line.gv-meta-modern2 .meta-date time{
  white-space:nowrap !important;
}
.hero-copy .post-meta-line.gv-meta-modern2 .meta-icon-svg{
  width:11px !important;
  height:11px !important;
  flex:0 0 11px !important;
}
.hero-copy .post-meta-line.gv-meta-modern2 .meta-icon-svg svg{
  width:11px !important;
  height:11px !important;
}
.hero-copy .post-meta-line.gv-meta-modern2 .meta-chip,
.hero-copy .post-meta-line.gv-meta-modern2 .meta-chip time,
.hero-copy .post-meta-line.gv-meta-modern2 .meta-chip a,
.hero-copy .post-meta-line.gv-meta-modern2 .meta-chip .comments-count,
.hero-copy .post-meta-line.gv-meta-modern2 .meta-chip .reading-value{
  font-size:9px !important;
  line-height:1.15 !important;
}

/* Small photo cards need even tighter fit */
.hero-2 .hero-copy .post-meta-line.gv-meta-modern2,
.hero-3 .hero-copy .post-meta-line.gv-meta-modern2,
.hero-4 .hero-copy .post-meta-line.gv-meta-modern2{
  gap:4px !important;
  row-gap:4px !important;
  max-width:calc(100% - 12px) !important;
  padding-right:10px !important;
}
.hero-2 .hero-copy .post-meta-line.gv-meta-modern2 .meta-chip,
.hero-3 .hero-copy .post-meta-line.gv-meta-modern2 .meta-chip,
.hero-4 .hero-copy .post-meta-line.gv-meta-modern2 .meta-chip{
  padding:2px 5px !important;
  gap:3px !important;
}
.hero-2 .hero-copy .post-meta-line.gv-meta-modern2 .meta-author,
.hero-3 .hero-copy .post-meta-line.gv-meta-modern2 .meta-author,
.hero-4 .hero-copy .post-meta-line.gv-meta-modern2 .meta-author{
  max-width:110px !important;
}
.hero-2 .hero-copy .post-meta-line.gv-meta-modern2 .meta-icon-svg,
.hero-3 .hero-copy .post-meta-line.gv-meta-modern2 .meta-icon-svg,
.hero-4 .hero-copy .post-meta-line.gv-meta-modern2 .meta-icon-svg,
.hero-2 .hero-copy .post-meta-line.gv-meta-modern2 .meta-icon-svg svg,
.hero-3 .hero-copy .post-meta-line.gv-meta-modern2 .meta-icon-svg svg,
.hero-4 .hero-copy .post-meta-line.gv-meta-modern2 .meta-icon-svg svg{
  width:10px !important;
  height:10px !important;
  flex-basis:10px !important;
}
.hero-2 .hero-copy .post-meta-line.gv-meta-modern2 .meta-chip,
.hero-2 .hero-copy .post-meta-line.gv-meta-modern2 .meta-chip time,
.hero-2 .hero-copy .post-meta-line.gv-meta-modern2 .meta-chip a,
.hero-2 .hero-copy .post-meta-line.gv-meta-modern2 .meta-chip .comments-count,
.hero-2 .hero-copy .post-meta-line.gv-meta-modern2 .meta-chip .reading-value,
.hero-3 .hero-copy .post-meta-line.gv-meta-modern2 .meta-chip,
.hero-3 .hero-copy .post-meta-line.gv-meta-modern2 .meta-chip time,
.hero-3 .hero-copy .post-meta-line.gv-meta-modern2 .meta-chip a,
.hero-3 .hero-copy .post-meta-line.gv-meta-modern2 .meta-chip .comments-count,
.hero-3 .hero-copy .post-meta-line.gv-meta-modern2 .meta-chip .reading-value,
.hero-4 .hero-copy .post-meta-line.gv-meta-modern2 .meta-chip,
.hero-4 .hero-copy .post-meta-line.gv-meta-modern2 .meta-chip time,
.hero-4 .hero-copy .post-meta-line.gv-meta-modern2 .meta-chip a,
.hero-4 .hero-copy .post-meta-line.gv-meta-modern2 .meta-chip .comments-count,
.hero-4 .hero-copy .post-meta-line.gv-meta-modern2 .meta-chip .reading-value{
  font-size:8.5px !important;
  line-height:1.1 !important;
}

@media(max-width:1180px){
  .hero-copy .post-meta-line.gv-meta-modern2{
    max-width:calc(100% - 12px) !important;
    padding-right:10px !important;
  }
  .hero-copy .post-meta-line.gv-meta-modern2 .meta-author{max-width:100px !important;}
}


/* v1.9.5 — keep meta chips fully inside regular category cards */
.post-card-body .post-meta-line.gv-meta-modern2{
  display:grid !important;
  grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  gap:6px !important;
  width:100% !important;
  max-width:100% !important;
  padding-right:0 !important;
  white-space:normal !important;
}
.post-card-body .post-meta-line.gv-meta-modern2 .meta-chip{
  display:flex !important;
  align-items:center !important;
  min-width:0 !important;
  width:100% !important;
  max-width:100% !important;
  padding:3px 6px !important;
  gap:4px !important;
}
.post-card-body .post-meta-line.gv-meta-modern2 .meta-date,
.post-card-body .post-meta-line.gv-meta-modern2 .meta-author,
.post-card-body .post-meta-line.gv-meta-modern2 .meta-comments,
.post-card-body .post-meta-line.gv-meta-modern2 .meta-reading{
  min-width:0 !important;
}
.post-card-body .post-meta-line.gv-meta-modern2 .meta-icon-svg{
  width:11px !important;
  height:11px !important;
  flex:0 0 11px !important;
}
.post-card-body .post-meta-line.gv-meta-modern2 .meta-icon-svg svg{
  width:11px !important;
  height:11px !important;
}
.post-card-body .post-meta-line.gv-meta-modern2 time,
.post-card-body .post-meta-line.gv-meta-modern2 a,
.post-card-body .post-meta-line.gv-meta-modern2 .comments-count,
.post-card-body .post-meta-line.gv-meta-modern2 .reading-value{
  display:block !important;
  min-width:0 !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
  font-size:10px !important;
  line-height:1.15 !important;
}
.post-card-body .post-meta-line.gv-meta-modern2 .meta-author a{
  max-width:100% !important;
}
@media(max-width:1180px){
  .post-card-body .post-meta-line.gv-meta-modern2{
    gap:5px !important;
  }
  .post-card-body .post-meta-line.gv-meta-modern2 .meta-chip{
    padding:3px 5px !important;
    gap:3px !important;
  }
  .post-card-body .post-meta-line.gv-meta-modern2 time,
  .post-card-body .post-meta-line.gv-meta-modern2 a,
  .post-card-body .post-meta-line.gv-meta-modern2 .comments-count,
  .post-card-body .post-meta-line.gv-meta-modern2 .reading-value{
    font-size:9px !important;
  }
}


/* v1.9.6 — regular category cards: one-row compact meta chips */
.post-card-body .post-meta-line.gv-meta-modern2{
  display:flex !important;
  flex-wrap:nowrap !important;
  align-items:center !important;
  width:100% !important;
  max-width:100% !important;
  gap:4px !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  padding-right:0 !important;
}
.post-card-body .post-meta-line.gv-meta-modern2 .meta-chip{
  display:inline-flex !important;
  align-items:center !important;
  min-width:0 !important;
  max-width:100% !important;
  padding:2px 4px !important;
  gap:3px !important;
  border-radius:999px !important;
}
/* distribute width across the four items so they all fit in one row */
.post-card-body .post-meta-line.gv-meta-modern2 .meta-date,
.post-card-body .post-meta-line.gv-meta-modern2 .meta-author{
  flex:1 1 0 !important;
}
.post-card-body .post-meta-line.gv-meta-modern2 .meta-comments,
.post-card-body .post-meta-line.gv-meta-modern2 .meta-reading{
  flex:0.55 1 0 !important;
}
.post-card-body .post-meta-line.gv-meta-modern2 .meta-icon-svg{
  width:10px !important;
  height:10px !important;
  flex:0 0 10px !important;
}
.post-card-body .post-meta-line.gv-meta-modern2 .meta-icon-svg svg{
  width:10px !important;
  height:10px !important;
}
.post-card-body .post-meta-line.gv-meta-modern2 time,
.post-card-body .post-meta-line.gv-meta-modern2 a,
.post-card-body .post-meta-line.gv-meta-modern2 .comments-count,
.post-card-body .post-meta-line.gv-meta-modern2 .reading-value{
  display:block !important;
  min-width:0 !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
  font-size:9px !important;
  line-height:1.1 !important;
}
.post-card-body .post-meta-line.gv-meta-modern2 .meta-author a{
  max-width:100% !important;
}
@media(max-width:1180px){
  .post-card-body .post-meta-line.gv-meta-modern2{
    gap:3px !important;
  }
  .post-card-body .post-meta-line.gv-meta-modern2 .meta-chip{
    padding:2px 3px !important;
    gap:2px !important;
  }
  .post-card-body .post-meta-line.gv-meta-modern2 .meta-icon-svg,
  .post-card-body .post-meta-line.gv-meta-modern2 .meta-icon-svg svg{
    width:9px !important;
    height:9px !important;
  }
  .post-card-body .post-meta-line.gv-meta-modern2 time,
  .post-card-body .post-meta-line.gv-meta-modern2 a,
  .post-card-body .post-meta-line.gv-meta-modern2 .comments-count,
  .post-card-body .post-meta-line.gv-meta-modern2 .reading-value{
    font-size:8px !important;
  }
}


/* v1.9.7 — category cards: ALWAYS show full date + year in one row */
.post-card-body .post-meta-line.gv-meta-modern2{
  display:flex !important;
  flex-wrap:nowrap !important;
  align-items:center !important;
  width:100% !important;
  max-width:100% !important;
  gap:3px !important;
  overflow:hidden !important;
  white-space:nowrap !important;
}
.post-card-body .post-meta-line.gv-meta-modern2 .meta-chip{
  display:inline-flex !important;
  align-items:center !important;
  width:auto !important;
  min-width:0 !important;
  padding:2px 4px !important;
  gap:3px !important;
  flex:none !important;
}
/* Date must never truncate. */
.post-card-body .post-meta-line.gv-meta-modern2 .meta-date{
  flex:0 0 auto !important;
  min-width:max-content !important;
  max-width:none !important;
}
.post-card-body .post-meta-line.gv-meta-modern2 .meta-date time{
  display:inline-block !important;
  width:auto !important;
  min-width:max-content !important;
  max-width:none !important;
  overflow:visible !important;
  text-overflow:clip !important;
  white-space:nowrap !important;
}
/* Author uses remaining room, while comments and time remain complete. */
.post-card-body .post-meta-line.gv-meta-modern2 .meta-author{
  flex:1 1 auto !important;
  min-width:48px !important;
  overflow:hidden !important;
}
.post-card-body .post-meta-line.gv-meta-modern2 .meta-author a{
  min-width:0 !important;
  max-width:100% !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
}
.post-card-body .post-meta-line.gv-meta-modern2 .meta-comments,
.post-card-body .post-meta-line.gv-meta-modern2 .meta-reading{
  flex:0 0 auto !important;
  min-width:max-content !important;
  max-width:none !important;
}
.post-card-body .post-meta-line.gv-meta-modern2 .comments-count,
.post-card-body .post-meta-line.gv-meta-modern2 .reading-value{
  overflow:visible !important;
  text-overflow:clip !important;
  white-space:nowrap !important;
}
.post-card-body .post-meta-line.gv-meta-modern2 .meta-icon-svg{
  width:9px !important;
  height:9px !important;
  flex:0 0 9px !important;
}
.post-card-body .post-meta-line.gv-meta-modern2 .meta-icon-svg svg{
  width:9px !important;
  height:9px !important;
}
.post-card-body .post-meta-line.gv-meta-modern2 time,
.post-card-body .post-meta-line.gv-meta-modern2 a,
.post-card-body .post-meta-line.gv-meta-modern2 .comments-count,
.post-card-body .post-meta-line.gv-meta-modern2 .reading-value{
  font-size:8px !important;
  line-height:1.1 !important;
}


/* v1.9.8 — larger category-card meta, still one line and inside the card */
.post-card-body .post-meta-line.gv-meta-modern2{
  display:flex !important;
  flex-wrap:nowrap !important;
  align-items:center !important;
  width:100% !important;
  max-width:100% !important;
  gap:3px !important;
  overflow:hidden !important;
  white-space:nowrap !important;
}
.post-card-body .post-meta-line.gv-meta-modern2 .meta-chip{
  display:inline-flex !important;
  align-items:center !important;
  width:auto !important;
  min-width:0 !important;
  padding:3px 3px !important;
  gap:3px !important;
  flex:0 0 auto !important;
}
/* Full date always stays visible. */
.post-card-body .post-meta-line.gv-meta-modern2 .meta-date{
  flex:0 0 auto !important;
  min-width:max-content !important;
}
.post-card-body .post-meta-line.gv-meta-modern2 .meta-date time{
  min-width:max-content !important;
  overflow:visible !important;
  text-overflow:clip !important;
  white-space:nowrap !important;
}
/* Author takes only the remaining space. */
.post-card-body .post-meta-line.gv-meta-modern2 .meta-author{
  flex:1 1 auto !important;
  min-width:0 !important;
  overflow:hidden !important;
}
.post-card-body .post-meta-line.gv-meta-modern2 .meta-author a{
  min-width:0 !important;
  max-width:100% !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
}
.post-card-body .post-meta-line.gv-meta-modern2 .meta-comments,
.post-card-body .post-meta-line.gv-meta-modern2 .meta-reading{
  flex:0 0 auto !important;
  min-width:max-content !important;
}
.post-card-body .post-meta-line.gv-meta-modern2 .meta-icon-svg{
  width:11px !important;
  height:11px !important;
  flex:0 0 11px !important;
}
.post-card-body .post-meta-line.gv-meta-modern2 .meta-icon-svg svg{
  width:11px !important;
  height:11px !important;
}
.post-card-body .post-meta-line.gv-meta-modern2 time,
.post-card-body .post-meta-line.gv-meta-modern2 a,
.post-card-body .post-meta-line.gv-meta-modern2 .comments-count,
.post-card-body .post-meta-line.gv-meta-modern2 .reading-value{
  font-size:9.5px !important;
  line-height:1.1 !important;
}


/* v1.9.9 — category cards: full date + full author, one row, each pair inside its own background chip */
.post-card-body .post-meta-line.gv-meta-modern2{
  display:flex !important;
  flex-wrap:nowrap !important;
  align-items:center !important;
  width:100% !important;
  max-width:100% !important;
  gap:2px !important;
  overflow:hidden !important;
  white-space:nowrap !important;
  justify-content:flex-start !important;
}
.post-card-body .post-meta-line.gv-meta-modern2 .meta-chip{
  display:inline-flex !important;
  align-items:center !important;
  flex:0 0 auto !important;
  min-width:0 !important;
  width:auto !important;
  max-width:none !important;
  padding:3px 4px !important;
  gap:3px !important;
  border-radius:999px !important;
}
.post-card-body .post-meta-line.gv-meta-modern2 .meta-date,
.post-card-body .post-meta-line.gv-meta-modern2 .meta-author,
.post-card-body .post-meta-line.gv-meta-modern2 .meta-comments,
.post-card-body .post-meta-line.gv-meta-modern2 .meta-reading{
  flex:0 0 auto !important;
  min-width:max-content !important;
  overflow:visible !important;
}
.post-card-body .post-meta-line.gv-meta-modern2 .meta-icon-svg{
  width:10px !important;
  height:10px !important;
  flex:0 0 10px !important;
}
.post-card-body .post-meta-line.gv-meta-modern2 .meta-icon-svg svg{
  width:10px !important;
  height:10px !important;
}
.post-card-body .post-meta-line.gv-meta-modern2 time,
.post-card-body .post-meta-line.gv-meta-modern2 a,
.post-card-body .post-meta-line.gv-meta-modern2 .comments-count,
.post-card-body .post-meta-line.gv-meta-modern2 .reading-value{
  display:inline-block !important;
  min-width:max-content !important;
  overflow:visible !important;
  text-overflow:clip !important;
  white-space:nowrap !important;
  font-size:8.7px !important;
  line-height:1.1 !important;
}
.post-card-body .post-meta-line.gv-meta-modern2 .meta-author a{
  max-width:none !important;
}
@media(max-width:1180px){
  .post-card-body .post-meta-line.gv-meta-modern2{
    gap:2px !important;
  }
  .post-card-body .post-meta-line.gv-meta-modern2 .meta-chip{
    padding:2px 3px !important;
    gap:2px !important;
  }
  .post-card-body .post-meta-line.gv-meta-modern2 .meta-icon-svg,
  .post-card-body .post-meta-line.gv-meta-modern2 .meta-icon-svg svg{
    width:9px !important;
    height:9px !important;
    flex-basis:9px !important;
  }
  .post-card-body .post-meta-line.gv-meta-modern2 time,
  .post-card-body .post-meta-line.gv-meta-modern2 a,
  .post-card-body .post-meta-line.gv-meta-modern2 .comments-count,
  .post-card-body .post-meta-line.gv-meta-modern2 .reading-value{
    font-size:8.2px !important;
  }
}


/* v2.0.0 — responsive meta chips for category cards */
.post-card-body .post-meta-line.gv-meta-modern2{
  display:flex !important;
  flex-wrap:nowrap !important;
  align-items:center !important;
  justify-content:flex-start !important;
  width:100% !important;
  max-width:100% !important;
  gap:4px !important;
  overflow:hidden !important;
  white-space:nowrap !important;
}
.post-card-body .post-meta-line.gv-meta-modern2 .meta-chip{
  display:inline-flex !important;
  align-items:center !important;
  flex:0 0 auto !important;
  min-width:max-content !important;
  width:auto !important;
  max-width:none !important;
  padding:4px 6px !important;
  gap:4px !important;
  border-radius:999px !important;
  box-sizing:border-box !important;
}
.post-card-body .post-meta-line.gv-meta-modern2 .meta-icon-svg,
.post-card-body .post-meta-line.gv-meta-modern2 .meta-icon-svg svg{
  width:12px !important;
  height:12px !important;
}
.post-card-body .post-meta-line.gv-meta-modern2 .meta-icon-svg{
  flex:0 0 12px !important;
}
.post-card-body .post-meta-line.gv-meta-modern2 time,
.post-card-body .post-meta-line.gv-meta-modern2 a,
.post-card-body .post-meta-line.gv-meta-modern2 .comments-count,
.post-card-body .post-meta-line.gv-meta-modern2 .reading-value{
  display:inline-block !important;
  min-width:max-content !important;
  max-width:none !important;
  overflow:visible !important;
  text-overflow:clip !important;
  white-space:nowrap !important;
  font-size:10px !important;
  line-height:1.1 !important;
}

/* Medium desktop / tablet: keep one row, slightly tighter */
@media (max-width:1180px){
  .post-card-body .post-meta-line.gv-meta-modern2{gap:3px !important;}
  .post-card-body .post-meta-line.gv-meta-modern2 .meta-chip{
    padding:3px 5px !important;
    gap:3px !important;
  }
  .post-card-body .post-meta-line.gv-meta-modern2 .meta-icon-svg,
  .post-card-body .post-meta-line.gv-meta-modern2 .meta-icon-svg svg{
    width:10px !important;
    height:10px !important;
  }
  .post-card-body .post-meta-line.gv-meta-modern2 .meta-icon-svg{flex-basis:10px !important;}
  .post-card-body .post-meta-line.gv-meta-modern2 time,
  .post-card-body .post-meta-line.gv-meta-modern2 a,
  .post-card-body .post-meta-line.gv-meta-modern2 .comments-count,
  .post-card-body .post-meta-line.gv-meta-modern2 .reading-value{
    font-size:8.6px !important;
  }
}

/* Mobile: readable, compact, still full text; two balanced rows if needed */
@media (max-width:620px){
  .post-card-body .post-meta-line.gv-meta-modern2{
    display:grid !important;
    grid-template-columns:max-content max-content !important;
    justify-content:start !important;
    gap:5px !important;
    row-gap:5px !important;
    overflow:visible !important;
    white-space:normal !important;
  }
  .post-card-body .post-meta-line.gv-meta-modern2 .meta-chip{
    width:max-content !important;
    max-width:100% !important;
    padding:4px 6px !important;
    gap:4px !important;
  }
  .post-card-body .post-meta-line.gv-meta-modern2 .meta-icon-svg,
  .post-card-body .post-meta-line.gv-meta-modern2 .meta-icon-svg svg{
    width:11px !important;
    height:11px !important;
  }
  .post-card-body .post-meta-line.gv-meta-modern2 .meta-icon-svg{flex-basis:11px !important;}
  .post-card-body .post-meta-line.gv-meta-modern2 time,
  .post-card-body .post-meta-line.gv-meta-modern2 a,
  .post-card-body .post-meta-line.gv-meta-modern2 .comments-count,
  .post-card-body .post-meta-line.gv-meta-modern2 .reading-value{
    font-size:9.5px !important;
  }
}

/* Very narrow phones */
@media (max-width:390px){
  .post-card-body .post-meta-line.gv-meta-modern2{
    grid-template-columns:1fr 1fr !important;
  }
  .post-card-body .post-meta-line.gv-meta-modern2 .meta-chip{
    min-width:0 !important;
    width:100% !important;
  }
  .post-card-body .post-meta-line.gv-meta-modern2 time,
  .post-card-body .post-meta-line.gv-meta-modern2 a,
  .post-card-body .post-meta-line.gv-meta-modern2 .comments-count,
  .post-card-body .post-meta-line.gv-meta-modern2 .reading-value{
    min-width:0 !important;
    font-size:9px !important;
  }
}


/* v2.0.1 — comments/read-time chips grow naturally with 100+, 1000+, 10m, 100m, etc. */
.post-card-body .post-meta-line.gv-meta-modern2 .meta-comments,
.post-card-body .post-meta-line.gv-meta-modern2 .meta-reading{
  display:inline-flex !important;
  flex:0 0 auto !important;
  width:max-content !important;
  min-width:max-content !important;
  max-width:none !important;
  padding-left:6px !important;
  padding-right:6px !important;
  box-sizing:border-box !important;
}
.post-card-body .post-meta-line.gv-meta-modern2 .meta-comments .comments-count,
.post-card-body .post-meta-line.gv-meta-modern2 .meta-reading .reading-value{
  display:inline-block !important;
  width:auto !important;
  min-width:max-content !important;
  max-width:none !important;
  overflow:visible !important;
  text-overflow:clip !important;
  white-space:nowrap !important;
}

@media (max-width:1180px){
  .post-card-body .post-meta-line.gv-meta-modern2 .meta-comments,
  .post-card-body .post-meta-line.gv-meta-modern2 .meta-reading{
    width:max-content !important;
    min-width:max-content !important;
    padding-left:5px !important;
    padding-right:5px !important;
  }
}

@media (max-width:620px){
  .post-card-body .post-meta-line.gv-meta-modern2 .meta-comments,
  .post-card-body .post-meta-line.gv-meta-modern2 .meta-reading{
    width:max-content !important;
    min-width:max-content !important;
    max-width:100% !important;
  }
}

@media (max-width:390px){
  .post-card-body .post-meta-line.gv-meta-modern2 .meta-comments,
  .post-card-body .post-meta-line.gv-meta-modern2 .meta-reading{
    width:max-content !important;
    min-width:max-content !important;
    max-width:100% !important;
    justify-self:start !important;
  }
  .post-card-body .post-meta-line.gv-meta-modern2 .meta-comments .comments-count,
  .post-card-body .post-meta-line.gv-meta-modern2 .meta-reading .reading-value{
    min-width:max-content !important;
  }
}


/* v2.0.2 — CATEGORY CARDS: two-row meta chips so text/icons can be larger */
.post-card-body .post-meta-line.gv-meta-modern2{
  display:grid !important;
  grid-template-columns:max-content minmax(0,1fr) !important;
  grid-template-areas:
    "date author"
    "comments reading" !important;
  align-items:center !important;
  justify-content:start !important;
  column-gap:7px !important;
  row-gap:6px !important;
  width:100% !important;
  max-width:100% !important;
  overflow:hidden !important;
  white-space:nowrap !important;
}
.post-card-body .post-meta-line.gv-meta-modern2 .meta-date{grid-area:date !important;}
.post-card-body .post-meta-line.gv-meta-modern2 .meta-author{grid-area:author !important;}
.post-card-body .post-meta-line.gv-meta-modern2 .meta-comments{grid-area:comments !important;}
.post-card-body .post-meta-line.gv-meta-modern2 .meta-reading{grid-area:reading !important;}

.post-card-body .post-meta-line.gv-meta-modern2 .meta-chip{
  display:inline-flex !important;
  align-items:center !important;
  width:max-content !important;
  max-width:100% !important;
  min-width:0 !important;
  padding:5px 8px !important;
  gap:5px !important;
  border-radius:999px !important;
  flex:0 0 auto !important;
}
.post-card-body .post-meta-line.gv-meta-modern2 .meta-date,
.post-card-body .post-meta-line.gv-meta-modern2 .meta-comments,
.post-card-body .post-meta-line.gv-meta-modern2 .meta-reading{
  min-width:max-content !important;
}
.post-card-body .post-meta-line.gv-meta-modern2 .meta-author{
  min-width:0 !important;
  max-width:100% !important;
}
.post-card-body .post-meta-line.gv-meta-modern2 .meta-author a{
  display:block !important;
  min-width:0 !important;
  max-width:100% !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
}
.post-card-body .post-meta-line.gv-meta-modern2 .meta-icon-svg,
.post-card-body .post-meta-line.gv-meta-modern2 .meta-icon-svg svg{
  width:13px !important;
  height:13px !important;
}
.post-card-body .post-meta-line.gv-meta-modern2 .meta-icon-svg{
  flex:0 0 13px !important;
}
.post-card-body .post-meta-line.gv-meta-modern2 time,
.post-card-body .post-meta-line.gv-meta-modern2 a,
.post-card-body .post-meta-line.gv-meta-modern2 .comments-count,
.post-card-body .post-meta-line.gv-meta-modern2 .reading-value{
  font-size:11.5px !important;
  line-height:1.15 !important;
}

/* Desktop cards get a little more breathing room */
@media(min-width:1181px){
  .post-card-body .post-meta-line.gv-meta-modern2{
    column-gap:8px !important;
    row-gap:7px !important;
  }
  .post-card-body .post-meta-line.gv-meta-modern2 .meta-chip{
    padding:5px 9px !important;
    gap:5px !important;
  }
}

/* Tablet / narrow desktop */
@media(max-width:1180px){
  .post-card-body .post-meta-line.gv-meta-modern2{
    column-gap:6px !important;
    row-gap:5px !important;
  }
  .post-card-body .post-meta-line.gv-meta-modern2 .meta-chip{
    padding:4px 7px !important;
    gap:4px !important;
  }
  .post-card-body .post-meta-line.gv-meta-modern2 .meta-icon-svg,
  .post-card-body .post-meta-line.gv-meta-modern2 .meta-icon-svg svg{
    width:12px !important;
    height:12px !important;
  }
  .post-card-body .post-meta-line.gv-meta-modern2 .meta-icon-svg{flex-basis:12px !important;}
  .post-card-body .post-meta-line.gv-meta-modern2 time,
  .post-card-body .post-meta-line.gv-meta-modern2 a,
  .post-card-body .post-meta-line.gv-meta-modern2 .comments-count,
  .post-card-body .post-meta-line.gv-meta-modern2 .reading-value{
    font-size:10.5px !important;
  }
}

/* Mobile: still two rows, full-width safe, larger readable text */
@media(max-width:620px){
  .post-card-body .post-meta-line.gv-meta-modern2{
    grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
    column-gap:6px !important;
    row-gap:6px !important;
  }
  .post-card-body .post-meta-line.gv-meta-modern2 .meta-chip{
    width:100% !important;
    max-width:100% !important;
    justify-content:flex-start !important;
    padding:5px 7px !important;
  }
  .post-card-body .post-meta-line.gv-meta-modern2 .meta-date,
  .post-card-body .post-meta-line.gv-meta-modern2 .meta-comments,
  .post-card-body .post-meta-line.gv-meta-modern2 .meta-reading{
    min-width:0 !important;
  }
  .post-card-body .post-meta-line.gv-meta-modern2 .meta-date time,
  .post-card-body .post-meta-line.gv-meta-modern2 .comments-count,
  .post-card-body .post-meta-line.gv-meta-modern2 .reading-value{
    overflow:visible !important;
    text-overflow:clip !important;
    white-space:nowrap !important;
  }
  .post-card-body .post-meta-line.gv-meta-modern2 .meta-icon-svg,
  .post-card-body .post-meta-line.gv-meta-modern2 .meta-icon-svg svg{
    width:13px !important;
    height:13px !important;
  }
  .post-card-body .post-meta-line.gv-meta-modern2 .meta-icon-svg{flex-basis:13px !important;}
  .post-card-body .post-meta-line.gv-meta-modern2 time,
  .post-card-body .post-meta-line.gv-meta-modern2 a,
  .post-card-body .post-meta-line.gv-meta-modern2 .comments-count,
  .post-card-body .post-meta-line.gv-meta-modern2 .reading-value{
    font-size:11px !important;
  }
}


/* v2.0.3 — HERO/TOP PHOTO CARDS: same two-row chip system as category cards */
.hero-copy .post-meta-line.gv-meta-modern2{
  display:grid !important;
  grid-template-columns:max-content minmax(0,1fr) !important;
  grid-template-areas:
    "date author"
    "comments reading" !important;
  align-items:center !important;
  justify-content:start !important;
  column-gap:6px !important;
  row-gap:5px !important;
  width:100% !important;
  max-width:100% !important;
  padding-right:0 !important;
  overflow:hidden !important;
  white-space:nowrap !important;
}
.hero-copy .post-meta-line.gv-meta-modern2 .meta-date{grid-area:date !important;}
.hero-copy .post-meta-line.gv-meta-modern2 .meta-author{grid-area:author !important;}
.hero-copy .post-meta-line.gv-meta-modern2 .meta-comments{grid-area:comments !important;}
.hero-copy .post-meta-line.gv-meta-modern2 .meta-reading{grid-area:reading !important;}

.hero-copy .post-meta-line.gv-meta-modern2 .meta-chip{
  display:inline-flex !important;
  align-items:center !important;
  width:max-content !important;
  max-width:100% !important;
  min-width:0 !important;
  padding:4px 7px !important;
  gap:4px !important;
  border-radius:999px !important;
  flex:0 0 auto !important;
}
.hero-copy .post-meta-line.gv-meta-modern2 .meta-date,
.hero-copy .post-meta-line.gv-meta-modern2 .meta-comments,
.hero-copy .post-meta-line.gv-meta-modern2 .meta-reading{
  min-width:max-content !important;
}
.hero-copy .post-meta-line.gv-meta-modern2 .meta-author{
  min-width:0 !important;
  max-width:100% !important;
}
.hero-copy .post-meta-line.gv-meta-modern2 .meta-author a{
  display:block !important;
  min-width:0 !important;
  max-width:100% !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
}
.hero-copy .post-meta-line.gv-meta-modern2 .meta-icon-svg,
.hero-copy .post-meta-line.gv-meta-modern2 .meta-icon-svg svg{
  width:12px !important;
  height:12px !important;
}
.hero-copy .post-meta-line.gv-meta-modern2 .meta-icon-svg{
  flex:0 0 12px !important;
}
.hero-copy .post-meta-line.gv-meta-modern2 time,
.hero-copy .post-meta-line.gv-meta-modern2 a,
.hero-copy .post-meta-line.gv-meta-modern2 .comments-count,
.hero-copy .post-meta-line.gv-meta-modern2 .reading-value{
  font-size:10.5px !important;
  line-height:1.15 !important;
}

/* Large main hero can be slightly larger */
.hero-1 .hero-copy .post-meta-line.gv-meta-modern2{
  column-gap:7px !important;
  row-gap:6px !important;
}
.hero-1 .hero-copy .post-meta-line.gv-meta-modern2 .meta-chip{
  padding:5px 8px !important;
  gap:5px !important;
}
.hero-1 .hero-copy .post-meta-line.gv-meta-modern2 .meta-icon-svg,
.hero-1 .hero-copy .post-meta-line.gv-meta-modern2 .meta-icon-svg svg{
  width:13px !important;
  height:13px !important;
}
.hero-1 .hero-copy .post-meta-line.gv-meta-modern2 .meta-icon-svg{flex-basis:13px !important;}
.hero-1 .hero-copy .post-meta-line.gv-meta-modern2 time,
.hero-1 .hero-copy .post-meta-line.gv-meta-modern2 a,
.hero-1 .hero-copy .post-meta-line.gv-meta-modern2 .comments-count,
.hero-1 .hero-copy .post-meta-line.gv-meta-modern2 .reading-value{
  font-size:11.5px !important;
}

/* Smaller top cards: same 2 rows, slightly tighter */
.hero-2 .hero-copy .post-meta-line.gv-meta-modern2,
.hero-3 .hero-copy .post-meta-line.gv-meta-modern2,
.hero-4 .hero-copy .post-meta-line.gv-meta-modern2{
  column-gap:5px !important;
  row-gap:4px !important;
}
.hero-2 .hero-copy .post-meta-line.gv-meta-modern2 .meta-chip,
.hero-3 .hero-copy .post-meta-line.gv-meta-modern2 .meta-chip,
.hero-4 .hero-copy .post-meta-line.gv-meta-modern2 .meta-chip{
  padding:3px 6px !important;
  gap:4px !important;
}
.hero-2 .hero-copy .post-meta-line.gv-meta-modern2 .meta-icon-svg,
.hero-3 .hero-copy .post-meta-line.gv-meta-modern2 .meta-icon-svg,
.hero-4 .hero-copy .post-meta-line.gv-meta-modern2 .meta-icon-svg,
.hero-2 .hero-copy .post-meta-line.gv-meta-modern2 .meta-icon-svg svg,
.hero-3 .hero-copy .post-meta-line.gv-meta-modern2 .meta-icon-svg svg,
.hero-4 .hero-copy .post-meta-line.gv-meta-modern2 .meta-icon-svg svg{
  width:11px !important;
  height:11px !important;
}
.hero-2 .hero-copy .post-meta-line.gv-meta-modern2 .meta-icon-svg,
.hero-3 .hero-copy .post-meta-line.gv-meta-modern2 .meta-icon-svg,
.hero-4 .hero-copy .post-meta-line.gv-meta-modern2 .meta-icon-svg{flex-basis:11px !important;}
.hero-2 .hero-copy .post-meta-line.gv-meta-modern2 time,
.hero-2 .hero-copy .post-meta-line.gv-meta-modern2 a,
.hero-2 .hero-copy .post-meta-line.gv-meta-modern2 .comments-count,
.hero-2 .hero-copy .post-meta-line.gv-meta-modern2 .reading-value,
.hero-3 .hero-copy .post-meta-line.gv-meta-modern2 time,
.hero-3 .hero-copy .post-meta-line.gv-meta-modern2 a,
.hero-3 .hero-copy .post-meta-line.gv-meta-modern2 .comments-count,
.hero-3 .hero-copy .post-meta-line.gv-meta-modern2 .reading-value,
.hero-4 .hero-copy .post-meta-line.gv-meta-modern2 time,
.hero-4 .hero-copy .post-meta-line.gv-meta-modern2 a,
.hero-4 .hero-copy .post-meta-line.gv-meta-modern2 .comments-count,
.hero-4 .hero-copy .post-meta-line.gv-meta-modern2 .reading-value{
  font-size:9.5px !important;
}

/* Mobile/tablet: preserve the same two-row logic and keep everything inside */
@media(max-width:620px){
  .hero-copy .post-meta-line.gv-meta-modern2{
    grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
    column-gap:5px !important;
    row-gap:5px !important;
  }
  .hero-copy .post-meta-line.gv-meta-modern2 .meta-chip{
    width:100% !important;
    max-width:100% !important;
    justify-content:flex-start !important;
    padding:4px 6px !important;
  }
  .hero-copy .post-meta-line.gv-meta-modern2 .meta-date,
  .hero-copy .post-meta-line.gv-meta-modern2 .meta-comments,
  .hero-copy .post-meta-line.gv-meta-modern2 .meta-reading{
    min-width:0 !important;
  }
  .hero-copy .post-meta-line.gv-meta-modern2 .meta-date time,
  .hero-copy .post-meta-line.gv-meta-modern2 .comments-count,
  .hero-copy .post-meta-line.gv-meta-modern2 .reading-value{
    overflow:visible !important;
    text-overflow:clip !important;
    white-space:nowrap !important;
  }
  .hero-copy .post-meta-line.gv-meta-modern2 .meta-icon-svg,
  .hero-copy .post-meta-line.gv-meta-modern2 .meta-icon-svg svg{
    width:12px !important;
    height:12px !important;
  }
  .hero-copy .post-meta-line.gv-meta-modern2 .meta-icon-svg{flex-basis:12px !important;}
  .hero-copy .post-meta-line.gv-meta-modern2 time,
  .hero-copy .post-meta-line.gv-meta-modern2 a,
  .hero-copy .post-meta-line.gv-meta-modern2 .comments-count,
  .hero-copy .post-meta-line.gv-meta-modern2 .reading-value{
    font-size:10.5px !important;
  }
}


/* v2.0.4 — hero photo cards: larger chip text and true 2x2 alignment like category blocks */
.hero-copy .post-meta-line.gv-meta-modern2{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
  grid-template-areas:
    "date author"
    "comments reading" !important;
  align-items:center !important;
  justify-content:stretch !important;
  column-gap:6px !important;
  row-gap:6px !important;
  width:100% !important;
  max-width:100% !important;
  white-space:normal !important;
}
.hero-copy .post-meta-line.gv-meta-modern2 .meta-date{grid-area:date !important;}
.hero-copy .post-meta-line.gv-meta-modern2 .meta-author{grid-area:author !important;}
.hero-copy .post-meta-line.gv-meta-modern2 .meta-comments{grid-area:comments !important;}
.hero-copy .post-meta-line.gv-meta-modern2 .meta-reading{grid-area:reading !important;}
.hero-copy .post-meta-line.gv-meta-modern2 .meta-chip{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  padding:4px 7px !important;
  gap:4px !important;
  border-radius:999px !important;
}
.hero-copy .post-meta-line.gv-meta-modern2 .meta-author,
.hero-copy .post-meta-line.gv-meta-modern2 .meta-date,
.hero-copy .post-meta-line.gv-meta-modern2 .meta-comments,
.hero-copy .post-meta-line.gv-meta-modern2 .meta-reading{
  min-width:0 !important;
}
.hero-copy .post-meta-line.gv-meta-modern2 .meta-author a,
.hero-copy .post-meta-line.gv-meta-modern2 .meta-date time,
.hero-copy .post-meta-line.gv-meta-modern2 .comments-count,
.hero-copy .post-meta-line.gv-meta-modern2 .reading-value{
  display:block !important;
  min-width:0 !important;
  max-width:100% !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
  font-size:10.5px !important;
  line-height:1.15 !important;
}
.hero-copy .post-meta-line.gv-meta-modern2 .meta-icon-svg,
.hero-copy .post-meta-line.gv-meta-modern2 .meta-icon-svg svg{
  width:12px !important;
  height:12px !important;
}
.hero-copy .post-meta-line.gv-meta-modern2 .meta-icon-svg{flex:0 0 12px !important;}

/* Large main hero slightly bigger */
.hero-1 .hero-copy .post-meta-line.gv-meta-modern2{
  column-gap:7px !important;
  row-gap:7px !important;
}
.hero-1 .hero-copy .post-meta-line.gv-meta-modern2 .meta-chip{
  padding:5px 8px !important;
  gap:5px !important;
}
.hero-1 .hero-copy .post-meta-line.gv-meta-modern2 .meta-author a,
.hero-1 .hero-copy .post-meta-line.gv-meta-modern2 .meta-date time,
.hero-1 .hero-copy .post-meta-line.gv-meta-modern2 .comments-count,
.hero-1 .hero-copy .post-meta-line.gv-meta-modern2 .reading-value{
  font-size:11.5px !important;
}
.hero-1 .hero-copy .post-meta-line.gv-meta-modern2 .meta-icon-svg,
.hero-1 .hero-copy .post-meta-line.gv-meta-modern2 .meta-icon-svg svg{
  width:13px !important;
  height:13px !important;
}
.hero-1 .hero-copy .post-meta-line.gv-meta-modern2 .meta-icon-svg{flex-basis:13px !important;}

/* Smaller top hero cards: still aligned 2x2, but a touch more compact */
.hero-2 .hero-copy .post-meta-line.gv-meta-modern2,
.hero-3 .hero-copy .post-meta-line.gv-meta-modern2,
.hero-4 .hero-copy .post-meta-line.gv-meta-modern2{
  column-gap:5px !important;
  row-gap:5px !important;
}
.hero-2 .hero-copy .post-meta-line.gv-meta-modern2 .meta-chip,
.hero-3 .hero-copy .post-meta-line.gv-meta-modern2 .meta-chip,
.hero-4 .hero-copy .post-meta-line.gv-meta-modern2 .meta-chip{
  padding:4px 6px !important;
  gap:4px !important;
}
.hero-2 .hero-copy .post-meta-line.gv-meta-modern2 .meta-author a,
.hero-2 .hero-copy .post-meta-line.gv-meta-modern2 .meta-date time,
.hero-2 .hero-copy .post-meta-line.gv-meta-modern2 .comments-count,
.hero-2 .hero-copy .post-meta-line.gv-meta-modern2 .reading-value,
.hero-3 .hero-copy .post-meta-line.gv-meta-modern2 .meta-author a,
.hero-3 .hero-copy .post-meta-line.gv-meta-modern2 .meta-date time,
.hero-3 .hero-copy .post-meta-line.gv-meta-modern2 .comments-count,
.hero-3 .hero-copy .post-meta-line.gv-meta-modern2 .reading-value,
.hero-4 .hero-copy .post-meta-line.gv-meta-modern2 .meta-author a,
.hero-4 .hero-copy .post-meta-line.gv-meta-modern2 .meta-date time,
.hero-4 .hero-copy .post-meta-line.gv-meta-modern2 .comments-count,
.hero-4 .hero-copy .post-meta-line.gv-meta-modern2 .reading-value{
  font-size:10px !important;
}
.hero-2 .hero-copy .post-meta-line.gv-meta-modern2 .meta-icon-svg,
.hero-2 .hero-copy .post-meta-line.gv-meta-modern2 .meta-icon-svg svg,
.hero-3 .hero-copy .post-meta-line.gv-meta-modern2 .meta-icon-svg,
.hero-3 .hero-copy .post-meta-line.gv-meta-modern2 .meta-icon-svg svg,
.hero-4 .hero-copy .post-meta-line.gv-meta-modern2 .meta-icon-svg,
.hero-4 .hero-copy .post-meta-line.gv-meta-modern2 .meta-icon-svg svg{
  width:11px !important;
  height:11px !important;
}
.hero-2 .hero-copy .post-meta-line.gv-meta-modern2 .meta-icon-svg,
.hero-3 .hero-copy .post-meta-line.gv-meta-modern2 .meta-icon-svg,
.hero-4 .hero-copy .post-meta-line.gv-meta-modern2 .meta-icon-svg{flex-basis:11px !important;}

@media(max-width:620px){
  .hero-copy .post-meta-line.gv-meta-modern2{
    grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
    column-gap:5px !important;
    row-gap:5px !important;
  }
  .hero-copy .post-meta-line.gv-meta-modern2 .meta-chip{
    padding:4px 6px !important;
    gap:3px !important;
  }
  .hero-copy .post-meta-line.gv-meta-modern2 .meta-icon-svg,
  .hero-copy .post-meta-line.gv-meta-modern2 .meta-icon-svg svg{
    width:11px !important;
    height:11px !important;
  }
  .hero-copy .post-meta-line.gv-meta-modern2 .meta-icon-svg{flex-basis:11px !important;}
  .hero-copy .post-meta-line.gv-meta-modern2 .meta-author a,
  .hero-copy .post-meta-line.gv-meta-modern2 .meta-date time,
  .hero-copy .post-meta-line.gv-meta-modern2 .comments-count,
  .hero-copy .post-meta-line.gv-meta-modern2 .reading-value{
    font-size:9.5px !important;
  }
}


/* v2.0.5 — HERO META FINAL FIX: 4 clear chips, text stays inside the chip */
.hero-copy .post-meta-line.gv-meta-modern2{
  display:grid !important;
  grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  grid-template-areas:
    "date author"
    "comments reading" !important;
  width:100% !important;
  max-width:100% !important;
  gap:6px !important;
  column-gap:6px !important;
  row-gap:6px !important;
  align-items:stretch !important;
  justify-items:stretch !important;
  white-space:normal !important;
  overflow:hidden !important;
  box-sizing:border-box !important;
}
.hero-copy .post-meta-line.gv-meta-modern2 .meta-date{grid-area:date !important;}
.hero-copy .post-meta-line.gv-meta-modern2 .meta-author{grid-area:author !important;}
.hero-copy .post-meta-line.gv-meta-modern2 .meta-comments{grid-area:comments !important;}
.hero-copy .post-meta-line.gv-meta-modern2 .meta-reading{grid-area:reading !important;}

.hero-copy .post-meta-line.gv-meta-modern2 .meta-chip{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  width:100% !important;
  min-width:0 !important;
  max-width:100% !important;
  box-sizing:border-box !important;
  overflow:hidden !important;
  padding:4px 7px !important;
  gap:4px !important;
  border-radius:999px !important;
}
.hero-copy .post-meta-line.gv-meta-modern2 .meta-date,
.hero-copy .post-meta-line.gv-meta-modern2 .meta-author,
.hero-copy .post-meta-line.gv-meta-modern2 .meta-comments,
.hero-copy .post-meta-line.gv-meta-modern2 .meta-reading{
  min-width:0 !important;
  max-width:100% !important;
}
.hero-copy .post-meta-line.gv-meta-modern2 .meta-icon-svg{
  flex:0 0 12px !important;
  width:12px !important;
  height:12px !important;
}
.hero-copy .post-meta-line.gv-meta-modern2 .meta-icon-svg svg{
  width:12px !important;
  height:12px !important;
}
.hero-copy .post-meta-line.gv-meta-modern2 time,
.hero-copy .post-meta-line.gv-meta-modern2 a,
.hero-copy .post-meta-line.gv-meta-modern2 .comments-count,
.hero-copy .post-meta-line.gv-meta-modern2 .reading-value{
  display:block !important;
  flex:1 1 auto !important;
  min-width:0 !important;
  max-width:100% !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
  line-height:1.15 !important;
}
.hero-copy .post-meta-line.gv-meta-modern2 .meta-author a,
.hero-copy .post-meta-line.gv-meta-modern2 .meta-date time{
  font-size:10px !important;
}
.hero-copy .post-meta-line.gv-meta-modern2 .comments-count,
.hero-copy .post-meta-line.gv-meta-modern2 .reading-value{
  font-size:10px !important;
}

/* main big hero */
.hero-1 .hero-copy .post-meta-line.gv-meta-modern2{
  gap:7px !important;
  column-gap:7px !important;
  row-gap:7px !important;
}
.hero-1 .hero-copy .post-meta-line.gv-meta-modern2 .meta-chip{
  padding:5px 8px !important;
  gap:5px !important;
}
.hero-1 .hero-copy .post-meta-line.gv-meta-modern2 .meta-icon-svg{
  flex-basis:13px !important;
  width:13px !important;
  height:13px !important;
}
.hero-1 .hero-copy .post-meta-line.gv-meta-modern2 .meta-icon-svg svg{
  width:13px !important;
  height:13px !important;
}
.hero-1 .hero-copy .post-meta-line.gv-meta-modern2 time,
.hero-1 .hero-copy .post-meta-line.gv-meta-modern2 a,
.hero-1 .hero-copy .post-meta-line.gv-meta-modern2 .comments-count,
.hero-1 .hero-copy .post-meta-line.gv-meta-modern2 .reading-value{
  font-size:11px !important;
}

/* smaller photo cards */
.hero-2 .hero-copy .post-meta-line.gv-meta-modern2,
.hero-3 .hero-copy .post-meta-line.gv-meta-modern2,
.hero-4 .hero-copy .post-meta-line.gv-meta-modern2{
  gap:5px !important;
  column-gap:5px !important;
  row-gap:5px !important;
}
.hero-2 .hero-copy .post-meta-line.gv-meta-modern2 .meta-chip,
.hero-3 .hero-copy .post-meta-line.gv-meta-modern2 .meta-chip,
.hero-4 .hero-copy .post-meta-line.gv-meta-modern2 .meta-chip{
  padding:4px 6px !important;
  gap:4px !important;
}
.hero-2 .hero-copy .post-meta-line.gv-meta-modern2 .meta-icon-svg,
.hero-3 .hero-copy .post-meta-line.gv-meta-modern2 .meta-icon-svg,
.hero-4 .hero-copy .post-meta-line.gv-meta-modern2 .meta-icon-svg{
  flex-basis:11px !important;
  width:11px !important;
  height:11px !important;
}
.hero-2 .hero-copy .post-meta-line.gv-meta-modern2 .meta-icon-svg svg,
.hero-3 .hero-copy .post-meta-line.gv-meta-modern2 .meta-icon-svg svg,
.hero-4 .hero-copy .post-meta-line.gv-meta-modern2 .meta-icon-svg svg{
  width:11px !important;
  height:11px !important;
}
.hero-2 .hero-copy .post-meta-line.gv-meta-modern2 time,
.hero-2 .hero-copy .post-meta-line.gv-meta-modern2 a,
.hero-2 .hero-copy .post-meta-line.gv-meta-modern2 .comments-count,
.hero-2 .hero-copy .post-meta-line.gv-meta-modern2 .reading-value,
.hero-3 .hero-copy .post-meta-line.gv-meta-modern2 time,
.hero-3 .hero-copy .post-meta-line.gv-meta-modern2 a,
.hero-3 .hero-copy .post-meta-line.gv-meta-modern2 .comments-count,
.hero-3 .hero-copy .post-meta-line.gv-meta-modern2 .reading-value,
.hero-4 .hero-copy .post-meta-line.gv-meta-modern2 time,
.hero-4 .hero-copy .post-meta-line.gv-meta-modern2 a,
.hero-4 .hero-copy .post-meta-line.gv-meta-modern2 .comments-count,
.hero-4 .hero-copy .post-meta-line.gv-meta-modern2 .reading-value{
  font-size:9px !important;
}

@media(max-width:620px){
  .hero-copy .post-meta-line.gv-meta-modern2{
    gap:5px !important;
    column-gap:5px !important;
    row-gap:5px !important;
  }
  .hero-copy .post-meta-line.gv-meta-modern2 .meta-chip{
    padding:4px 6px !important;
    gap:3px !important;
  }
  .hero-copy .post-meta-line.gv-meta-modern2 .meta-icon-svg{
    flex-basis:11px !important;
    width:11px !important;
    height:11px !important;
  }
  .hero-copy .post-meta-line.gv-meta-modern2 .meta-icon-svg svg{
    width:11px !important;
    height:11px !important;
  }
  .hero-copy .post-meta-line.gv-meta-modern2 time,
  .hero-copy .post-meta-line.gv-meta-modern2 a,
  .hero-copy .post-meta-line.gv-meta-modern2 .comments-count,
  .hero-copy .post-meta-line.gv-meta-modern2 .reading-value{
    font-size:9px !important;
  }
}


/* v2.0.6 — TOP/HERO CHIPS = EXACT SAME SYSTEM AS CATEGORY CHIPS */
.hero-copy .post-meta-line.gv-meta-modern2{
  display:grid !important;
  grid-template-columns:max-content minmax(0,1fr) !important;
  grid-template-areas:
    "date author"
    "comments reading" !important;
  align-items:center !important;
  justify-content:start !important;
  column-gap:7px !important;
  row-gap:6px !important;
  width:100% !important;
  max-width:100% !important;
  overflow:hidden !important;
  white-space:nowrap !important;
  padding-right:0 !important;
}
.hero-copy .post-meta-line.gv-meta-modern2 .meta-date{grid-area:date !important;}
.hero-copy .post-meta-line.gv-meta-modern2 .meta-author{grid-area:author !important;}
.hero-copy .post-meta-line.gv-meta-modern2 .meta-comments{grid-area:comments !important;}
.hero-copy .post-meta-line.gv-meta-modern2 .meta-reading{grid-area:reading !important;}

.hero-copy .post-meta-line.gv-meta-modern2 .meta-chip{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  width:max-content !important;
  max-width:100% !important;
  min-width:0 !important;
  padding:5px 8px !important;
  gap:5px !important;
  border-radius:999px !important;
  flex:0 0 auto !important;
  box-sizing:border-box !important;
  overflow:hidden !important;
}
.hero-copy .post-meta-line.gv-meta-modern2 .meta-date,
.hero-copy .post-meta-line.gv-meta-modern2 .meta-comments,
.hero-copy .post-meta-line.gv-meta-modern2 .meta-reading{
  min-width:max-content !important;
}
.hero-copy .post-meta-line.gv-meta-modern2 .meta-author{
  min-width:0 !important;
  max-width:100% !important;
}
.hero-copy .post-meta-line.gv-meta-modern2 .meta-author a{
  display:block !important;
  min-width:0 !important;
  max-width:100% !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
}
.hero-copy .post-meta-line.gv-meta-modern2 .meta-icon-svg,
.hero-copy .post-meta-line.gv-meta-modern2 .meta-icon-svg svg{
  width:13px !important;
  height:13px !important;
}
.hero-copy .post-meta-line.gv-meta-modern2 .meta-icon-svg{
  flex:0 0 13px !important;
}
.hero-copy .post-meta-line.gv-meta-modern2 time,
.hero-copy .post-meta-line.gv-meta-modern2 a,
.hero-copy .post-meta-line.gv-meta-modern2 .comments-count,
.hero-copy .post-meta-line.gv-meta-modern2 .reading-value{
  font-size:11.5px !important;
  line-height:1.15 !important;
}

/* Same desktop breathing room as category cards */
@media(min-width:1181px){
  .hero-copy .post-meta-line.gv-meta-modern2{
    column-gap:8px !important;
    row-gap:7px !important;
  }
  .hero-copy .post-meta-line.gv-meta-modern2 .meta-chip{
    padding:5px 9px !important;
    gap:5px !important;
  }
}

/* Same tablet/narrow desktop sizing as category cards */
@media(max-width:1180px){
  .hero-copy .post-meta-line.gv-meta-modern2{
    column-gap:6px !important;
    row-gap:5px !important;
  }
  .hero-copy .post-meta-line.gv-meta-modern2 .meta-chip{
    padding:4px 7px !important;
    gap:4px !important;
  }
  .hero-copy .post-meta-line.gv-meta-modern2 .meta-icon-svg,
  .hero-copy .post-meta-line.gv-meta-modern2 .meta-icon-svg svg{
    width:12px !important;
    height:12px !important;
  }
  .hero-copy .post-meta-line.gv-meta-modern2 .meta-icon-svg{
    flex-basis:12px !important;
  }
  .hero-copy .post-meta-line.gv-meta-modern2 time,
  .hero-copy .post-meta-line.gv-meta-modern2 a,
  .hero-copy .post-meta-line.gv-meta-modern2 .comments-count,
  .hero-copy .post-meta-line.gv-meta-modern2 .reading-value{
    font-size:10.5px !important;
  }
}

/* Same mobile behavior as category cards */
@media(max-width:620px){
  .hero-copy .post-meta-line.gv-meta-modern2{
    grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
    column-gap:6px !important;
    row-gap:6px !important;
  }
  .hero-copy .post-meta-line.gv-meta-modern2 .meta-chip{
    width:100% !important;
    max-width:100% !important;
    justify-content:flex-start !important;
    padding:5px 7px !important;
  }
  .hero-copy .post-meta-line.gv-meta-modern2 .meta-date,
  .hero-copy .post-meta-line.gv-meta-modern2 .meta-comments,
  .hero-copy .post-meta-line.gv-meta-modern2 .meta-reading{
    min-width:0 !important;
  }
  .hero-copy .post-meta-line.gv-meta-modern2 .meta-date time,
  .hero-copy .post-meta-line.gv-meta-modern2 .comments-count,
  .hero-copy .post-meta-line.gv-meta-modern2 .reading-value{
    overflow:visible !important;
    text-overflow:clip !important;
    white-space:nowrap !important;
  }
  .hero-copy .post-meta-line.gv-meta-modern2 .meta-icon-svg,
  .hero-copy .post-meta-line.gv-meta-modern2 .meta-icon-svg svg{
    width:13px !important;
    height:13px !important;
  }
  .hero-copy .post-meta-line.gv-meta-modern2 .meta-icon-svg{
    flex-basis:13px !important;
  }
  .hero-copy .post-meta-line.gv-meta-modern2 time,
  .hero-copy .post-meta-line.gv-meta-modern2 a,
  .hero-copy .post-meta-line.gv-meta-modern2 .comments-count,
  .hero-copy .post-meta-line.gv-meta-modern2 .reading-value{
    font-size:11px !important;
  }
}


/* v2.0.7 — TOP 5 CARDS: exactly 4 visible chips, 2 columns x 2 rows */
.hero-copy .post-meta-line.gv-meta-modern2{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
  grid-template-areas:
    "date author"
    "comments reading" !important;
  width:100% !important;
  max-width:100% !important;
  gap:6px !important;
  column-gap:6px !important;
  row-gap:6px !important;
  align-items:stretch !important;
  justify-items:stretch !important;
  margin-top:8px !important;
  padding:0 !important;
  box-sizing:border-box !important;
  overflow:visible !important;
}

.hero-copy .post-meta-line.gv-meta-modern2 .meta-date{grid-area:date !important;}
.hero-copy .post-meta-line.gv-meta-modern2 .meta-author{grid-area:author !important;}
.hero-copy .post-meta-line.gv-meta-modern2 .meta-comments{grid-area:comments !important;}
.hero-copy .post-meta-line.gv-meta-modern2 .meta-reading{grid-area:reading !important;}

.hero-copy .post-meta-line.gv-meta-modern2 .meta-chip{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  min-height:28px !important;
  padding:5px 8px !important;
  gap:5px !important;
  box-sizing:border-box !important;
  border-radius:999px !important;
  overflow:hidden !important;
}

.hero-copy .post-meta-line.gv-meta-modern2 .meta-icon-svg{
  width:12px !important;
  height:12px !important;
  flex:0 0 12px !important;
}
.hero-copy .post-meta-line.gv-meta-modern2 .meta-icon-svg svg{
  width:12px !important;
  height:12px !important;
}

.hero-copy .post-meta-line.gv-meta-modern2 time,
.hero-copy .post-meta-line.gv-meta-modern2 a,
.hero-copy .post-meta-line.gv-meta-modern2 .comments-count,
.hero-copy .post-meta-line.gv-meta-modern2 .reading-value{
  display:block !important;
  flex:1 1 auto !important;
  min-width:0 !important;
  max-width:100% !important;
  margin:0 !important;
  padding:0 !important;
  color:#fff !important;
  font-size:10px !important;
  line-height:1.1 !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}

/* Main hero: same 4 boxes, just a little larger */
.hero-1 .hero-copy .post-meta-line.gv-meta-modern2{
  gap:7px !important;
}
.hero-1 .hero-copy .post-meta-line.gv-meta-modern2 .meta-chip{
  min-height:32px !important;
  padding:6px 9px !important;
  gap:6px !important;
}
.hero-1 .hero-copy .post-meta-line.gv-meta-modern2 .meta-icon-svg,
.hero-1 .hero-copy .post-meta-line.gv-meta-modern2 .meta-icon-svg svg{
  width:13px !important;
  height:13px !important;
}
.hero-1 .hero-copy .post-meta-line.gv-meta-modern2 .meta-icon-svg{
  flex-basis:13px !important;
}
.hero-1 .hero-copy .post-meta-line.gv-meta-modern2 time,
.hero-1 .hero-copy .post-meta-line.gv-meta-modern2 a,
.hero-1 .hero-copy .post-meta-line.gv-meta-modern2 .comments-count,
.hero-1 .hero-copy .post-meta-line.gv-meta-modern2 .reading-value{
  font-size:11px !important;
}

/* Smaller top cards: still exactly 4 boxes */
.hero-2 .hero-copy .post-meta-line.gv-meta-modern2 .meta-chip,
.hero-3 .hero-copy .post-meta-line.gv-meta-modern2 .meta-chip,
.hero-4 .hero-copy .post-meta-line.gv-meta-modern2 .meta-chip{
  min-height:26px !important;
  padding:4px 7px !important;
  gap:4px !important;
}
.hero-2 .hero-copy .post-meta-line.gv-meta-modern2 time,
.hero-2 .hero-copy .post-meta-line.gv-meta-modern2 a,
.hero-2 .hero-copy .post-meta-line.gv-meta-modern2 .comments-count,
.hero-2 .hero-copy .post-meta-line.gv-meta-modern2 .reading-value,
.hero-3 .hero-copy .post-meta-line.gv-meta-modern2 time,
.hero-3 .hero-copy .post-meta-line.gv-meta-modern2 a,
.hero-3 .hero-copy .post-meta-line.gv-meta-modern2 .comments-count,
.hero-3 .hero-copy .post-meta-line.gv-meta-modern2 .reading-value,
.hero-4 .hero-copy .post-meta-line.gv-meta-modern2 time,
.hero-4 .hero-copy .post-meta-line.gv-meta-modern2 a,
.hero-4 .hero-copy .post-meta-line.gv-meta-modern2 .comments-count,
.hero-4 .hero-copy .post-meta-line.gv-meta-modern2 .reading-value{
  font-size:9.5px !important;
}

@media(max-width:620px){
  .hero-copy .post-meta-line.gv-meta-modern2{
    grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
    gap:5px !important;
  }
  .hero-copy .post-meta-line.gv-meta-modern2 .meta-chip{
    min-height:28px !important;
    padding:5px 7px !important;
  }
  .hero-copy .post-meta-line.gv-meta-modern2 time,
  .hero-copy .post-meta-line.gv-meta-modern2 a,
  .hero-copy .post-meta-line.gv-meta-modern2 .comments-count,
  .hero-copy .post-meta-line.gv-meta-modern2 .reading-value{
    font-size:9.5px !important;
  }
}


/* v2.0.9 — TOP HERO BLOCKS: same chips as Category blocks */
.hero-copy .post-meta-line.gv-meta-modern2{
  display:grid !important;
  grid-template-columns:max-content minmax(0,1fr) !important;
  grid-template-areas:
    "date author"
    "comments reading" !important;
  align-items:center !important;
  justify-content:start !important;
  column-gap:7px !important;
  row-gap:6px !important;
  width:100% !important;
  max-width:100% !important;
  overflow:hidden !important;
  white-space:nowrap !important;
}
.hero-copy .post-meta-line.gv-meta-modern2 .meta-date{grid-area:date !important;}
.hero-copy .post-meta-line.gv-meta-modern2 .meta-author{grid-area:author !important;}
.hero-copy .post-meta-line.gv-meta-modern2 .meta-comments{grid-area:comments !important;}
.hero-copy .post-meta-line.gv-meta-modern2 .meta-reading{grid-area:reading !important;}

.hero-copy .post-meta-line.gv-meta-modern2 .meta-chip{
  display:inline-flex !important;
  align-items:center !important;
  width:max-content !important;
  max-width:100% !important;
  min-width:0 !important;
  padding:5px 8px !important;
  gap:5px !important;
  border-radius:999px !important;
  flex:0 0 auto !important;
}
.hero-copy .post-meta-line.gv-meta-modern2 .meta-date,
.hero-copy .post-meta-line.gv-meta-modern2 .meta-comments,
.hero-copy .post-meta-line.gv-meta-modern2 .meta-reading{
  min-width:max-content !important;
}
.hero-copy .post-meta-line.gv-meta-modern2 .meta-author{
  min-width:0 !important;
  max-width:100% !important;
}
.hero-copy .post-meta-line.gv-meta-modern2 .meta-author a{
  display:block !important;
  min-width:0 !important;
  max-width:100% !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
}
.hero-copy .post-meta-line.gv-meta-modern2 .meta-icon-svg,
.hero-copy .post-meta-line.gv-meta-modern2 .meta-icon-svg svg{
  width:13px !important;
  height:13px !important;
}
.hero-copy .post-meta-line.gv-meta-modern2 .meta-icon-svg{
  flex:0 0 13px !important;
}
.hero-copy .post-meta-line.gv-meta-modern2 time,
.hero-copy .post-meta-line.gv-meta-modern2 a,
.hero-copy .post-meta-line.gv-meta-modern2 .comments-count,
.hero-copy .post-meta-line.gv-meta-modern2 .reading-value{
  font-size:11.5px !important;
  line-height:1.15 !important;
}

/* Desktop cards get a little more breathing room */
@media(min-width:1181px){
  .hero-copy .post-meta-line.gv-meta-modern2{
    column-gap:8px !important;
    row-gap:7px !important;
  }
  .hero-copy .post-meta-line.gv-meta-modern2 .meta-chip{
    padding:5px 9px !important;
    gap:5px !important;
  }
}

/* Tablet / narrow desktop */
@media(max-width:1180px){
  .hero-copy .post-meta-line.gv-meta-modern2{
    column-gap:6px !important;
    row-gap:5px !important;
  }
  .hero-copy .post-meta-line.gv-meta-modern2 .meta-chip{
    padding:4px 7px !important;
    gap:4px !important;
  }
  .hero-copy .post-meta-line.gv-meta-modern2 .meta-icon-svg,
  .hero-copy .post-meta-line.gv-meta-modern2 .meta-icon-svg svg{
    width:12px !important;
    height:12px !important;
  }
  .hero-copy .post-meta-line.gv-meta-modern2 .meta-icon-svg{flex-basis:12px !important;}
  .hero-copy .post-meta-line.gv-meta-modern2 time,
  .hero-copy .post-meta-line.gv-meta-modern2 a,
  .hero-copy .post-meta-line.gv-meta-modern2 .comments-count,
  .hero-copy .post-meta-line.gv-meta-modern2 .reading-value{
    font-size:10.5px !important;
  }
}

/* Mobile: still two rows, full-width safe, larger readable text */
@media(max-width:620px){
  .hero-copy .post-meta-line.gv-meta-modern2{
    grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
    column-gap:6px !important;
    row-gap:6px !important;
  }
  .hero-copy .post-meta-line.gv-meta-modern2 .meta-chip{
    width:100% !important;
    max-width:100% !important;
    justify-content:flex-start !important;
    padding:5px 7px !important;
  }
  .hero-copy .post-meta-line.gv-meta-modern2 .meta-date,
  .hero-copy .post-meta-line.gv-meta-modern2 .meta-comments,
  .hero-copy .post-meta-line.gv-meta-modern2 .meta-reading{
    min-width:0 !important;
  }
  .hero-copy .post-meta-line.gv-meta-modern2 .meta-date time,
  .hero-copy .post-meta-line.gv-meta-modern2 .comments-count,
  .hero-copy .post-meta-line.gv-meta-modern2 .reading-value{
    overflow:visible !important;
    text-overflow:clip !important;
    white-space:nowrap !important;
  }
  .hero-copy .post-meta-line.gv-meta-modern2 .meta-icon-svg,
  .hero-copy .post-meta-line.gv-meta-modern2 .meta-icon-svg svg{
    width:13px !important;
    height:13px !important;
  }
  .hero-copy .post-meta-line.gv-meta-modern2 .meta-icon-svg{flex-basis:13px !important;}
  .hero-copy .post-meta-line.gv-meta-modern2 time,
  .hero-copy .post-meta-line.gv-meta-modern2 a,
  .hero-copy .post-meta-line.gv-meta-modern2 .comments-count,
  .hero-copy .post-meta-line.gv-meta-modern2 .reading-value{
    font-size:11px !important;
  }
}


/* v2.1.0 — REMOVE ALL META CHIPS ACROSS THE THEME */
.post-meta-line.gv-meta-modern2 .meta-chip,
.post-card-body .post-meta-line.gv-meta-modern2 .meta-chip,
.hero-copy .post-meta-line.gv-meta-modern2 .meta-chip,
.archive-card .post-meta-line.gv-meta-modern2 .meta-chip,
.list-post .post-meta-line.gv-meta-modern2 .meta-chip{
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
  padding:0 !important;
  min-height:0 !important;
}

/* Keep icon + text readable without chip backgrounds */
.post-meta-line.gv-meta-modern2 .meta-chip{
  display:inline-flex !important;
  align-items:center !important;
  gap:5px !important;
}

/* Remove any chip-like pseudo/extra styling */
.post-meta-line.gv-meta-modern2 .meta-chip::before,
.post-meta-line.gv-meta-modern2 .meta-chip::after{
  content:none !important;
  display:none !important;
}


/* =========================================================
   v2.1.1 — HOMEPAGE META CHIPS
   Order: Date → Author → Comments → Reading time
   Desktop: 1 row
   Mobile: responsive 2x2, same reading order
   ========================================================= */

/* shared homepage row */
.home-shell .post-meta-line.gv-meta-modern2{
  display:flex !important;
  flex-wrap:nowrap !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:6px !important;
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  margin-top:9px !important;
  padding:0 !important;
  white-space:nowrap !important;
  overflow:visible !important;
}

/* each icon + text is ONE chip */
.home-shell .post-meta-line.gv-meta-modern2 .meta-chip{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  flex:0 0 auto !important;
  width:auto !important;
  max-width:100% !important;
  min-width:0 !important;
  margin:0 !important;
  padding:5px 8px !important;
  gap:5px !important;

  background:rgba(8,15,25,.78) !important;
  border:1px solid rgba(124,255,79,.15) !important;
  border-radius:999px !important;
  box-shadow:0 2px 8px rgba(0,0,0,.18) !important;
  backdrop-filter:blur(6px) !important;
  -webkit-backdrop-filter:blur(6px) !important;

  box-sizing:border-box !important;
  white-space:nowrap !important;
}

/* lime icons */
.home-shell .post-meta-line.gv-meta-modern2 .meta-icon-svg{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  flex:0 0 12px !important;
  width:12px !important;
  height:12px !important;
  margin:0 !important;
  color:#15803d !important;
}
.home-shell .post-meta-line.gv-meta-modern2 .meta-icon-svg svg{
  display:block !important;
  width:12px !important;
  height:12px !important;
}

/* white text */
.home-shell .post-meta-line.gv-meta-modern2 time,
.home-shell .post-meta-line.gv-meta-modern2 a,
.home-shell .post-meta-line.gv-meta-modern2 .comments-count,
.home-shell .post-meta-line.gv-meta-modern2 .reading-value{
  display:inline-block !important;
  flex:0 0 auto !important;
  min-width:0 !important;
  max-width:none !important;
  margin:0 !important;
  padding:0 !important;
  color:#fff !important;
  font-size:10.5px !important;
  font-weight:500 !important;
  line-height:1 !important;
  white-space:nowrap !important;
  overflow:visible !important;
  text-overflow:clip !important;
}

/* keep exact order */
.home-shell .post-meta-line.gv-meta-modern2 .meta-date{order:1 !important;}
.home-shell .post-meta-line.gv-meta-modern2 .meta-author{order:2 !important;}
.home-shell .post-meta-line.gv-meta-modern2 .meta-comments{order:3 !important;}
.home-shell .post-meta-line.gv-meta-modern2 .meta-reading{order:4 !important;}

/* author stays white like the other text */
.home-shell .post-meta-line.gv-meta-modern2 .meta-author,
.home-shell .post-meta-line.gv-meta-modern2 .meta-author a,
.home-shell .post-meta-line.gv-meta-modern2 .meta-author a:link,
.home-shell .post-meta-line.gv-meta-modern2 .meta-author a:visited,
.home-shell .post-meta-line.gv-meta-modern2 .meta-author a:hover,
.home-shell .post-meta-line.gv-meta-modern2 .meta-author a:active{
  color:#fff !important;
  text-decoration:none !important;
}

/* HERO: fit inside photo */
.home-shell .hero-copy .post-meta-line.gv-meta-modern2{
  width:auto !important;
  max-width:100% !important;
  margin-top:8px !important;
}
.home-shell .hero-copy .post-meta-line.gv-meta-modern2 .meta-chip{
  padding:4px 7px !important;
  gap:4px !important;
}
.home-shell .hero-copy .post-meta-line.gv-meta-modern2 .meta-icon-svg,
.home-shell .hero-copy .post-meta-line.gv-meta-modern2 .meta-icon-svg svg{
  width:11px !important;
  height:11px !important;
}
.home-shell .hero-copy .post-meta-line.gv-meta-modern2 .meta-icon-svg{
  flex-basis:11px !important;
}
.home-shell .hero-copy .post-meta-line.gv-meta-modern2 time,
.home-shell .hero-copy .post-meta-line.gv-meta-modern2 a,
.home-shell .hero-copy .post-meta-line.gv-meta-modern2 .comments-count,
.home-shell .hero-copy .post-meta-line.gv-meta-modern2 .reading-value{
  font-size:9.5px !important;
}

/* large hero can use a slightly larger row */
.home-shell .hero-1 .hero-copy .post-meta-line.gv-meta-modern2 .meta-chip{
  padding:5px 8px !important;
  gap:5px !important;
}
.home-shell .hero-1 .hero-copy .post-meta-line.gv-meta-modern2 .meta-icon-svg,
.home-shell .hero-1 .hero-copy .post-meta-line.gv-meta-modern2 .meta-icon-svg svg{
  width:12px !important;
  height:12px !important;
}
.home-shell .hero-1 .hero-copy .post-meta-line.gv-meta-modern2 .meta-icon-svg{
  flex-basis:12px !important;
}
.home-shell .hero-1 .hero-copy .post-meta-line.gv-meta-modern2 time,
.home-shell .hero-1 .hero-copy .post-meta-line.gv-meta-modern2 a,
.home-shell .hero-1 .hero-copy .post-meta-line.gv-meta-modern2 .comments-count,
.home-shell .hero-1 .hero-copy .post-meta-line.gv-meta-modern2 .reading-value{
  font-size:10.5px !important;
}

/* regular homepage cards */
.home-shell .post-card-body .post-meta-line.gv-meta-modern2{
  overflow:hidden !important;
}
.home-shell .post-card-body .post-meta-line.gv-meta-modern2 .meta-chip{
  padding:5px 7px !important;
  gap:4px !important;
}
.home-shell .post-card-body .post-meta-line.gv-meta-modern2 time,
.home-shell .post-card-body .post-meta-line.gv-meta-modern2 a,
.home-shell .post-card-body .post-meta-line.gv-meta-modern2 .comments-count,
.home-shell .post-card-body .post-meta-line.gv-meta-modern2 .reading-value{
  font-size:10px !important;
}

/* Narrow desktop/tablet: keep one row where possible, scale gently */
@media (max-width:1180px){
  .home-shell .post-meta-line.gv-meta-modern2{
    gap:4px !important;
  }
  .home-shell .post-meta-line.gv-meta-modern2 .meta-chip{
    padding:4px 6px !important;
    gap:3px !important;
  }
  .home-shell .post-meta-line.gv-meta-modern2 .meta-icon-svg,
  .home-shell .post-meta-line.gv-meta-modern2 .meta-icon-svg svg{
    width:11px !important;
    height:11px !important;
  }
  .home-shell .post-meta-line.gv-meta-modern2 .meta-icon-svg{
    flex-basis:11px !important;
  }
  .home-shell .post-meta-line.gv-meta-modern2 time,
  .home-shell .post-meta-line.gv-meta-modern2 a,
  .home-shell .post-meta-line.gv-meta-modern2 .comments-count,
  .home-shell .post-meta-line.gv-meta-modern2 .reading-value{
    font-size:9.5px !important;
  }
}

/* Mobile: 2 columns so no chip leaves the card/photo.
   Reading order remains Date → Author → Comments → Time. */
@media (max-width:620px){
  .home-shell .post-meta-line.gv-meta-modern2,
  .home-shell .hero-copy .post-meta-line.gv-meta-modern2,
  .home-shell .post-card-body .post-meta-line.gv-meta-modern2{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
    grid-template-areas:
      "date author"
      "comments reading" !important;
    column-gap:6px !important;
    row-gap:6px !important;
    width:100% !important;
    max-width:100% !important;
    overflow:hidden !important;
  }

  .home-shell .post-meta-line.gv-meta-modern2 .meta-date{grid-area:date !important;}
  .home-shell .post-meta-line.gv-meta-modern2 .meta-author{grid-area:author !important;}
  .home-shell .post-meta-line.gv-meta-modern2 .meta-comments{grid-area:comments !important;}
  .home-shell .post-meta-line.gv-meta-modern2 .meta-reading{grid-area:reading !important;}

  .home-shell .post-meta-line.gv-meta-modern2 .meta-chip,
  .home-shell .hero-copy .post-meta-line.gv-meta-modern2 .meta-chip,
  .home-shell .post-card-body .post-meta-line.gv-meta-modern2 .meta-chip{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    padding:5px 7px !important;
    gap:4px !important;
    overflow:hidden !important;
  }

  .home-shell .post-meta-line.gv-meta-modern2 .meta-icon-svg,
  .home-shell .post-meta-line.gv-meta-modern2 .meta-icon-svg svg{
    width:12px !important;
    height:12px !important;
  }
  .home-shell .post-meta-line.gv-meta-modern2 .meta-icon-svg{
    flex-basis:12px !important;
  }

  .home-shell .post-meta-line.gv-meta-modern2 time,
  .home-shell .post-meta-line.gv-meta-modern2 a,
  .home-shell .post-meta-line.gv-meta-modern2 .comments-count,
  .home-shell .post-meta-line.gv-meta-modern2 .reading-value,
  .home-shell .hero-copy .post-meta-line.gv-meta-modern2 time,
  .home-shell .hero-copy .post-meta-line.gv-meta-modern2 a,
  .home-shell .hero-copy .post-meta-line.gv-meta-modern2 .comments-count,
  .home-shell .hero-copy .post-meta-line.gv-meta-modern2 .reading-value{
    font-size:10.5px !important;
    min-width:0 !important;
    max-width:100% !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
  }
}


/* v2.1.2 — remove chip backgrounds/borders/shadows, keep spacing and responsiveness */
.home-shell .post-meta-line.gv-meta-modern2 .meta-chip,
.home-shell .hero-copy .post-meta-line.gv-meta-modern2 .meta-chip,
.home-shell .post-card-body .post-meta-line.gv-meta-modern2 .meta-chip{
  background:transparent !important;
  border:none !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
  border-radius:0 !important;
}


/* v2.1.3 — author icon ↔ author name tighter spacing */
.home-shell .post-meta-line.gv-meta-modern2 .meta-author{
  gap:2px !important;
}
@media(max-width:620px){
  .home-shell .post-meta-line.gv-meta-modern2 .meta-author{
    gap:2px !important;
  }
}


/* =========================================================
   v2.1.4 — PHOTO META CHIPS
   Only Date + Author.
   Remove old chip layouts and place new chips on article photos.
   ========================================================= */

/* Base chip look */
.post-meta-line.gv-meta-modern2{
  display:flex !important;
  flex-wrap:wrap !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:8px !important;
  margin:0 !important;
  padding:0 !important;
  width:auto !important;
  max-width:100% !important;
}
.post-meta-line.gv-meta-modern2 .meta-chip{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:4px !important;
  min-width:0 !important;
  max-width:100% !important;
  padding:5px 9px !important;
  border-radius:999px !important;
  background:rgba(6,10,18,.72) !important;
  border:1px solid rgba(124,255,79,.16) !important;
  box-shadow:0 2px 10px rgba(0,0,0,.16) !important;
  backdrop-filter:blur(6px) !important;
  -webkit-backdrop-filter:blur(6px) !important;
  white-space:nowrap !important;
  box-sizing:border-box !important;
}
.post-meta-line.gv-meta-modern2 .meta-icon-svg{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:12px !important;
  height:12px !important;
  flex:0 0 12px !important;
  color:#15803d !important;
}
.post-meta-line.gv-meta-modern2 .meta-icon-svg svg{
  width:12px !important;
  height:12px !important;
  display:block !important;
}
.post-meta-line.gv-meta-modern2 time,
.post-meta-line.gv-meta-modern2 a{
  display:inline-block !important;
  margin:0 !important;
  padding:0 !important;
  color:#fff !important;
  font-size:10px !important;
  line-height:1 !important;
  white-space:nowrap !important;
  text-decoration:none !important;
}
.post-meta-line.gv-meta-modern2 .meta-author a{
  color:#fff !important;
}
/* Hide legacy chips if old markup somehow remains */
.post-meta-line.gv-meta-modern2 .meta-comments,
.post-meta-line.gv-meta-modern2 .meta-reading{display:none !important;}

/* Place chips on photos */
.post-thumb,
.archive-thumb,
.hero-card > a{
  position:relative !important;
}
.photo-meta-overlay{
  position:absolute !important;
  left:12px !important;
  right:12px !important;
  bottom:12px !important;
  z-index:4 !important;
  display:block !important;
  pointer-events:none !important;
}
.photo-meta-overlay .post-meta-line.gv-meta-modern2{
  gap:7px !important;
}
.photo-meta-overlay .post-meta-line.gv-meta-modern2 .meta-chip{
  pointer-events:auto !important;
}

/* Hero cards: chips inside the photo copy area */
.hero-copy .post-meta-line.gv-meta-modern2{
  margin-top:10px !important;
  gap:7px !important;
}
.hero-copy .post-meta-line.gv-meta-modern2 .meta-chip{
  padding:5px 9px !important;
}
.hero-copy .post-meta-line.gv-meta-modern2 time,
.hero-copy .post-meta-line.gv-meta-modern2 a{
  font-size:10px !important;
}
.hero-1 .hero-copy .post-meta-line.gv-meta-modern2 .meta-chip{
  padding:6px 10px !important;
}
.hero-1 .hero-copy .post-meta-line.gv-meta-modern2 .meta-icon-svg,
.hero-1 .hero-copy .post-meta-line.gv-meta-modern2 .meta-icon-svg svg{
  width:13px !important;
  height:13px !important;
}
.hero-1 .hero-copy .post-meta-line.gv-meta-modern2 .meta-icon-svg{flex-basis:13px !important;}
.hero-1 .hero-copy .post-meta-line.gv-meta-modern2 time,
.hero-1 .hero-copy .post-meta-line.gv-meta-modern2 a{
  font-size:11px !important;
}

/* Regular cards below image should no longer show meta there */
.post-card-body > .post-meta-line.gv-meta-modern2,
.archive-card > div > .post-meta-line.gv-meta-modern2{
  display:none !important;
}

/* Card images need breathing room for the chips */
.post-thumb img,
.archive-thumb img{
  display:block !important;
}

/* Mobile */
@media (max-width:620px){
  .photo-meta-overlay{
    left:10px !important;
    right:10px !important;
    bottom:10px !important;
  }
  .post-meta-line.gv-meta-modern2,
  .photo-meta-overlay .post-meta-line.gv-meta-modern2,
  .hero-copy .post-meta-line.gv-meta-modern2{
    gap:6px !important;
  }
  .post-meta-line.gv-meta-modern2 .meta-chip,
  .photo-meta-overlay .post-meta-line.gv-meta-modern2 .meta-chip,
  .hero-copy .post-meta-line.gv-meta-modern2 .meta-chip{
    padding:4px 8px !important;
    gap:4px !important;
  }
  .post-meta-line.gv-meta-modern2 .meta-icon-svg,
  .post-meta-line.gv-meta-modern2 .meta-icon-svg svg{
    width:11px !important;
    height:11px !important;
  }
  .post-meta-line.gv-meta-modern2 .meta-icon-svg{flex-basis:11px !important;}
  .post-meta-line.gv-meta-modern2 time,
  .post-meta-line.gv-meta-modern2 a,
  .hero-copy .post-meta-line.gv-meta-modern2 time,
  .hero-copy .post-meta-line.gv-meta-modern2 a{
    font-size:9.5px !important;
  }
}


/* =========================================================
   v2.1.4-nc — NO CHIPS
   Hard-disable all card/article metadata chips and overlays.
   ========================================================= */
.post-meta-line.gv-meta-modern2,
.photo-meta-overlay,
.meta-chip{
  display:none !important;
}




/* =========================================================
   v2.1.4.6 — REMOVE EXTRA GAP BEFORE FOOTER
   Single post: Previous/Next cards → footer
   Category pages: content → footer
   ========================================================= */

/* Remove the large bottom padding of the page wrapper */
.single-post .page-shell,
.category .page-shell{
  padding-bottom:10px !important;
}

/* Navigation cards should not create an extra lower gap */
.single-post .post-nav.post-nav-cards{
  margin-bottom:0 !important;
}

/* Footer starts directly after the page content */
.single-post .site-footer,
.category .site-footer{
  margin-top:0 !important;
}

/* If comments are not displayed, keep only a small clean breathing space */
.single-post .single-article{
  margin-bottom:0 !important;
}

@media(max-width:620px){
  .single-post .page-shell,
  .category .page-shell{
    padding-bottom:8px !important;
  }

  .single-post .post-nav.post-nav-cards{
    margin-bottom:0 !important;
  }

  .single-post .site-footer,
  .category .site-footer{
    margin-top:0 !important;
  }
}


/* v2.1.4.7 — single post meta/share block moved below the image */
.single-post .article-header{
  margin-bottom:16px !important;
}
.single-post .article-info-after-hero{
  margin-top:14px !important;
  margin-bottom:18px !important;
}
.single-post .article-info-after-hero .article-share{
  margin-top:0 !important;
}
@media(max-width:980px){
  .single-post .article-info-after-hero{
    margin-top:12px !important;
    margin-bottom:16px !important;
  }
}
@media(max-width:620px){
  .single-post .article-info-after-hero{
    margin-top:10px !important;
    margin-bottom:14px !important;
  }
}


/* =========================================================
   v2.1.4.8 — SINGLE META TYPOGRAPHY LIKE ARTICLE TEXT
   Only the left meta line under the featured image is changed.
   The Share block on the right stays unchanged.
   ========================================================= */

.single-post .article-info-after-hero{
  align-items:flex-start !important;
}

.single-post .article-info-after-hero .article-meta-left{
  font-family: Georgia, serif !important;
  font-size: 19px !important;
  line-height: 1.78 !important;
  color: #e5e5e7 !important;
  gap: 10px !important;
}

.single-post .article-info-after-hero .article-meta-left .meta-item{
  font-family: Georgia, serif !important;
  font-size: 19px !important;
  line-height: 1.78 !important;
  color: #e5e5e7 !important;
}

.single-post .article-info-after-hero .article-meta-left strong{
  font-family: Georgia, serif !important;
  font-size: 19px !important;
  line-height: 1.78 !important;
  color: #15803d !important;
  font-weight: 700 !important;
}

.single-post .article-info-after-hero .article-meta-left .meta-separator{
  font-family: Georgia, serif !important;
  font-size: 19px !important;
  line-height: 1.78 !important;
  color: #e5e5e7 !important;
}

@media (max-width: 980px){
  .single-post .article-info-after-hero .article-meta-left,
  .single-post .article-info-after-hero .article-meta-left .meta-item,
  .single-post .article-info-after-hero .article-meta-left strong,
  .single-post .article-info-after-hero .article-meta-left .meta-separator{
    font-size: 18px !important;
    line-height: 1.72 !important;
  }
}

@media (max-width: 620px){
  .single-post .article-info-after-hero .article-meta-left,
  .single-post .article-info-after-hero .article-meta-left .meta-item,
  .single-post .article-info-after-hero .article-meta-left strong,
  .single-post .article-info-after-hero .article-meta-left .meta-separator{
    font-size: 16px !important;
    line-height: 1.66 !important;
  }
}


/* v2.1.4.11 — default logos and social networks */
.brand{display:flex;align-items:center;min-width:0;}
.brand-link{display:inline-flex;align-items:center;min-width:0;}
.brand-logo-image{display:block;height:52px;width:auto;max-width:min(100%,420px);object-fit:contain;margin-left:4px;}
.custom-logo{max-height:52px;width:auto;}
.footer-logo.footer-logo-image{display:block;margin-bottom:14px;}
.footer-logo.footer-logo-image::before{display:none !important;content:none !important;}
.footer-logo.footer-logo-image a{display:inline-flex;align-items:center;}
.footer-logo.footer-logo-image img{display:block;height:52px;width:auto;max-width:100%;object-fit:contain;}

/* Header socials like in the screenshot: plain letters, no circles */
.header-social-link{
  width:auto !important;
  height:auto !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  color:var(--accent,#15803d) !important;
  padding:2px !important;
  font-size:16px !important;
  font-weight:900 !important;
  line-height:1 !important;
  box-shadow:none !important;
}
.header-social-link:hover{color:#22a657 !important;background:transparent !important;border:0 !important;}
.header-socials{gap:18px !important;}

@media (max-width: 980px){
  .brand-logo-image{height:44px;max-width:260px;}
}
@media (max-width: 620px){
  .brand-logo-image{height:38px;max-width:210px;margin-left:0;}
  .footer-logo.footer-logo-image img{height:46px;}
}


/* v2.1.4.12 — themed social icons */
.header-social-link.share-btn.icon-only,
.footer-social-icon{
  width:44px;
  height:44px;
  padding:0;
  border-radius:999px;
  border:1px solid #15803d !important;
  background:rgba(255,159,28,.08) !important;
  color:#15803d !important;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  box-shadow:none;
}
.header-social-link.share-btn.icon-only svg,
.footer-social-icon svg{
  width:18px;
  height:18px;
  display:block;
  fill:currentColor;
}
.header-social-link.share-btn.icon-only:hover,
.footer-social-icon:hover{
  background:#15803d !important;
  color:#120c06 !important;
  border-color:#15803d !important;
}
.social-row{
  display:flex;
  align-items:center;
  gap:12px;
  flex-wrap:wrap;
}
.social-row a.footer-social-icon{
  font-size:0;
  line-height:0;
}
@media(max-width:620px){
  .header-social-link.share-btn.icon-only,
  .footer-social-icon{width:40px;height:40px;}
  .header-social-link.share-btn.icon-only svg,
  .footer-social-icon svg{width:17px;height:17px;}
}


/* v2.1.4.13 — identical header/footer social icon styling */
.header-socials{
  display:flex;
  align-items:center;
  gap:12px !important;
}

.header-socials .header-social-link,
.header-socials .footer-social-icon,
.site-footer .social-row .footer-social-icon{
  width:44px !important;
  height:44px !important;
  padding:0 !important;
  border-radius:999px !important;
  border:1px solid #15803d !important;
  background:rgba(255,159,28,.08) !important;
  color:#15803d !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  line-height:0 !important;
  font-size:0 !important;
  box-shadow:none !important;
}

.header-socials .header-social-link svg,
.header-socials .footer-social-icon svg,
.site-footer .social-row .footer-social-icon svg{
  width:18px !important;
  height:18px !important;
  display:block !important;
  fill:currentColor !important;
}

.header-socials .header-social-link:hover,
.header-socials .footer-social-icon:hover,
.site-footer .social-row .footer-social-icon:hover{
  background:#15803d !important;
  color:#120c06 !important;
  border-color:#15803d !important;
}

@media(max-width:620px){
  .header-socials .header-social-link,
  .header-socials .footer-social-icon,
  .site-footer .social-row .footer-social-icon{
    width:40px !important;
    height:40px !important;
  }
  .header-socials .header-social-link svg,
  .header-socials .footer-social-icon svg,
  .site-footer .social-row .footer-social-icon svg{
    width:17px !important;
    height:17px !important;
  }
}


/* v2.1.4.14 — footer socials use the same icon size as the main menu font */
.site-footer .social-row .footer-social-icon svg{
  width:13px !important;
  height:13px !important;
}

@media(max-width:620px){
  .site-footer .social-row .footer-social-icon svg{
    width:13px !important;
    height:13px !important;
  }
}


/* v2.1.4.15 — reduce header/footer social circle size to menu scale */
.header-socials .header-social-link,
.header-socials .footer-social-icon,
.site-footer .social-row .footer-social-icon{
  width:32px !important;
  height:32px !important;
  min-width:32px !important;
  min-height:32px !important;
  border-radius:999px !important;
}

.header-socials .header-social-link svg,
.header-socials .footer-social-icon svg,
.site-footer .social-row .footer-social-icon svg{
  width:13px !important;
  height:13px !important;
}

.header-socials{gap:10px !important;}
.site-footer .social-row{gap:10px !important;}

@media(max-width:620px){
  .header-socials .header-social-link,
  .header-socials .footer-social-icon,
  .site-footer .social-row .footer-social-icon{
    width:30px !important;
    height:30px !important;
    min-width:30px !important;
    min-height:30px !important;
  }
  .header-socials .header-social-link svg,
  .header-socials .footer-social-icon svg,
  .site-footer .social-row .footer-social-icon svg{
    width:12px !important;
    height:12px !important;
  }
}


/* v2.1.4.16 — social icons white default, lime on hover, both header and footer */
.header-socials .header-social-link,
.header-socials .footer-social-icon,
.site-footer .social-row .footer-social-icon{
  color:#ffffff !important;
}

.header-socials .header-social-link svg,
.header-socials .footer-social-icon svg,
.site-footer .social-row .footer-social-icon svg{
  fill:currentColor !important;
}

.header-socials .header-social-link:hover,
.header-socials .footer-social-icon:hover,
.site-footer .social-row .footer-social-icon:hover{
  color:#15803d !important;
}


/* =========================================================
   v2.1.4.17 — RESPONSIBLE GAMBLING FOOTER NOTICE
   Informational/editorial site disclaimer.
   ========================================================= */
.gambling-notice{
  position:relative;
  display:flex;
  align-items:flex-start;
  gap:14px;
  margin-top:30px;
  padding:16px 18px;
  border-top:1px solid rgba(255,255,255,.08);
  border-bottom:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.018);
}

.gambling-age-badge{
  width:42px;
  height:42px;
  min-width:42px;
  border:1px solid #15803d;
  border-radius:999px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#fff;
  font-size:13px;
  font-weight:900;
  line-height:1;
}

.gambling-notice-copy{
  min-width:0;
}

.gambling-notice-copy strong{
  display:block;
  margin:0 0 4px;
  color:#15803d;
  font-size:13px;
  line-height:1.35;
}

.gambling-notice-copy p{
  margin:0;
  max-width:1120px;
  color:#b8b8bf;
  font-size:12px;
  line-height:1.55;
}

@media(max-width:620px){
  .gambling-notice{
    gap:10px;
    margin-top:22px;
    padding:14px 0;
    background:transparent;
  }

  .gambling-age-badge{
    width:38px;
    height:38px;
    min-width:38px;
    font-size:12px;
  }

  .gambling-notice-copy strong{
    font-size:12px;
  }

  .gambling-notice-copy p{
    font-size:11px;
    line-height:1.5;
  }
}


/* =========================================================
   v2.1.4.18 — COMPACT FOOTER + NOTICE UNDER LOGO
   ========================================================= */

/* Give the brand/notice column more room, make the 3 right blocks a bit smaller */
.site-footer .footer-grid{
  grid-template-columns:1.45fr .78fr 1fr 1fr !important;
  gap:24px !important;
}
.site-footer .footer-col{
  padding-right:18px !important;
}
.site-footer .footer-col:not(.footer-brand) h3{
  font-size:24px !important;
  margin-bottom:14px !important;
}
.site-footer .footer-col:not(.footer-brand){
  font-size:14px !important;
}
.site-footer .footer-posts a{
  line-height:1.35 !important;
}
.site-footer .footer-posts li{
  padding-bottom:12px !important;
  margin-bottom:12px !important;
}
.site-footer .footer-subscribe p{
  margin-top:0 !important;
  line-height:1.45 !important;
}
.site-footer .subscribe-form{
  margin-top:12px !important;
  gap:10px !important;
}
.site-footer .subscribe-form input{
  padding:12px 14px !important;
}
.site-footer .subscribe-form button{
  padding:12px 14px !important;
}

/* Responsible gambling notice directly under the footer logo */
.footer-brand .gambling-notice-under-logo{
  width:100% !important;
  display:flex !important;
  align-items:flex-start !important;
  gap:10px !important;
  margin:12px 0 14px !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
}
.footer-brand .gambling-notice-under-logo .gambling-age-badge{
  width:34px !important;
  height:34px !important;
  min-width:34px !important;
  font-size:11px !important;
}
.footer-brand .gambling-notice-under-logo .gambling-notice-copy strong{
  margin-bottom:3px !important;
  font-size:11px !important;
  line-height:1.3 !important;
}
.footer-brand .gambling-notice-under-logo .gambling-notice-copy p{
  margin:0 !important;
  font-size:10.5px !important;
  line-height:1.45 !important;
  color:#b8b8bf !important;
}

@media(max-width:1100px){
  .site-footer .footer-grid{
    grid-template-columns:1.3fr .75fr 1fr 1fr !important;
    gap:18px !important;
  }
  .site-footer .footer-col:not(.footer-brand) h3{
    font-size:21px !important;
  }
}

@media(max-width:820px){
  .site-footer .footer-grid{
    grid-template-columns:1fr 1fr !important;
  }
}

@media(max-width:620px){
  .site-footer .footer-grid{
    grid-template-columns:1fr !important;
    gap:22px !important;
  }
  .site-footer .footer-col{
    padding-right:0 !important;
    border-right:0 !important;
  }
  .footer-brand .gambling-notice-under-logo{
    margin-top:10px !important;
  }
}


/* v2.1.4.19 — brand column order spacing */
.footer-brand > p{
  margin:0 0 14px !important;
}
.footer-brand .footer-logo.footer-logo-image{
  margin-bottom:16px !important;
}
.footer-brand .gambling-notice-under-logo{
  margin:0 0 16px !important;
}
.footer-brand .social-row{
  margin-top:0 !important;
}


/* v2.1.4.20 — footer logo sizing for new square SG symbol */
.footer-logo.footer-logo-image img{
  height:68px;
  width:auto;
  max-width:100%;
  object-fit:contain;
}

@media(max-width:620px){
  .footer-logo.footer-logo-image img{
    height:58px;
  }
}


/* v2.1.4.21 — clean symbol-only footer logo sizing */
.footer-logo.footer-logo-image img{
  height:64px;
  width:auto;
  max-width:100%;
  object-fit:contain;
}

@media(max-width:620px){
  .footer-logo.footer-logo-image img{
    height:54px;
  }
}


/* v2.1.4.22 — identical logo size in Header and Footer */
.brand-logo-image,
.footer-logo.footer-logo-image img{
  height:52px !important;
  width:auto !important;
  max-width:100% !important;
  object-fit:contain !important;
}

@media(max-width:980px){
  .brand-logo-image,
  .footer-logo.footer-logo-image img{
    height:44px !important;
  }
}

@media(max-width:620px){
  .brand-logo-image,
  .footer-logo.footer-logo-image img{
    height:38px !important;
  }
}


/* v2.1.4.23 — align menu/social block with the text portion of the header logo */
@media (min-width:981px){
  .site-header .main-nav,
  .site-header .header-tools{
    transform:translateY(4px) !important;
  }
}


/* v2.1.4.24 — HOME menu item as lime home icon */
.main-nav li:first-child > a{
  font-size:0 !important;
  line-height:1 !important;
  width:30px !important;
  height:30px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:0 !important;
  color:#15803d !important;
  position:relative !important;
}

.main-nav li:first-child > a::before{
  content:"" !important;
  width:15px !important;
  height:15px !important;
  display:block !important;
  background-color:currentColor !important;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 11.2 12 4l9 7.2v8.3a.5.5 0 0 1-.5.5h-5.2v-5.7H8.7V20H3.5a.5.5 0 0 1-.5-.5v-8.3Z' fill='%23000'/%3E%3C/svg%3E") center / contain no-repeat !important;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 11.2 12 4l9 7.2v8.3a.5.5 0 0 1-.5.5h-5.2v-5.7H8.7V20H3.5a.5.5 0 0 1-.5-.5v-8.3Z' fill='%23000'/%3E%3C/svg%3E") center / contain no-repeat !important;
}

.main-nav li:first-child > a:hover,
.main-nav li:first-child.current-menu-item > a{
  color:#22a657 !important;
}

@media(max-width:620px){
  .main-nav li:first-child > a{
    width:28px !important;
    height:28px !important;
  }
  .main-nav li:first-child > a::before{
    width:14px !important;
    height:14px !important;
  }
}


/* v2.1.4.25 — HOME icon aligned with the rest of the menu */
.main-nav ul{
  align-items:center !important;
}

.main-nav li:first-child{
  display:flex !important;
  align-items:center !important;
}

.main-nav li:first-child > a{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  transform:translateY(-1px) !important;
  vertical-align:middle !important;
}


/* v2.1.4.26 — HOME icon only: slightly larger than menu text */
.main-nav li:first-child > a::before{
  width:19px !important;
  height:19px !important;
}

@media(max-width:620px){
  .main-nav li:first-child > a::before{
    width:18px !important;
    height:18px !important;
  }
}


/* =========================================================
   v2.1.4.27 — MOBILE HEADER ONLY
   Open menu: links aligned left, social icons below.
   Desktop styles are not changed.
   ========================================================= */

.mobile-menu-socials{
  display:none;
}

@media(max-width:980px){

  .site-header .main-nav{
    left:0 !important;
    right:0 !important;
    width:100% !important;
    top:70px !important;
    padding:20px 24px 18px !important;
    background:#121214 !important;
    border-bottom:1px solid rgba(255,255,255,.08) !important;
  }

  .site-header .main-nav > ul,
  .site-header .main-nav .menu{
    display:flex !important;
    flex-direction:column !important;
    align-items:flex-start !important;
    justify-content:flex-start !important;
    gap:12px !important;
    width:100% !important;
    margin:0 !important;
    padding:0 !important;
    text-align:left !important;
  }

  .site-header .main-nav li{
    width:auto !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    text-align:left !important;
  }

  .site-header .main-nav li > a{
    justify-content:flex-start !important;
    text-align:left !important;
  }

  /* Social icons shown only inside the opened mobile menu */
  .mobile-menu-socials{
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    flex-wrap:wrap !important;
    gap:10px !important;
    width:100% !important;
    margin-top:16px !important;
    padding-top:16px !important;
    border-top:1px solid rgba(255,255,255,.08) !important;
  }

  .mobile-menu-socials .mobile-social-icon{
    width:32px !important;
    height:32px !important;
    min-width:32px !important;
    min-height:32px !important;
    padding:0 !important;
    border-radius:999px !important;
    border:1px solid #15803d !important;
    background:rgba(255,159,28,.05) !important;
    color:#fff !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    line-height:0 !important;
  }

  .mobile-menu-socials .mobile-social-icon svg{
    width:13px !important;
    height:13px !important;
    display:block !important;
    fill:currentColor !important;
  }

  .mobile-menu-socials .mobile-social-icon:hover{
    color:#15803d !important;
    background:rgba(255,159,28,.08) !important;
  }
}

@media(max-width:620px){
  .site-header .main-nav{
    padding-left:20px !important;
    padding-right:20px !important;
  }
}


/* =========================================================
   v2.1.4.28 — MOBILE MENU FINAL OVERRIDE
   Desktop (981px+) is untouched.
   ========================================================= */
@media (max-width:980px){

  /* Closed state */
  .site-header nav#primary-menu.main-nav{
    display:none !important;
  }

  /* Open state */
  .site-header nav#primary-menu.main-nav.open{
    display:flex !important;
    flex-direction:column !important;
    align-items:flex-start !important;
    justify-content:flex-start !important;

    position:absolute !important;
    top:70px !important;
    left:0 !important;
    right:0 !important;
    width:100% !important;
    z-index:999 !important;

    margin:0 !important;
    padding:20px 22px 18px !important;
    transform:none !important;

    background:#121214 !important;
    border-top:1px solid rgba(255,255,255,.05) !important;
    border-bottom:1px solid rgba(255,255,255,.10) !important;
  }

  /* WordPress menu UL — always aligned to the left */
  .site-header nav#primary-menu.main-nav.open > ul,
  .site-header nav#primary-menu.main-nav.open ul.menu,
  .site-header nav#primary-menu.main-nav.open > div > ul{
    display:flex !important;
    flex-direction:column !important;
    align-items:flex-start !important;
    justify-content:flex-start !important;

    width:100% !important;
    gap:12px !important;
    margin:0 !important;
    padding:0 !important;
    text-align:left !important;
  }

  .site-header nav#primary-menu.main-nav.open li{
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    width:100% !important;
    margin:0 !important;
    padding:0 !important;
    text-align:left !important;
  }

  .site-header nav#primary-menu.main-nav.open li > a{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    width:auto !important;
    margin:0 !important;
    text-align:left !important;
  }

  /* HOME icon stays on the same left edge as Sport/Game/Fun */
  .site-header nav#primary-menu.main-nav.open li:first-child > a{
    justify-content:flex-start !important;
    transform:none !important;
  }

  /* Social row directly under menu */
  .site-header nav#primary-menu.main-nav.open .mobile-menu-socials{
    display:flex !important;
    flex-direction:row !important;
    align-items:center !important;
    justify-content:flex-start !important;
    flex-wrap:wrap !important;

    width:100% !important;
    gap:10px !important;
    margin:16px 0 0 !important;
    padding:16px 0 0 !important;

    border-top:1px solid rgba(255,255,255,.09) !important;
  }

  .site-header nav#primary-menu.main-nav.open .mobile-menu-socials a{
    width:32px !important;
    height:32px !important;
    min-width:32px !important;
    min-height:32px !important;
    margin:0 !important;
    padding:0 !important;

    border:1px solid #15803d !important;
    border-radius:999px !important;
    background:transparent !important;
    color:#fff !important;

    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
  }

  .site-header nav#primary-menu.main-nav.open .mobile-menu-socials a svg{
    width:13px !important;
    height:13px !important;
    display:block !important;
    fill:currentColor !important;
  }

  .site-header nav#primary-menu.main-nav.open .mobile-menu-socials a:hover{
    color:#15803d !important;
  }

  /* Do not show the regular header social row on mobile.
     Socials are inside the opened hamburger menu instead. */
  .site-header .header-tools .header-socials{
    display:none !important;
  }
}

@media (max-width:620px){
  .site-header nav#primary-menu.main-nav.open{
    padding-left:18px !important;
    padding-right:18px !important;
  }
}


/* =========================================================
   v2.1.4.29 — KOTAKU-INSPIRED MOBILE DRAWER
   MOBILE ONLY. Desktop remains unchanged.
   No extra utility row, no "Mode" controls.
   ========================================================= */

.mobile-drawer-head{
  display:none;
}

@media(max-width:980px){

  /* Mobile menu becomes a left slide-out drawer */
  .site-header nav#primary-menu.main-nav{
    display:flex !important;
    flex-direction:column !important;
    align-items:stretch !important;

    position:fixed !important;
    top:0 !important;
    left:0 !important;
    right:auto !important;
    bottom:0 !important;

    width:min(84vw,360px) !important;
    height:100dvh !important;
    max-height:100dvh !important;

    margin:0 !important;
    padding:0 0 24px !important;

    background:#0d0d0f !important;
    color:#fff !important;
    border:0 !important;
    border-right:1px solid rgba(255,255,255,.10) !important;
    box-shadow:18px 0 50px rgba(0,0,0,.48) !important;

    z-index:9999 !important;
    overflow-y:auto !important;

    transform:translateX(-105%) !important;
    visibility:hidden !important;
    opacity:0 !important;
    transition:transform .25s ease, opacity .2s ease, visibility .25s !important;
  }

  .site-header nav#primary-menu.main-nav.open{
    transform:translateX(0) !important;
    visibility:visible !important;
    opacity:1 !important;
  }

  /* Dark overlay over the site while drawer is open */
  body.gv-mobile-menu-open::before{
    content:"";
    position:fixed;
    inset:0;
    background:rgba(0,0,0,.62);
    z-index:9990;
  }

  body.gv-mobile-menu-open{
    overflow:hidden;
  }

  /* Drawer top: site logo + X */
  .mobile-drawer-head{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:16px !important;

    min-height:78px !important;
    padding:14px 18px !important;

    border-bottom:1px solid rgba(255,255,255,.10) !important;
  }

  .mobile-drawer-logo{
    display:inline-flex !important;
    align-items:center !important;
    min-width:0 !important;
  }

  .mobile-drawer-logo img{
    display:block !important;
    height:42px !important;
    width:auto !important;
    max-width:235px !important;
    object-fit:contain !important;
  }

  .mobile-drawer-close{
    width:42px !important;
    height:42px !important;
    min-width:42px !important;
    padding:0 !important;
    border:0 !important;
    background:transparent !important;
    color:#fff !important;
    font-size:38px !important;
    font-weight:300 !important;
    line-height:1 !important;
    cursor:pointer !important;
  }

  /* Vertical menu, strong left-aligned typography */
  .site-header nav#primary-menu.main-nav.open > ul,
  .site-header nav#primary-menu.main-nav.open ul.menu,
  .site-header nav#primary-menu.main-nav.open > div:not(.mobile-drawer-head):not(.mobile-menu-socials) > ul{
    display:flex !important;
    flex-direction:column !important;
    align-items:flex-start !important;
    justify-content:flex-start !important;

    width:100% !important;
    gap:0 !important;
    margin:0 !important;
    padding:18px 22px 8px !important;
    text-align:left !important;
  }

  .site-header nav#primary-menu.main-nav.open li{
    display:block !important;
    width:100% !important;
    margin:0 !important;
    padding:0 !important;
  }

  .site-header nav#primary-menu.main-nav.open li > a{
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;

    width:100% !important;
    min-height:44px !important;
    padding:8px 0 !important;
    margin:0 !important;

    color:#fff !important;
    font-size:22px !important;
    font-weight:900 !important;
    line-height:1.15 !important;
    letter-spacing:.01em !important;
    text-transform:uppercase !important;
    text-align:left !important;

    transform:none !important;
  }

  .site-header nav#primary-menu.main-nav.open li > a:hover,
  .site-header nav#primary-menu.main-nav.open li.current-menu-item > a{
    color:#15803d !important;
  }

  /* HOME icon remains icon-only and aligns with the menu */
  .site-header nav#primary-menu.main-nav.open li:first-child > a{
    width:44px !important;
    min-height:44px !important;
    justify-content:flex-start !important;
    padding:8px 0 !important;
  }

  .site-header nav#primary-menu.main-nav.open li:first-child > a::before{
    width:22px !important;
    height:22px !important;
  }

  /* Socials at the bottom of the menu, similar structure to Kotaku */
  .site-header nav#primary-menu.main-nav.open .mobile-menu-socials{
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    flex-wrap:wrap !important;

    width:calc(100% - 44px) !important;
    gap:12px !important;

    margin:auto 22px 0 !important;
    padding:22px 0 0 !important;

    border-top:1px solid rgba(255,255,255,.10) !important;
  }

  .site-header nav#primary-menu.main-nav.open .mobile-menu-socials::before{
    content:"FOLLOW US";
    display:block;
    width:100%;
    margin-bottom:2px;
    color:#15803d;
    font-size:11px;
    font-weight:900;
    letter-spacing:.08em;
  }

  .site-header nav#primary-menu.main-nav.open .mobile-menu-socials a{
    width:36px !important;
    height:36px !important;
    min-width:36px !important;
    min-height:36px !important;

    border:1px solid #15803d !important;
    border-radius:999px !important;
    background:transparent !important;
    color:#fff !important;

    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
  }

  .site-header nav#primary-menu.main-nav.open .mobile-menu-socials a svg{
    width:14px !important;
    height:14px !important;
    fill:currentColor !important;
  }

  .site-header nav#primary-menu.main-nav.open .mobile-menu-socials a:hover{
    color:#15803d !important;
  }

  /* Do not show the regular top-row social icons on mobile */
  .site-header .header-tools .header-socials{
    display:none !important;
  }
}

@media(max-width:620px){
  .site-header nav#primary-menu.main-nav{
    width:min(88vw,340px) !important;
  }

  .mobile-drawer-head{
    min-height:72px !important;
    padding:12px 16px !important;
  }

  .mobile-drawer-logo img{
    height:38px !important;
    max-width:210px !important;
  }

  .site-header nav#primary-menu.main-nav.open > ul,
  .site-header nav#primary-menu.main-nav.open ul.menu,
  .site-header nav#primary-menu.main-nav.open > div:not(.mobile-drawer-head):not(.mobile-menu-socials) > ul{
    padding-left:20px !important;
    padding-right:20px !important;
  }

  .site-header nav#primary-menu.main-nav.open li > a{
    font-size:20px !important;
    min-height:42px !important;
  }

  .site-header nav#primary-menu.main-nav.open .mobile-menu-socials{
    width:calc(100% - 40px) !important;
    margin-left:20px !important;
    margin-right:20px !important;
  }
}


/* =========================================================
   v2.1.4.30 — FINAL MOBILE DRAWER
   ONLY <= 980px. Desktop remains unchanged.
   ========================================================= */

.mobile-gambling-notice{
  display:none;
}

@media(max-width:980px){

  /* Keep menu content compact: no giant empty gap before notice/socials */
  .site-header nav#primary-menu.main-nav.open .mobile-menu-socials{
    margin:18px 22px 0 !important;
    padding:16px 0 0 !important;
    width:calc(100% - 44px) !important;
    border-top:1px solid rgba(255,255,255,.10) !important;
  }

  /* Same text and 18+ plaque as desktop footer */
  .site-header nav#primary-menu.main-nav.open .mobile-gambling-notice{
    display:flex !important;
    align-items:flex-start !important;
    gap:10px !important;

    width:calc(100% - 44px) !important;
    margin:18px 22px 0 !important;
    padding:14px 0 !important;

    border-top:1px solid rgba(255,255,255,.10) !important;
    border-bottom:1px solid rgba(255,255,255,.10) !important;
    background:transparent !important;
  }

  .site-header nav#primary-menu.main-nav.open .mobile-gambling-age{
    width:34px !important;
    height:34px !important;
    min-width:34px !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    border:1px solid #15803d !important;
    border-radius:999px !important;
    color:#fff !important;

    font-size:11px !important;
    font-weight:900 !important;
    line-height:1 !important;
  }

  .site-header nav#primary-menu.main-nav.open .mobile-gambling-copy{
    min-width:0 !important;
  }

  .site-header nav#primary-menu.main-nav.open .mobile-gambling-copy strong{
    display:block !important;
    margin:0 0 3px !important;

    color:#15803d !important;
    font-size:11px !important;
    font-weight:800 !important;
    line-height:1.3 !important;
  }

  .site-header nav#primary-menu.main-nav.open .mobile-gambling-copy p{
    margin:0 !important;
    color:#e5e5e7 !important;
    font-size:10.5px !important;
    line-height:1.42 !important;
  }

  /* FOLLOW US row */
  .site-header nav#primary-menu.main-nav.open .mobile-menu-socials::before{
    content:"FOLLOW US" !important;
    display:block !important;
    width:100% !important;
    margin:0 0 9px !important;
    color:#15803d !important;
    font-size:11px !important;
    font-weight:900 !important;
    letter-spacing:.06em !important;
  }

  /* EXACT PC-style colors for mobile social icons:
     lime border, white icon; hover -> lime icon */
  .site-header nav#primary-menu.main-nav.open .mobile-menu-socials a{
    width:32px !important;
    height:32px !important;
    min-width:32px !important;
    min-height:32px !important;

    margin:0 !important;
    padding:0 !important;

    border:1px solid #15803d !important;
    border-radius:999px !important;
    background:transparent !important;
    color:#ffffff !important;

    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    line-height:0 !important;
    box-shadow:none !important;
  }

  .site-header nav#primary-menu.main-nav.open .mobile-menu-socials a svg{
    width:13px !important;
    height:13px !important;
    display:block !important;
    fill:currentColor !important;
    color:inherit !important;
  }

  .site-header nav#primary-menu.main-nav.open .mobile-menu-socials a:hover,
  .site-header nav#primary-menu.main-nav.open .mobile-menu-socials a:focus{
    color:#15803d !important;
    background:transparent !important;
  }

  /* Make sure Instagram follows the exact same color as the others */
  .site-header nav#primary-menu.main-nav.open .mobile-social-instagram,
  .site-header nav#primary-menu.main-nav.open .mobile-social-instagram svg{
    color:#ffffff !important;
    fill:currentColor !important;
  }

  .site-header nav#primary-menu.main-nav.open .mobile-social-instagram:hover,
  .site-header nav#primary-menu.main-nav.open .mobile-social-instagram:focus{
    color:#15803d !important;
  }
}

@media(max-width:620px){
  .site-header nav#primary-menu.main-nav.open .mobile-gambling-notice,
  .site-header nav#primary-menu.main-nav.open .mobile-menu-socials{
    width:calc(100% - 40px) !important;
    margin-left:20px !important;
    margin-right:20px !important;
  }

  .site-header nav#primary-menu.main-nav.open .mobile-gambling-age{
    width:32px !important;
    height:32px !important;
    min-width:32px !important;
    font-size:10.5px !important;
  }

  .site-header nav#primary-menu.main-nav.open .mobile-gambling-copy strong{
    font-size:10.5px !important;
  }

  .site-header nav#primary-menu.main-nav.open .mobile-gambling-copy p{
    font-size:10px !important;
    line-height:1.4 !important;
  }
}


/* =========================================================
   v2.1.4.31 — MOBILE DRAWER FINAL TWEAK
   - make mobile menu a fixed left drawer block like Kotaku
   - social icons: lime background/fill with black icon glyph
   - desktop untouched
   ========================================================= */

@media (max-width: 980px) {
  /* fixed drawer block */
  .site-header nav#primary-menu.main-nav {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    height: 100vh !important;
    width: min(78vw, 320px) !important;
    max-width: 320px !important;
    transform: translateX(-100%) !important;
    transition: transform .28s ease !important;
    z-index: 999999 !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    background: linear-gradient(180deg, rgba(5,12,28,.98) 0%, rgba(6,13,29,.99) 100%) !important;
    box-shadow: 12px 0 30px rgba(0,0,0,.42) !important;
    border-right: 1px solid rgba(255,255,255,.08) !important;
    -webkit-overflow-scrolling: touch !important;
  }

  .site-header nav#primary-menu.main-nav.open {
    transform: translateX(0) !important;
  }

  /* side overlay */
  .site-header nav#primary-menu.main-nav::after{
    content:"" !important;
    position: fixed !important;
    inset: 0 !important;
    left: min(78vw, 320px) !important;
    background: rgba(0,0,0,.55) !important;
    opacity: 0 !important;
    pointer-events: none !important;
    transition: opacity .28s ease !important;
    z-index: -1 !important;
  }

  .site-header nav#primary-menu.main-nav.open::after{
    opacity: 1 !important;
    pointer-events: auto !important;
  }

  body.mobile-menu-open{
    overflow: hidden !important;
  }

  /* keep contents aligned like a solid block */
  .site-header nav#primary-menu.main-nav.open .mobile-menu-header{
    position: sticky !important;
    top: 0 !important;
    z-index: 2 !important;
    background: linear-gradient(180deg, rgba(5,12,28,.98) 0%, rgba(6,13,29,.98) 100%) !important;
    padding-top: calc(env(safe-area-inset-top, 0px) + 18px) !important;
  }

  .site-header nav#primary-menu.main-nav.open .mobile-menu-items{
    margin-top: 0 !important;
    padding-top: 8px !important;
  }

  /* socials like requested: lime-filled circle, black icon */
  .site-header nav#primary-menu.main-nav.open .mobile-menu-socials a{
    background: #15803d !important;
    border-color: #15803d !important;
    color: #111111 !important;
    box-shadow: none !important;
  }

  .site-header nav#primary-menu.main-nav.open .mobile-menu-socials a svg,
  .site-header nav#primary-menu.main-nav.open .mobile-menu-socials a i{
    color: #111111 !important;
    fill: currentColor !important;
  }

  .site-header nav#primary-menu.main-nav.open .mobile-menu-socials a:hover,
  .site-header nav#primary-menu.main-nav.open .mobile-menu-socials a:focus{
    background: #22a657 !important;
    border-color: #22a657 !important;
    color: #111111 !important;
  }

  .site-header nav#primary-menu.main-nav.open .mobile-social-instagram,
  .site-header nav#primary-menu.main-nav.open .mobile-social-instagram svg{
    color:#111111 !important;
    fill:currentColor !important;
  }

  /* ensure the drawer starts as a clean block layout */
  .site-header nav#primary-menu.main-nav.open .mobile-gambling-notice,
  .site-header nav#primary-menu.main-nav.open .mobile-menu-socials{
    position: static !important;
  }
}

@media (max-width: 620px){
  .site-header nav#primary-menu.main-nav{
    width: min(82vw, 320px) !important;
  }
  .site-header nav#primary-menu.main-nav::after{
    left: min(82vw, 320px) !important;
  }
}


/* =========================================================
   v2.1.4.34 — MOBILE MENU SCROLL LOCK
   While the burger menu is open:
   - the page behind it cannot scroll
   - the menu stays fixed to the viewport
   - scrolling returns only after pressing X / closing menu
   Desktop is untouched.
   ========================================================= */
@media(max-width:980px){

  html:has(body.mobile-menu-open),
  html:has(body.gv-mobile-menu-open){
    overflow:hidden !important;
    height:100% !important;
  }

  body.mobile-menu-open,
  body.gv-mobile-menu-open{
    overflow:hidden !important;
    height:100vh !important;
    max-height:100vh !important;
    touch-action:none !important;
    overscroll-behavior:none !important;
  }

  .site-header nav#primary-menu.main-nav.open{
    position:fixed !important;
    top:0 !important;
    left:0 !important;
    bottom:0 !important;
    height:100vh !important;
    max-height:100vh !important;
    overflow-y:auto !important;
    overscroll-behavior:contain !important;
    -webkit-overflow-scrolling:touch !important;
    z-index:999999 !important;
  }
}


@media(max-width:980px){
  html.gv-menu-scroll-locked,
  html.gv-menu-scroll-locked body{
    overflow:hidden !important;
    overscroll-behavior:none !important;
  }
}


/* =========================================================
   v2.1.4.35 — MOBILE MENU LOCK + X CLOSE
   Page behind the drawer cannot scroll while menu is open.
   The drawer stays fixed until the X button is pressed.
   Desktop remains unchanged.
   ========================================================= */
@media(max-width:980px){

  html.gv-menu-scroll-locked,
  html.gv-menu-scroll-locked body{
    overflow:hidden !important;
    overscroll-behavior:none !important;
  }

  body.mobile-menu-open,
  body.gv-mobile-menu-open{
    overflow:hidden !important;
    touch-action:none !important;
    overscroll-behavior:none !important;
  }

  .site-header nav#primary-menu.main-nav.open{
    position:fixed !important;
    top:0 !important;
    left:0 !important;
    bottom:0 !important;
    height:100vh !important;
    height:100dvh !important;
    max-height:100vh !important;
    max-height:100dvh !important;
    z-index:999999 !important;
  }

  .mobile-drawer-close{
    position:relative !important;
    z-index:1000001 !important;
    pointer-events:auto !important;
    cursor:pointer !important;
    touch-action:manipulation !important;
  }
}


/* =========================================================
   v2.1.4.36 — MOBILE DRAWER INTERACTION FIX
   Keep the existing design exactly as-is.
   Only restore click/tap behavior.
   ========================================================= */
@media(max-width:980px){

  .site-header nav#primary-menu.main-nav,
  .site-header nav#primary-menu.main-nav.open{
    pointer-events:auto !important;
  }

  .site-header nav#primary-menu.main-nav.open *{
    pointer-events:auto !important;
  }

  .site-header nav#primary-menu.main-nav.open a,
  .site-header nav#primary-menu.main-nav.open button{
    position:relative !important;
    z-index:1000002 !important;
    pointer-events:auto !important;
    touch-action:manipulation !important;
  }

  .mobile-drawer-close{
    cursor:pointer !important;
    pointer-events:auto !important;
    touch-action:manipulation !important;
  }

  .site-header nav#primary-menu.main-nav.open li > a{
    cursor:pointer !important;
    pointer-events:auto !important;
  }

  html.gv-menu-scroll-locked,
  html.gv-menu-scroll-locked body{
    overflow:hidden !important;
    overscroll-behavior:none !important;
  }

  body.gv-mobile-menu-open{
    overflow:hidden !important;
    overscroll-behavior:none !important;
  }

  /* The fixed body is only the page behind the menu.
     The drawer itself remains interactive. */
  .site-header nav#primary-menu.main-nav.open{
    touch-action:auto !important;
  }
}


/* =========================================================
   v2.1.4.37 — MOBILE MENU TRUE INTERACTIVITY FIX
   Design unchanged. Removes tap-blocking layer only.
   ========================================================= */
@media(max-width:980px){

  /* Disable old nav pseudo-overlay completely — it could sit above links on mobile browsers */
  .site-header nav#primary-menu.main-nav::after,
  .site-header nav#primary-menu.main-nav.open::after{
    content:none !important;
    display:none !important;
    pointer-events:none !important;
  }

  /* Visual dark overlay is now behind the drawer and cannot receive taps */
  body.gv-mobile-menu-open::before{
    content:"" !important;
    position:fixed !important;
    inset:0 !important;
    z-index:999998 !important;
    background:rgba(0,0,0,.58) !important;
    pointer-events:none !important;
  }

  .site-header nav#primary-menu.main-nav,
  .site-header nav#primary-menu.main-nav.open{
    z-index:999999 !important;
    pointer-events:auto !important;
    touch-action:auto !important;
  }

  .site-header nav#primary-menu.main-nav.open .mobile-drawer-head,
  .site-header nav#primary-menu.main-nav.open ul,
  .site-header nav#primary-menu.main-nav.open li,
  .site-header nav#primary-menu.main-nav.open a,
  .site-header nav#primary-menu.main-nav.open button,
  .site-header nav#primary-menu.main-nav.open .mobile-gambling-notice,
  .site-header nav#primary-menu.main-nav.open .mobile-menu-socials{
    pointer-events:auto !important;
    touch-action:manipulation !important;
  }

  .site-header nav#primary-menu.main-nav.open a,
  .site-header nav#primary-menu.main-nav.open button{
    position:relative !important;
    z-index:1000001 !important;
  }

  .mobile-drawer-close{
    cursor:pointer !important;
  }

  /* Lock only page scrolling; DO NOT disable touch input */
  html.gv-menu-scroll-locked{
    overflow:hidden !important;
    overscroll-behavior:none !important;
  }

  body.gv-mobile-menu-open{
    overflow:hidden !important;
    overscroll-behavior:none !important;
    touch-action:auto !important;
  }

  /* The drawer itself remains fixed and interactive */
  .site-header nav#primary-menu.main-nav.open{
    position:fixed !important;
    top:0 !important;
    left:0 !important;
    bottom:0 !important;
    height:100dvh !important;
    max-height:100dvh !important;
    overflow-y:auto !important;
    -webkit-overflow-scrolling:touch !important;
  }
}


/* =========================================================
   v2.1.4.38 — MOBILE MENU BRIGHTNESS FIX
   Keep the drawer at full brightness immediately on open.
   Only the page behind the drawer is darkened.
   Desktop is untouched.
   ========================================================= */
@media(max-width:980px){

  /* The page overlay must stay BEHIND the header/drawer. */
  body.gv-mobile-menu-open::before{
    z-index:20 !important;
    opacity:1 !important;
    background:rgba(0,0,0,.58) !important;
    pointer-events:none !important;
  }

  /* Header/drawer stays above the dark page overlay. */
  body.gv-mobile-menu-open .site-header{
    z-index:999999 !important;
  }

  .site-header nav#primary-menu.main-nav.open{
    z-index:1000000 !important;
    opacity:1 !important;
    visibility:visible !important;
    filter:none !important;
    -webkit-filter:none !important;
    mix-blend-mode:normal !important;
    background:linear-gradient(180deg,#0d0d0f 0%,#06101d 100%) !important;
  }

  /* No dimming or opacity on any drawer content. */
  .site-header nav#primary-menu.main-nav.open,
  .site-header nav#primary-menu.main-nav.open *,
  .site-header nav#primary-menu.main-nav.open a,
  .site-header nav#primary-menu.main-nav.open button,
  .site-header nav#primary-menu.main-nav.open svg{
    opacity:1 !important;
  }

  .site-header nav#primary-menu.main-nav.open .mobile-drawer-head{
    background:#0d0d0f !important;
    opacity:1 !important;
  }

  /* Menu items should look exactly as bright before and after a tap. */
  .site-header nav#primary-menu.main-nav.open li > a,
  .site-header nav#primary-menu.main-nav.open li > a:link,
  .site-header nav#primary-menu.main-nav.open li > a:visited{
    color:#ffffff !important;
    opacity:1 !important;
  }

  .site-header nav#primary-menu.main-nav.open li > a:hover,
  .site-header nav#primary-menu.main-nav.open li > a:focus,
  .site-header nav#primary-menu.main-nav.open li > a:active,
  .site-header nav#primary-menu.main-nav.open li.current-menu-item > a{
    opacity:1 !important;
  }
}


/* =========================================================
   v2.1.4.39 — DESKTOP FOOTER FOLLOW US
   Desktop only. Mobile styles remain unchanged.
   ========================================================= */
@media(min-width:981px){
  .site-footer .footer-brand .footer-follow-label{
    display:block !important;
    margin:2px 0 10px !important;
    color:#15803d !important;
    font-size:12px !important;
    font-weight:800 !important;
    line-height:1.25 !important;
    letter-spacing:.04em !important;
    text-transform:none !important;
  }

  .site-footer .footer-brand .footer-follow-label + .social-row{
    margin-top:0 !important;
  }
}


/* =========================================================
   v2.1.4.40 — ad banners are image assets (not selectable text)
   ========================================================= */
.home-ad-banner{
  padding:0 !important;
  background:transparent !important;
  display:block !important;
  overflow:hidden !important;
  border-radius:28px !important;
}

.home-ad-banner-image{
  display:block !important;
  width:100% !important;
  height:auto !important;
  border-radius:28px !important;
  user-select:none !important;
  -webkit-user-select:none !important;
  -moz-user-select:none !important;
  -ms-user-select:none !important;
  -webkit-user-drag:none !important;
  pointer-events:none !important;
}

.home-ad-banner-wrap{
  user-select:none !important;
  -webkit-user-select:none !important;
}

@media (max-width: 767px){
  .home-ad-banner,
  .home-ad-banner-image{
    border-radius:22px !important;
  }
}


/* =========================================================
   v2.1.4.43 — DESKTOP FOOTER SOCIALS = HEADER SOCIALS
   Desktop only. Mobile remains unchanged.
   ========================================================= */
@media (min-width:981px){
  .site-footer .footer-brand .social-row{
    display:flex !important;
    align-items:center !important;
    gap:10px !important;
    margin-top:0 !important;
  }

  .site-footer .footer-brand .social-row a{
    width:32px !important;
    height:32px !important;
    min-width:32px !important;
    min-height:32px !important;
    padding:0 !important;
    margin:0 !important;

    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;

    border:1px solid #15803d !important;
    border-radius:999px !important;
    background:transparent !important;

    color:#ffffff !important;
    line-height:0 !important;
    box-shadow:none !important;
    text-decoration:none !important;
  }

  .site-footer .footer-brand .social-row a svg{
    width:13px !important;
    height:13px !important;
    display:block !important;
    fill:currentColor !important;
    color:inherit !important;
  }

  .site-footer .footer-brand .social-row a:hover,
  .site-footer .footer-brand .social-row a:focus{
    color:#15803d !important;
    background:transparent !important;
    border-color:#15803d !important;
  }
}


/* =========================================================
   v2.1.4.44 — DESKTOP HEADER SOCIALS = FOOTER SOCIALS
   Header social buttons now mirror footer dimensions/colors.
   Mobile remains unchanged.
   ========================================================= */
@media (min-width:981px){

  .site-header .header-tools .header-socials,
  .site-header .header-socials{
    display:flex !important;
    align-items:center !important;
    gap:10px !important;
  }

  .site-header .header-tools .header-socials a,
  .site-header .header-socials a{
    width:32px !important;
    height:32px !important;
    min-width:32px !important;
    min-height:32px !important;
    padding:0 !important;
    margin:0 !important;

    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;

    border:1px solid #15803d !important;
    border-radius:999px !important;
    background:transparent !important;

    color:#ffffff !important;
    line-height:0 !important;
    box-shadow:none !important;
    text-decoration:none !important;
  }

  .site-header .header-tools .header-socials a svg,
  .site-header .header-socials a svg{
    width:13px !important;
    height:13px !important;
    display:block !important;
    fill:currentColor !important;
    color:inherit !important;
  }

  .site-header .header-tools .header-socials a:hover,
  .site-header .header-tools .header-socials a:focus,
  .site-header .header-socials a:hover,
  .site-header .header-socials a:focus{
    color:#15803d !important;
    background:transparent !important;
    border-color:#15803d !important;
  }
}


/* =========================================================
   v2.1.4.45 — ONLY: Date + Author chips
   Placement: under article title, aligned left.
   ========================================================= */
.gv-post-chips{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  flex-wrap:wrap;
  gap:7px;
  margin:8px 0 0;
}

.gv-post-chip{
  display:inline-flex;
  align-items:center;
  gap:6px;
  min-height:27px;
  padding:4px 9px 4px 5px;
  border:1px solid rgba(255,159,28,.42);
  border-radius:6px;
  background:rgba(10,18,29,.78);
  color:#f4f7fb;
  font-family:Arial,Helvetica,sans-serif;
  font-size:11px;
  font-weight:600;
  line-height:1;
  white-space:nowrap;
}

.gv-post-chip-icon{
  width:20px;
  height:20px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:5px;
  background:rgba(255,159,28,.12);
  color:#15803d;
  flex:0 0 20px;
}

.gv-post-chip-icon svg{
  width:12px;
  height:12px;
  display:block;
  fill:currentColor;
}

.gv-post-chip-author{
  color:#15803d;
}

/* hero card chips remain readable on the image */
.hero-copy .gv-post-chips{
  margin-top:8px;
}

.hero-copy .gv-post-chip{
  background:rgba(5,12,22,.84);
  border-color:rgba(255,159,28,.55);
}

/* Category cards: chips stay under title and before excerpt */
.archive-card .gv-post-chips{
  margin:8px 0 10px;
}


/* v2.1.4.46 — HOME ONLY: category label directly before chips */
.home-shell .post-card-body > .kicker + .gv-post-chips,
.home-shell .hero-copy > .kicker + .gv-post-chips{
  margin-top:6px;
}


/* =========================================================
   v2.1.4.47 — CHIPS ONLY
   Date + Author always stay in ONE row.
   Adaptive sizing for different article/card widths.
   Nothing else in the theme is changed.
   ========================================================= */

.gv-post-chips{
  display:flex !important;
  flex-wrap:nowrap !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:clamp(4px, .55vw, 7px) !important;
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  overflow:hidden !important;
}

.gv-post-chip{
  flex:0 1 auto !important;
  min-width:0 !important;
  max-width:calc(50% - 2px) !important;
  white-space:nowrap !important;
  flex-wrap:nowrap !important;

  gap:clamp(3px, .4vw, 6px) !important;
  min-height:clamp(23px, 2vw, 27px) !important;
  padding:
    clamp(3px, .35vw, 4px)
    clamp(5px, .6vw, 9px)
    clamp(3px, .35vw, 4px)
    clamp(4px, .45vw, 5px) !important;

  font-size:clamp(8px, .72vw, 11px) !important;
  line-height:1 !important;
  overflow:hidden !important;
}

.gv-post-chip > span:last-child{
  display:block !important;
  min-width:0 !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
}

.gv-post-chip-icon{
  width:clamp(16px, 1.35vw, 20px) !important;
  height:clamp(16px, 1.35vw, 20px) !important;
  min-width:clamp(16px, 1.35vw, 20px) !important;
  flex:0 0 clamp(16px, 1.35vw, 20px) !important;
}

.gv-post-chip-icon svg{
  width:clamp(10px, .9vw, 12px) !important;
  height:clamp(10px, .9vw, 12px) !important;
}

/* On regular card grids, give both chips balanced space */
.post-card .gv-post-chip,
.archive-card .gv-post-chip{
  max-width:calc(50% - 2px) !important;
}

/* Hero cards usually have more room, so preserve full text where possible */
.hero-copy .gv-post-chips{
  width:auto !important;
  max-width:100% !important;
}

.hero-copy .gv-post-chip{
  max-width:none !important;
}

/* Extra protection for narrow mobile screens */
@media(max-width:620px){
  .gv-post-chips{
    gap:4px !important;
  }

  .gv-post-chip{
    max-width:calc(50% - 2px) !important;
    min-height:23px !important;
    padding:3px 5px 3px 4px !important;
    gap:3px !important;
    font-size:8.5px !important;
  }

  .gv-post-chip-icon{
    width:16px !important;
    height:16px !important;
    min-width:16px !important;
    flex-basis:16px !important;
  }

  .gv-post-chip-icon svg{
    width:10px !important;
    height:10px !important;
  }

  .hero-copy .gv-post-chip{
    max-width:calc(50% - 2px) !important;
  }
}


/* v2.1.4.48 — category pages: top posts use the same Home-style category + chips block */
.category-hero-grid{margin-bottom:18px;}
.category-posts-rest{display:grid;gap:16px;}


/* v2.1.4.49 — top Home block: same order as category cards (title, category, chips) */
.home-shell .hero-copy h2 + .kicker{margin-top:2px;}


/* =========================================================
   v2.1.4.50 — CHIPS ONLY
   Variant 2: no background, no border, one line.
   Structure remains: Category label first, then chips.
   Applies to desktop + mobile.
   ========================================================= */

.gv-post-chips{
  display:flex !important;
  flex-flow:row nowrap !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:clamp(5px, .45vw, 8px) !important;

  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;

  margin-top:6px !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;

  overflow:hidden !important;
  white-space:nowrap !important;
}

.gv-post-chip{
  display:inline-flex !important;
  flex:0 1 auto !important;
  align-items:center !important;
  gap:clamp(4px, .35vw, 6px) !important;

  min-width:0 !important;
  max-width:none !important;
  min-height:0 !important;

  margin:0 !important;
  padding:0 !important;

  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;

  color:#f4f4f5 !important;
  font-family:Arial,Helvetica,sans-serif !important;
  font-size:clamp(8px, .72vw, 11px) !important;
  font-weight:600 !important;
  line-height:1.15 !important;

  white-space:nowrap !important;
  overflow:hidden !important;
}

.gv-post-chip-author{
  color:#f4f4f5 !important;
}

.gv-post-chip-icon{
  width:clamp(13px, 1vw, 16px) !important;
  height:clamp(13px, 1vw, 16px) !important;
  min-width:clamp(13px, 1vw, 16px) !important;
  flex:0 0 clamp(13px, 1vw, 16px) !important;

  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;

  margin:0 !important;
  padding:0 !important;

  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  color:#15803d !important;
}

.gv-post-chip-icon svg{
  width:100% !important;
  height:100% !important;
  display:block !important;
  fill:currentColor !important;
}

.gv-post-chip-text{
  display:block !important;
  min-width:0 !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
}

.gv-post-chip-separator{
  flex:0 0 auto !important;
  color:#15803d !important;
  font-size:clamp(8px, .65vw, 10px) !important;
  line-height:1 !important;
}

/* Equal behavior for top featured block and Category article cards */
.home-shell .hero-copy .gv-post-chips,
.page-shell .hero-copy .gv-post-chips,
.archive-card .gv-post-chips{
  flex-wrap:nowrap !important;
  overflow:hidden !important;
}

/* Compact cards: date gets priority, author uses remaining space */
.home-shell .hero-copy .gv-post-chip-date,
.page-shell .hero-copy .gv-post-chip-date,
.archive-card .gv-post-chip-date{
  flex:0 1 auto !important;
}

.home-shell .hero-copy .gv-post-chip-author,
.page-shell .hero-copy .gv-post-chip-author,
.archive-card .gv-post-chip-author{
  flex:1 1 auto !important;
  min-width:0 !important;
}

/* Mobile: same one-line design, just slightly tighter */
@media(max-width:620px){
  .gv-post-chips{
    gap:4px !important;
  }

  .gv-post-chip{
    gap:3px !important;
    font-size:8.25px !important;
  }

  .gv-post-chip-icon{
    width:13px !important;
    height:13px !important;
    min-width:13px !important;
    flex-basis:13px !important;
  }

  .gv-post-chip-separator{
    font-size:8px !important;
  }
}


/* =========================================================
   v2.1.4.51 — Home Top 5: 1 large + 4 small
   Only this top block layout is changed.
   ========================================================= */

@media(min-width:981px){
  .home-shell .hero.hero-dark{
    grid-template-columns:2fr 1fr 1fr !important;
    grid-template-rows:230px 230px !important;
  }

  .home-shell .hero.hero-dark .hero-1{
    grid-column:1 !important;
    grid-row:1 / span 2 !important;
    min-height:474px !important;
  }

  .home-shell .hero.hero-dark .hero-2{
    grid-column:2 !important;
    grid-row:1 !important;
  }

  .home-shell .hero.hero-dark .hero-3{
    grid-column:3 !important;
    grid-row:1 !important;
  }

  .home-shell .hero.hero-dark .hero-4{
    grid-column:2 !important;
    grid-row:2 !important;
  }

  .home-shell .hero.hero-dark .hero-5{
    grid-column:3 !important;
    grid-row:2 !important;
  }
}

/* Tablet/mobile: keep existing adaptive behavior, but ensure all 5 render cleanly. */
@media(max-width:980px){
  .home-shell .hero.hero-dark .hero-5{
    display:block !important;
  }
}


/* =========================================================
   v2.1.4.56 — HOME ONLY: smaller gap before footer
   Nothing else changed.
   ========================================================= */
.home-shell{
  padding-bottom:14px !important;
}

.home-shell > .section-block:last-of-type{
  margin-bottom:10px !important;
}

.home-shell + .site-footer,
body.home .site-footer{
  margin-top:8px !important;
}

@media(max-width:980px){
  .home-shell{
    padding-bottom:10px !important;
  }

  body.home .site-footer{
    margin-top:6px !important;
  }
}


/* =========================================================
   v2.1.4.57 — FOOTER INTRO TEXT SIZE ONLY
   Left description = same font size/line-height as right description.
   ========================================================= */
.site-footer .footer-brand > p{
  font-size:14px !important;
  line-height:1.5 !important;
}

.site-footer .footer-subscribe > p{
  font-size:14px !important;
  line-height:1.5 !important;
}


/* =========================================================
   v2.1.4.58 — FOOTER SUBSCRIBE BUTTON ONLY
   Interactive hover/active effect.
   ========================================================= */
.site-footer .subscribe-form button{
  transition:
    background-color .20s ease,
    transform .20s ease,
    box-shadow .20s ease,
    filter .20s ease !important;
  will-change:transform;
}

.site-footer .subscribe-form button:hover,
.site-footer .subscribe-form button:focus-visible{
  background:#15803d !important;
  transform:translateY(-2px) !important;
  box-shadow:0 7px 20px rgba(255,159,28,.28) !important;
  filter:brightness(1.04) !important;
}

.site-footer .subscribe-form button:active{
  transform:translateY(0) scale(.99) !important;
  box-shadow:0 3px 10px rgba(255,159,28,.18) !important;
}


/* =========================================================
   v2.1.4.59 — FOOTER SUBSCRIBE BUTTON ONLY
   Keep the current color unchanged.
   Add a soft pulse/glow and press effect.
   ========================================================= */

@keyframes gv-subscribe-pulse{
  0%, 100%{
    box-shadow:0 0 0 rgba(255,159,28,0);
    transform:translateY(0) scale(1);
  }
  50%{
    box-shadow:0 0 18px rgba(255,159,28,.34);
    transform:translateY(-1px) scale(1.012);
  }
}

.site-footer .subscribe-form button{
  transition:
    transform .14s ease,
    box-shadow .20s ease !important;
}

.site-footer .subscribe-form button:hover,
.site-footer .subscribe-form button:focus-visible{
  background:inherit !important;
  filter:none !important;
  animation:gv-subscribe-pulse 1.15s ease-in-out infinite !important;
}

.site-footer .subscribe-form button:active{
  animation:none !important;
  background:inherit !important;
  filter:none !important;
  transform:translateY(1px) scale(.975) !important;
  box-shadow:0 2px 7px rgba(255,159,28,.20) !important;
}


/* =========================================================
   v2.1.4.60 — FOOTER SUBSCRIBE BUTTON ONLY
   Hover keeps the same lime color, lifts by 2px,
   adds a soft lime glow; active has a light press effect.
   ========================================================= */
.site-footer .subscribe-form button,
.footer-subscribe-form button,
.footer-newsletter button,
.site-footer input[type="submit"],
.site-footer button[type="submit"]{
  transition:
    transform .16s ease,
    box-shadow .18s ease,
    background-color .18s ease,
    color .18s ease !important;
}

.site-footer .subscribe-form button:hover,
.site-footer .subscribe-form button:focus-visible,
.footer-subscribe-form button:hover,
.footer-subscribe-form button:focus-visible,
.footer-newsletter button:hover,
.footer-newsletter button:focus-visible,
.site-footer input[type="submit"]:hover,
.site-footer input[type="submit"]:focus-visible,
.site-footer button[type="submit"]:hover,
.site-footer button[type="submit"]:focus-visible{
  background-color:#15803d !important;
  color:#120c06 !important;
  filter:none !important;
  transform:translateY(-2px) !important;
  box-shadow:0 0 0 1px rgba(255,159,28,.18), 0 8px 20px rgba(255,159,28,.28), 0 0 18px rgba(255,159,28,.26) !important;
  animation:none !important;
}

.site-footer .subscribe-form button:active,
.footer-subscribe-form button:active,
.footer-newsletter button:active,
.site-footer input[type="submit"]:active,
.site-footer button[type="submit"]:active{
  background-color:#15803d !important;
  color:#120c06 !important;
  filter:none !important;
  transform:translateY(1px) scale(.985) !important;
  box-shadow:0 0 0 1px rgba(255,159,28,.14), 0 4px 10px rgba(255,159,28,.18), 0 0 10px rgba(255,159,28,.18) !important;
  animation:none !important;
}


/* =========================================================
   v2.1.4.61 — SUBSCRIBE BUTTON: PRESS EFFECT ONLY
   No blinking, no pulsing, no hover lift, no hover glow.
   Color stays unchanged.
   ========================================================= */

.site-footer .subscribe-form button,
.footer-subscribe-form button,
.footer-newsletter button,
.site-footer input[type="submit"],
.site-footer button[type="submit"]{
  animation:none !important;
  filter:none !important;
  transition:transform .12s ease, box-shadow .12s ease !important;
}

.site-footer .subscribe-form button:hover,
.site-footer .subscribe-form button:focus-visible,
.footer-subscribe-form button:hover,
.footer-subscribe-form button:focus-visible,
.footer-newsletter button:hover,
.footer-newsletter button:focus-visible,
.site-footer input[type="submit"]:hover,
.site-footer input[type="submit"]:focus-visible,
.site-footer button[type="submit"]:hover,
.site-footer button[type="submit"]:focus-visible{
  animation:none !important;
  filter:none !important;
  transform:none !important;
  box-shadow:none !important;
}

.site-footer .subscribe-form button:active,
.footer-subscribe-form button:active,
.footer-newsletter button:active,
.site-footer input[type="submit"]:active,
.site-footer button[type="submit"]:active{
  animation:none !important;
  filter:none !important;
  transform:translateY(2px) scale(.985) !important;
  box-shadow:0 2px 6px rgba(0,0,0,.18) !important;
}


/* =========================================================
   v2.1.4.63 — PRE-FOOTER NEWSLETTER
   The old right footer subscribe column is intentionally empty.
   ========================================================= */
.gv-prefooter-newsletter{
  display:block !important;
  width:100% !important;
  padding:12px 0 18px !important;
  margin:0 !important;
  background:#06101c !important;
}

.gv-prefooter-newsletter .container{
  display:block !important;
}

.gv-newsletter-bar{
  display:grid !important;
  grid-template-columns:44px minmax(260px,1fr) minmax(420px,620px) !important;
  align-items:center !important;
  gap:16px !important;
  width:100% !important;
  padding:12px 14px !important;
  border:1px solid rgba(255,159,28,.60) !important;
  border-radius:10px !important;
  background:#091321 !important;
  box-shadow:0 0 0 1px rgba(255,159,28,.08) inset !important;
}

.gv-newsletter-icon{
  width:38px !important;
  height:38px !important;
  display:grid !important;
  place-items:center !important;
  color:#15803d !important;
}

.gv-newsletter-icon svg{
  width:28px !important;
  height:28px !important;
  display:block !important;
}

.gv-newsletter-copy{
  min-width:0 !important;
}

.gv-newsletter-copy strong{
  display:block !important;
  margin:0 0 2px !important;
  color:#ffffff !important;
  font-size:12px !important;
  line-height:1.2 !important;
  font-weight:900 !important;
  text-transform:uppercase !important;
}

.gv-newsletter-copy span{
  display:block !important;
  color:#a9b7c7 !important;
  font-size:11px !important;
  line-height:1.25 !important;
}

.gv-newsletter-form{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) 140px !important;
  align-items:center !important;
  gap:8px !important;
  margin:0 !important;
}

.gv-newsletter-form input{
  width:100% !important;
  height:36px !important;
  margin:0 !important;
  padding:0 12px !important;
  border:1px solid rgba(255,255,255,.12) !important;
  border-radius:7px !important;
  background:#0b1524 !important;
  color:#fff !important;
}

.gv-newsletter-form button{
  height:36px !important;
  margin:0 !important;
  padding:0 16px !important;
  border:0 !important;
  border-radius:7px !important;
  background:#15803d !important;
  color:#07101b !important;
  font-size:11px !important;
  font-weight:900 !important;
  text-transform:uppercase !important;
  cursor:pointer !important;
  transition:transform .12s ease !important;
}

.gv-newsletter-form button:hover,
.gv-newsletter-form button:focus-visible{
  background:#15803d !important;
  color:#07101b !important;
}

.gv-newsletter-form button:active{
  transform:translateY(2px) scale(.985) !important;
}

.site-footer .footer-subscribe-empty{
  display:block !important;
  min-height:1px !important;
  visibility:visible !important;
}

@media(max-width:1080px){
  .gv-newsletter-bar{
    grid-template-columns:40px 1fr !important;
  }

  .gv-newsletter-form{
    grid-column:1 / -1 !important;
    grid-template-columns:minmax(0,1fr) 140px !important;
  }
}

@media(max-width:620px){
  .gv-prefooter-newsletter{
    padding:8px 0 12px !important;
  }

  .gv-newsletter-bar{
    grid-template-columns:34px 1fr !important;
    gap:10px !important;
    padding:12px !important;
  }

  .gv-newsletter-icon{
    width:32px !important;
    height:32px !important;
  }

  .gv-newsletter-icon svg{
    width:24px !important;
    height:24px !important;
  }

  .gv-newsletter-copy strong{
    font-size:11px !important;
  }

  .gv-newsletter-copy span{
    font-size:10px !important;
  }

  .gv-newsletter-form{
    grid-template-columns:1fr !important;
  }

  .gv-newsletter-form button{
    width:100% !important;
  }
}


/* =========================================================
   v2.1.4.64 — FOOTER ONLY
   - Trending column intentionally empty
   - Socials moved from left column to right column
   - Social buttons larger
   ========================================================= */

.site-footer .footer-trending-empty .footer-empty-space{
  min-height:220px !important;
}

.site-footer .footer-socials-large{
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  justify-content:flex-start !important;
}

.site-footer .footer-socials-large .footer-follow-label{
  display:block !important;
  margin:0 0 14px !important;
  color:#15803d !important;
  font-size:15px !important;
  font-weight:900 !important;
  line-height:1.2 !important;
}

.site-footer .footer-socials-large .social-row{
  display:flex !important;
  align-items:center !important;
  flex-wrap:wrap !important;
  gap:12px !important;
  margin:0 !important;
}

.site-footer .footer-socials-large .social-row .footer-social-icon{
  width:44px !important;
  height:44px !important;
  min-width:44px !important;
  min-height:44px !important;
  border:1px solid #15803d !important;
  border-radius:999px !important;
  background:transparent !important;
  color:#ffffff !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  transition:transform .16s ease, color .16s ease, box-shadow .16s ease !important;
}

.site-footer .footer-socials-large .social-row .footer-social-icon svg{
  width:17px !important;
  height:17px !important;
  display:block !important;
  fill:currentColor !important;
}

.site-footer .footer-socials-large .social-row .footer-social-icon:hover,
.site-footer .footer-socials-large .social-row .footer-social-icon:focus-visible{
  color:#15803d !important;
  transform:translateY(-2px) !important;
  box-shadow:0 0 16px rgba(255,159,28,.18) !important;
}

@media(max-width:1080px){
  .site-footer .footer-trending-empty .footer-empty-space{
    min-height:12px !important;
  }

  .site-footer .footer-socials-large .social-row .footer-social-icon{
    width:40px !important;
    height:40px !important;
    min-width:40px !important;
    min-height:40px !important;
  }
}

@media(max-width:620px){
  .site-footer .footer-socials-large .footer-follow-label{
    font-size:14px !important;
  }

  .site-footer .footer-socials-large .social-row{
    gap:10px !important;
  }

  .site-footer .footer-socials-large .social-row .footer-social-icon{
    width:38px !important;
    height:38px !important;
    min-width:38px !important;
    min-height:38px !important;
  }

  .site-footer .footer-socials-large .social-row .footer-social-icon svg{
    width:15px !important;
    height:15px !important;
  }
}


/* =========================================================
   v2.1.4.65 — FOOTER SOCIALS ONLY
   Follow us typography = Explore.
   Social icons must fit inside the right footer block.
   ========================================================= */

@media(min-width:981px){

  /* Same typography as footer column headings such as EXPLORE */
  .site-footer .footer-socials-large .footer-follow-label{
    margin:0 0 18px !important;
    color:#15803d !important;
    font-size:30px !important;
    line-height:1.08 !important;
    font-weight:900 !important;
    text-transform:uppercase !important;
    letter-spacing:normal !important;
    font-family:Arial,Helvetica,sans-serif !important;
  }

  /* Keep all 5 networks on one row and inside the block */
  .site-footer .footer-socials-large .social-row{
    display:grid !important;
    grid-template-columns:repeat(5, minmax(0, 1fr)) !important;
    gap:8px !important;
    width:100% !important;
    max-width:270px !important;
    margin:0 !important;
    padding:0 !important;
    align-items:center !important;
  }

  .site-footer .footer-socials-large .social-row .footer-social-icon{
    width:40px !important;
    height:40px !important;
    min-width:40px !important;
    min-height:40px !important;
    max-width:40px !important;
    max-height:40px !important;
    margin:0 !important;
    justify-self:start !important;
  }

  .site-footer .footer-socials-large .social-row .footer-social-icon svg{
    width:15px !important;
    height:15px !important;
  }
}

/* Tablet: keep them in a single row if space allows */
@media(min-width:621px) and (max-width:980px){
  .site-footer .footer-socials-large .footer-follow-label{
    font-size:24px !important;
    line-height:1.08 !important;
    font-weight:900 !important;
    text-transform:uppercase !important;
    font-family:Arial,Helvetica,sans-serif !important;
  }

  .site-footer .footer-socials-large .social-row{
    display:flex !important;
    flex-wrap:nowrap !important;
    gap:8px !important;
    width:100% !important;
    max-width:240px !important;
  }

  .site-footer .footer-socials-large .social-row .footer-social-icon{
    width:38px !important;
    height:38px !important;
    min-width:38px !important;
    min-height:38px !important;
  }
}


/* =========================================================
   v2.1.4.66 — CONFIGURABLE EXTRA FOOTER MENU
   Same style as Explore; items are managed from WordPress Menus.
   ========================================================= */
.site-footer .footer-extra-menu h3{
  color:#15803d !important;
}
.site-footer .footer-extra-menu .footer-extra-nav{
  margin:0 !important;
  padding:0 !important;
  list-style:none !important;
}
.site-footer .footer-extra-menu .footer-extra-nav li{
  margin:10px 0 !important;
  padding:0 !important;
}
.site-footer .footer-extra-menu .footer-extra-nav a{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:12px !important;
  color:#f2f2f3 !important;
  font-size:14px !important;
  line-height:1.35 !important;
}
.site-footer .footer-extra-menu .footer-extra-nav a::after{
  content:"›" !important;
  color:#15803d !important;
  font-weight:800 !important;
}
.site-footer .footer-extra-menu .footer-extra-nav a:hover,
.site-footer .footer-extra-menu .footer-extra-nav a:focus-visible{
  color:#15803d !important;
}


/* =========================================================
   v2.1.4.67 — PRE-FOOTER SUBSCRIBE TEXT ONLY
   More visible text, while preserving space around it.
   ========================================================= */
.gv-newsletter-form button{
  font-size:13px !important;
  line-height:1 !important;
  font-weight:900 !important;
  letter-spacing:.025em !important;
  padding:0 20px !important;
  min-width:124px !important;
  width:auto !important;
  white-space:nowrap !important;
}

@media(max-width:620px){
  .gv-newsletter-form button{
    font-size:13px !important;
    padding-left:20px !important;
    padding-right:20px !important;
  }
}


/* =========================================================
   v2.1.4.68 — PERMANENT HOME ICON
   Home icon is provided by the theme and links to site root.
   It no longer depends on a Home page in Appearance > Menus.
   ========================================================= */

/* Restore ordinary menu styling for all real menu items. */
.main-nav li:not(.gv-home-menu-item) > a{
  width:auto !important;
  height:auto !important;
  font-size:13px !important;
  line-height:normal !important;
  padding:0 !important;
  color:#15803d !important;
  transform:none !important;
}

.main-nav li:not(.gv-home-menu-item) > a::before{
  content:none !important;
  display:none !important;
}

/* Dedicated Home icon item. */
.main-nav .gv-home-menu-item{
  display:flex !important;
  align-items:center !important;
}

.main-nav .gv-home-menu-item > a{
  font-size:0 !important;
  line-height:1 !important;
  width:30px !important;
  height:30px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:0 !important;
  color:#15803d !important;
  position:relative !important;
  transform:translateY(-1px) !important;
}

.main-nav .gv-home-menu-item > a::before{
  content:"" !important;
  width:19px !important;
  height:19px !important;
  display:block !important;
  background-color:currentColor !important;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 11.2 12 4l9 7.2v8.3a.5.5 0 0 1-.5.5h-5.2v-5.7H8.7V20H3.5a.5.5 0 0 1-.5-.5v-8.3Z' fill='%23000'/%3E%3C/svg%3E") center / contain no-repeat !important;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 11.2 12 4l9 7.2v8.3a.5.5 0 0 1-.5.5h-5.2v-5.7H8.7V20H3.5a.5.5 0 0 1-.5-.5v-8.3Z' fill='%23000'/%3E%3C/svg%3E") center / contain no-repeat !important;
}

.main-nav .gv-home-menu-item > a:hover,
.main-nav .gv-home-menu-item > a:focus{
  color:#22a657 !important;
}

@media(max-width:620px){
  .main-nav .gv-home-menu-item > a{
    width:28px !important;
    height:28px !important;
  }

  .main-nav .gv-home-menu-item > a::before{
    width:18px !important;
    height:18px !important;
  }

  .main-nav li:not(.gv-home-menu-item) > a{
    font-size:inherit !important;
  }
}


/* =========================================================
   v2.1.4.69 — Banner 1 and Banner 2 now span the full theme/content width
   so they align with the article template width.
   ========================================================= */
.home-ad-banner-wrap,
.home-ad-banner-wrap-secondary{
  width:100% !important;
  max-width:100% !important;
  padding-left:0 !important;
  padding-right:0 !important;
  justify-content:stretch !important;
}

.home-ad-banner{
  width:100% !important;
  max-width:100% !important;
}

.home-ad-banner-image{
  width:100% !important;
  display:block !important;
}

@media (max-width: 600px){
  .home-ad-banner-wrap,
  .home-ad-banner-wrap-secondary{
    padding-left:0 !important;
    padding-right:0 !important;
  }

  .home-ad-banner{
    width:100% !important;
    max-width:100% !important;
  }
}


/* =========================================================
   v2.1.4.70 — CATEGORY TOP AREA ONLY
   Two blocks:
   1) one large featured article on the left
   2) three compact articles inside one right-side block
   Applies to all category pages.
   ========================================================= */

.category-feature-two-blocks{
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);
  gap:14px;
  width:100%;
  margin:0 0 18px;
}

.category-feature-main-block,
.category-feature-side-block{
  min-width:0;
}

.category-feature-main{
  width:100%;
  height:474px;
  min-height:474px;
}

.category-feature-main > a,
.category-feature-small > a{
  display:block;
  width:100%;
  height:100%;
  position:relative;
}

.category-feature-main img,
.category-feature-small img{
  width:100%;
  height:100%;
  object-fit:cover;
}

.category-feature-side-block{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  grid-template-rows:230px 230px;
  gap:14px;
}

.category-feature-small{
  width:100%;
  min-width:0;
  height:230px;
}

.category-feature-small-1{
  grid-column:1;
  grid-row:1;
}

.category-feature-small-2{
  grid-column:2;
  grid-row:1;
}

.category-feature-small-3{
  grid-column:1;
  grid-row:2;
}

/* Compact typography/chips on the three smaller cards */
.category-feature-small .hero-copy{
  left:14px !important;
  right:14px !important;
  bottom:14px !important;
}

.category-feature-small .hero-copy h2{
  margin:4px 0 5px !important;
  font-size:15px !important;
  line-height:1.12 !important;
}

.category-feature-small .kicker{
  font-size:10px !important;
}

.category-feature-small .gv-post-chips{
  margin-top:5px !important;
  gap:4px !important;
}

.category-feature-small .gv-post-chip{
  font-size:8px !important;
  gap:3px !important;
}

.category-feature-small .gv-post-chip-icon{
  width:13px !important;
  height:13px !important;
  min-width:13px !important;
  flex-basis:13px !important;
}

/* Tablet */
@media(max-width:980px){
  .category-feature-two-blocks{
    grid-template-columns:1fr;
  }

  .category-feature-main{
    height:380px;
    min-height:380px;
  }

  .category-feature-side-block{
    grid-template-columns:repeat(2,minmax(0,1fr));
    grid-template-rows:220px 220px;
  }

  .category-feature-small{
    height:220px;
  }
}

/* Mobile */
@media(max-width:620px){
  .category-feature-two-blocks{
    display:block;
    margin-bottom:14px;
  }

  .category-feature-main{
    height:320px;
    min-height:320px;
    margin-bottom:12px;
  }

  .category-feature-side-block{
    display:grid;
    grid-template-columns:1fr;
    grid-template-rows:none;
    gap:12px;
  }

  .category-feature-small,
  .category-feature-small-1,
  .category-feature-small-2,
  .category-feature-small-3{
    grid-column:auto;
    grid-row:auto;
    height:220px;
  }

  .category-feature-small .hero-copy h2{
    font-size:16px !important;
  }
}


/* =========================================================
   v2.1.4.71 — CATEGORY TOP AREA ONLY
   Two equal large article blocks. The old 3-small-card block is gone.
   Applies to all category pages.
   ========================================================= */

.category-feature-two-large{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:14px !important;
  width:100% !important;
  margin:0 0 18px !important;
}

.category-feature-two-large .category-feature-large{
  width:100% !important;
  height:474px !important;
  min-height:474px !important;
}

.category-feature-two-large .category-feature-large > a{
  display:block !important;
  width:100% !important;
  height:100% !important;
  position:relative !important;
}

.category-feature-two-large .category-feature-large img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
}

/* Keep category + title + chips identical in both large blocks */
.category-feature-two-large .hero-copy{
  left:18px !important;
  right:18px !important;
  bottom:18px !important;
}

.category-feature-two-large .hero-copy h2{
  font-size:clamp(20px,2.1vw,30px) !important;
  line-height:1.08 !important;
  margin:7px 0 6px !important;
}

/* Hide old v2.1.4.70 layout if any stale markup/CSS remains */
.category-feature-two-blocks{
  display:none !important;
}

@media(max-width:980px){
  .category-feature-two-large .category-feature-large{
    height:380px !important;
    min-height:380px !important;
  }
}

@media(max-width:620px){
  .category-feature-two-large{
    grid-template-columns:1fr !important;
    gap:12px !important;
  }

  .category-feature-two-large .category-feature-large{
    height:320px !important;
    min-height:320px !important;
  }

  .category-feature-two-large .hero-copy h2{
    font-size:20px !important;
  }
}


/* =========================================================
   v2.1.4.72 — CATEGORY LOAD MORE BUTTON ONLY
   Styled to match the site's Subscribe button.
   ========================================================= */

.category-load-more-wrap{
  display:flex !important;
  justify-content:center !important;
  align-items:center !important;
  width:100% !important;
  margin:18px 0 10px !important;
}

.category-load-more-button{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;

  min-width:210px !important;
  height:44px !important;
  padding:0 26px !important;

  border:0 !important;
  border-radius:9px !important;
  background:#15803d !important;
  color:#07101b !important;

  font-family:Arial,Helvetica,sans-serif !important;
  font-size:13px !important;
  line-height:1 !important;
  font-weight:900 !important;
  letter-spacing:.02em !important;
  text-transform:uppercase !important;

  cursor:pointer !important;
  box-shadow:none !important;
  transition:transform .12s ease, box-shadow .12s ease !important;
}

.category-load-more-button:hover,
.category-load-more-button:focus-visible{
  background:#15803d !important;
  color:#07101b !important;
}

.category-load-more-button:active{
  transform:translateY(2px) scale(.985) !important;
}

.category-load-more-button.is-loading{
  cursor:wait !important;
  opacity:.82 !important;
}

.category-load-more-button:disabled{
  cursor:wait !important;
}

@media(max-width:620px){
  .category-load-more-wrap{
    margin:14px 0 8px !important;
  }

  .category-load-more-button{
    width:100% !important;
    max-width:320px !important;
    min-width:0 !important;
    height:42px !important;
    padding:0 20px !important;
    font-size:12px !important;
  }
}


/* v2.1.4.73 — force Show More Articles button to remain visible */
.category-load-more-wrap{
  display:flex !important;
  visibility:visible !important;
  opacity:1 !important;
}

.category-load-more-button{
  display:inline-flex !important;
  visibility:visible !important;
  opacity:1 !important;
}


/* =========================================================
   v2.1.4.76 — CATEGORY SIDEBAR AD ONLY
   320x640 source image, responsive to the sidebar width.
   ========================================================= */
.category .category-sidebar-ad{
  width:100% !important;
  max-width:320px !important;
  margin:18px auto 0 !important;
  overflow:hidden !important;
  border:1px solid rgba(255,159,28,.24) !important;
  border-radius:14px !important;
  background:#0d0d0f !important;
  box-shadow:0 10px 24px rgba(0,0,0,.18) !important;
}

.category .category-sidebar-ad img{
  display:block !important;
  width:100% !important;
  height:auto !important;
  aspect-ratio:1 / 2 !important;
  object-fit:cover !important;
  user-select:none !important;
  -webkit-user-select:none !important;
  pointer-events:none !important;
}

@media(max-width:1080px){
  .category .category-sidebar-ad{
    max-width:320px !important;
  }
}

@media(max-width:620px){
  .category .category-sidebar-ad{
    margin-top:14px !important;
    max-width:320px !important;
  }
}


/* =========================================================
   v2.1.4.77 — FOOTER EXPLORE CATEGORIES ONLY
   Only font size is changed. No italic, weight or font-family changes.
   ========================================================= */
.site-footer .footer-grid > .footer-col:nth-child(2) .menu > li:not(:first-child) > a{
  font-size:17px !important;
  line-height:1.5 !important;
}


/* =========================================================
   v2.1.4.78 — FOOTER EXPLORE MENU ONLY
   Sport / Games / Fun: identical size and bold weight.
   ========================================================= */
.site-footer .footer-grid > .footer-col:nth-child(2) .menu > li > a{
  font-size:17px !important;
  line-height:1.5 !important;
  font-weight:700 !important;
}


/* =========================================================
   v2.1.4.79 — HEADER SOCIAL ICONS ONLY
   Slightly larger circles and SVG glyphs for better clarity.
   Footer socials are unchanged.
   ========================================================= */
@media(min-width:981px){
  .site-header .header-socials .footer-social-icon,
  .site-header .header-tools .header-socials .footer-social-icon{
    width:34px !important;
    height:34px !important;
    min-width:34px !important;
    min-height:34px !important;
  }

  .site-header .header-socials .footer-social-icon svg,
  .site-header .header-tools .header-socials .footer-social-icon svg{
    width:15px !important;
    height:15px !important;
  }
}


/* =========================================================
   v2.1.4.80 — DESKTOP HEADER ICON CENTERS ONLY
   Social SVG glyphs: 20px.
   Search glyph: 2x larger.
   Outer button/circle sizes remain unchanged.
   ========================================================= */
@media (min-width:981px){

  .site-header .header-socials a.footer-social-icon svg,
  .site-header .header-tools .header-socials a.footer-social-icon svg,
  .site-header .header-socials a.header-social-link svg,
  .site-header .header-tools .header-socials a.header-social-link svg{
    width:20px !important;
    height:20px !important;
    min-width:20px !important;
    min-height:20px !important;
    max-width:20px !important;
    max-height:20px !important;
    flex:0 0 20px !important;
  }

  .site-header .search-toggle{
    font-size:32px !important;
    line-height:1 !important;
    font-weight:400 !important;
  }
}


/* =========================================================
   v2.1.4.81 — DESKTOP HEADER ONLY
   - Social glyphs remain 20px
   - Social circles use white borders
   - Glyphs are centered exactly inside their circles
   - Search button is centered only; its colors are untouched
   ========================================================= */
@media (min-width:981px){

  .site-header .header-socials a.footer-social-icon,
  .site-header .header-tools .header-socials a.footer-social-icon,
  .site-header .header-socials a.header-social-link,
  .site-header .header-tools .header-socials a.header-social-link{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    padding:0 !important;
    line-height:0 !important;
    text-align:center !important;
    border-color:#ffffff !important;
  }

  .site-header .header-socials a.footer-social-icon svg,
  .site-header .header-tools .header-socials a.footer-social-icon svg,
  .site-header .header-socials a.header-social-link svg,
  .site-header .header-tools .header-socials a.header-social-link svg{
    display:block !important;
    width:20px !important;
    height:20px !important;
    min-width:20px !important;
    min-height:20px !important;
    max-width:20px !important;
    max-height:20px !important;
    margin:0 !important;
    padding:0 !important;
    flex:0 0 20px !important;
    transform:none !important;
  }

  .site-header .header-socials a.footer-social-icon:hover,
  .site-header .header-tools .header-socials a.footer-social-icon:hover,
  .site-header .header-socials a.header-social-link:hover,
  .site-header .header-tools .header-socials a.header-social-link:hover,
  .site-header .header-socials a.footer-social-icon:focus-visible,
  .site-header .header-tools .header-socials a.footer-social-icon:focus-visible,
  .site-header .header-socials a.header-social-link:focus-visible,
  .site-header .header-tools .header-socials a.header-social-link:focus-visible{
    border-color:#ffffff !important;
  }

  .site-header .search-toggle{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    padding:0 !important;
    text-align:center !important;
    text-indent:0 !important;
    line-height:1 !important;
  }
}


/* =========================================================
   v2.1.4.82 — DESKTOP HEADER ONLY
   1) Search magnifier centered exactly.
   2) Social borders = solid lime, no animation.
   3) Social glyphs = lime.
   ========================================================= */
@media (min-width:981px){

  /* Social circles: clean continuous lime outline, no effects */
  .site-header .header-socials a.footer-social-icon,
  .site-header .header-tools .header-socials a.footer-social-icon,
  .site-header .header-socials a.header-social-link,
  .site-header .header-tools .header-socials a.header-social-link{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;

    padding:0 !important;
    margin:0 !important;

    border:1px solid #15803d !important;
    border-radius:999px !important;
    background:transparent !important;

    color:#15803d !important;

    box-shadow:none !important;
    filter:none !important;
    animation:none !important;
    transition:none !important;
    transform:none !important;
  }

  .site-header .header-socials a.footer-social-icon:hover,
  .site-header .header-tools .header-socials a.footer-social-icon:hover,
  .site-header .header-socials a.header-social-link:hover,
  .site-header .header-tools .header-socials a.header-social-link:hover,
  .site-header .header-socials a.footer-social-icon:focus-visible,
  .site-header .header-tools .header-socials a.footer-social-icon:focus-visible,
  .site-header .header-socials a.header-social-link:focus-visible,
  .site-header .header-tools .header-socials a.header-social-link:focus-visible{
    border-color:#15803d !important;
    background:transparent !important;
    color:#15803d !important;
    box-shadow:none !important;
    filter:none !important;
    animation:none !important;
    transition:none !important;
    transform:none !important;
  }

  /* Social glyphs stay centered and lime */
  .site-header .header-socials a.footer-social-icon svg,
  .site-header .header-tools .header-socials a.footer-social-icon svg,
  .site-header .header-socials a.header-social-link svg,
  .site-header .header-tools .header-socials a.header-social-link svg{
    display:block !important;
    width:20px !important;
    height:20px !important;
    min-width:20px !important;
    min-height:20px !important;
    max-width:20px !important;
    max-height:20px !important;
    margin:0 !important;
    padding:0 !important;
    color:#15803d !important;
    fill:currentColor !important;
    transform:none !important;
  }

  /* Search button: center only, do not alter its colors */
  .site-header .search-toggle{
    display:grid !important;
    place-items:center !important;
    padding:0 !important;
    margin:0 !important;
    text-align:center !important;
    line-height:1 !important;
  }

  .site-header .search-toggle > *,
  .site-header .search-toggle svg,
  .site-header .search-toggle::before,
  .site-header .search-toggle::after{
    margin:auto !important;
    inset:auto !important;
    transform:none !important;
  }

  .site-header .search-toggle svg{
    display:block !important;
  }
}


/* =========================================================
   v2.1.4.83 — DESKTOP HEADER ONLY
   FB and WhatsApp larger + centered. Telegram centered.
   ========================================================= */
@media (min-width:981px){
  .site-header .header-socials a.footer-social-icon,
  .site-header .header-tools .header-socials a.footer-social-icon,
  .site-header .header-socials a.header-social-link,
  .site-header .header-tools .header-socials a.header-social-link{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    line-height:0 !important;
  }

  .site-header .header-socials a.footer-social-icon svg,
  .site-header .header-tools .header-socials a.footer-social-icon svg,
  .site-header .header-socials a.header-social-link svg,
  .site-header .header-tools .header-socials a.header-social-link svg{
    display:block !important;
    margin:auto !important;
    transform:none !important;
    transform-origin:center center !important;
  }

  /* Facebook — make inner mark bigger and visually centered */
  .site-header .header-social-facebook svg{
    width:22px !important;
    height:22px !important;
    min-width:22px !important;
    min-height:22px !important;
    max-width:22px !important;
    max-height:22px !important;
  }

  /* Telegram — keep size, just ensure centering */
  .site-header .header-social-telegram svg{
    width:20px !important;
    height:20px !important;
    min-width:20px !important;
    min-height:20px !important;
    max-width:20px !important;
    max-height:20px !important;
  }

  /* WhatsApp — make inner mark bigger and visually centered */
  .site-header .header-social-whatsapp svg{
    width:22px !important;
    height:22px !important;
    min-width:22px !important;
    min-height:22px !important;
    max-width:22px !important;
    max-height:22px !important;
  }
}


/* =========================================================
   v2.1.4.84 — DESKTOP HEADER SEARCH ICON: optically centered
   move the magnifier slightly up and to the right.
   ========================================================= */
@media (min-width:981px){
  .site-header .search-toggle{
    color:transparent !important;
    font-size:0 !important;
    line-height:0 !important;
    position:relative !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    overflow:hidden !important;
  }

  .site-header .search-toggle::before{
    content:"⌕" !important;
    position:absolute !important;
    left:50% !important;
    top:50% !important;
    transform:translate(calc(-50% + 1px), calc(-50% - 1px)) !important;
    color:var(--accent,#15803d) !important;
    font-size:28px !important;
    line-height:1 !important;
    font-weight:700 !important;
    speak:none !important;
  }
}


/* =========================================================
   v2.1.4.85 — FOOTER ONLY
   Make Facebook and WhatsApp inner icons 2px larger.
   ========================================================= */
.site-footer .social-row .footer-social-facebook svg,
.site-footer .footer-socials-large .social-row .footer-social-facebook svg,
.site-footer .social-row .footer-social-whatsapp svg,
.site-footer .footer-socials-large .social-row .footer-social-whatsapp svg{
  width:17px !important;
  height:17px !important;
  display:block !important;
  margin:auto !important;
}


/* =========================================================
   v2.1.4.86 — NEWSLETTER SIGNUP BLOCK ONLY
   Taller block, larger text, larger Subscribe button.
   ========================================================= */

.gv-newsletter-bar{
  min-height:88px !important;
  padding:18px 20px !important;
  grid-template-columns:52px minmax(300px,1fr) minmax(460px,680px) !important;
  gap:20px !important;
}

.gv-newsletter-icon{
  width:44px !important;
  height:44px !important;
}

.gv-newsletter-icon svg{
  width:30px !important;
  height:30px !important;
}

.gv-newsletter-copy strong{
  font-size:15px !important;
  line-height:1.25 !important;
  margin-bottom:4px !important;
}

.gv-newsletter-copy span{
  font-size:13px !important;
  line-height:1.35 !important;
}

.gv-newsletter-form{
  grid-template-columns:minmax(0,1fr) 158px !important;
  gap:10px !important;
}

.gv-newsletter-form input{
  height:46px !important;
  padding:0 15px !important;
  font-size:14px !important;
}

.gv-newsletter-form button{
  height:46px !important;
  min-width:158px !important;
  padding:0 24px !important;
  font-size:14px !important;
  border-radius:8px !important;
}

/* Tablet */
@media(max-width:1080px){
  .gv-newsletter-bar{
    grid-template-columns:46px 1fr !important;
    min-height:auto !important;
    padding:16px 18px !important;
  }

  .gv-newsletter-form{
    grid-template-columns:minmax(0,1fr) 158px !important;
  }
}

/* Mobile */
@media(max-width:620px){
  .gv-newsletter-bar{
    padding:15px !important;
    gap:12px !important;
  }

  .gv-newsletter-copy strong{
    font-size:13px !important;
  }

  .gv-newsletter-copy span{
    font-size:12px !important;
  }

  .gv-newsletter-form{
    grid-template-columns:1fr !important;
  }

  .gv-newsletter-form input,
  .gv-newsletter-form button{
    height:44px !important;
    width:100% !important;
  }

  .gv-newsletter-form button{
    font-size:14px !important;
  }
}


/* =========================================================
   v2.1.4.87 — FOOTER RESPONSIBLE GAMBLING TEXT ONLY
   Match the size/line-height of the footer intro paragraph.
   ========================================================= */
.site-footer .footer-brand .gambling-notice-under-logo .gambling-notice-copy strong{
  font-size:14px !important;
  line-height:1.5 !important;
}

.site-footer .footer-brand .gambling-notice-under-logo .gambling-notice-copy p{
  font-size:14px !important;
  line-height:1.5 !important;
}


/* =========================================================
   v2.1.4.88 — FOOTER SOCIAL ICONS + 18+ BADGE
   Footer social icons now match header style: same size/color.
   Footer 18+ badge also matches the same visual language.
   ========================================================= */

.site-footer .social-row .footer-social-icon,
.site-footer .footer-socials-large .social-row .footer-social-icon{
  width:32px !important;
  height:32px !important;
  min-width:32px !important;
  min-height:32px !important;
  max-width:32px !important;
  max-height:32px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:0 !important;
  margin:0 !important;
  border:1px solid #15803d !important;
  border-radius:999px !important;
  background:transparent !important;
  color:#15803d !important;
  box-shadow:none !important;
  filter:none !important;
  transform:none !important;
  transition:none !important;
}

.site-footer .social-row .footer-social-icon:hover,
.site-footer .social-row .footer-social-icon:focus,
.site-footer .social-row .footer-social-icon:focus-visible,
.site-footer .footer-socials-large .social-row .footer-social-icon:hover,
.site-footer .footer-socials-large .social-row .footer-social-icon:focus,
.site-footer .footer-socials-large .social-row .footer-social-icon:focus-visible{
  border-color:#15803d !important;
  background:transparent !important;
  color:#15803d !important;
  box-shadow:none !important;
  filter:none !important;
  transform:none !important;
  transition:none !important;
}

.site-footer .social-row .footer-social-icon svg,
.site-footer .footer-socials-large .social-row .footer-social-icon svg{
  display:block !important;
  width:20px !important;
  height:20px !important;
  min-width:20px !important;
  min-height:20px !important;
  max-width:20px !important;
  max-height:20px !important;
  margin:auto !important;
  padding:0 !important;
  color:#15803d !important;
  fill:currentColor !important;
  transform:none !important;
}

/* Match header optical balance for specific icons */
.site-footer .social-row .footer-social-facebook svg,
.site-footer .footer-socials-large .social-row .footer-social-facebook svg,
.site-footer .social-row .footer-social-whatsapp svg,
.site-footer .footer-socials-large .social-row .footer-social-whatsapp svg{
  width:22px !important;
  height:22px !important;
  min-width:22px !important;
  min-height:22px !important;
  max-width:22px !important;
  max-height:22px !important;
}

.site-footer .social-row .footer-social-telegram svg,
.site-footer .footer-socials-large .social-row .footer-social-telegram svg{
  width:20px !important;
  height:20px !important;
}

/* Footer 18+ badge styled like the header social circles */
.site-footer .gambling-age-badge,
.site-footer .footer-brand .gambling-notice-under-logo .gambling-age-badge{
  width:32px !important;
  height:32px !important;
  min-width:32px !important;
  min-height:32px !important;
  max-width:32px !important;
  max-height:32px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:0 !important;
  margin:0 !important;
  border:1px solid #15803d !important;
  border-radius:999px !important;
  background:transparent !important;
  color:#15803d !important;
  font-size:11px !important;
  font-weight:900 !important;
  line-height:1 !important;
  text-align:center !important;
  box-shadow:none !important;
}


/* =========================================================
   v2.1.4.89 — FOOTER "FOLLOW US" TYPOGRAPHY ONLY
   Same size as EXPLORE / QUICK LINKS, but regular (not bold).
   ========================================================= */
.site-footer .footer-socials-large .footer-follow-label{
  font-size:24px !important;
  line-height:1.08 !important;
  font-weight:400 !important;
  text-transform:uppercase !important;
  letter-spacing:normal !important;
  font-family:Arial,Helvetica,sans-serif !important;
}


/* =========================================================
   v2.1.4.90 — FOOTER "FOLLOW US" ONLY
   Same size as Explore / Quick Links, now bold.
   ========================================================= */
.site-footer .footer-socials-large .footer-follow-label{
  font-size:24px !important;
  line-height:1.08 !important;
  font-weight:900 !important;
  text-transform:uppercase !important;
  letter-spacing:normal !important;
  font-family:Arial,Helvetica,sans-serif !important;
}


/* =========================================================
   v2.1.4.91 — FOOTER HEADINGS ONLY
   EXPLORE / QUICK LINKS / FOLLOW US:
   same size and regular weight.
   ========================================================= */
.site-footer .footer-grid > .footer-col:not(.footer-brand) > h3,
.site-footer .footer-socials-large .footer-follow-label{
  font-size:24px !important;
  line-height:1.08 !important;
  font-weight:400 !important;
  text-transform:uppercase !important;
  letter-spacing:normal !important;
  font-family:Arial,Helvetica,sans-serif !important;
}


/* =========================================================
   v2.1.4.92 — SINGLE POST SIDEBAR AD
   Reuse the exact same 320x640 banner/style as Category pages.
   ========================================================= */
.single-post .category-sidebar-ad{
  width:100% !important;
  max-width:320px !important;
  margin:18px auto 0 !important;
  overflow:hidden !important;
  border-radius:16px !important;
  border:1px solid rgba(255,159,28,.28) !important;
  background:#0d0d0f !important;
}

.single-post .category-sidebar-ad img{
  display:block !important;
  width:100% !important;
  height:auto !important;
  aspect-ratio:1 / 2 !important;
  object-fit:cover !important;
  margin:0 !important;
}

@media(max-width:980px){
  .single-post .category-sidebar-ad{
    max-width:320px !important;
  }
}

@media(max-width:620px){
  .single-post .category-sidebar-ad{
    width:min(100%,320px) !important;
    margin:14px auto 0 !important;
  }
}


/* =========================================================
   v2.1.4.94 — NEWSLETTER INPUT STYLE ONLY
   Placeholder lime + bold. Typed email uses same fill/text palette
   as the Subscribe button.
   ========================================================= */
.gv-newsletter-form input{
  transition: background-color .18s ease, color .18s ease, border-color .18s ease, box-shadow .18s ease;
}
.gv-newsletter-form input::placeholder{
  color: var(--accent, #15803d) !important;
  opacity: 1 !important;
  font-weight: 800 !important;
}
.gv-newsletter-form input::-webkit-input-placeholder{
  color: var(--accent, #15803d) !important;
  opacity: 1 !important;
  font-weight: 800 !important;
}
.gv-newsletter-form input::-moz-placeholder{
  color: var(--accent, #15803d) !important;
  opacity: 1 !important;
  font-weight: 800 !important;
}
.gv-newsletter-form input:-ms-input-placeholder{
  color: var(--accent, #15803d) !important;
  font-weight: 800 !important;
}
.gv-newsletter-form input:not(:placeholder-shown),
.gv-newsletter-form input:focus:not(:placeholder-shown){
  background: #15803d !important;
  color: #120c06 !important;
  border-color: #15803d !important;
  box-shadow: none !important;
  caret-color: #120c06 !important;
}
.gv-newsletter-form input:not(:placeholder-shown)::placeholder,
.gv-newsletter-form input:focus:not(:placeholder-shown)::placeholder{
  color: #120c06 !important;
}
.gv-newsletter-form input:not(:placeholder-shown)::-webkit-input-placeholder,
.gv-newsletter-form input:focus:not(:placeholder-shown)::-webkit-input-placeholder{
  color: #120c06 !important;
}
.gv-newsletter-form input:-webkit-autofill,
.gv-newsletter-form input:-webkit-autofill:hover,
.gv-newsletter-form input:-webkit-autofill:focus{
  -webkit-box-shadow: 0 0 0 1000px #15803d inset !important;
  -webkit-text-fill-color: #120c06 !important;
  border-color: #15803d !important;
  caret-color: #120c06 !important;
}


/* =========================================================
   v2.1.4.95 — NEWSLETTER INPUT TEXT
   Typed email looks like the "Enter your email" placeholder:
   dark field + lime bold text.
   ========================================================= */
.gv-newsletter-form input,
.gv-newsletter-form input:focus,
.gv-newsletter-form input:not(:placeholder-shown),
.gv-newsletter-form input:focus:not(:placeholder-shown){
  background:#0b1524 !important;
  color:var(--accent,#15803d) !important;
  border-color:rgba(255,159,28,.35) !important;
  font-weight:800 !important;
  caret-color:var(--accent,#15803d) !important;
  box-shadow:none !important;
}
.gv-newsletter-form input::placeholder,
.gv-newsletter-form input::-webkit-input-placeholder,
.gv-newsletter-form input::-moz-placeholder,
.gv-newsletter-form input:-ms-input-placeholder{
  color:var(--accent,#15803d) !important;
  opacity:1 !important;
  font-weight:800 !important;
}
.gv-newsletter-form input:-webkit-autofill,
.gv-newsletter-form input:-webkit-autofill:hover,
.gv-newsletter-form input:-webkit-autofill:focus{
  -webkit-box-shadow:0 0 0 1000px #0b1524 inset !important;
  -webkit-text-fill-color:var(--accent,#15803d) !important;
  border-color:rgba(255,159,28,.35) !important;
  caret-color:var(--accent,#15803d) !important;
  font-weight:800 !important;
}


/* =========================================================
   v2.1.4.96 — SINGLE POST ONLY
   Author / Read / Published / Share text uses the same
   typography as the article body. No other site areas changed.
   ========================================================= */
.single-post .article-info-after-hero,
.single-post .article-info-after-hero .article-meta-left,
.single-post .article-info-after-hero .article-meta-left .meta-item,
.single-post .article-info-after-hero .article-meta-left strong,
.single-post .article-info-after-hero .article-meta-left .meta-separator,
.single-post .article-info-after-hero .article-share,
.single-post .article-info-after-hero .share-label{
  font-family:Georgia,serif !important;
  font-size:19px !important;
  line-height:1.78 !important;
}

.single-post .article-info-after-hero .article-meta-left .meta-item,
.single-post .article-info-after-hero .article-meta-left .meta-separator{
  color:#e5e5e7 !important;
}

.single-post .article-info-after-hero .article-meta-left strong,
.single-post .article-info-after-hero .share-label{
  color:#15803d !important;
  font-weight:700 !important;
  letter-spacing:0 !important;
}

@media(max-width:980px){
  .single-post .article-info-after-hero,
  .single-post .article-info-after-hero .article-meta-left,
  .single-post .article-info-after-hero .article-meta-left .meta-item,
  .single-post .article-info-after-hero .article-meta-left strong,
  .single-post .article-info-after-hero .article-meta-left .meta-separator,
  .single-post .article-info-after-hero .article-share,
  .single-post .article-info-after-hero .share-label{
    font-size:18px !important;
    line-height:1.72 !important;
  }
}

@media(max-width:620px){
  .single-post .article-info-after-hero,
  .single-post .article-info-after-hero .article-meta-left,
  .single-post .article-info-after-hero .article-meta-left .meta-item,
  .single-post .article-info-after-hero .article-meta-left strong,
  .single-post .article-info-after-hero .article-meta-left .meta-separator,
  .single-post .article-info-after-hero .article-share,
  .single-post .article-info-after-hero .share-label{
    font-size:16px !important;
    line-height:1.66 !important;
  }
}


/* =========================================================
   v2.1.4.97 — SINGLE ARTICLE META + SHARE ONLY
   Text = same typography/size as article body.
   Social glyph = same 19px size as article text.
   ========================================================= */
.single-post .article-info-after-hero,
.single-post .article-info-after-hero .article-meta-left,
.single-post .article-info-after-hero .article-meta-left .meta-item,
.single-post .article-info-after-hero .article-meta-left strong,
.single-post .article-info-after-hero .article-meta-left .meta-separator,
.single-post .article-info-after-hero .article-share,
.single-post .article-info-after-hero .share-label{
  font-family:Georgia,serif !important;
  font-size:19px !important;
  line-height:1.78 !important;
}

.single-post .article-info-after-hero .share-buttons{
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
}

.single-post .article-info-after-hero .share-buttons .share-btn{
  width:34px !important;
  height:34px !important;
  min-width:34px !important;
  min-height:34px !important;
  padding:0 !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  line-height:0 !important;
}

.single-post .article-info-after-hero .share-buttons .share-btn svg{
  width:19px !important;
  height:19px !important;
  min-width:19px !important;
  min-height:19px !important;
  max-width:19px !important;
  max-height:19px !important;
  display:block !important;
  margin:auto !important;
}

@media(max-width:980px){
  .single-post .article-info-after-hero,
  .single-post .article-info-after-hero .article-meta-left,
  .single-post .article-info-after-hero .article-meta-left .meta-item,
  .single-post .article-info-after-hero .article-meta-left strong,
  .single-post .article-info-after-hero .article-meta-left .meta-separator,
  .single-post .article-info-after-hero .article-share,
  .single-post .article-info-after-hero .share-label{
    font-size:18px !important;
    line-height:1.72 !important;
  }
  .single-post .article-info-after-hero .share-buttons .share-btn svg{
    width:18px !important;
    height:18px !important;
    min-width:18px !important;
    min-height:18px !important;
    max-width:18px !important;
    max-height:18px !important;
  }
}

@media(max-width:620px){
  .single-post .article-info-after-hero,
  .single-post .article-info-after-hero .article-meta-left,
  .single-post .article-info-after-hero .article-meta-left .meta-item,
  .single-post .article-info-after-hero .article-meta-left strong,
  .single-post .article-info-after-hero .article-meta-left .meta-separator,
  .single-post .article-info-after-hero .article-share,
  .single-post .article-info-after-hero .share-label{
    font-size:16px !important;
    line-height:1.66 !important;
  }
  .single-post .article-info-after-hero .share-buttons .share-btn{
    width:32px !important;
    height:32px !important;
    min-width:32px !important;
    min-height:32px !important;
  }
  .single-post .article-info-after-hero .share-buttons .share-btn svg{
    width:16px !important;
    height:16px !important;
    min-width:16px !important;
    min-height:16px !important;
    max-width:16px !important;
    max-height:16px !important;
  }
}


/* =========================================================
   v2.1.4.99 — FIXED HEADER ON DESKTOP ONLY
   Global: all site pages. Mobile/tablet remain unchanged.
   Header height is supplied by JS through --gv-fixed-header-height.
   ========================================================= */
@media (min-width:981px){
  html{
    scroll-padding-top:var(--gv-fixed-header-height,80px) !important;
  }

  body.gv-desktop-fixed-header{
    padding-top:var(--gv-fixed-header-height,80px) !important;
  }

  body.gv-desktop-fixed-header .site-header{
    position:fixed !important;
    top:0 !important;
    left:0 !important;
    right:0 !important;
    width:100% !important;
    z-index:99990 !important;
    margin:0 !important;
    transform:none !important;
  }

  body.admin-bar.gv-desktop-fixed-header .site-header{
    top:32px !important;
  }
}


/* =========================================================
   v2.1.5.0 — OUR AUTHORS PAGE ONLY
   Automatic template for /our-authors/
   ========================================================= */

.gv-authors-page{
  padding:34px 0 48px;
}

.gv-authors-shell{
  width:min(var(--container),calc(100% - 32px));
}

.gv-authors-header{
  margin:0 0 24px;
  padding:24px 26px;
  background:linear-gradient(180deg,var(--surface),var(--surface-2));
  border:1px solid rgba(255,255,255,.06);
  border-radius:var(--radius);
  box-shadow:var(--shadow);
}

.gv-authors-header h1{
  margin:0 0 8px;
  color:#fff;
  font-size:clamp(34px,4vw,52px);
  line-height:1.05;
  font-family:Arial,Helvetica,sans-serif;
}

.gv-authors-header p{
  margin:0;
  max-width:780px;
  color:#e5e5e7;
  font-size:16px;
  line-height:1.6;
}

.gv-authors-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
}

.gv-author-card{
  min-width:0;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  background:linear-gradient(180deg,#0d1628 0%,#091321 100%);
  border:1px solid rgba(255,159,28,.34);
  border-radius:16px;
  box-shadow:var(--shadow);
}

.gv-author-avatar{
  display:flex;
  align-items:center;
  justify-content:center;
  padding:26px 24px 12px;
}

.gv-author-avatar-image{
  width:132px !important;
  height:132px !important;
  object-fit:cover;
  border-radius:999px;
  border:2px solid #15803d;
  background:#081321;
}

.gv-author-card-content{
  display:flex;
  flex:1;
  flex-direction:column;
  padding:8px 22px 22px;
  text-align:center;
}

.gv-author-card h2{
  margin:0 0 10px;
  font-family:Arial,Helvetica,sans-serif;
  font-size:22px;
  line-height:1.2;
}

.gv-author-card h2 a{
  color:#15803d;
}

.gv-author-card h2 a:hover{
  color:#15803d;
}

.gv-author-bio{
  margin:0 auto 20px;
  color:#e5e5e7;
  font-size:14px;
  line-height:1.6;
}

.gv-author-card-footer{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-top:auto;
  padding-top:16px;
  border-top:1px solid rgba(255,255,255,.08);
}

.gv-author-post-count{
  color:#b8b8bf;
  font-size:13px;
  font-weight:700;
  white-space:nowrap;
}

.gv-author-view-posts{
  min-height:40px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 16px;
  border:1px solid #15803d;
  border-radius:8px;
  background:#15803d;
  color:#0d0d0f;
  font-size:12px;
  font-weight:900;
  line-height:1;
  text-transform:uppercase;
}

.gv-author-view-posts:hover,
.gv-author-view-posts:focus{
  background:#15803d;
  color:#0d0d0f;
  transform:translateY(-1px);
}

.gv-authors-empty{
  padding:24px;
  color:#e5e5e7;
  background:var(--surface);
  border:1px solid rgba(255,159,28,.28);
  border-radius:var(--radius);
}

@media(max-width:980px){
  .gv-authors-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media(max-width:620px){
  .gv-authors-page{
    padding:22px 0 34px;
  }

  .gv-authors-header{
    padding:20px;
    margin-bottom:16px;
  }

  .gv-authors-header h1{
    font-size:34px;
  }

  .gv-authors-grid{
    grid-template-columns:1fr;
    gap:14px;
  }

  .gv-author-avatar{
    padding-top:22px;
  }

  .gv-author-avatar-image{
    width:112px !important;
    height:112px !important;
  }

  .gv-author-card-content{
    padding:6px 18px 18px;
  }

  .gv-author-card-footer{
    align-items:stretch;
    flex-direction:column;
  }

  .gv-author-view-posts{
    width:100%;
  }
}


/* =========================================================
   v2.1.5.1 — OUR AUTHORS TITLE SIZE ONLY
   Match Contact Us / standard page H1 size.
   ========================================================= */
.gv-authors-header h1{
  font-size:clamp(36px,5vw,60px) !important;
}


/* =========================================================
   v2.1.5.2 — OUR AUTHORS TITLE ONLY
   Match Contact Us H1 typography exactly.
   ========================================================= */
.gv-authors-header h1{
  font-family:Georgia,serif !important;
  font-size:38px !important;
  font-weight:700 !important;
  line-height:1.2 !important;
  margin:0 0 8px !important;
  color:#ffffff !important;
}


/* =========================================================
   v2.1.5.3 — OUR AUTHORS BUTTON ONLY
   Match the dark newsletter email-field style.
   ========================================================= */
.gv-authors-page .gv-author-view-posts{
  min-height:46px !important;
  width:auto !important;
  min-width:190px !important;
  padding:0 18px !important;

  background:#081321 !important;
  color:#15803d !important;

  border:1px solid #15803d !important;
  border-radius:8px !important;

  font-family:Arial,Helvetica,sans-serif !important;
  font-size:14px !important;
  font-weight:800 !important;
  line-height:1 !important;
  text-transform:none !important;

  box-shadow:none !important;
  transition:none !important;
}

.gv-authors-page .gv-author-view-posts:hover,
.gv-authors-page .gv-author-view-posts:focus,
.gv-authors-page .gv-author-view-posts:active{
  background:#081321 !important;
  color:#15803d !important;
  border-color:#15803d !important;
  box-shadow:none !important;
  transform:none !important;
}

@media(max-width:620px){
  .gv-authors-page .gv-author-view-posts{
    width:100% !important;
    min-width:0 !important;
  }
}


/* =========================================================
   v2.1.5.4 — AUTHOR PROFILE PAGE + AUTHOR CARD SOCIALS
   Wccftech-inspired structure, styled for SportGameFun.
   ========================================================= */

.gv-author-page{
  padding:34px 0 48px;
}

.gv-author-profile{
  display:grid;
  grid-template-columns:180px minmax(0,1fr);
  gap:28px;
  align-items:center;
  margin-bottom:30px;
  padding:28px;
  background:linear-gradient(180deg,#0d1628 0%,#091321 100%);
  border:1px solid rgba(255,159,28,.30);
  border-radius:16px;
  box-shadow:var(--shadow);
}

.gv-author-profile-avatar{
  display:flex;
  align-items:center;
  justify-content:center;
}

.gv-author-profile-image{
  width:160px !important;
  height:160px !important;
  object-fit:cover;
  border-radius:999px;
  border:2px solid #15803d;
}

.gv-author-profile-kicker{
  margin-bottom:5px;
  color:#15803d;
  font-size:12px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.08em;
}

.gv-author-profile h1{
  margin:0 0 10px;
  color:#fff;
  font-family:Georgia,serif;
  font-size:42px;
  line-height:1.1;
}

.gv-author-profile-bio{
  max-width:850px;
  margin:0 0 12px;
  color:#e5e5e7;
  font-size:16px;
  line-height:1.65;
}

.gv-author-profile-meta{
  display:flex;
  gap:12px;
  color:#b8b8bf;
  font-size:13px;
  font-weight:700;
}

.gv-author-socials,
.gv-author-card-socials{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}

.gv-author-socials{
  margin-top:14px;
}

.gv-author-card-socials{
  justify-content:center;
  margin:-6px 0 16px;
}

.gv-author-socials a,
.gv-author-card-socials a{
  width:32px;
  height:32px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:1px solid #15803d;
  border-radius:999px;
  background:#081321;
  color:#15803d;
}

.gv-author-socials a:hover,
.gv-author-card-socials a:hover{
  background:#081321;
  color:#15803d;
  border-color:#15803d;
}

.gv-author-socials svg,
.gv-author-card-socials svg{
  width:16px;
  height:16px;
  display:block;
}

.gv-author-section-head{
  margin:0 0 16px;
  padding-bottom:10px;
  border-bottom:1px solid rgba(255,255,255,.08);
}

.gv-author-section-head h2{
  margin:0;
  color:#15803d;
  font-size:24px;
  line-height:1.15;
  text-transform:uppercase;
}

.gv-author-featured{
  margin-bottom:34px;
}

.gv-author-featured-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
}

.gv-author-featured-card{
  overflow:hidden;
  background:linear-gradient(180deg,#0d1628 0%,#091321 100%);
  border:1px solid rgba(255,255,255,.07);
  border-radius:14px;
}

.gv-author-featured-thumb img,
.gv-author-featured-thumb .image-placeholder{
  width:100%;
  aspect-ratio:16/9;
  object-fit:cover;
}

.gv-author-featured-body{
  padding:14px 15px 16px;
}

.gv-author-featured-body h3{
  margin:7px 0 10px;
  color:#fff;
  font-size:18px;
  line-height:1.28;
}

.gv-author-post-category{
  color:#15803d;
  font-size:12px;
  font-weight:900;
}

.gv-author-post-meta{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  color:#b8b8bf;
  font-size:12px;
}

.gv-author-recent{
  margin-top:8px;
}

.gv-author-archive-card .archive-thumb img,
.gv-author-archive-card .archive-thumb .image-placeholder{
  height:100%;
  min-height:210px;
  object-fit:cover;
}

.gv-author-archive-card p{
  margin-bottom:0;
}

@media(max-width:980px){
  .gv-author-profile{
    grid-template-columns:130px minmax(0,1fr);
    gap:20px;
    padding:22px;
  }

  .gv-author-profile-image{
    width:118px !important;
    height:118px !important;
  }

  .gv-author-featured-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media(max-width:620px){
  .gv-author-page{
    padding:22px 0 34px;
  }

  .gv-author-profile{
    grid-template-columns:1fr;
    text-align:center;
    padding:20px;
  }

  .gv-author-profile h1{
    font-size:34px;
  }

  .gv-author-profile-meta,
  .gv-author-socials{
    justify-content:center;
  }

  .gv-author-featured-grid{
    grid-template-columns:1fr;
  }

  .gv-author-content-layout{
    grid-template-columns:1fr !important;
  }
}


/* =========================================================
   v2.1.5.5 — AUTHOR PAGE CHIPS ONLY
   Reuse the exact Home/Category gv-post-chips component.
   No chip colors, typography or icon styling are redefined here.
   ========================================================= */
.gv-author-page .gv-author-featured-card .gv-post-chips,
.gv-author-page .gv-author-archive-card .gv-post-chips{
  margin-top:8px !important;
  margin-bottom:0 !important;
}


/* =========================================================
   v2.1.5.7 — AUTHOR PAGE "AUTHOR" LABEL ONLY
   Match Contact Us heading typography.
   ========================================================= */
.gv-author-profile-kicker{
  margin:0 0 10px !important;
  color:#ffffff !important;
  font-family:Georgia,serif !important;
  font-size:38px !important;
  font-weight:700 !important;
  line-height:1.2 !important;
  letter-spacing:normal !important;
  text-transform:none !important;
}


/* =========================================================
   v2.1.5.8 — AUTHOR NAME ONLY
   Lime color + same size as "Recent Posts".
   ========================================================= */
.gv-author-profile h1{
  color:#15803d !important;
  font-size:24px !important;
}


/* =========================================================
   v2.1.5.10 — AUTHOR LOAD MORE BUTTON
   Same appearance as Category button, separate classes so
   Category JS does not intercept clicks.
   ========================================================= */
.author-load-more-wrap{
  display:flex !important;
  justify-content:center !important;
  align-items:center !important;
  width:100% !important;
  margin:18px 0 10px !important;
  visibility:visible !important;
  opacity:1 !important;
}

.author-load-more-button{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;

  min-width:210px !important;
  height:44px !important;
  padding:0 26px !important;

  border:0 !important;
  border-radius:9px !important;
  background:#15803d !important;
  color:#07101b !important;

  font-family:Arial,Helvetica,sans-serif !important;
  font-size:13px !important;
  line-height:1 !important;
  font-weight:900 !important;
  letter-spacing:.02em !important;
  text-transform:uppercase !important;

  cursor:pointer !important;
  box-shadow:none !important;
  transition:transform .12s ease, box-shadow .12s ease !important;

  visibility:visible !important;
  opacity:1 !important;
}

.author-load-more-button:hover,
.author-load-more-button:focus-visible{
  background:#15803d !important;
  color:#07101b !important;
}

.author-load-more-button:active{
  transform:translateY(2px) scale(.985) !important;
}

.author-load-more-button.is-loading,
.author-load-more-button:disabled{
  cursor:wait !important;
  opacity:.82 !important;
}

@media(max-width:620px){
  .author-load-more-wrap{
    margin:14px 0 8px !important;
  }

  .author-load-more-button{
    width:100% !important;
    max-width:320px !important;
    min-width:0 !important;
    height:42px !important;
    padding:0 20px !important;
    font-size:12px !important;
  }
}


/* =========================================================
   v2.1.5.11 — OUR AUTHORS BUTTON ONLY
   Match "More Articles by Author" to the Subscribe button.
   ========================================================= */
.gv-author-view-posts{
  min-width:190px !important;
  min-height:46px !important;
  padding:0 26px !important;

  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;

  background:#15803d !important;
  color:#0d0d0f !important;

  border:1px solid #15803d !important;
  border-radius:8px !important;

  font-family:Arial,Helvetica,sans-serif !important;
  font-size:14px !important;
  font-weight:900 !important;
  line-height:1 !important;
  text-transform:uppercase !important;
  letter-spacing:.02em !important;

  box-shadow:none !important;
  transition:transform .12s ease !important;
}

.gv-author-view-posts:hover,
.gv-author-view-posts:focus{
  background:#15803d !important;
  color:#0d0d0f !important;
  border-color:#15803d !important;
  transform:translateY(-2px) !important;
}

.gv-author-view-posts:active{
  transform:translateY(1px) scale(.985) !important;
}


/* =========================================================
   v2.1.5.12 — OUR AUTHORS BUTTON ONLY
   Exact Subscribe-button look. Higher specificity than old rule.
   ========================================================= */
.gv-authors-page .gv-author-card .gv-author-view-posts{
  width:auto !important;
  min-width:158px !important;
  height:46px !important;
  min-height:46px !important;
  padding:0 24px !important;

  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;

  background:#15803d !important;
  color:#07101b !important;

  border:0 !important;
  border-radius:8px !important;

  font-family:Arial,Helvetica,sans-serif !important;
  font-size:14px !important;
  font-weight:900 !important;
  line-height:1 !important;
  text-transform:uppercase !important;
  letter-spacing:normal !important;

  box-shadow:none !important;
  transition:transform .12s ease !important;
}

.gv-authors-page .gv-author-card .gv-author-view-posts:hover,
.gv-authors-page .gv-author-card .gv-author-view-posts:focus,
.gv-authors-page .gv-author-card .gv-author-view-posts:focus-visible{
  background:#15803d !important;
  color:#07101b !important;
  border:0 !important;
  box-shadow:none !important;
  transform:translateY(-2px) !important;
}

.gv-authors-page .gv-author-card .gv-author-view-posts:active{
  background:#15803d !important;
  color:#07101b !important;
  transform:translateY(2px) scale(.985) !important;
}

@media(max-width:620px){
  .gv-authors-page .gv-author-card .gv-author-view-posts{
    width:100% !important;
    min-width:0 !important;
    height:44px !important;
    min-height:44px !important;
  }
}


/* =========================================================
   v2.1.5.13 — NEWSLETTER SUBSCRIBE BUTTON ONLY
   Match "More Articles by Author" style and effects.
   ========================================================= */
.gv-newsletter-form button,
.gv-newsletter-form button[type="submit"]{
  width:auto !important;
  min-width:158px !important;
  height:46px !important;
  min-height:46px !important;
  padding:0 24px !important;

  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;

  background:#15803d !important;
  color:#07101b !important;

  border:0 !important;
  border-radius:8px !important;

  font-family:Arial,Helvetica,sans-serif !important;
  font-size:14px !important;
  font-weight:900 !important;
  line-height:1 !important;
  text-transform:uppercase !important;
  letter-spacing:normal !important;

  box-shadow:none !important;
  transition:transform .12s ease !important;
}

.gv-newsletter-form button:hover,
.gv-newsletter-form button:focus,
.gv-newsletter-form button:focus-visible,
.gv-newsletter-form button[type="submit"]:hover,
.gv-newsletter-form button[type="submit"]:focus,
.gv-newsletter-form button[type="submit"]:focus-visible{
  background:#15803d !important;
  color:#07101b !important;
  border:0 !important;
  box-shadow:none !important;
  transform:translateY(-2px) !important;
}

.gv-newsletter-form button:active,
.gv-newsletter-form button[type="submit"]:active{
  background:#15803d !important;
  color:#07101b !important;
  transform:translateY(2px) scale(.985) !important;
}

@media(max-width:620px){
  .gv-newsletter-form button,
  .gv-newsletter-form button[type="submit"]{
    width:100% !important;
    min-width:0 !important;
    height:44px !important;
    min-height:44px !important;
  }
}


/* =========================================================
   v2.1.5.14 — FOOTER QUICK LINKS MENU TEXT ONLY
   Match Quick Links items to Explore menu items.
   ========================================================= */
.site-footer .footer-extra-menu .menu a,
.site-footer .footer-extra-menu ul a{
    font-size:17px !important;
    font-weight:700 !important;
    line-height:1.5 !important;
}


/* =========================================================
   v2.1.5.15 — FOOTER SOCIAL ICONS ONLY
   Match header social icon size and spacing exactly on desktop.
   ========================================================= */
@media(min-width:981px){

    .site-footer .footer-socials-large .social-row{
        display:flex !important;
        align-items:center !important;
        flex-wrap:nowrap !important;
        gap:10px !important;
    }

    .site-footer .footer-socials-large .footer-social-icon{
        width:34px !important;
        height:34px !important;
        min-width:34px !important;
        min-height:34px !important;

        display:inline-flex !important;
        align-items:center !important;
        justify-content:center !important;

        margin:0 !important;
        padding:0 !important;

        border:1px solid #15803d !important;
        border-radius:50% !important;

        background:transparent !important;
        color:#15803d !important;

        box-sizing:border-box !important;
    }

    .site-footer .footer-socials-large .footer-social-icon svg{
        width:20px !important;
        height:20px !important;
        display:block !important;
        margin:0 !important;
        flex:0 0 20px !important;
    }
}


/* =========================================================
   v2.1.5.16 — FOOTER BOTTOM TEXT ONLY
   Match typography to Responsible Gambling body text.
   Colors are preserved.
   ========================================================= */
.site-footer .footer-bottom,
.site-footer .footer-bottom p,
.site-footer .footer-bottom span,
.site-footer .footer-policy-links,
.site-footer .footer-policy-links a{
    font-family:Arial,Helvetica,sans-serif !important;
    font-size:14px !important;
    font-weight:400 !important;
    line-height:1.5 !important;
}


/* =========================================================
   v2.1.5.17 — SINGLE POST META / SHARE ONLY
   Match Author, Read, Published and Share text/icons
   to the article body text size on desktop.
   ========================================================= */
@media(min-width:981px){

    .single-post .single-meta-row,
    .single-post .single-meta-row .single-meta-left,
    .single-post .single-meta-row .single-meta-right{
        font-size:18px !important;
        line-height:1.6 !important;
    }

    .single-post .single-meta-row .meta-label,
    .single-post .single-meta-row .meta-value,
    .single-post .single-meta-row .share-label{
        font-size:18px !important;
        line-height:1.6 !important;
    }

    .single-post .single-meta-row .share-links,
    .single-post .single-meta-row .share-links a{
        font-size:18px !important;
    }

    .single-post .single-meta-row .share-links a{
        width:38px !important;
        height:38px !important;
        min-width:38px !important;
        min-height:38px !important;
    }

    .single-post .single-meta-row .share-links a svg{
        width:18px !important;
        height:18px !important;
    }
}


/* =========================================================
   v2.1.5.18 — SINGLE POST META / SHARE — ACTUAL SELECTORS
   Match article body typography (19px Georgia) on desktop.
   ========================================================= */
@media(min-width:981px){

    .single-post .article-info-after-hero,
    .single-post .article-info-after-hero .article-meta-left,
    .single-post .article-info-after-hero .article-meta-left .meta-item,
    .single-post .article-info-after-hero .article-meta-left .meta-separator,
    .single-post .article-info-after-hero .article-meta-left strong,
    .single-post .article-info-after-hero .article-share,
    .single-post .article-info-after-hero .share-label{
        font-family:Georgia,serif !important;
        font-size:19px !important;
        line-height:1.78 !important;
    }

    .single-post .article-info-after-hero .share-buttons{
        gap:10px !important;
        align-items:center !important;
    }

    .single-post .article-info-after-hero .share-buttons .share-btn{
        width:38px !important;
        height:38px !important;
        min-width:38px !important;
        min-height:38px !important;
        padding:0 !important;
        display:inline-flex !important;
        align-items:center !important;
        justify-content:center !important;
    }

    .single-post .article-info-after-hero .share-buttons .share-btn svg{
        width:19px !important;
        height:19px !important;
        min-width:19px !important;
        min-height:19px !important;
        max-width:19px !important;
        max-height:19px !important;
        display:block !important;
        margin:auto !important;
    }
}


/* =========================================================
   v2.1.5.19 — SINGLE POST META / SHARE ONLY
   1) Meta text exactly matches article body typography.
   2) Share social icons match Header size and spacing.
   Desktop only.
   ========================================================= */
@media(min-width:981px){

    /* Author / Read / Published / Share = same as article text */
    .single-post .article-info-after-hero,
    .single-post .article-info-after-hero .article-meta-left,
    .single-post .article-info-after-hero .article-meta-left .meta-item,
    .single-post .article-info-after-hero .article-meta-left .meta-separator,
    .single-post .article-info-after-hero .article-meta-left strong,
    .single-post .article-info-after-hero .article-share,
    .single-post .article-info-after-hero .share-label{
        font-family:Georgia,serif !important;
        font-size:17px !important;
        line-height:1.72 !important;
    }

    /* Share row spacing = Header socials */
    .single-post .article-info-after-hero .share-buttons{
        display:flex !important;
        align-items:center !important;
        gap:10px !important;
    }

    /* Share circles = Header social circles */
    .single-post .article-info-after-hero .share-buttons .share-btn{
        width:34px !important;
        height:34px !important;
        min-width:34px !important;
        min-height:34px !important;

        padding:0 !important;
        margin:0 !important;

        display:inline-flex !important;
        align-items:center !important;
        justify-content:center !important;

        border:1px solid #15803d !important;
        border-radius:999px !important;
        background:transparent !important;
        color:#15803d !important;

        line-height:0 !important;
        box-shadow:none !important;
        filter:none !important;
        animation:none !important;
        transition:none !important;
        transform:none !important;
    }

    /* Inner social glyphs = Header glyph size */
    .single-post .article-info-after-hero .share-buttons .share-btn svg{
        width:20px !important;
        height:20px !important;
        min-width:20px !important;
        min-height:20px !important;
        max-width:20px !important;
        max-height:20px !important;

        display:block !important;
        margin:0 !important;
        padding:0 !important;

        color:#15803d !important;
        fill:currentColor !important;
        flex:0 0 20px !important;

        transform:none !important;
    }

    /* No color/effect changes on hover/focus */
    .single-post .article-info-after-hero .share-buttons .share-btn:hover,
    .single-post .article-info-after-hero .share-buttons .share-btn:focus,
    .single-post .article-info-after-hero .share-buttons .share-btn:focus-visible{
        border-color:#15803d !important;
        background:transparent !important;
        color:#15803d !important;
        box-shadow:none !important;
        filter:none !important;
        animation:none !important;
        transition:none !important;
        transform:none !important;
    }
}


/* =========================================================
   v2.1.5.20 — SINGLE SIDEBAR CATEGORIES USE ARTICLE FONT
   ========================================================= */
.single-post .sidebar .widget ul li,
.single-post .sidebar .widget ul li a,
.single-post .sidebar .cat-item,
.single-post .sidebar .cat-item a{
    font-family: Georgia, serif !important;
    font-size: 19px !important;
    font-weight: 400 !important;
    line-height: 1.78 !important;
    color: #e5e5e7 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
}

.single-post .sidebar .widget ul li a:hover,
.single-post .sidebar .widget ul li a:focus,
.single-post .sidebar .cat-item a:hover,
.single-post .sidebar .cat-item a:focus,
.single-post .sidebar .current-cat > a,
.single-post .sidebar .current-cat a{
    color: #15803d !important;
}


/* =========================================================
   v2.1.5.22 — SINGLE SIDEBAR LATEST POSTS HOVER ONLY
   Normal text stays white; hover/focus becomes lime.
   ========================================================= */
.single-post .sidebar .widget:last-of-type ul li a{
    color:#ffffff !important;
}

.single-post .sidebar .widget:last-of-type ul li a:hover,
.single-post .sidebar .widget:last-of-type ul li a:focus{
    color:#15803d !important;
}


/* =========================================================
   v2.1.5.23 — SIDEBAR CATEGORY COUNTS
   Automatic article count at the right of every category.
   ========================================================= */

.sidebar .widget-categories-count .gv-category-count-list{
    list-style:none !important;
    margin:0 !important;
    padding:0 !important;
}

.sidebar .widget-categories-count .gv-category-count-list.gv-category-children{
    margin:0 !important;
    padding:0 !important;
}

.sidebar .widget-categories-count .gv-category-count-item{
    margin:0 !important;
    padding:0 !important;
}

.sidebar .widget-categories-count .gv-category-count-item > a{
    width:100% !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:14px !important;
    padding:5px 0 !important;

    color:#ffffff !important;
    text-decoration:none !important;
}

.sidebar .widget-categories-count .gv-category-name{
    min-width:0 !important;
    flex:1 1 auto !important;
}

.sidebar .widget-categories-count .gv-category-count{
    min-width:24px !important;
    flex:0 0 auto !important;
    text-align:right !important;

    color:#15803d !important;
    font-family:Arial,Helvetica,sans-serif !important;
    font-size:13px !important;
    font-weight:800 !important;
    line-height:1.2 !important;
}

/* Category name: white normally, lime on hover/focus/current. */
.sidebar .widget-categories-count .gv-category-count-item > a:hover .gv-category-name,
.sidebar .widget-categories-count .gv-category-count-item > a:focus .gv-category-name,
.sidebar .widget-categories-count .gv-category-count-item.current-cat > a .gv-category-name{
    color:#15803d !important;
}

/* On Single posts, category names keep the same font as article text. */
.single-post .sidebar .widget-categories-count .gv-category-name{
    font-family:Georgia,serif !important;
    font-size:19px !important;
    font-weight:400 !important;
    line-height:1.78 !important;
    letter-spacing:0 !important;
    text-transform:none !important;
}


/* =========================================================
   v2.1.5.24 — SIDEBAR CATEGORY DOTTED LEADERS
   Name left ........ count right, automatic counts.
   ========================================================= */
.sidebar .widget-categories-count .gv-category-count-item > a{
    width:100% !important;
    display:flex !important;
    align-items:baseline !important;
    justify-content:flex-start !important;
    gap:8px !important;
    padding:5px 0 !important;
}

.sidebar .widget-categories-count .gv-category-name{
    flex:0 1 auto !important;
    min-width:0 !important;
    text-align:left !important;
    white-space:normal !important;
}

.sidebar .widget-categories-count .gv-category-leader{
    flex:1 1 auto !important;
    min-width:18px !important;
    height:1em !important;
    overflow:hidden !important;
    position:relative !important;
}

.sidebar .widget-categories-count .gv-category-leader::after{
    content:"................................................................................................" !important;
    position:absolute !important;
    left:0 !important;
    right:0 !important;
    bottom:.12em !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    color:rgba(255,159,28,.65) !important;
    font-family:Georgia,serif !important;
    font-size:14px !important;
    font-weight:400 !important;
    letter-spacing:1px !important;
    line-height:1 !important;
}

.sidebar .widget-categories-count .gv-category-count{
    flex:0 0 34px !important;
    min-width:34px !important;
    text-align:right !important;
    color:#15803d !important;
    font-family:Arial,Helvetica,sans-serif !important;
    font-size:13px !important;
    font-weight:800 !important;
    line-height:1.2 !important;
}


/* =========================================================
   v2.1.5.25 — SINGLE ARTICLE TITLE ONLY
   Approximately 2x smaller than the previous article H1.
   Category archive titles are not changed.
   ========================================================= */
.single-post .article-header h1{
    font-size:clamp(18px,2vw,24px) !important;
    line-height:1.15 !important;
}

@media(max-width:620px){
    .single-post .article-header h1{
        font-size:18px !important;
        line-height:1.2 !important;
    }
}


/* =========================================================
   v2.1.5.26 — SIDEBAR "CATEGORIES" HEADING
   Match the "Search" heading typography exactly.
   ========================================================= */
.single-post .sidebar .widget-categories-count .widget-title{
    font-family:Arial,Helvetica,sans-serif !important;
    font-size:18px !important;
    font-weight:700 !important;
    line-height:1.3 !important;
    letter-spacing:0 !important;
    text-transform:none !important;
    font-style:normal !important;
}


/* =========================================================
   v2.1.5.27 — SIDEBAR CATEGORY LIST FONT
   Category names use the same font as the "Categories" heading.
   Layout, dotted leaders, counts and colors stay unchanged.
   ========================================================= */
.single-post .sidebar .widget-categories-count .gv-category-name{
    font-family:Arial,Helvetica,sans-serif !important;
    font-size:19px !important;
    font-weight:400 !important;
    line-height:1.78 !important;
    letter-spacing:0 !important;
    text-transform:none !important;
    font-style:normal !important;
}


/* =========================================================
   v2.1.5.28 — SIDEBAR WIDGET TYPOGRAPHY ALIGNMENT
   Make "Categories" and "Latest Posts" headings use the same
   font and size as the list text inside each widget.
   ========================================================= */
.single-post .sidebar .widget-categories-count .widget-title,
.single-post .sidebar .widget:last-of-type .widget-title{
    font-family:Arial,Helvetica,sans-serif !important;
    font-size:19px !important;
    font-weight:700 !important;
    line-height:1.35 !important;
    letter-spacing:0 !important;
    text-transform:none !important;
    font-style:normal !important;
}

.single-post .sidebar .widget:last-of-type ul li,
.single-post .sidebar .widget:last-of-type ul li a{
    font-family:Arial,Helvetica,sans-serif !important;
    font-size:19px !important;
    font-weight:400 !important;
    line-height:1.78 !important;
    letter-spacing:0 !important;
    text-transform:none !important;
    font-style:normal !important;
}

.single-post .sidebar .widget:last-of-type li{
    margin:12px 0 !important;
}


/* =========================================================
   v2.1.5.29 — SIDEBAR ITEM TEXT ONLY
   Keep widget headings unchanged.
   Make category names/counts and Latest Posts titles slightly smaller.
   ========================================================= */

/* Category names */
.single-post .sidebar .widget-categories-count .gv-category-name{
    font-size:17px !important;
    line-height:1.5 !important;
}

/* Category counts */
.single-post .sidebar .widget-categories-count .gv-category-count{
    font-size:15px !important;
    line-height:1.35 !important;
}

/* Latest Posts article titles only */
.single-post .sidebar .widget:last-of-type ul li,
.single-post .sidebar .widget:last-of-type ul li a{
    font-size:17px !important;
    line-height:1.55 !important;
    font-weight:400 !important;
}

/* Keep spacing compact */
.single-post .sidebar .widget:last-of-type li{
    margin:10px 0 !important;
}


/* GadgetView Ember color palette — color-only override. Layout and typography unchanged. */
:root{--accent:#15803d;--accent-2:#166534;--bg:#0b0b0c;--surface:#151517;--surface-2:#1b1b1f;--surface-3:#101012;--text:#f5f5f5;--muted:#a7a7af;--line:#2b2b30;--line-2:#3a3a40;}


/* =========================================================
   LIGHT THEME OVERRIDE — COLOR-ONLY PASS
   Layout, spacing, typography and component structure remain unchanged.
   ========================================================= */
:root{
  --accent:#15803d !important;
  --accent-2:#166534 !important;
  --bg:#ffffff !important;
  --surface:#ffffff !important;
  --surface-2:#ffffff !important;
  --surface-3:#f3f6fa !important;
  --text:#17202b !important;
  --muted:#687385 !important;
  --line:#e2e7ee !important;
  --line-2:#d7dee8 !important;
  --shadow:0 10px 28px rgba(20,35,55,.08) !important;
}

html,
body{
  background:#ffffff !important;
  color:#17202b !important;
}

.site-main,
.home-shell,
.page-shell,
.gv-authors-page,
.gv-author-page{
  background:transparent !important;
  color:#17202b !important;
}

/* Header */
.site-header{
  background:rgba(255,255,255,.96) !important;
  border-bottom:1px solid #e3e8ef !important;
  box-shadow:0 4px 18px rgba(28,40,55,.05) !important;
}
.brand-mark,
.brand a,
.brand-link,
.brand-wordmark,
.main-nav a{
  color:#17202b !important;
}
.main-nav li.current-menu-item>a,
.main-nav a:hover,
.main-nav a:focus{
  color:var(--accent) !important;
}
.menu-toggle,
.search-toggle{
  background:#ffffff !important;
  color:#17202b !important;
  border-color:#dce3eb !important;
}
.search-panel input,
.search-form input[type="search"],
.comments-area input,
.comments-area textarea,
.subscribe-form input,
.gv-newsletter-form input{
  background:#ffffff !important;
  color:#17202b !important;
  border-color:#d7dee8 !important;
}
.search-panel input::placeholder,
.search-form input[type="search"]::placeholder,
.comments-area input::placeholder,
.comments-area textarea::placeholder,
.subscribe-form input::placeholder,
.gv-newsletter-form input::placeholder{
  color:#8a95a6 !important;
}

/* General text / headings */
.breadcrumbs,
time,
.meta,
.archive-desc,
.gv-author-profile-bio,
.gv-author-bio,
.gv-authors-header p,
.gv-author-post-meta{
  color:#687385 !important;
}
.breadcrumbs a:hover,
.post-card h3 a:hover,
.archive-card h2 a:hover,
.list-post h3 a:hover{
  color:var(--accent) !important;
}
.archive-head,
.section-head{
  border-color:#e2e7ee !important;
}
.archive-head h1,
.article-header h1,
.section-head h2,
.widget-title,
.gv-authors-header h1,
.gv-author-profile h1,
.gv-author-section-head h2{
  color:#17202b !important;
}
.section-head h2{
  background:linear-gradient(135deg,rgba(37,99,235,.10),rgba(107,92,255,.06)) !important;
  border-color:#dce5e1 !important;
}

/* Cards / widgets / content surfaces */
.post-card,
.archive-card,
.widget,
.list-post,
.author-box,
.comments-area,
.article-content,
.post-nav-card,
.gv-author-card,
.gv-author-profile,
.gv-author-featured-card,
.gv-authors-empty,
.gv-newsletter-bar{
  background:#ffffff !important;
  color:#17202b !important;
  border-color:#e1e7ee !important;
  box-shadow:0 10px 28px rgba(20,35,55,.07) !important;
}
.post-card h3,
.post-card h3 a,
.archive-card h2,
.archive-card h2 a,
.list-post h3,
.list-post h3 a,
.author-box,
.author-box a,
.post-nav-card,
.post-nav-card a,
.gv-author-card,
.gv-author-card h2,
.gv-author-card h2 a,
.gv-author-profile,
.gv-author-featured-card,
.gv-author-featured-card h3,
.gv-author-featured-card h3 a,
.gv-newsletter-bar{
  color:#17202b !important;
}

/* Single article */
.article-content{
  background:#ffffff !important;
}
.article-content h2,
.article-content h3,
.article-content h4,
.article-content h5,
.article-content h6{
  color:#17202b !important;
}
.article-content p,
.article-content li,
.article-content td,
.article-content th,
.article-content a:not(.button):not(.wp-element-button){
  color:#263242 !important;
}
.article-content a:not(.button):not(.wp-element-button):hover{
  color:#15803d !important;
}
.article-content td,
.article-content th{
  border-color:#d9e0e8 !important;
}
.article-content blockquote{
  background:#f0fdf4 !important;
  color:#263242 !important;
}
.article-tags a{
  background:#f4f7fa !important;
  border-color:#dce3eb !important;
  color:#243041 !important;
}
.article-info-row,
.article-info-after-hero,
.article-meta-left,
.article-share,
.share-label{
  color:#5f6b7a !important;
}
.share-btn{
  background:#ffffff !important;
  border-color:#dbe2ea !important;
  color:#17202b !important;
}
.share-btn:hover,
.share-btn:focus{
  color:var(--accent) !important;
  border-color:var(--accent) !important;
}

/* Sidebar */
.sidebar .widget{
  background:#ffffff !important;
  border-color:#e1e7ee !important;
  color:#17202b !important;
}
.sidebar .widget-title{
  color:#17202b !important;
  border-color:#e2e7ee !important;
}
.sidebar .widget li,
.sidebar .widget li a,
.single-post .sidebar .widget:last-of-type ul li,
.single-post .sidebar .widget:last-of-type ul li a,
.sidebar .widget-categories-count .gv-category-count-item > a,
.sidebar .widget-categories-count .gv-category-name{
  color:#263242 !important;
}
.sidebar .widget li a:hover,
.sidebar .widget li a:focus,
.single-post .sidebar .widget:last-of-type ul li a:hover,
.single-post .sidebar .widget:last-of-type ul li a:focus,
.sidebar .widget-categories-count .gv-category-count-item > a:hover .gv-category-name,
.sidebar .widget-categories-count .gv-category-count-item > a:focus .gv-category-name,
.sidebar .widget-categories-count .gv-category-count-item.current-cat > a .gv-category-name{
  color:var(--accent) !important;
}
.sidebar .widget-categories-count .gv-category-count{
  color:#15803d !important;
}
.sidebar .widget-categories-count .gv-category-leader::after{
  color:rgba(37,99,235,.38) !important;
}

/* Newsletter strip */
.gv-prefooter-newsletter{
  background:#f0fdf4 !important;
  border-color:#bbf7d0 !important;
}
.gv-newsletter-copy,
.gv-newsletter-copy h2,
.gv-newsletter-copy h3,
.gv-newsletter-copy p{
  color:#17202b !important;
}

/* Author pages */
.gv-author-card,
.gv-author-profile,
.gv-author-featured-card{
  background:#ffffff !important;
  border-color:#e1e7ee !important;
}
.gv-author-card h2 a,
.gv-author-profile h1,
.gv-author-section-head h2{
  color:#17202b !important;
}
.gv-author-bio,
.gv-author-profile-bio,
.gv-author-post-meta{
  color:#687385 !important;
}
.gv-author-socials a,
.gv-author-card-socials a{
  background:#ffffff !important;
  color:#17202b !important;
  border-color:#dbe2ea !important;
}

/* Footer — light, structure unchanged */
.site-footer{
  background:#f3f6f9 !important;
  color:#17202b !important;
  border-top:1px solid #dce3eb !important;
}
.footer-glow{
  background:linear-gradient(90deg,transparent,rgba(37,99,235,.05),transparent) !important;
}
.footer-col{
  border-color:#dce3eb !important;
}
.footer-logo,
.footer-logo span,
.footer-col h3,
.footer-follow-label,
.footer-col .menu a,
.footer-posts a,
.footer-policy-links a,
.site-footer a{
  color:#17202b !important;
}
.footer-brand p,
.footer-subscribe p,
.footer-col li span,
.footer-col small,
.footer-posts span,
.footer-bottom,
.gambling-notice-copy,
.gambling-notice-copy p{
  color:#667282 !important;
}
.footer-bottom,
.footer-posts li{
  border-color:#dce3eb !important;
}
.social-row a,
.footer-social-icon{
  background:#ffffff !important;
  border-color:#d7dee8 !important;
  color:#17202b !important;
}
.social-row a:hover,
.footer-social-icon:hover,
.footer-social-icon:focus{
  background:#f0fdf4 !important;
  color:#15803d !important;
  border-color:#bbf7d0 !important;
}
.gambling-age-badge{
  background:#ffffff !important;
  color:#17202b !important;
  border-color:#cfd8e3 !important;
}

/* Placeholder / empty-media surfaces */
.image-placeholder{
  background:linear-gradient(135deg,#edf2f7,#e3e9f0) !important;
}

/* Mobile drawer: light palette only */
@media(max-width:980px){
  .main-nav,
  .site-header nav#primary-menu.main-nav,
  .site-header nav#primary-menu.main-nav.open{
    background:#ffffff !important;
    border-color:#dce3eb !important;
    color:#17202b !important;
  }
  .site-header nav#primary-menu.main-nav.open li > a,
  .site-header nav#primary-menu.main-nav.open a,
  .mobile-drawer-close,
  .mobile-gambling-copy,
  .mobile-gambling-copy strong,
  .mobile-gambling-copy p{
    color:#17202b !important;
  }
  .mobile-drawer-close{
    background:#ffffff !important;
    border-color:#d7dee8 !important;
  }
  .site-header nav#primary-menu.main-nav.open .mobile-menu-socials a{
    background:#ffffff !important;
    border-color:#d7dee8 !important;
    color:#17202b !important;
  }
  .site-header nav#primary-menu.main-nav.open .mobile-menu-socials a:hover,
  .site-header nav#primary-menu.main-nav.open .mobile-menu-socials a:focus{
    background:#f0fdf4 !important;
    color:#15803d !important;
  }
  .site-header nav#primary-menu.main-nav.open .mobile-gambling-notice{
    background:#f5f8fa !important;
    border-color:#dce3eb !important;
  }
  .site-header nav#primary-menu.main-nav.open::after{
    background:rgba(255,255,255,.96) !important;
  }
}

/* Keep text over photography readable; colors only, no layout changes. */
.hero-copy,
.hero-copy h2,
.hero-copy h2 a,
.hero-card .hero-copy,
.category-feature-large .hero-copy,
.category-feature-small .hero-copy{
  color:#ffffff !important;
}
.hero-copy time,
.hero-card .meta{
  color:#d7e2f3 !important;
}


/* Variant finishing pass: colors only; layout untouched. */
html,body,.site-main,.home-shell,.page-shell{background:#ffffff !important;}
.header-accent{background:linear-gradient(90deg,#166534,#15803d) !important;}
.kicker,.eyebrow,.post-card .kicker,.post-card .eyebrow{color:#15803d !important;}
.kicker::before,.eyebrow::before{background:#15803d !important;}
.section-head h2{background:linear-gradient(135deg,rgba(37,99,235,.10),rgba(29,78,216,.05)) !important;border-color:#bbf7d0 !important;}
.sidebar .widget-categories-count .gv-category-count{color:#15803d !important;}
.sidebar .widget-categories-count .gv-category-leader::after{color:rgba(37,99,235,.32) !important;}
.gv-prefooter-newsletter{background:#f0fdf4 !important;border-color:#bbf7d0 !important;}
.social-row a:hover,.footer-social-icon:hover,.footer-social-icon:focus{background:#f0fdf4 !important;color:#15803d !important;border-color:#bbf7d0 !important;}
@media(max-width:980px){.site-header nav#primary-menu.main-nav.open .mobile-menu-socials a:hover,.site-header nav#primary-menu.main-nav.open .mobile-menu-socials a:focus{background:#f0fdf4 !important;color:#15803d !important;}}


/* 2.1.5.37 — white palette + visible chips; colors only, structure/layout unchanged. */
:root{--accent:#15803d !important;--accent-2:#166534 !important;}
html,body,.site-main,.home-shell,.page-shell{background:#ffffff !important;}
.header-accent{background:linear-gradient(90deg,#166534,#22a657,#15803d) !important;}

/* Category chips / labels */
.kicker,
.hero-copy .kicker,
.post-card .kicker,
.list-post .kicker,
.archive-card .kicker,
.article-header .kicker,
.editors-choice-label{
  display:inline-flex !important;
  align-items:center !important;
  width:max-content !important;
  max-width:100% !important;
  padding:3px 7px !important;
  border-radius:5px !important;
  background:#15803d !important;
  border:1px solid #15803d !important;
  color:#ffffff !important;
}
.kicker::before,.editors-choice-label::before{
  background:#ffffff !important;
  opacity:.92 !important;
}
/* Archive eyebrow is a chip too, except inside breadcrumbs. */
.archive-title-row .eyebrow, .archive-head > .eyebrow{
  padding:3px 8px !important;
  border-radius:5px !important;
  background:#15803d !important;
  border:1px solid #15803d !important;
  color:#ffffff !important;
}
.archive-title-row .eyebrow::before,.archive-head > .eyebrow::before{background:#ffffff !important;}

/* Date + author chips on LIGHT cards: visible pale chip with dark text. */
.post-card-body .gv-post-chip,
.archive-card .gv-post-chip,
.list-post .gv-post-chip,
.gv-author-featured-card .gv-post-chip,
.gv-author-archive-card .gv-post-chip{
  padding:3px 6px !important;
  border:1px solid #bbf7d0 !important;
  border-radius:5px !important;
  background:#f0fdf4 !important;
  color:#17202b !important;
}
.post-card-body .gv-post-chip-author,
.archive-card .gv-post-chip-author,
.list-post .gv-post-chip-author,
.gv-author-featured-card .gv-post-chip-author,
.gv-author-archive-card .gv-post-chip-author{color:#17202b !important;}
.post-card-body .gv-post-chip-icon,
.archive-card .gv-post-chip-icon,
.list-post .gv-post-chip-icon,
.gv-author-featured-card .gv-post-chip-icon,
.gv-author-archive-card .gv-post-chip-icon,
.post-card-body .gv-post-chip-separator,
.archive-card .gv-post-chip-separator,
.list-post .gv-post-chip-separator{color:#15803d !important;}

/* Chips placed over photography stay dark and high-contrast. */
.hero-copy .gv-post-chip,
.category-feature-large .gv-post-chip,
.category-feature-small .gv-post-chip{
  padding:3px 6px !important;
  border:1px solid #15803d !important;
  border-radius:5px !important;
  background:rgba(5,10,18,.82) !important;
  color:#ffffff !important;
}
.hero-copy .gv-post-chip-author,
.category-feature-large .gv-post-chip-author,
.category-feature-small .gv-post-chip-author{color:#ffffff !important;}
.hero-copy .gv-post-chip-icon,
.hero-copy .gv-post-chip-separator,
.category-feature-large .gv-post-chip-icon,
.category-feature-small .gv-post-chip-icon{color:#22a657 !important;}

/* Legacy rounded meta chips, if enabled anywhere. */
.post-card-body .post-meta-line.gv-meta-modern2 .meta-chip,
.archive-card .post-meta-line.gv-meta-modern2 .meta-chip,
.list-post .post-meta-line.gv-meta-modern2 .meta-chip{
  background:#f0fdf4 !important;
  border-color:#bbf7d0 !important;
}
.post-card-body .post-meta-line.gv-meta-modern2 .meta-chip,
.post-card-body .post-meta-line.gv-meta-modern2 .meta-chip time,
.post-card-body .post-meta-line.gv-meta-modern2 .meta-chip a,
.archive-card .post-meta-line.gv-meta-modern2 .meta-chip,
.archive-card .post-meta-line.gv-meta-modern2 .meta-chip time,
.archive-card .post-meta-line.gv-meta-modern2 .meta-chip a,
.list-post .post-meta-line.gv-meta-modern2 .meta-chip,
.list-post .post-meta-line.gv-meta-modern2 .meta-chip time,
.list-post .post-meta-line.gv-meta-modern2 .meta-chip a{color:#17202b !important;}
.post-meta-line.gv-meta-modern2 .meta-icon-svg{color:#15803d !important;}

/* Article tag pills */
.article-tags a{background:#f0fdf4 !important;border-color:#bbf7d0 !important;color:#166534 !important;}
.article-tags a:hover{background:#15803d !important;border-color:#15803d !important;color:#ffffff !important;}


/* 2.1.5.39 — PURE WHITE + BLACK TEXT + GREEN CHIPS.
   Colors only. No layout, spacing, sizing or functionality changes. */
:root{
  --accent:#15803d !important;
  --accent-2:#166534 !important;
  --text:#111111 !important;
  --muted:#4b5563 !important;
  --surface:#ffffff !important;
  --surface-2:#ffffff !important;
  --line:#dfe4ea !important;
  --line-2:#cfd6de !important;
}

/* Pure white site surfaces */
html,
body,
.site-main,
.home-shell,
.page-shell,
.site-header,
.header-inner,
.content-layout,
.archive-head,
.article-content,
.post-card,
.archive-card,
.list-post,
.author-box,
.widget,
.sidebar .widget,
.gv-author-card,
.gv-author-profile,
.gv-author-featured-card,
.comments-area,
.site-footer,
.footer-grid,
.footer-col,
.footer-bottom,
.gv-prefooter-newsletter{
  background:#ffffff !important;
}
body{background:#ffffff !important;color:#111111 !important;}
.site-header{border-bottom-color:#e2e6eb !important;box-shadow:none !important;}
.site-footer{border-top:1px solid #dfe4ea !important;}
.footer-glow{display:none !important;}

/* Black typography on light surfaces */
body,
.main-nav a,
.brand,
.brand a,
.brand-mark,
.breadcrumbs,
.breadcrumbs a,
.section-head h2,
.post-card h3,
.post-card h3 a,
.archive-card h2,
.archive-card h2 a,
.list-post h3,
.list-post h3 a,
.archive-head h1,
.article-header h1,
.archive-desc,
.article-content,
.article-content p,
.article-content li,
.article-content td,
.article-content th,
.article-content h2,
.article-content h3,
.article-content h4,
.article-content a,
.widget-title,
.widget li,
.widget li a,
.sidebar,
.sidebar a,
.sidebar p,
.sidebar span,
.sidebar li,
.gv-author-card h2 a,
.gv-author-profile h1,
.gv-author-section-head h2,
.gv-author-bio,
.gv-author-profile-bio,
.gv-author-post-meta,
.site-footer,
.site-footer a,
.footer-logo,
.footer-logo span,
.footer-col h3,
.footer-col .menu a,
.footer-posts a,
.footer-posts span,
.footer-brand p,
.footer-subscribe p,
.footer-col li span,
.footer-col small,
.footer-bottom,
.footer-policy-links a,
.footer-follow-label,
.gambling-notice-copy,
.gambling-notice-copy p,
.gv-newsletter-copy h2,
.gv-newsletter-copy h3,
.gv-newsletter-copy p{
  color:#111111 !important;
}

/* Secondary/meta text stays dark, not colored */
time,
.meta,
.post-meta-line,
.post-meta-line a,
.post-meta-line time,
.archive-card .meta,
.list-post .meta,
.widget small,
.sidebar small{
  color:#4b5563 !important;
}

/* Neutral borders */
.post-card,
.archive-card,
.list-post,
.author-box,
.widget,
.sidebar .widget,
.article-content,
.comments-area,
.gv-author-card,
.gv-author-profile,
.gv-author-featured-card,
.footer-col,
.footer-bottom,
.footer-posts li{
  border-color:#dfe4ea !important;
}
.section-head{border-bottom-color:#dfe4ea !important;}
.section-head h2{
  background:#ffffff !important;
  border-color:#dfe4ea !important;
}

/* GREEN CHIPS — category, editorial and archive chips */
.kicker,
.hero-copy .kicker,
.post-card .kicker,
.list-post .kicker,
.archive-card .kicker,
.article-header .kicker,
.editors-choice-label,
.archive-title-row .eyebrow,
.archive-head > .eyebrow{
  display:inline-flex !important;
  align-items:center !important;
  width:max-content !important;
  max-width:100% !important;
  padding:3px 7px !important;
  border-radius:5px !important;
  background:#15803d !important;
  border:1px solid #15803d !important;
  color:#ffffff !important;
}
.kicker::before,
.editors-choice-label::before,
.archive-title-row .eyebrow::before,
.archive-head > .eyebrow::before{
  background:#ffffff !important;
  opacity:.95 !important;
}

/* Date / author / meta chips are green too */
.gv-post-chip,
.post-card-body .gv-post-chip,
.archive-card .gv-post-chip,
.list-post .gv-post-chip,
.gv-author-featured-card .gv-post-chip,
.gv-author-archive-card .gv-post-chip,
.post-meta-line.gv-meta-modern2 .meta-chip{
  background:#15803d !important;
  border:1px solid #15803d !important;
  color:#ffffff !important;
  border-radius:5px !important;
}
.gv-post-chip *,
.gv-post-chip-author,
.gv-post-chip-icon,
.gv-post-chip-separator,
.post-meta-line.gv-meta-modern2 .meta-chip,
.post-meta-line.gv-meta-modern2 .meta-chip a,
.post-meta-line.gv-meta-modern2 .meta-chip time,
.post-meta-line.gv-meta-modern2 .meta-icon-svg{
  color:#ffffff !important;
}

/* Article tag pills */
.article-tags a{
  background:#15803d !important;
  border-color:#15803d !important;
  color:#ffffff !important;
}
.article-tags a:hover{
  background:#166534 !important;
  border-color:#166534 !important;
  color:#ffffff !important;
}

/* Keep text placed over photos readable */
.hero-copy,
.hero-copy h2,
.hero-copy h2 a,
.hero-card .hero-copy,
.category-feature-large .hero-copy,
.category-feature-small .hero-copy,
.editors-choice-card .post-card-body,
.editors-choice-card .post-card-body h3,
.editors-choice-card .post-card-body h3 a{
  color:#ffffff !important;
}
.hero-copy time,
.hero-card .meta,
.category-feature-large time,
.category-feature-small time{
  color:#f1f5f9 !important;
}

/* Form controls: white background, black text */
input,
textarea,
select,
.search-panel input,
.search-form input[type="search"],
.comments-area input,
.comments-area textarea,
.subscribe-form input{
  background:#ffffff !important;
  color:#111111 !important;
  border-color:#cfd6de !important;
}
input::placeholder,
textarea::placeholder{color:#6b7280 !important;}

/* Footer/social surfaces remain white; typography black */
.social-row a,
.footer-social-icon,
.gv-author-socials a,
.gv-author-card-socials a,
.gambling-age-badge{
  background:#ffffff !important;
  color:#111111 !important;
  border-color:#cfd6de !important;
}
.social-row a:hover,
.footer-social-icon:hover,
.footer-social-icon:focus,
.gv-author-socials a:hover,
.gv-author-card-socials a:hover{
  background:#f3f4f6 !important;
  color:#111111 !important;
  border-color:#aeb7c2 !important;
}

/* Mobile drawer follows the same white/black palette */
@media(max-width:980px){
  .main-nav,
  .site-header nav#primary-menu.main-nav,
  .site-header nav#primary-menu.main-nav.open,
  .mobile-drawer-close,
  .site-header nav#primary-menu.main-nav.open .mobile-menu-socials a,
  .site-header nav#primary-menu.main-nav.open .mobile-gambling-notice{
    background:#ffffff !important;
    border-color:#dfe4ea !important;
    color:#111111 !important;
  }
  .site-header nav#primary-menu.main-nav.open li > a,
  .site-header nav#primary-menu.main-nav.open a,
  .mobile-drawer-close,
  .mobile-gambling-copy,
  .mobile-gambling-copy strong,
  .mobile-gambling-copy p{
    color:#111111 !important;
  }
  .site-header nav#primary-menu.main-nav.open::after{
    background:rgba(255,255,255,.98) !important;
  }
}