/*
Theme Name: SpillPH Premium
Description: Modern viral news & media WordPress theme with dedicated SpillPH Options admin panel and layout presets.
Version: 6.6.23
Author: SpillPH
Text Domain: spillph
*/

:root{
 --accent:#ff2b2b;
 --dark:#0b0b0c;
 --surface:#ffffff;
 --bg:#f3f4f6;
 --muted:#666;
 --radius:24px;
 --shadow:0 12px 40px rgba(0,0,0,.08);
 --header-bg:rgba(11,11,12,.92);
 --footer-bg:#0b0b0c;
 --body-font:Inter,Arial,sans-serif;
 --heading-font:Inter,Arial,sans-serif;
}

*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:#111;font-family:var(--body-font)}
a{text-decoration:none;color:inherit}
img{max-width:100%;display:block}
.breaking-bar{background:var(--accent);color:#fff;padding:10px 18px;font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;overflow:hidden;white-space:nowrap}
.breaking-bar.is-hidden{display:none}
.site-header{position:sticky;top:0;z-index:999;background:var(--header-bg);backdrop-filter:blur(12px);color:#fff;border-bottom:1px solid rgba(255,255,255,.08)}
.header-inner{max-width:1280px;margin:auto;display:flex;justify-content:space-between;align-items:center;padding:18px 20px;gap:20px}
.logo{font-family:var(--heading-font);font-size:42px;font-weight:900;letter-spacing:-3px}
.logo span{color:var(--accent)}
.nav ul{display:flex;list-style:none;gap:18px;margin:0;padding:0;flex-wrap:wrap}
.nav a{color:#fff;font-size:13px;font-weight:800;text-transform:uppercase}
.main{max-width:1280px;margin:auto;padding:24px 20px 80px}
.hero-grid{display:grid;grid-template-columns:2fr 1fr;gap:20px}
.hero-main{position:relative;overflow:hidden;border-radius:32px;min-height:560px;background:#111;box-shadow:var(--shadow)}
.hero-main img{width:100%;height:100%;object-fit:cover}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.88),rgba(0,0,0,.1));display:flex;align-items:flex-end;padding:36px}
.hero-content h1{font-family:var(--heading-font);color:#fff;font-size:clamp(40px,5vw,78px);line-height:.92;margin:10px 0;letter-spacing:-4px}
.hero-content p{color:#ddd;font-size:18px;max-width:720px}
.hero-side{display:grid;gap:20px}
.side-card{background:#fff;border-radius:28px;overflow:hidden;box-shadow:var(--shadow);display:flex;flex-direction:column}
.side-card-content{padding:18px}
.badge{display:inline-block;background:rgba(255,43,43,.12);color:var(--accent);padding:8px 12px;border-radius:999px;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}
.section{margin-top:42px}
.section-header{display:flex;justify-content:space-between;align-items:end;margin-bottom:18px}
.section-title{font-family:var(--heading-font);font-size:36px;font-weight:900;letter-spacing:-2px;margin:0}
.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.news-card{background:#fff;border-radius:24px;overflow:hidden;box-shadow:var(--shadow);transition:.25s ease}
.news-card:hover{transform:translateY(-4px)}
.news-thumb{aspect-ratio:16/10;background:linear-gradient(135deg,#111,var(--accent));display:grid;place-items:center;color:#fff;font-weight:900}
.news-thumb img{width:100%;height:100%;object-fit:cover}
.news-body{padding:18px}
.news-title{font-family:var(--heading-font);font-size:24px;line-height:1.05;letter-spacing:-1px;margin:8px 0;font-weight:900}
.news-meta{color:var(--accent);font-size:12px;text-transform:uppercase;font-weight:800}
.sidebar-layout{display:grid;grid-template-columns:1fr 320px;gap:24px;margin-top:32px}
.trending-box{background:#fff;border-radius:24px;padding:20px;box-shadow:var(--shadow);position:sticky;top:100px}
.trending-title{font-family:var(--heading-font);margin-top:0;font-size:24px;letter-spacing:-1px}
.trending-list{padding-left:18px}.trending-list li{margin:14px 0;font-weight:700}
.ad-slot{background:#fff;border:2px dashed #ddd;border-radius:20px;padding:18px;text-align:center;color:#777;font-weight:700;margin:24px 0}
.single-wrap{max-width:900px;margin:auto;background:#fff;padding:40px;border-radius:32px;box-shadow:var(--shadow)}
.single-wrap h1{font-family:var(--heading-font);font-size:clamp(44px,6vw,84px);line-height:.92;letter-spacing:-4px}
.article-content{font-size:18px;line-height:1.8}
.site-footer{background:var(--footer-bg);color:#fff;margin-top:80px;padding:50px 20px}
.footer-inner{max-width:1280px;margin:auto}
.footer-inner h2{font-family:var(--heading-font);font-size:34px;margin:0 0 8px}
body.spillph-dark{--bg:#111;--surface:#171717;color:#f4f4f5}
body.spillph-dark .news-card,body.spillph-dark .side-card,body.spillph-dark .trending-box,body.spillph-dark .single-wrap,body.spillph-dark .ad-slot{background:#1c1c1f;color:#f4f4f5;border-color:#333}
body.spillph-dark .news-card p{color:#bbb}
@media(max-width:1000px){.hero-grid,.sidebar-layout,.news-grid{grid-template-columns:1fr}.hero-main{min-height:420px}.hero-content h1{font-size:48px}}
@media(max-width:700px){.header-inner{align-items:flex-start;flex-direction:column}.logo{font-size:34px}.hero-overlay{padding:24px}.section-title{font-size:28px}.single-wrap{padding:24px}}


/* ================================
   SpillPH Layout Presets v2.2.0
================================ */

/* Default / Hybrid News Viral */
body.spillph-layout-hybrid_news_viral .hero-grid{grid-template-columns:2fr 1fr}
body.spillph-layout-hybrid_news_viral .news-grid{grid-template-columns:repeat(3,1fr)}

/* Modern Viral Layout */
body.spillph-layout-modern_viral{--bg:#f8f8fb}
body.spillph-layout-modern_viral .hero-main{min-height:640px;border-radius:38px}
body.spillph-layout-modern_viral .hero-content h1{font-size:clamp(48px,6vw,92px)}
body.spillph-layout-modern_viral .news-grid{grid-template-columns:repeat(3,1fr)}
body.spillph-layout-modern_viral .news-card{border-radius:30px}
body.spillph-layout-modern_viral .news-title{font-size:26px}

/* Professional News Layout */
body.spillph-layout-professional_news{--bg:#f5f5f2;--radius:12px}
body.spillph-layout-professional_news .breaking-bar{background:#111}
body.spillph-layout-professional_news .hero-grid{grid-template-columns:1.4fr 1fr}
body.spillph-layout-professional_news .hero-main,
body.spillph-layout-professional_news .side-card,
body.spillph-layout-professional_news .news-card,
body.spillph-layout-professional_news .trending-box,
body.spillph-layout-professional_news .single-wrap{border-radius:10px;box-shadow:none;border:1px solid #ddd}
body.spillph-layout-professional_news .hero-main{min-height:460px}
body.spillph-layout-professional_news .hero-content h1{font-size:clamp(34px,4vw,58px);letter-spacing:-2px}
body.spillph-layout-professional_news .news-grid{grid-template-columns:repeat(2,1fr)}
body.spillph-layout-professional_news .news-card{display:grid;grid-template-columns:180px 1fr}
body.spillph-layout-professional_news .news-thumb{aspect-ratio:auto;min-height:140px}
body.spillph-layout-professional_news .news-title{font-size:20px}

/* Magazine Layout */
body.spillph-layout-magazine{--bg:#faf7f1}
body.spillph-layout-magazine .site-header{position:relative}
body.spillph-layout-magazine .header-inner{flex-direction:column;gap:12px}
body.spillph-layout-magazine .logo{font-size:54px}
body.spillph-layout-magazine .hero-grid{grid-template-columns:1fr}
body.spillph-layout-magazine .hero-main{min-height:700px;border-radius:0}
body.spillph-layout-magazine .hero-content{max-width:850px}
body.spillph-layout-magazine .hero-content h1{font-size:clamp(52px,7vw,104px)}
body.spillph-layout-magazine .news-grid{grid-template-columns:repeat(3,1fr)}
body.spillph-layout-magazine .news-card{border-radius:0;box-shadow:none;border-bottom:4px solid var(--accent)}
body.spillph-layout-magazine .news-title{font-size:28px}

/* Compact Newspaper Layout */
body.spillph-layout-compact_newspaper{--bg:#fff}
body.spillph-layout-compact_newspaper .main{max-width:1180px}
body.spillph-layout-compact_newspaper .hero-grid{grid-template-columns:1fr 1fr}
body.spillph-layout-compact_newspaper .hero-main{min-height:420px;border-radius:0;box-shadow:none}
body.spillph-layout-compact_newspaper .side-card,
body.spillph-layout-compact_newspaper .news-card,
body.spillph-layout-compact_newspaper .trending-box{border-radius:0;box-shadow:none;border-top:3px solid #111}
body.spillph-layout-compact_newspaper .news-grid{grid-template-columns:repeat(4,1fr);gap:14px}
body.spillph-layout-compact_newspaper .news-title{font-size:18px;letter-spacing:-.4px}

/* Homepage Style Controls */
body.spillph-homepage-fullwidth_hero .hero-grid{grid-template-columns:1fr}
body.spillph-homepage-fullwidth_hero .hero-side{grid-template-columns:repeat(2,1fr)}
body.spillph-homepage-grid_focus .hero-grid{grid-template-columns:1fr}
body.spillph-homepage-grid_focus .hero-side{display:grid;grid-template-columns:repeat(2,1fr)}
body.spillph-homepage-magazine_stack .hero-grid{grid-template-columns:1fr}
body.spillph-homepage-magazine_stack .hero-main{min-height:620px}
body.spillph-homepage-magazine_stack .hero-side{grid-template-columns:repeat(2,1fr)}

/* Article Layout */
body.spillph-article-fullwidth .single-wrap{max-width:1180px}
body.spillph-article-reading_mode .single-wrap{max-width:760px}
body.spillph-article-reading_mode .article-content{font-size:20px;line-height:1.95}

/* Header Layout */
body.spillph-header-centered .header-inner{flex-direction:column;gap:14px}
body.spillph-header-centered .logo{font-size:52px}
body.spillph-header-classic .site-header{position:relative;backdrop-filter:none}
body.spillph-header-classic .header-inner{align-items:center}
body.spillph-header-transparent .site-header{background:rgba(0,0,0,.45)}

/* Category/Card Layout */
body.spillph-card-list .news-grid{grid-template-columns:1fr}
body.spillph-card-list .news-card{display:grid;grid-template-columns:260px 1fr}
body.spillph-card-list .news-thumb{aspect-ratio:auto;min-height:170px}
body.spillph-card-mixed .news-grid .news-card:first-child{grid-column:span 2}
body.spillph-card-mixed .news-grid .news-card:first-child .news-title{font-size:34px}

@media(max-width:1000px){
 body.spillph-layout-professional_news .news-card,
 body.spillph-card-list .news-card{display:block;grid-template-columns:1fr}
 body.spillph-layout-compact_newspaper .news-grid{grid-template-columns:1fr}
 body.spillph-homepage-fullwidth_hero .hero-side,
 body.spillph-homepage-grid_focus .hero-side,
 body.spillph-homepage-magazine_stack .hero-side{grid-template-columns:1fr}
}


/* v2.3.0 stronger visual differences */

body:not(.logged-in) 

/* Make each layout obviously different */
body.spillph-layout-modern_viral .breaking-bar{background:linear-gradient(90deg,#ff2b2b,#ff7a00)}
body.spillph-layout-modern_viral .site-header{background:rgba(16,16,24,.92)}
body.spillph-layout-modern_viral .hero-main{border:4px solid #ff2b2b}

body.spillph-layout-professional_news .site-header{background:#fff;color:#111}
body.spillph-layout-professional_news .nav a{color:#111}
body.spillph-layout-professional_news .logo{color:#111}
body.spillph-layout-professional_news .hero-overlay{background:linear-gradient(to top,rgba(0,0,0,.78),rgba(0,0,0,.15))}

body.spillph-layout-magazine .breaking-bar{background:#111}
body.spillph-layout-magazine .site-header{background:#fff;color:#111}
body.spillph-layout-magazine .nav a{color:#111}
body.spillph-layout-magazine .logo{color:#111}
body.spillph-layout-magazine .main{max-width:1400px}

body.spillph-layout-compact_newspaper .breaking-bar{background:#222}
body.spillph-layout-compact_newspaper .site-header{background:#fff;color:#111;border-bottom:3px solid #111}
body.spillph-layout-compact_newspaper .nav a{color:#111}
body.spillph-layout-compact_newspaper .logo{color:#111}


/* SpillPH v2.7.0 Typography Hooks */
.logo{color:var(--sp-site-title-header-color,#fff);font-family:var(--sp-site-title-header-font,var(--heading-font));font-size:var(--sp-site-title-header-size,42px);font-weight:var(--sp-site-title-header-weight,900);font-style:var(--sp-site-title-header-style,normal);text-decoration:var(--sp-site-title-header-decoration,none);letter-spacing:var(--sp-site-title-header-letter-spacing,-3px)}
.nav a{color:var(--sp-main-navigation-color,#fff);font-family:var(--sp-main-navigation-font,var(--body-font));font-size:var(--sp-main-navigation-size,13px);font-weight:var(--sp-main-navigation-weight,800);font-style:var(--sp-main-navigation-style,normal);text-decoration:var(--sp-main-navigation-decoration,none);letter-spacing:var(--sp-main-navigation-letter-spacing,0)}
.sp-header-tagline{color:var(--sp-tagline-header-color,#fff);font-family:var(--sp-tagline-header-font,var(--body-font));font-size:var(--sp-tagline-header-size,12px);font-weight:var(--sp-tagline-header-weight,800);font-style:var(--sp-tagline-header-style,normal);text-decoration:var(--sp-tagline-header-decoration,none);letter-spacing:var(--sp-tagline-header-letter-spacing,0);margin-bottom:6px}
.breaking-bar{color:var(--sp-breaking-news-label-color,#fff);font-family:var(--sp-breaking-news-label-font,var(--body-font));font-size:var(--sp-breaking-news-label-size,13px);font-weight:var(--sp-breaking-news-label-weight,800);font-style:var(--sp-breaking-news-label-style,normal);text-decoration:var(--sp-breaking-news-label-decoration,none);letter-spacing:var(--sp-breaking-news-label-letter-spacing,.08em)}
.hero-content h1{color:var(--sp-slider-post-title-color,#fff);font-family:var(--sp-slider-post-title-font,var(--heading-font));font-size:var(--sp-slider-post-title-size,clamp(40px,5vw,78px));font-weight:var(--sp-slider-post-title-weight,900);font-style:var(--sp-slider-post-title-style,normal);text-decoration:var(--sp-slider-post-title-decoration,none);letter-spacing:var(--sp-slider-post-title-letter-spacing,-4px)}
.side-card .news-title{color:var(--sp-grid-slider-post-title-color,#111);font-family:var(--sp-grid-slider-post-title-font,var(--heading-font));font-size:var(--sp-grid-slider-post-title-size,24px);font-weight:var(--sp-grid-slider-post-title-weight,900);font-style:var(--sp-grid-slider-post-title-style,normal);text-decoration:var(--sp-grid-slider-post-title-decoration,none);letter-spacing:var(--sp-grid-slider-post-title-letter-spacing,-1px)}
.section-title{color:var(--sp-blocks-titles-color,#111);font-family:var(--sp-blocks-titles-font,var(--heading-font));font-size:var(--sp-blocks-titles-size,36px);font-weight:var(--sp-blocks-titles-weight,900);font-style:var(--sp-blocks-titles-style,normal);text-decoration:var(--sp-blocks-titles-decoration,none);letter-spacing:var(--sp-blocks-titles-letter-spacing,-2px)}
.news-title{color:var(--sp-post-title-homepage-color,#111);font-family:var(--sp-post-title-homepage-font,var(--heading-font));font-size:var(--sp-post-title-homepage-size,24px);font-weight:var(--sp-post-title-homepage-weight,900);font-style:var(--sp-post-title-homepage-style,normal);text-decoration:var(--sp-post-title-homepage-decoration,none);letter-spacing:var(--sp-post-title-homepage-letter-spacing,-1px)}
.news-meta{color:var(--sp-post-meta-color,var(--accent));font-family:var(--sp-post-meta-font,var(--body-font));font-size:var(--sp-post-meta-size,12px);font-weight:var(--sp-post-meta-weight,800);font-style:var(--sp-post-meta-style,normal);text-decoration:var(--sp-post-meta-decoration,none);letter-spacing:var(--sp-post-meta-letter-spacing,.04em)}
.single-wrap h1{color:var(--sp-single-post-title-color,#111);font-family:var(--sp-single-post-title-font,var(--heading-font));font-size:var(--sp-single-post-title-size,64px);font-weight:var(--sp-single-post-title-weight,900);font-style:var(--sp-single-post-title-style,normal);text-decoration:var(--sp-single-post-title-decoration,none);letter-spacing:var(--sp-single-post-title-letter-spacing,-4px)}
.article-content{color:var(--sp-post-entry-color,#111);font-family:var(--sp-post-entry-font,var(--body-font));font-size:var(--sp-post-entry-size,18px);font-weight:var(--sp-post-entry-weight,400);font-style:var(--sp-post-entry-style,normal);text-decoration:var(--sp-post-entry-decoration,none);letter-spacing:var(--sp-post-entry-letter-spacing,0)}
blockquote,.article-content blockquote{color:var(--sp-blockquotes-color,#333);font-family:var(--sp-blockquotes-font,var(--heading-font));font-size:var(--sp-blockquotes-size,22px);font-weight:var(--sp-blockquotes-weight,700);font-style:var(--sp-blockquotes-style,italic);text-decoration:var(--sp-blockquotes-decoration,none);letter-spacing:var(--sp-blockquotes-letter-spacing,0);border-left:4px solid var(--accent);padding-left:18px}
.trending-title,.widget-title{color:var(--sp-widgets-titles-color,#111);font-family:var(--sp-widgets-titles-font,var(--heading-font));font-size:var(--sp-widgets-titles-size,24px);font-weight:var(--sp-widgets-titles-weight,900);font-style:var(--sp-widgets-titles-style,normal);text-decoration:var(--sp-widgets-titles-decoration,none);letter-spacing:var(--sp-widgets-titles-letter-spacing,-1px)}
.footer-inner h2{color:var(--sp-footer-widgets-titles-color,#fff);font-family:var(--sp-footer-widgets-titles-font,var(--heading-font));font-size:var(--sp-footer-widgets-titles-size,34px);font-weight:var(--sp-footer-widgets-titles-weight,900);font-style:var(--sp-footer-widgets-titles-style,normal);text-decoration:var(--sp-footer-widgets-titles-decoration,none);letter-spacing:var(--sp-footer-widgets-titles-letter-spacing,-1px)}
body{color:var(--sp-general-typography-color,#111);font-family:var(--sp-general-typography-font,var(--body-font));font-size:var(--sp-general-typography-size,16px);font-weight:var(--sp-general-typography-weight,400);font-style:var(--sp-general-typography-style,normal);text-decoration:var(--sp-general-typography-decoration,none);letter-spacing:var(--sp-general-typography-letter-spacing,0)}
body.spillph-dark .news-title,body.spillph-dark .section-title,body.spillph-dark .side-card .news-title,body.spillph-dark .single-wrap h1,body.spillph-dark .article-content,body.spillph-dark .trending-title{color:#f4f4f5}


/* SpillPH v2.8.0 Header Builder */
.sp-top-menu{
 background:#070707;
 color:#fff;
 font-family:var(--sp-top-menu-font,var(--body-font));
 color:var(--sp-top-menu-color,#fff);
 font-size:var(--sp-top-menu-size,13px);
 font-weight:var(--sp-top-menu-weight,700);
 font-style:var(--sp-top-menu-style,normal);
 text-decoration:var(--sp-top-menu-decoration,none);
 border-bottom:1px solid rgba(255,255,255,.08);
}
.sp-top-inner{
 max-width:1280px;
 margin:auto;
 padding:8px 20px;
 display:flex;
 align-items:center;
 justify-content:space-between;
 gap:18px;
}
.sp-top-left,.sp-top-right{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.sp-top-menu a{color:inherit}
.sp-top-menu ul{display:flex;list-style:none;gap:14px;margin:0;padding:0;flex-wrap:wrap}
.sp-top-date{opacity:.85}
.sp-search-form{display:flex;align-items:center;gap:6px}
.sp-search-form input{border:0;border-radius:999px;padding:7px 10px;min-width:160px}
.sp-search-form button,.sp-random-btn{border:0;background:var(--accent);color:#fff;border-radius:999px;padding:8px 10px;font-weight:900;cursor:pointer}
.sp-social-icons{display:flex;gap:8px}
.sp-social-icons a{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.12);font-size:12px;font-weight:900}
.site-header.sp-sticky-nav{position:sticky;top:0}
.site-header:not(.sp-sticky-nav){position:relative}
.sp-sticky-logo{display:none;align-items:center;margin-right:10px}
.sp-sticky-logo img{max-height:34px;width:auto}
.site-header.sp-sticky-nav .sp-sticky-logo{display:flex}
.nav-wrap{display:flex;align-items:center;gap:14px}
.sp-random-btn{margin-left:auto;text-decoration:none}
.sp-main-nav-hidden .nav{display:none}
.sp-main-nav-hidden .sp-random-btn{display:none}
.sp-breaking-inner{max-width:1280px;margin:auto;display:flex;align-items:center;gap:12px}
.sp-breaking-label{font-weight:900;background:rgba(0,0,0,.18);padding:4px 8px;border-radius:999px;white-space:nowrap}
.sp-breaking-content{overflow:hidden;flex:1}
.sp-breaking-items{display:flex;gap:24px;align-items:center}
.sp-breaking-item{white-space:nowrap;color:#fff;font-weight:800}
.breaking-bar.sp-effect-ticker .sp-breaking-items{animation:spTicker var(--sp-breaking-speed,18000ms) linear infinite}
.breaking-bar.sp-effect-slide .sp-breaking-items{animation:spSlide var(--sp-breaking-speed,8000ms) ease-in-out infinite}
.breaking-bar.sp-effect-fade .sp-breaking-item{display:none}
.breaking-bar.sp-effect-fade .sp-breaking-item:first-child{display:inline;animation:spFade var(--sp-breaking-speed,3000ms) ease-in-out infinite}
@keyframes spTicker{0%{transform:translateX(100%)}100%{transform:translateX(-100%)}}
@keyframes spSlide{0%,25%{transform:translateX(0)}40%,65%{transform:translateX(-35%)}80%,100%{transform:translateX(-70%)}}
@keyframes spFade{0%,100%{opacity:.25}50%{opacity:1}}
.sp-live-results{
 position:absolute;
 background:#fff;
 color:#111;
 width:320px;
 max-width:90vw;
 right:20px;
 top:100%;
 border-radius:14px;
 box-shadow:0 12px 40px rgba(0,0,0,.2);
 overflow:hidden;
 z-index:999999;
 display:none;
}
.sp-live-results a{display:block;padding:10px 12px;border-bottom:1px solid #eee;color:#111}
.sp-live-results.is-visible{display:block}
@media(max-width:800px){
 .sp-top-inner,.header-inner{align-items:flex-start;flex-direction:column}
 .sp-top-left,.sp-top-right,.nav-wrap{width:100%;justify-content:flex-start}
 .sp-search-form input{min-width:120px}
}


/* SpillPH v2.8.2 Sticky Logo Fix */
.site-header .sp-sticky-logo{display:none!important}
.site-header.sp-sticky-nav.sp-is-stuck .sp-sticky-logo{display:flex!important}
.site-header.sp-sticky-nav.sp-is-stuck .logo{display:none!important}
.site-header.sp-sticky-nav.sp-is-stuck{
 box-shadow:0 12px 30px rgba(0,0,0,.18);
}


/* ==================================================
   SpillPH v2.9.0 Hybrid Viral News Navigation
================================================== */

.site-header{
 transition:all .28s ease;
}

.site-header.sp-is-stuck{
 background:rgba(8,8,10,.96);
 backdrop-filter:blur(18px);
}

.site-header.sp-is-stuck .header-inner{
 padding-top:10px;
 padding-bottom:10px;
}

.nav-wrap{
 flex:1;
 justify-content:flex-end;
}

.nav{
 position:relative;
}

.nav ul{
 align-items:center;
}

.nav li{
 position:relative;
}

.nav > ul > li > a,
.nav .menu > li > a{
 position:relative;
 display:flex;
 align-items:center;
 gap:6px;
 min-height:42px;
 padding:10px 3px;
 letter-spacing:.045em;
 transition:color .22s ease, transform .22s ease;
}

.nav > ul > li > a:after,
.nav .menu > li > a:after{
 content:"";
 position:absolute;
 left:0;
 right:0;
 bottom:3px;
 height:3px;
 border-radius:99px;
 background:linear-gradient(90deg,var(--accent),#ff8a00);
 transform:scaleX(0);
 transform-origin:left;
 transition:transform .25s ease;
}

.nav > ul > li:hover > a,
.nav .menu > li:hover > a{
 color:#fff;
 transform:translateY(-1px);
}

.nav > ul > li:hover > a:after,
.nav .menu > li:hover > a:after,
.nav .current-menu-item > a:after,
.nav .current-menu-parent > a:after,
.nav .current-menu-ancestor > a:after{
 transform:scaleX(1);
}

.nav .current-menu-item > a,
.nav .current-menu-parent > a,
.nav .current-menu-ancestor > a{
 color:var(--accent);
}

.nav li.menu-item-has-children > a:before{
 content:"▾";
 order:2;
 font-size:10px;
 opacity:.75;
 transform:translateY(1px);
}

.nav .sub-menu,
.nav .children{
 position:absolute;
 top:100%;
 left:0;
 min-width:230px;
 background:var(--sp-sub-menu-bg-color, rgba(13,13,16,.98));
 border:1px solid var(--sp-sub-menu-border-color, rgba(255,255,255,.09));
 border-radius:18px;
 padding:10px;
 display:flex;
 flex-direction:column;
 gap:4px;
 opacity:0;
 visibility:hidden;
 transform:translateY(12px) scale(.98);
 transition:opacity .22s ease, transform .22s ease, visibility .22s ease;
 box-shadow:0 20px 60px rgba(0,0,0,.35);
 z-index:99999;
}

.nav li:hover > .sub-menu,
.nav li:hover > .children,
.nav li:focus-within > .sub-menu,
.nav li:focus-within > .children{
 opacity:1;
 visibility:visible;
 transform:translateY(0) scale(1);
}

.nav .sub-menu li,
.nav .children li{
 width:100%;
}

.nav .sub-menu a,
.nav .children a{
 display:flex;
 padding:11px 12px;
 border-radius:12px;
 color:var(--sp-sub-menu-link-color, #fff);
 font-size:13px;
 font-weight:800;
 text-transform:none;
 letter-spacing:0;
 transition:background .2s ease, color .2s ease, transform .2s ease;
}

.nav .sub-menu a:hover,
.nav .children a:hover{
 background:var(--sp-sub-menu-hover-bg-color, rgba(255,43,43,.16));
 color:var(--sp-sub-menu-link-hover-color, #fff);
 transform:translateX(4px);
}

.nav .sub-menu .sub-menu,
.nav .children .children{
 top:0;
 left:100%;
 margin-left:10px;
}

.nav li.menu-item-has-children:hover > a{
 color:#fff;
}

/* Viral badge option: add CSS class "hot" or "trending" to menu item in WordPress Menu CSS Classes */
.nav li.hot > a:before,
.nav li.trending > a:before{
 content:"HOT";
 order:0;
 background:var(--accent);
 color:#fff;
 border-radius:999px;
 padding:2px 6px;
 font-size:9px;
 line-height:1;
 font-weight:900;
 letter-spacing:.06em;
}

.nav li.trending > a:before{
 content:"TREND";
 background:#ff8a00;
}

/* Right action buttons */
.sp-random-btn,
.sp-mobile-toggle{
 width:42px;
 height:42px;
 border-radius:999px;
 display:grid;
 place-items:center;
 background:rgba(255,255,255,.1);
 color:#fff;
 border:1px solid rgba(255,255,255,.12);
 transition:background .22s ease, transform .22s ease, border-color .22s ease;
}

.sp-random-btn:hover,
.sp-mobile-toggle:hover{
 background:var(--accent);
 transform:translateY(-2px) rotate(3deg);
 border-color:var(--accent);
}

.sp-mobile-toggle{
 display:none;
 cursor:pointer;
 font-size:20px;
}

/* Mobile offcanvas */
.sp-mobile-panel{
 position:fixed;
 inset:0 0 0 auto;
 width:min(360px,88vw);
 background:#0b0b0c;
 color:#fff;
 z-index:100000;
 transform:translateX(105%);
 transition:transform .28s ease;
 box-shadow:-20px 0 60px rgba(0,0,0,.45);
 padding:22px;
 overflow:auto;
}

.sp-mobile-panel.is-open{
 transform:translateX(0);
}

.sp-mobile-overlay{
 position:fixed;
 inset:0;
 background:rgba(0,0,0,.55);
 z-index:99999;
 opacity:0;
 visibility:hidden;
 transition:opacity .25s ease, visibility .25s ease;
}

.sp-mobile-overlay.is-open{
 opacity:1;
 visibility:visible;
}

.sp-mobile-head{
 display:flex;
 align-items:center;
 justify-content:space-between;
 gap:12px;
 margin-bottom:20px;
}

.sp-mobile-brand{
 font-size:30px;
 font-weight:900;
 letter-spacing:-2px;
}

.sp-mobile-brand span{
 color:var(--accent);
}

.sp-mobile-close{
 border:0;
 background:rgba(255,255,255,.12);
 color:#fff;
 width:38px;
 height:38px;
 border-radius:999px;
 cursor:pointer;
 font-size:20px;
}

.sp-mobile-panel ul{
 list-style:none;
 padding:0;
 margin:0;
 display:flex;
 flex-direction:column;
 gap:6px;
}

.sp-mobile-panel a{
 display:flex;
 justify-content:space-between;
 align-items:center;
 color:#fff;
 padding:13px 12px;
 border-radius:14px;
 background:rgba(255,255,255,.04);
 font-weight:800;
 text-decoration:none;
}

.sp-mobile-panel .sub-menu,
.sp-mobile-panel .children{
 margin:6px 0 8px 14px;
 display:none;
}

.sp-mobile-panel li.is-expanded > .sub-menu,
.sp-mobile-panel li.is-expanded > .children{
 display:flex;
}

.sp-mobile-panel li.menu-item-has-children > a:after{
 content:"+";
 font-weight:900;
 color:var(--accent);
}

.sp-mobile-panel li.is-expanded > a:after{
 content:"−";
}

body.sp-mobile-lock{
 overflow:hidden;
}

body.spillph-layout-professional_news .nav > ul > li > a,
body.spillph-layout-professional_news .nav .menu > li > a,
body.spillph-layout-magazine .nav > ul > li > a,
body.spillph-layout-magazine .nav .menu > li > a,
body.spillph-layout-compact_newspaper .nav > ul > li > a,
body.spillph-layout-compact_newspaper .nav .menu > li > a{
 color:#111;
}

body.spillph-layout-professional_news .site-header.sp-is-stuck,
body.spillph-layout-magazine .site-header.sp-is-stuck,
body.spillph-layout-compact_newspaper .site-header.sp-is-stuck{
 background:rgba(255,255,255,.96);
}

@media(max-width:980px){
 .sp-mobile-toggle{
   display:grid;
 }
 .site-header .nav{
   display:none!important;
 }
 .nav-wrap{
   width:auto;
   margin-left:auto;
 }
 .sp-header-tagline{
   display:none;
 }
 .header-inner{
   flex-direction:row!important;
   align-items:center!important;
 }
}


/* ==================================================
   SpillPH v3.0.0 Featured Image Enhancements
================================================== */

.news-thumb{
 position:relative;
 overflow:hidden;
}

.news-thumb img{
 transition:transform .35s ease;
}

.news-card:hover .news-thumb img{
 transform:scale(1.045);
}

.news-thumb.is-placeholder{
 background:linear-gradient(135deg,#111,var(--accent));
 min-height:180px;
}

.news-thumb.is-placeholder:after{
 content:"SPILLPH";
 color:#fff;
 font-size:24px;
 font-weight:900;
 letter-spacing:-1px;
}

.single-featured-image{
 margin:26px -40px 30px;
 overflow:hidden;
 background:#fff;
}

.single-featured-image img{
 width:100%;
 height:auto;
 max-height:none;
 object-fit:contain;
 display:block;
}

.featured-caption{
 font-size:13px;
 color:#777;
 margin:8px 40px 0;
}

.sp-featured-notice{
 background:#fff8e1;
 border-left:4px solid #ffb300;
 padding:14px 16px;
 margin:16px 0;
 border-radius:10px;
 font-weight:700;
}

@media(max-width:700px){
 .single-featured-image{
   margin-left:-24px;
   margin-right:-24px;
 }
 .featured-caption{
   margin-left:24px;
   margin-right:24px;
 }
}


/* ==================================================
   SpillPH v3.1.0 Post Settings + Social Networking
================================================== */

.sp-reading-progress{
 position:fixed;
 top:0;
 left:0;
 height:4px;
 width:0;
 background:linear-gradient(90deg,var(--accent),#ff8a00);
 z-index:999999;
 box-shadow:0 0 16px rgba(255,43,43,.5);
}

.sp-post-meta-line{
 display:flex;
 flex-wrap:wrap;
 align-items:center;
 gap:10px;
 color:var(--sp-post-meta-color,var(--accent));
 font-family:var(--sp-post-meta-font,var(--body-font));
 font-size:var(--sp-post-meta-size,12px);
 font-weight:var(--sp-post-meta-weight,800);
 text-transform:uppercase;
 letter-spacing:.04em;
 margin:0 0 14px;
}

.sp-post-meta-line a{
 color:inherit;
}

.sp-post-meta-line span{
 display:inline-flex;
 align-items:center;
 gap:5px;
}

.sp-author-box{
 margin-top:34px;
 padding:24px;
 border-radius:24px;
 background:#f8fafc;
 border:1px solid #e5e7eb;
 display:flex;
 gap:18px;
 align-items:flex-start;
}

.sp-author-avatar img{
 border-radius:50%;
}

.sp-author-info h3{
 margin:0 0 8px;
 font-size:22px;
}

.sp-author-info p{
 margin:0;
 color:#555;
 line-height:1.6;
}

.sp-next-prev{
 margin-top:28px;
 display:grid;
 grid-template-columns:1fr 1fr;
 gap:16px;
}

.sp-next-prev a{
 background:#f8fafc;
 border:1px solid #e5e7eb;
 border-radius:20px;
 padding:18px;
 display:block;
 font-weight:900;
 color:#111;
 transition:transform .2s ease, border-color .2s ease;
}

.sp-next-prev a:hover{
 transform:translateY(-3px);
 border-color:var(--accent);
}

.sp-next-prev small{
 display:block;
 color:var(--accent);
 text-transform:uppercase;
 letter-spacing:.08em;
 font-size:11px;
 margin-bottom:6px;
}

.sp-social-icons-dynamic{
 display:flex;
 align-items:center;
 gap:10px;
 flex-wrap:wrap;
}

.sp-social-icons-dynamic a{
 width:34px;
 height:34px;
 border-radius:999px;
 display:grid;
 place-items:center;
 background:rgba(255,255,255,.12);
 color:#fff;
 font-size:13px;
 font-weight:900;
 text-decoration:none;
 border:1px solid rgba(255,255,255,.1);
 transition:transform .2s ease, background .2s ease;
}

.sp-social-icons-dynamic a:hover{
 transform:translateY(-2px);
 background:var(--accent);
}

.sp-footer-social{
 margin-top:18px;
}

.sp-footer-social .sp-social-icons-dynamic a{
 background:rgba(255,255,255,.1);
}

body.spillph-dark .sp-author-box,
body.spillph-dark .sp-next-prev a{
 background:#1f1f23;
 border-color:#333;
 color:#f4f4f5;
}

@media(max-width:700px){
 .sp-author-box{
   flex-direction:column;
 }
 .sp-next-prev{
   grid-template-columns:1fr;
 }
}


/* ==================================================
   SpillPH v3.2.0 External Comments / Facebook Comments
================================================== */

.sp-comments-section{
 margin-top:34px;
 padding:26px;
 border-radius:26px;
 background:#f8fafc;
 border:1px solid #e5e7eb;
}

.sp-comments-head{
 display:flex;
 align-items:center;
 justify-content:space-between;
 gap:18px;
 margin-bottom:18px;
}

.sp-comments-head h2{
 margin:0;
 font-size:26px;
 letter-spacing:-1px;
}

.sp-comments-provider{
 display:inline-flex;
 align-items:center;
 gap:6px;
 background:#1877f2;
 color:#fff;
 border-radius:999px;
 padding:7px 10px;
 font-size:12px;
 font-weight:900;
}

.sp-comments-note{
 color:#64748b;
 font-size:13px;
 margin:10px 0 0;
}

.sp-comments-disabled{
 margin-top:28px;
 padding:18px;
 border-radius:18px;
 background:#f1f5f9;
 color:#64748b;
 font-weight:700;
}

body.spillph-dark .sp-comments-section,
body.spillph-dark .sp-comments-disabled{
 background:#1f1f23;
 border-color:#333;
 color:#f4f4f5;
}

body.spillph-dark .sp-comments-note{
 color:#aaa;
}


/* SpillPH v3.2.1 Facebook Comments Fix */
.sp-fb-admin-warning{
 margin:14px 0;
 padding:14px 16px;
 border-radius:14px;
 background:#fff7ed;
 border:1px solid #fed7aa;
 border-left:4px solid #f97316;
 color:#7c2d12;
 font-size:13px;
 line-height:1.5;
 font-weight:700;
}

.sp-fb-loader-note{
 color:#64748b;
 font-size:13px;
 margin:10px 0;
}


/* ==================================================
   SpillPH v3.2.2 Single Post Layout + FB Status Fix
================================================== */

.single-wrap.sp-single-modern{
 padding-top:0;
 overflow:hidden;
}

.sp-single-modern .single-featured-image{
 margin:0 -40px 30px;
 border-radius:0;
}

.sp-single-modern .single-featured-image img{
 width:100%;
 height:auto;
 max-height:none;
 object-fit:contain;
 display:block;
}

.sp-single-modern .sp-single-title{
 margin:0 0 12px;
}

.sp-single-modern .sp-post-meta-line{
 margin:0 0 24px;
 padding-bottom:18px;
 border-bottom:1px solid #e5e7eb;
}

.sp-fb-status{
 margin:14px 0;
 padding:14px 16px;
 border-radius:14px;
 background:#f8fafc;
 border:1px solid #e5e7eb;
 color:#475569;
 font-size:13px;
 line-height:1.5;
 font-weight:700;
}

.sp-fb-status.is-error{
 background:#fff7ed;
 border-color:#fed7aa;
 border-left:4px solid #f97316;
 color:#7c2d12;
}

.sp-fb-status a{
 color:#1877f2;
 font-weight:900;
}

@media(max-width:700px){
 .sp-single-modern .single-featured-image{
   margin-left:-24px;
   margin-right:-24px;
 }
}


/* ==================================================
   SpillPH v3.4.0 Sidebar System
================================================== */

.sp-layout-with-sidebar{
 display:grid;
 grid-template-columns:minmax(0,1fr) 330px;
 gap:28px;
 align-items:start;
}

.sp-layout-with-sidebar.sp-sidebar-left{
 grid-template-columns:330px minmax(0,1fr);
}

.sp-layout-with-sidebar.sp-sidebar-left .sp-sidebar-area{
 order:-1;
}

.sp-sidebar-area{
 background:#fff;
 border:1px solid #e5e7eb;
 border-radius:24px;
 padding:20px;
 box-shadow:var(--shadow);
}

.sp-sidebar-area.sp-sticky-active{
 position:sticky;
 top:110px;
}

.sp-sidebar-area .widget{
 margin-bottom:22px;
}

.sp-sidebar-area .widget:last-child{
 margin-bottom:0;
}

.sp-sidebar-area .widget-title,
.sp-sidebar-area h2,
.sp-sidebar-area h3{
 margin-top:0;
 font-size:20px;
 letter-spacing:-.5px;
}

.sp-sidebar-placeholder{
 color:#64748b;
 font-size:14px;
 line-height:1.6;
 background:#f8fafc;
 border:1px dashed #cbd5e1;
 border-radius:18px;
 padding:18px;
}

body.spillph-dark .sp-sidebar-area{
 background:#1c1c1f;
 border-color:#333;
 color:#f4f4f5;
}

body.spillph-dark .sp-sidebar-placeholder{
 background:#111;
 border-color:#333;
 color:#aaa;
}

@media(max-width:1000px){
 .sp-layout-with-sidebar,
 .sp-layout-with-sidebar.sp-sidebar-left{
   grid-template-columns:1fr;
 }
 .sp-layout-with-sidebar.sp-sidebar-left .sp-sidebar-area{
   order:0;
 }
 .sp-sidebar-area.sp-sticky-active{
   position:relative;
   top:auto;
 }
}


/* ==================================================
   SpillPH v3.6.0 Premium Footer System
================================================== */

.sp-footer-widgets{
 max-width:1280px;
 margin:0 auto 32px;
 display:grid;
 gap:22px;
}

.sp-footer-widgets.layout-1{grid-template-columns:1fr}
.sp-footer-widgets.layout-2{grid-template-columns:repeat(2,1fr)}
.sp-footer-widgets.layout-3{grid-template-columns:repeat(3,1fr)}
.sp-footer-widgets.layout-4{grid-template-columns:repeat(4,1fr)}
.sp-footer-widgets.layout-1-2{grid-template-columns:1fr 2fr}
.sp-footer-widgets.layout-2-1{grid-template-columns:2fr 1fr}
.sp-footer-widgets.layout-1-1-2{grid-template-columns:1fr 1fr 2fr}
.sp-footer-widgets.layout-2-1-1{grid-template-columns:2fr 1fr 1fr}

.sp-footer-widget-col{
 background:rgba(255,255,255,.05);
 border:1px solid rgba(255,255,255,.08);
 border-radius:20px;
 padding:18px;
 min-height:90px;
}

.sp-footer-widget-col .widget{
 margin-bottom:18px;
}

.sp-footer-widget-col .widget:last-child{
 margin-bottom:0;
}

.sp-footer-texts{
 margin-top:22px;
 color:rgba(255,255,255,.78);
 font-size:13px;
 line-height:1.6;
}

.sp-footer-texts p{
 margin:6px 0;
}

.sp-go-top{
 position:fixed;
 right:22px;
 bottom:22px;
 width:46px;
 height:46px;
 border-radius:999px;
 border:0;
 background:var(--accent);
 color:#fff;
 font-size:20px;
 font-weight:900;
 cursor:pointer;
 z-index:99999;
 box-shadow:0 12px 34px rgba(0,0,0,.25);
 opacity:0;
 visibility:hidden;
 transform:translateY(12px);
 transition:.25s ease;
}

.sp-go-top.is-visible{
 opacity:1;
 visibility:visible;
 transform:translateY(0);
}

.sp-go-top:hover{
 transform:translateY(-3px);
}

@media(max-width:900px){
 .sp-footer-widgets,
 .sp-footer-widgets.layout-1,
 .sp-footer-widgets.layout-2,
 .sp-footer-widgets.layout-3,
 .sp-footer-widgets.layout-4,
 .sp-footer-widgets.layout-1-2,
 .sp-footer-widgets.layout-2-1,
 .sp-footer-widgets.layout-1-1-2,
 .sp-footer-widgets.layout-2-1-1{
   grid-template-columns:1fr;
 }
}


/* SpillPH v3.6.2 Sidebar ON/OFF Controls */
.sp-layout-fullwidth{
 display:block;
}

.sp-layout-fullwidth .sp-main-content{
 width:100%;
}

.sp-layout-fullwidth .single-wrap{
 max-width:1100px;
}

.sp-layout-fullwidth .news-grid{
 grid-template-columns:repeat(3,1fr);
}

@media(max-width:900px){
 .sp-layout-fullwidth .news-grid{
   grid-template-columns:1fr;
 }
}


/* ==================================================
   SpillPH v3.8.0 Font Awesome Icon System
================================================== */

.sp-icon,
.sp-social-icons-dynamic i,
.sp-comments-provider i,
.sp-random-btn i,
.sp-mobile-toggle i,
.sp-mobile-close i,
.sp-go-top i,
.sp-post-meta-line i,
.sp-breaking-label i{
 display:inline-flex;
 align-items:center;
 justify-content:center;
 line-height:1;
}

.sp-post-meta-line i{
 color:var(--accent);
 margin-right:4px;
}

.sp-comments-provider{
 gap:7px;
}

.sp-random-btn,
.sp-mobile-toggle,
.sp-go-top{
 font-family:inherit;
}

.sp-social-icons-dynamic a i{
 font-size:14px;
}

.sp-top-menu .sp-social-icons-dynamic a,
.sp-footer-social .sp-social-icons-dynamic a{
 text-transform:none;
}


/* ==================================================
   SpillPH v3.9.0 Styling Engine
================================================== */

body{
 background-color:var(--sp-body-bg-color, var(--bg));
 background-image:var(--sp-body-bg-image, none);
 background-repeat:var(--sp-body-bg-repeat, no-repeat);
 background-size:var(--sp-body-bg-size, cover);
 background-position:var(--sp-body-bg-position, center center);
 background-attachment:var(--sp-body-bg-attachment, scroll);
 color:var(--sp-body-text-color, inherit);
}

body.sp-fullscreen-bg{
 background-size:cover;
 background-attachment:fixed;
}

a{
 color:var(--sp-links-color, inherit);
 text-decoration:var(--sp-links-decoration, none);
}

a:hover{
 color:var(--sp-links-hover-color, var(--accent));
 text-decoration:var(--sp-links-hover-decoration, none);
}

::selection{
 background:var(--sp-highlight-color, var(--accent));
 color:#fff;
}

.sp-top-menu{
 background-color:var(--sp-top-nav-bg-color, #070707);
 background-image:var(--sp-top-nav-bg-image, none);
 background-repeat:var(--sp-top-nav-bg-repeat, no-repeat);
 background-size:var(--sp-top-nav-bg-size, cover);
 background-position:var(--sp-top-nav-bg-position, center center);
 color:var(--sp-top-nav-links-color, #fff);
}

.sp-top-menu a{
 color:var(--sp-top-nav-links-color, #fff);
}

.sp-top-menu a:hover{
 color:var(--sp-top-nav-links-hover-color, var(--accent));
}

.sp-top-date{
 color:var(--sp-top-nav-date-color, rgba(255,255,255,.85));
}

.site-header{
 background-color:var(--sp-header-bg-color, var(--header-bg));
 background-image:var(--sp-header-bg-image, none);
 background-repeat:var(--sp-header-bg-repeat, no-repeat);
 background-size:var(--sp-header-bg-size, cover);
 background-position:var(--sp-header-bg-position, center center);
}

.nav,
.nav-wrap{
 background:var(--sp-main-nav-bg-color, transparent);
}

.header-inner{
 border-bottom-color:var(--sp-main-nav-border-color, rgba(255,255,255,.08));
}

.nav .sub-menu,
.nav .children{
 background:var(--sp-sub-menu-bg-color, rgba(13,13,16,.98));
 border-color:var(--sp-sub-menu-border-color, rgba(255,255,255,.09));
}

.nav a{
 color:var(--sp-main-nav-links-color, inherit);
}

.nav a:hover{
 color:var(--sp-main-nav-links-hover-color, #fff);
}

.nav .current-menu-item > a,
.nav .current-menu-parent > a,
.nav .current-menu-ancestor > a{
 color:var(--sp-main-nav-current-color, var(--accent));
}

.nav .sub-menu a,
.nav .children a{
 color:var(--sp-sub-menu-link-color, #fff);
}

.nav .sub-menu a:hover,
.nav .children a:hover{
 background:var(--sp-sub-menu-hover-bg-color, rgba(255,43,43,.16));
 color:var(--sp-sub-menu-link-hover-color, #fff);
}

.nav .sub-menu .current-menu-item > a,
.nav .sub-menu .current-menu-parent > a,
.nav .sub-menu .current-menu-ancestor > a,
.nav .children .current-menu-item > a,
.nav .children .current-menu-parent > a,
.nav .children .current-menu-ancestor > a{
 color:var(--sp-sub-menu-current-color, var(--sp-main-nav-current-color, var(--accent)));
}

.nav > ul > li:not(:last-child),
.nav .menu > li:not(:last-child){
 border-right:1px solid var(--sp-main-nav-separator-one, transparent);
}

.breaking-bar{
 background:var(--sp-breaking-bg-color, var(--accent));
}

.main,
.sp-main-content{
 background-color:var(--sp-main-content-bg-color, transparent);
 background-image:var(--sp-main-content-bg-image, none);
 background-repeat:var(--sp-main-content-bg-repeat, no-repeat);
 background-size:var(--sp-main-content-bg-size, cover);
 background-position:var(--sp-main-content-bg-position, center center);
}

.news-card,
.side-card,
.trending-box,
.single-wrap,
.sp-sidebar-area{
 background-color:var(--sp-blocks-bg-color, #fff);
 background-image:var(--sp-blocks-bg-image, none);
 background-repeat:var(--sp-blocks-bg-repeat, no-repeat);
 background-size:var(--sp-blocks-bg-size, cover);
 background-position:var(--sp-blocks-bg-position, center center);
}

.article-content a,
.single-wrap a{
 color:var(--sp-post-links-color, var(--accent));
 text-decoration:var(--sp-post-links-decoration, underline);
}

.article-content a:hover,
.single-wrap a:hover{
 color:var(--sp-post-links-hover-color, #b91c1c);
 text-decoration:var(--sp-post-links-hover-decoration, underline);
}

.site-footer{
 background-color:var(--sp-footer-bg-color, var(--footer-bg));
 background-image:var(--sp-footer-bg-image, none);
 background-repeat:var(--sp-footer-bg-repeat, no-repeat);
 background-size:var(--sp-footer-bg-size, cover);
 background-position:var(--sp-footer-bg-position, center center);
}

.site-footer .widget-title,
.site-footer h3{
 color:var(--sp-footer-widget-title-color, #fff);
}

.site-footer a{
 color:var(--sp-footer-links-color, rgba(255,255,255,.88));
}

.site-footer a:hover{
 color:var(--sp-footer-links-hover-color, var(--accent));
}


/* SpillPH v3.9.3 Smart Comment Meta */
.sp-disqus-comment-count{
 display:inline-flex;
 align-items:center;
 gap:5px;
}

.sp-comment-provider-fallback{
 display:inline-flex;
 align-items:center;
 gap:5px;
 opacity:.9;
}


/* SpillPH v3.9.4 Disqus Count Fix */
.sp-disqus-comment-count a{
 color:inherit;
 text-decoration:none;
}
.sp-disqus-comment-count a:hover{
 color:var(--accent);
}


/* SpillPH v3.9.5 Forced Disqus Count Refresh */
.sp-disqus-count-pending{
 opacity:.75;
}


/* SpillPH v3.9.7 Trending Widget Area */
.sp-trending-widget-area{
 background:var(--sp-blocks-bg-color,#fff);
 border:1px solid #e5e7eb;
 border-radius:24px;
 padding:20px;
 box-shadow:var(--shadow);
}

.sp-trending-widget-area .widget{
 margin-bottom:20px;
}

.sp-trending-widget-area .widget:last-child{
 margin-bottom:0;
}

body.spillph-dark .sp-trending-widget-area{
 background:#1c1c1f;
 border-color:#333;
}


/* ==================================================
   SpillPH v3.9.9 Minimalist Social Icons
================================================== */

.sp-social-icons-dynamic{
 display:flex;
 align-items:center;
 gap:14px;
 flex-wrap:wrap;
}

.sp-social-icons-dynamic a{
 width:auto;
 height:auto;
 border:none;
 border-radius:0;
 background:transparent;
 color:inherit;
 display:inline-flex;
 align-items:center;
 justify-content:center;
 text-decoration:none;
 box-shadow:none;
 padding:0;
 transition:
   opacity .18s ease,
   transform .18s ease,
   color .18s ease;
}

.sp-social-icons-dynamic a i{
 font-size:15px;
 line-height:1;
 font-weight:400;
}

.sp-social-icons-dynamic a:hover{
 color:var(--accent);
 opacity:.88;
 transform:translateY(-1px);
 background:transparent;
 box-shadow:none;
}

.sp-top-menu .sp-social-icons-dynamic{
 gap:12px;
}

.sp-top-menu .sp-social-icons-dynamic a i{
 font-size:13px;
 opacity:.88;
}

.site-footer .sp-social-icons-dynamic{
 gap:16px;
}

.site-footer .sp-social-icons-dynamic a{
 opacity:.9;
}

.site-footer .sp-social-icons-dynamic a:hover{
 opacity:1;
}

@media(max-width:768px){
 .sp-social-icons-dynamic{
   gap:12px;
 }
}


/* ==================================================
   SpillPH v4.0.0 Minimal Article Share Modal
================================================== */

.sp-article-share-wrap{
 margin:14px 0 24px;
 display:flex;
 align-items:center;
 gap:10px;
}

.sp-share-trigger{
 border:1px solid #e5e7eb;
 background:#fff;
 color:#111827;
 border-radius:999px;
 padding:10px 16px;
 font-weight:900;
 display:inline-flex;
 align-items:center;
 gap:8px;
 cursor:pointer;
 transition:transform .18s ease, border-color .18s ease, color .18s ease;
}

.sp-share-trigger:hover{
 transform:translateY(-1px);
 border-color:var(--accent);
 color:var(--accent);
}

.sp-share-overlay{
 position:fixed;
 inset:0;
 background:rgba(0,0,0,.55);
 backdrop-filter:blur(6px);
 z-index:1000000;
 display:none;
 align-items:center;
 justify-content:center;
 padding:20px;
}

.sp-share-overlay.is-open{
 display:flex;
}

.sp-share-modal{
 width:min(460px,94vw);
 background:#fff;
 border-radius:28px;
 box-shadow:0 30px 90px rgba(0,0,0,.35);
 padding:26px;
 position:relative;
 animation:spShareIn .22s ease both;
}

@keyframes spShareIn{
 from{opacity:0;transform:translateY(12px) scale(.98)}
 to{opacity:1;transform:translateY(0) scale(1)}
}

.sp-share-head{
 display:flex;
 align-items:center;
 justify-content:space-between;
 gap:14px;
 margin-bottom:18px;
}

.sp-share-head h3{
 margin:0;
 font-size:24px;
 letter-spacing:-.8px;
}

.sp-share-close{
 border:0;
 background:#f3f4f6;
 color:#111827;
 width:38px;
 height:38px;
 border-radius:999px;
 cursor:pointer;
 display:grid;
 place-items:center;
}

.sp-share-url{
 background:#f8fafc;
 border:1px solid #e5e7eb;
 border-radius:16px;
 padding:12px 14px;
 font-size:13px;
 color:#64748b;
 overflow:hidden;
 text-overflow:ellipsis;
 white-space:nowrap;
 margin-bottom:16px;
}

.sp-share-grid{
 display:grid;
 grid-template-columns:repeat(4,1fr);
 gap:10px;
}

.sp-share-option{
 border:1px solid #e5e7eb;
 background:#fff;
 color:#111827;
 border-radius:16px;
 min-height:72px;
 display:flex;
 flex-direction:column;
 align-items:center;
 justify-content:center;
 gap:8px;
 text-decoration:none;
 font-weight:900;
 font-size:12px;
 cursor:pointer;
 transition:transform .18s ease, border-color .18s ease, color .18s ease, background .18s ease;
}

.sp-share-option i{
 font-size:19px;
}

.sp-share-option:hover{
 transform:translateY(-2px);
 border-color:var(--accent);
 color:var(--accent);
 background:#fff;
}

.sp-share-toast{
 margin-top:14px;
 background:#ecfdf5;
 color:#166534;
 border:1px solid #bbf7d0;
 border-radius:14px;
 padding:10px 12px;
 font-size:13px;
 font-weight:900;
 display:none;
 text-align:center;
}

.sp-share-toast.is-visible{
 display:block;
}

body.spillph-dark .sp-share-modal,
body.spillph-dark .sp-share-trigger,
body.spillph-dark .sp-share-option{
 background:#1f1f23;
 color:#f4f4f5;
 border-color:#333;
}

body.spillph-dark .sp-share-close,
body.spillph-dark .sp-share-url{
 background:#111;
 color:#d1d5db;
 border-color:#333;
}

@media(max-width:520px){
 .sp-share-grid{
   grid-template-columns:repeat(3,1fr);
 }
 .sp-share-modal{
   border-radius:24px;
   padding:22px;
 }
}


/* SpillPH v4.0.1 Inline Share Buttons */
.sp-article-share-wrap{
 display:flex;
 align-items:center;
 flex-wrap:wrap;
 gap:10px;
 margin:14px 0 26px;
}

.sp-share-inline-label{
 font-size:13px;
 font-weight:800;
 opacity:.75;
 margin-right:2px;
}

.sp-share-inline-buttons{
 display:flex;
 align-items:center;
 flex-wrap:wrap;
 gap:8px;
}

.sp-share-inline-btn{
 display:inline-flex;
 align-items:center;
 gap:8px;
 padding:8px 12px;
 border:1px solid #ececec;
 border-radius:14px;
 background:var(--sp-share-platform-color, transparent);
 text-decoration:none;
 color:#ffffff;
 font-size:13px;
 font-weight:700;
 transition:all .18s ease;
 cursor:pointer;
}

.sp-share-inline-btn i{
 font-size:14px;
}

.sp-share-inline-btn:hover{
 border-color:var(--sp-share-platform-color, var(--accent));
 color:var(--sp-share-font-color, #ffffff);
 filter:brightness(.92);
 transform:translateY(-1px);
}

.sp-share-copy-toast{
 font-size:12px;
 font-weight:700;
 color:#16a34a;
 display:none;
}

.sp-share-copy-toast.is-visible{
 display:inline-block;
}

.sp-share-overlay{
 display:none !important;
}


/* ==================================================
   SpillPH v4.0.8 Standardized Share Button Typography + Dual Placement
================================================== */

.sp-article-share-wrap.sp-share-bottom{
 margin-top:28px;
 padding-top:18px;
 border-top:1px solid #e5e7eb;
}

.sp-share-inline-btn,
.sp-share-inline-label{
 font-family:var(--sp-share-font-family, Inter, Arial, sans-serif);
}

.sp-share-inline-label{
 font-size:var(--sp-share-font-size, 12px);
 font-weight:var(--sp-share-font-weight, 700);
 font-style:var(--sp-share-font-style, normal);
 text-decoration:var(--sp-share-font-decoration, none);
}

.sp-share-inline-btn{
 font-size:var(--sp-share-font-size, 12px);
 font-weight:var(--sp-share-font-weight, 700);
 font-style:var(--sp-share-font-style, normal);
 text-decoration:var(--sp-share-font-decoration, none);
 color:var(--sp-share-font-color, #ffffff);
}

.sp-share-inline-btn i{
 font-size:var(--sp-share-font-size, 12px);
 color:var(--sp-share-font-color, #ffffff);
}

.sp-share-inline-label i{
 font-size:var(--sp-share-font-size, 12px);
}

body.spillph-dark .sp-article-share-wrap.sp-share-bottom{
 border-top-color:#333;
}

/* SpillPH v4.0.7 Official Platform Share Button Colors */
.sp-share-facebook{--sp-share-platform-color:#1877F2;border-color:#1877F2;}
.sp-share-x{--sp-share-platform-color:#000000;border-color:#000000;}
.sp-share-messenger{--sp-share-platform-color:#0084FF;border-color:#0084FF;}
.sp-share-whatsapp{--sp-share-platform-color:#25D366;border-color:#25D366;}
.sp-share-telegram{--sp-share-platform-color:#26A5E4;border-color:#26A5E4;}
.sp-share-reddit{--sp-share-platform-color:#FF4500;border-color:#FF4500;}
.sp-share-email{--sp-share-platform-color:#6B7280;border-color:#6B7280;}
.sp-share-copy{--sp-share-platform-color:#111827;border-color:#111827;}

.sp-share-inline-btn:focus{
 outline:2px solid rgba(0,0,0,.18);
 outline-offset:2px;
}

body.spillph-dark .sp-share-copy{
 --sp-share-platform-color:#374151;
 border-color:#374151;
}

/* SpillPH v4.1.2+: Keep Post Styling scoped to article links only.
   Share buttons must always follow Typography > Share Button settings. */
.single-wrap .sp-article-share-wrap a.sp-share-inline-btn,
.single-wrap .sp-article-share-wrap button.sp-share-inline-btn,
.article-content .sp-article-share-wrap a.sp-share-inline-btn,
.article-content .sp-article-share-wrap button.sp-share-inline-btn{
 color:var(--sp-share-font-color, #ffffff) !important;
 text-decoration:var(--sp-share-font-decoration, none) !important;
 font-family:var(--sp-share-font-family, Inter, Arial, sans-serif) !important;
 font-size:var(--sp-share-font-size, 12px) !important;
 font-weight:var(--sp-share-font-weight, 700) !important;
 font-style:var(--sp-share-font-style, normal) !important;
}

.single-wrap .sp-article-share-wrap a.sp-share-inline-btn:hover,
.single-wrap .sp-article-share-wrap button.sp-share-inline-btn:hover,
.article-content .sp-article-share-wrap a.sp-share-inline-btn:hover,
.article-content .sp-article-share-wrap button.sp-share-inline-btn:hover{
 color:var(--sp-share-font-color, #ffffff) !important;
 text-decoration:var(--sp-share-font-decoration, none) !important;
}


/* SpillPH v4.3.0 Hero Grid Settings */
.hero-grid.hero-grid-magazine{grid-template-columns:1.45fr 1fr}
.hero-grid.hero-grid-magazine .hero-side{grid-template-columns:repeat(2,minmax(0,1fr))}
.hero-grid.hero-grid-magazine .hero-main{min-height:600px}
.hero-grid.hero-grid-magazine .side-card .news-title{font-size:18px;letter-spacing:-.4px}
.hero-grid.hero-grid-stack{grid-template-columns:1fr}
.hero-grid.hero-grid-stack .hero-side{grid-template-columns:repeat(4,minmax(0,1fr))}
.hero-grid.hero-grid-stack .hero-main{min-height:520px}
.hero-grid.hero-grid-compact{grid-template-columns:1.6fr 1fr}
.hero-grid.hero-grid-compact .hero-main{min-height:460px;border-radius:24px}
.hero-grid.hero-grid-compact .hero-side{gap:12px}
.hero-grid.hero-grid-compact .side-card{display:grid;grid-template-columns:120px 1fr;border-radius:18px}
.hero-grid.hero-grid-compact .side-card .news-thumb{aspect-ratio:auto;min-height:110px}
.hero-grid.hero-grid-compact .side-card-content{padding:12px}
.hero-grid.hero-grid-compact .side-card .news-title{font-size:17px;letter-spacing:-.3px}
.hero-date{color:#e5e7eb;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;margin-top:8px}
@media(max-width:1000px){.hero-grid.hero-grid-magazine,.hero-grid.hero-grid-compact{grid-template-columns:1fr}.hero-grid.hero-grid-stack .hero-side,.hero-grid.hero-grid-magazine .hero-side{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.hero-grid.hero-grid-stack .hero-side,.hero-grid.hero-grid-magazine .hero-side{grid-template-columns:1fr}.hero-grid.hero-grid-compact .side-card{grid-template-columns:1fr}.hero-grid.hero-grid-compact .side-card .news-thumb{aspect-ratio:16/10}}

/* v4.3.1 Hero Grid template sync */
.hero-main-link{position:absolute;inset:0;display:block;z-index:0}.hero-main-link img{width:100%;height:100%;object-fit:cover}.hero-overlay{z-index:1;pointer-events:none}.hero-content a,.hero-side a{pointer-events:auto}


/* SpillPH v4.4.0 Hero Grid Builder frontend layouts */
.hero-grid{margin-bottom:32px}
.hero-grid .hero-main,.hero-grid .side-card{isolation:isolate}
.hero-grid .side-card{position:relative;min-height:0}
.hero-grid .side-card .news-thumb{aspect-ratio:16/10;overflow:hidden}
.hero-grid .side-card .news-thumb img{width:100%;height:100%;object-fit:cover}
.hero-grid-classic{grid-template-columns:1.35fr 1fr!important;align-items:stretch}
.hero-grid-classic .hero-main{min-height:560px}
.hero-grid-classic .hero-side{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.hero-grid-classic .side-card{border-radius:22px;overflow:hidden}
.hero-grid-classic .side-card-content{padding:14px}
.hero-grid-classic .side-card .news-title{font-size:18px;line-height:1.08;letter-spacing:-.5px}
.hero-grid-magazine{grid-template-columns:1.35fr 1fr!important;align-items:stretch}
.hero-grid-magazine .hero-main{min-height:500px}
.hero-grid-magazine .hero-side{display:grid;grid-template-columns:1fr;gap:16px}
.hero-grid-magazine .side-card{display:grid;grid-template-columns:42% 1fr;min-height:0;border-radius:22px}
.hero-grid-magazine .side-card .news-thumb{aspect-ratio:auto;min-height:0;height:100%}
.hero-grid-magazine .side-card-content{padding:18px}
.hero-grid-stack{grid-template-columns:1.45fr .9fr!important;align-items:stretch}
.hero-grid-stack .hero-main{min-height:560px}
.hero-grid-stack .hero-side{display:grid;grid-template-columns:1fr;gap:12px}
.hero-grid-stack .side-card{display:grid;grid-template-columns:124px 1fr;border-radius:18px;box-shadow:0 8px 26px rgba(0,0,0,.06)}
.hero-grid-stack .side-card .news-thumb{aspect-ratio:auto;height:100%;min-height:108px}
.hero-grid-stack .side-card-content{padding:12px 14px}
.hero-grid-stack .side-card .news-title{font-size:17px;letter-spacing:-.4px;margin:6px 0}
.hero-grid-compact{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:16px}
.hero-grid-compact .hero-main{grid-column:span 1;min-height:300px;border-radius:22px}
.hero-grid-compact .hero-overlay{padding:18px}
.hero-grid-compact .hero-content h1{font-size:24px;line-height:1.02;letter-spacing:-1.2px}
.hero-grid-compact .hero-content p{display:none}
.hero-grid-compact .hero-side{display:contents}
.hero-grid-compact .side-card{border-radius:22px;overflow:hidden;box-shadow:var(--shadow)}
.hero-grid-compact .side-card-content{padding:14px}
.hero-grid-compact .side-card .news-title{font-size:18px;line-height:1.08;letter-spacing:-.5px}
.hero-grid-compact .side-card .news-thumb{aspect-ratio:16/12}
.hero-grid.hero-display-carousel{display:flex!important;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding:4px;padding-bottom:10px;-webkit-overflow-scrolling:touch}
.hero-grid.hero-display-carousel::-webkit-scrollbar{height:8px}.hero-grid.hero-display-carousel::-webkit-scrollbar-thumb{background:rgba(255,43,43,.45);border-radius:999px}
.hero-grid.hero-display-carousel .hero-main,.hero-grid.hero-display-carousel .side-card{flex:0 0 min(82vw,520px);scroll-snap-align:start;min-height:430px;border-radius:24px}
.hero-grid.hero-display-carousel .hero-side{display:flex!important;gap:16px;contents:normal}
.hero-grid.hero-display-carousel .side-card{display:flex;flex-direction:column}.hero-grid.hero-display-carousel .side-card .news-thumb{aspect-ratio:16/10;height:auto}.hero-grid.hero-display-carousel .hero-content h1{font-size:clamp(30px,4vw,48px);letter-spacing:-2px;line-height:1}
@media(max-width:1100px){.hero-grid-classic,.hero-grid-magazine,.hero-grid-stack{grid-template-columns:1fr!important}.hero-grid-classic .hero-side{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-grid-compact{grid-template-columns:repeat(2,minmax(0,1fr))!important}.hero-grid-compact .hero-main{grid-column:span 2}}
@media(max-width:760px){.hero-grid-classic .hero-side{grid-template-columns:1fr}.hero-grid-magazine .side-card,.hero-grid-stack .side-card{grid-template-columns:1fr}.hero-grid-magazine .side-card .news-thumb,.hero-grid-stack .side-card .news-thumb{aspect-ratio:16/10;height:auto}.hero-grid-compact{grid-template-columns:1fr!important}.hero-grid-compact .hero-main{grid-column:span 1}.hero-main{min-height:420px}.hero-content h1{font-size:34px;letter-spacing:-1.5px}.hero-grid.hero-display-grid_mobile_carousel{display:flex!important;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:10px;-webkit-overflow-scrolling:touch}.hero-grid.hero-display-grid_mobile_carousel .hero-main,.hero-grid.hero-display-grid_mobile_carousel .side-card{flex:0 0 86vw;scroll-snap-align:start;min-height:430px;border-radius:24px}.hero-grid.hero-display-grid_mobile_carousel .hero-side{display:flex!important;gap:14px;contents:normal}.hero-grid.hero-display-grid_mobile_carousel .side-card{display:flex;flex-direction:column}.hero-grid.hero-display-grid_mobile_carousel .side-card .news-thumb{aspect-ratio:16/10}.hero-grid.hero-display-grid_mobile_carousel::-webkit-scrollbar{height:6px}.hero-grid.hero-display-grid_mobile_carousel::-webkit-scrollbar-thumb{background:rgba(255,43,43,.45);border-radius:999px}}


/* v4.4.2 Global Design Controls: live radius sync + frontend radius */
.news-card,
.side-card,
.hero-grid,
.hero-main,
.hero-side,
.trending-box,
.widget,
.sp-sidebar-placeholder,
.sp-trending-widget-area,
.sp-comments-section,
.sp-comment-provider-fallback,
.sp-article-share-wrap,
.sp-share-modal,
.sp-search-form,
.sp-footer-widgets,
.sp-footer-widget-col,
.sp-breaking-inner,
.spillph-card-list .news-card,
.spillph-card-mixed .news-card,
article,
.entry-content,
.post-navigation,
.author-box,
.related-posts,
.wp-block-image img,
.wp-block-embed,
.wp-block-table,
input,
select,
textarea{
  border-radius:var(--sp-global-radius,14px) !important;
}
.hero-main img,
.hero-side img,
.news-card img,
.side-card img,
.trending-box img,
.widget img,
.sp-comments-section iframe,
.sp-share-inline-btn,
.sp-share-trigger,
button,
.button,
.wp-block-button__link{
  border-radius:calc(var(--sp-global-radius,14px) * .75) !important;
}
.sp-breaking-label,
.sp-share-copy-toast,
.sp-share-toast,
.sp-share-inline-label,
.category-badge,
.post-category,
.badge,
.tagcloud a{
  border-radius:999px !important;
}


/* ================================
   SpillPH v4.4.3 Homepage Section Heading Aesthetic
   Clean news-style titles with red accent bar + divider line.
================================ */
.section-header,
.sp-home-section-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  margin:0 0 18px;
  padding:0 0 8px;
  border-bottom:1px solid rgba(15,23,42,.12);
}
.section-title,
.sp-home-section-title{
  position:relative;
  display:flex;
  align-items:center;
  gap:10px;
  margin:0;
  color:var(--sp-blocks-titles-color,#111);
  font-family:var(--sp-blocks-titles-font,var(--heading-font));
  font-size:var(--sp-blocks-titles-size,18px);
  font-weight:var(--sp-blocks-titles-weight,900);
  font-style:var(--sp-blocks-titles-style,normal);
  text-decoration:var(--sp-blocks-titles-decoration,none);
  line-height:1.1;
  letter-spacing:-.35px;
  text-transform:uppercase;
}
.section-title::before,
.sp-home-section-title::before{
  content:"";
  display:inline-block;
  width:4px;
  height:22px;
  border-radius:999px;
  background:var(--accent,#ff2b2b);
  flex:0 0 auto;
}
.section-header .view-all,
.section-header .sp-view-all,
.sp-home-section-header .view-all,
.sp-home-section-header .sp-view-all{
  font-size:12px;
  font-weight:800;
  color:#6b7280;
  text-transform:uppercase;
  letter-spacing:.04em;
}
.trending-title,
.sp-sidebar-area h2,
.widget-title{
  position:relative;
  display:flex;
  align-items:center;
  gap:9px;
  margin:0 0 16px;
  padding:0 0 8px;
  border-bottom:1px solid rgba(15,23,42,.12);
  color:var(--sp-blocks-titles-color,#111);
  font-family:var(--sp-blocks-titles-font,var(--heading-font));
  font-size:var(--sp-blocks-titles-size,18px);
  font-weight:var(--sp-blocks-titles-weight,900);
  font-style:var(--sp-blocks-titles-style,normal);
  text-decoration:var(--sp-blocks-titles-decoration,none);
  line-height:1.1;
  letter-spacing:-.35px;
  text-transform:uppercase;
}
.trending-title::before,
.sp-sidebar-area h2::before,
.widget-title::before{
  content:"";
  display:inline-block;
  width:4px;
  height:22px;
  border-radius:999px;
  background:var(--accent,#ff2b2b);
  flex:0 0 auto;
}
body.spillph-dark .section-header,
body.spillph-dark .sp-home-section-header,
body.spillph-dark .trending-title,
body.spillph-dark .sp-sidebar-area h2,
body.spillph-dark .widget-title{
  border-bottom-color:rgba(255,255,255,.14);
}
body.spillph-dark .section-title,
body.spillph-dark .sp-home-section-title,
body.spillph-dark .trending-title,
body.spillph-dark .sp-sidebar-area h2,
body.spillph-dark .widget-title{
  color:#f4f4f5;
}
@media(max-width:700px){
  .section-header,.sp-home-section-header{margin-bottom:14px;padding-bottom:7px}
  .section-title,.sp-home-section-title,.trending-title,.sp-sidebar-area h2,.widget-title{font-size:16px;letter-spacing:-.2px}
  .section-title::before,.sp-home-section-title::before,.trending-title::before,.sp-sidebar-area h2::before,.widget-title::before{height:20px;width:3px}
}

/* v4.4.4 Hero Grid Image-Only Overlay Cards */
.hero-grid .hero-main,
.hero-grid .side-card{
  position:relative;
  overflow:hidden;
  background:#0b0b0c;
  border:0;
  box-shadow:0 14px 38px rgba(15,23,42,.16);
}
.hero-grid .hero-main img,
.hero-grid .side-card .news-thumb img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  transform:scale(1.001);
  transition:transform .28s ease, filter .28s ease;
}
.hero-grid .hero-main:hover img,
.hero-grid .side-card:hover .news-thumb img{
  transform:scale(1.045);
  filter:saturate(1.08);
}
.hero-grid .hero-main::after,
.hero-grid .side-card::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:linear-gradient(180deg,rgba(0,0,0,.05) 20%,rgba(0,0,0,.48) 58%,rgba(0,0,0,.88) 100%);
}
.hero-grid .hero-main-link,
.hero-grid .side-card .news-thumb{
  position:absolute;
  inset:0;
  z-index:0;
  display:block;
  width:100%;
  height:100%;
  aspect-ratio:auto!important;
  min-height:0!important;
  background:linear-gradient(135deg,#111827,#374151);
}
.hero-grid .hero-overlay,
.hero-grid .side-card-content{
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  z-index:2;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  gap:8px;
  padding:22px;
  background:transparent!important;
  color:#fff;
  pointer-events:none;
}
.hero-grid .hero-content,
.hero-grid .side-card-content > *{
  pointer-events:auto;
}
.hero-grid .hero-content p{
  display:none!important;
}
.hero-grid .hero-content h1,
.hero-grid .side-card .news-title{
  margin:6px 0 0;
  color:#fff!important;
  text-shadow:0 2px 12px rgba(0,0,0,.42);
}
.hero-grid .hero-content h1 a,
.hero-grid .side-card .news-title a{
  color:#fff!important;
}
.hero-grid .news-meta,
.hero-grid .hero-date{
  color:rgba(255,255,255,.82)!important;
  font-size:12px;
  font-weight:700;
  text-shadow:0 1px 8px rgba(0,0,0,.4);
}
.hero-grid .badge{
  align-self:flex-start;
  color:#fff!important;
  background:var(--accent,#ff2b2b)!important;
  box-shadow:0 5px 14px rgba(0,0,0,.22);
}
.hero-grid-classic .side-card,
.hero-grid-magazine .side-card,
.hero-grid-stack .side-card,
.hero-grid-compact .side-card{
  display:block!important;
  grid-template-columns:none!important;
  min-height:220px;
}
.hero-grid-classic .side-card{min-height:272px}
.hero-grid-magazine .side-card{min-height:242px}
.hero-grid-stack .side-card{min-height:132px}
.hero-grid-compact .side-card{min-height:300px}
.hero-grid-stack .side-card-content{padding:14px 16px}
.hero-grid-compact .side-card-content{padding:16px}
.hero-grid-compact .hero-main::after,
.hero-grid-compact .side-card::after{
  background:linear-gradient(180deg,rgba(0,0,0,.02) 16%,rgba(0,0,0,.52) 62%,rgba(0,0,0,.9) 100%);
}
.hero-grid-carousel .side-card,
.hero-display-carousel .side-card,
.hero-display-grid_mobile_carousel .side-card{
  display:block!important;
}
@media(max-width:1000px){
  .hero-grid-classic .side-card,
  .hero-grid-magazine .side-card,
  .hero-grid-stack .side-card,
  .hero-grid-compact .side-card{min-height:240px}
}
@media(max-width:640px){
  .hero-grid .hero-overlay,
  .hero-grid .side-card-content{padding:18px}
  .hero-grid .hero-content h1{font-size:34px;letter-spacing:-1.3px;line-height:1}
  .hero-grid .side-card .news-title{font-size:20px;line-height:1.05}
  .hero-grid .side-card{min-height:260px!important}
}


/* ==================================================
   SPILLPH v6.0.53 — Responsive Editorial Category Pill
   Polishes Hero Grid category pills for stronger magazine-style balance.
================================================== */
.hero-grid .badge,
.hero-grid .category-badge,
.hero-grid .post-category{
  align-self:flex-start;
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  width:auto!important;
  max-width:max-content;
  min-height:0;
  padding:7px 13px!important;
  border-radius:999px!important;
  background:var(--accent,#ff2b2b)!important;
  color:#fff!important;
  font-size:11px!important;
  line-height:1!important;
  font-weight:800!important;
  letter-spacing:.04em!important;
  text-transform:uppercase!important;
  text-decoration:none!important;
  text-shadow:none!important;
  box-shadow:0 6px 14px rgba(0,0,0,.18)!important;
}
.hero-grid .side-card .badge,
.hero-grid .side-card .category-badge,
.hero-grid .side-card .post-category{
  padding:6px 11px!important;
  font-size:10px!important;
  letter-spacing:.045em!important;
}
.hero-grid .badge:hover,
.hero-grid .category-badge:hover,
.hero-grid .post-category:hover{
  transform:translateY(-1px);
  filter:saturate(1.05);
}
@media(max-width:640px){
  .hero-grid .badge,
  .hero-grid .category-badge,
  .hero-grid .post-category{
    padding:6px 11px!important;
    font-size:10px!important;
  }
}


/* ==================================================
   SpillPH v4.4.5 Mobile Single Article Centering Fix
   Keeps single article content properly centered and prevents horizontal drift on phones.
================================================== */
@media (max-width: 700px){
  html,
  body{
    max-width:100%;
    overflow-x:hidden;
  }

  .sp-layout-with-sidebar,
  .sp-layout-with-sidebar.sp-sidebar-left,
  .sidebar-layout{
    width:100%;
    max-width:100%;
    margin-left:auto!important;
    margin-right:auto!important;
    padding-left:14px;
    padding-right:14px;
    box-sizing:border-box;
    display:block;
  }

  .sp-main-content{
    width:100%;
    max-width:100%;
    min-width:0;
    margin-left:auto!important;
    margin-right:auto!important;
    box-sizing:border-box;
  }

  .single-wrap,
  .single-wrap.sp-single-modern,
  body.spillph-article-fullwidth .single-wrap,
  body.spillph-article-reading_mode .single-wrap,
  .sp-layout-fullwidth .single-wrap{
    width:100%;
    max-width:100%!important;
    margin-left:auto!important;
    margin-right:auto!important;
    padding-left:18px!important;
    padding-right:18px!important;
    box-sizing:border-box;
  }

  .sp-single-modern .single-featured-image,
  .single-featured-image{
    margin-left:-18px!important;
    margin-right:-18px!important;
    width:auto;
  }

  .sp-single-modern .sp-single-title,
  .single-wrap h1,
  .sp-single-title{
    font-size:clamp(30px,9vw,42px)!important;
    line-height:1.05!important;
    letter-spacing:-1.4px!important;
    max-width:100%;
    overflow-wrap:break-word;
    word-break:normal;
  }

  .article-content,
  .sp-post-meta-line,
  .sp-article-share-wrap,
  .sp-comments-section,
  .author-box,
  .post-navigation{
    width:100%;
    max-width:100%;
    box-sizing:border-box;
  }

  .article-content img,
  .article-content iframe,
  .article-content video,
  .article-content table,
  .wp-block-image img,
  .wp-block-embed,
  .wp-block-table{
    max-width:100%!important;
    height:auto;
  }

  .article-content{
    overflow-wrap:break-word;
  }

  .sp-sidebar-area{
    width:100%;
    max-width:100%;
    margin-top:22px;
    box-sizing:border-box;
  }
}

.latest-stories-list{display:flex;flex-direction:column;gap:22px}
.latest-story-item{display:grid;grid-template-columns:260px 1fr;gap:18px;align-items:start;padding-bottom:18px;border-bottom:1px solid #e5e7eb}
.latest-story-thumb img{width:100%;height:150px;object-fit:cover;border-radius:12px}
.latest-story-cat{display:inline-block;background:#ff2b2b;color:#fff;padding:4px 8px;border-radius:20px;font-size:11px;font-weight:700;text-transform:uppercase}
.latest-story-title{
  margin:8px 0;
  color:var(--sp-post-title-homepage-color,#111);
  font-family:var(--sp-post-title-homepage-font,var(--heading-font));
  font-size:var(--sp-post-title-homepage-size,34px);
  font-weight:var(--sp-post-title-homepage-weight,900);
  font-style:var(--sp-post-title-homepage-style,normal);
  text-decoration:var(--sp-post-title-homepage-decoration,none);
  line-height:1.08;
}
.latest-story-title a{
  color:var(--sp-latest-story-title-link-color, inherit) !important;
  font-family:inherit !important;
  font-size:inherit !important;
  font-weight:inherit !important;
  font-style:inherit !important;
  text-decoration:var(--sp-latest-story-title-link-decoration, inherit) !important;
  transition:color .2s ease, text-decoration-color .2s ease;
}
.latest-story-title a:hover,
.latest-story-title a:focus{
  color:var(--sp-latest-story-title-link-hover-color, var(--sp-latest-story-title-link-color, inherit)) !important;
  text-decoration:var(--sp-latest-story-title-link-hover-decoration, var(--sp-latest-story-title-link-decoration, inherit)) !important;
}
body.spillph-dark .latest-story-title{color:var(--sp-post-title-homepage-color,#f4f4f5) !important}
body.spillph-dark .latest-story-title a{color:var(--sp-latest-story-title-link-color, var(--sp-post-title-homepage-color,#f4f4f5)) !important}
body.spillph-dark .latest-story-title a:hover, body.spillph-dark .latest-story-title a:focus{color:var(--sp-latest-story-title-link-hover-color, var(--sp-latest-story-title-link-color, var(--sp-post-title-homepage-color,#f4f4f5))) !important}
.latest-story-meta{font-size:13px;color:#666}
.latest-story-excerpt{margin-top:8px;color:#444;line-height:1.6}
@media(max-width:768px){.latest-story-item{grid-template-columns:1fr}.latest-story-title{font-size:clamp(22px, calc(var(--sp-post-title-homepage-size,34px) * .78), var(--sp-post-title-homepage-size,34px))}}

/* SpillPH v4.5.5 Typography Letter Gap */
.sp-share-btn,.sp-share-button,.article-share a{letter-spacing:var(--sp-share-button-letter-spacing,0px)!important}


/* SpillPH v4.5.13 Hero Grid Link Styling */
.hero-grid .hero-content h1 a{
  color:var(--sp-hero-grid-main-link-color,#fff) !important;
  text-decoration:var(--sp-hero-grid-main-link-decoration,none) !important;
  transition:color .2s ease,text-decoration-color .2s ease;
}
.hero-grid .hero-content h1 a:hover,
.hero-grid .hero-content h1 a:focus{
  color:var(--sp-hero-grid-main-link-hover-color,var(--sp-hero-grid-main-link-color,#fff)) !important;
  text-decoration:var(--sp-hero-grid-main-link-hover-decoration,var(--sp-hero-grid-main-link-decoration,none)) !important;
}
.hero-grid .side-card .news-title a{
  color:var(--sp-hero-grid-secondary-link-color,#fff) !important;
  text-decoration:var(--sp-hero-grid-secondary-link-decoration,none) !important;
  transition:color .2s ease,text-decoration-color .2s ease;
}
.hero-grid .side-card .news-title a:hover,
.hero-grid .side-card .news-title a:focus{
  color:var(--sp-hero-grid-secondary-link-hover-color,var(--sp-hero-grid-secondary-link-color,#fff)) !important;
  text-decoration:var(--sp-hero-grid-secondary-link-hover-decoration,var(--sp-hero-grid-secondary-link-decoration,none)) !important;
}


/* Footer Logo */
.sp-footer-logo{margin:0 0 18px;display:flex;align-items:center;width:100%;}
.sp-footer-logo-left{justify-content:flex-start;}
.sp-footer-logo-center{justify-content:center;}
.sp-footer-logo-right{justify-content:flex-end;}
.sp-footer-logo img{display:block;height:auto;max-height:120px;object-fit:contain;}
@media(max-width:700px){.sp-footer-logo{justify-content:center!important}.sp-footer-logo img{max-width:180px!important}}


/* SpillPH Article Elements Toolkit v4.6.2 - Article-width media normalization */
.article-content > .wp-block-embed,
.article-content > .wp-block-image,
.article-content > .wp-block-video,
.article-content > .wp-block-audio,
.article-content > .sp-element,
.article-content > figure,
.article-content > iframe,
.article-content > video,
.article-content > audio,
.article-content > object,
.article-content > embed{
  width:100%!important;
  max-width:100%!important;
  margin-left:auto!important;
  margin-right:auto!important;
  box-sizing:border-box;
}
.article-content iframe,
.article-content video,
.article-content audio,
.article-content object,
.article-content embed,
.article-content .wp-block-embed__wrapper,
.article-content .wp-block-embed__wrapper > iframe,
.article-content .wp-block-embed__wrapper > blockquote,
.article-content .wp-block-embed__wrapper > div,
.article-content .instagram-media,
.article-content .twitter-tweet,
.article-content .tiktok-embed,
.article-content .fb-post,
.article-content .fb-video{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  margin-left:auto!important;
  margin-right:auto!important;
  box-sizing:border-box;
}
.article-content .wp-block-embed.is-type-video .wp-block-embed__wrapper,
.article-content .wp-block-embed-youtube .wp-block-embed__wrapper,
.article-content .wp-block-embed-vimeo .wp-block-embed__wrapper{
  position:relative;
  width:100%!important;
  aspect-ratio:16/9;
  overflow:hidden;
  border-radius:var(--sp-global-radius,14px);
  background:#0f172a;
}
.article-content .wp-block-embed.is-type-video .wp-block-embed__wrapper iframe,
.article-content .wp-block-embed-youtube .wp-block-embed__wrapper iframe,
.article-content .wp-block-embed-vimeo .wp-block-embed__wrapper iframe{
  position:absolute;
  inset:0;
  width:100%!important;
  height:100%!important;
  border:0;
}
.article-content .wp-block-image img,
.article-content figure img,
.article-content .sp-element-photo img{
  width:100%;
  max-width:100%!important;
  height:auto;
  margin-left:auto;
  margin-right:auto;
}
.sp-element{width:100%;max-width:100%;margin:28px auto;box-sizing:border-box}.sp-element figcaption{margin-top:9px;text-align:center;color:#64748b;font-size:13px}.sp-element-photo{display:flex;flex-direction:column;align-items:center}.sp-element-photo a{display:block;width:100%;max-width:100%}.sp-element-photo img{border-radius:var(--sp-global-radius,14px);box-shadow:0 18px 45px rgba(15,23,42,.12)}.sp-element-audio{border:1px solid #e5e7eb;border-radius:var(--sp-global-radius,14px);background:#fff;padding:14px;box-shadow:0 12px 28px rgba(15,23,42,.06)}.sp-element-audio-inner,.sp-element-oembed-inner{width:100%;max-width:100%;margin-left:auto;margin-right:auto}.sp-element-audio iframe{width:100%!important;max-width:100%!important;border:0;border-radius:12px}.sp-element-audio-frame{height:152px}.sp-element-audio-link{display:block;width:100%;padding:14px 16px;border-radius:12px;background:#f8fafc;font-weight:800;color:var(--accent,#e11d48);word-break:break-word}.sp-element-video-frame{position:relative;width:100%;max-width:100%;aspect-ratio:16/9;overflow:hidden;border-radius:var(--sp-global-radius,14px);background:#0f172a;box-shadow:0 18px 45px rgba(15,23,42,.16)}.sp-element-video-frame iframe{position:absolute;inset:0;width:100%!important;height:100%!important;border:0}.sp-element-embed{display:flex;flex-direction:column;align-items:center}.sp-element-embed iframe,.sp-element-embed blockquote,.sp-element-embed .instagram-media,.sp-element-embed .twitter-tweet,.sp-element-embed .tiktok-embed{width:100%!important;max-width:100%!important;min-width:0!important;margin-left:auto!important;margin-right:auto!important}.sp-element-quote{border-left:5px solid var(--accent,#e11d48);background:#fff7ed;border-radius:0 var(--sp-global-radius,14px) var(--sp-global-radius,14px) 0;padding:20px 22px;color:#111827}.sp-element-quote p{font-size:1.18em;line-height:1.55;font-weight:700;margin:0}.sp-element-quote cite{display:block;margin-top:12px;color:#64748b;font-style:normal;font-weight:700}.sp-element-takeaways{border:1px solid #e5e7eb;border-radius:var(--sp-global-radius,14px);background:#f8fafc;padding:20px 22px;box-shadow:0 12px 28px rgba(15,23,42,.06)}.sp-element-takeaways h3{margin:0 0 12px;font-size:18px}.sp-element-takeaways ul{margin:0;padding-left:20px}.sp-element-takeaways li{margin:8px 0}.sp-element-related{border:1px solid #e5e7eb;border-radius:var(--sp-global-radius,14px);background:#fff;overflow:hidden;box-shadow:0 12px 28px rgba(15,23,42,.06)}.sp-element-related-link{display:flex;align-items:center;gap:16px;padding:13px;color:inherit;text-decoration:none}.sp-element-related-thumb{width:112px;aspect-ratio:16/10;border-radius:12px;overflow:hidden;flex:0 0 auto;background:#e5e7eb}.sp-element-related-thumb img{width:100%;height:100%;object-fit:cover;display:block}.sp-element-related-body strong{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--accent,#e11d48);margin-bottom:5px}.sp-element-related-body span{font-weight:800;line-height:1.35}.sp-element-source{border-top:1px solid #e5e7eb;border-bottom:1px solid #e5e7eb;padding:12px 0;color:#475569;font-size:14px}.sp-element-source a{font-weight:700}.sp-element-divider{border:0;border-top:1px solid #e5e7eb;margin:32px auto;width:72%}@media(max-width:640px){.sp-element-related-link{align-items:flex-start}.sp-element-related-thumb{width:88px}.sp-element-quote p{font-size:1.06em}}


/* SpillPH v4.6.3 - Featured Image article visibility helper */
.sp-featured-hidden-note{
  margin: 0 0 18px;
  padding: 12px 14px;
  border-radius: 12px;
  background: #f8fafc;
  border: 1px dashed #cbd5e1;
  color: #64748b;
  font-size: 13px;
}

/* =====================================================
   SPILLPH v5.1.0 Trend Engine & Trending Now Redesign
   ===================================================== */
.sp-trend-engine{
  overflow:hidden;
}

.sp-trend-engine{
  background:var(--sp-trend-engine-container-bg, transparent);
}

.sp-trending-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  margin-bottom:14px;
  border-bottom:1px solid var(--sp-trend-engine-border-color, rgba(15,23,42,.08));
  padding-bottom:12px;
}
.sp-trending-head .trending-title{
  margin:0!important;
  display:flex;
  align-items:center;
  gap:8px;
  line-height:var(--sp-trend-engine-title-line-height,1.1);
  font-family:var(--sp-trend-engine-title-font,var(--heading-font));
  font-size:var(--sp-trend-engine-title-size,24px);
  font-weight:var(--sp-trend-engine-title-weight,900);
  font-style:var(--sp-trend-engine-title-style,normal);
  color:var(--sp-trend-engine-title-color,#0f172a);
  letter-spacing:var(--sp-trend-engine-title-letter-spacing,0);
  text-decoration:var(--sp-trend-engine-title-decoration,none);
}
.sp-trending-updated{
  color:var(--sp-trend-engine-updated-color,#64748b);
  font-family:var(--sp-trend-engine-updated-font,var(--body-font));
  font-size:var(--sp-trend-engine-updated-size,11px);
  font-weight:var(--sp-trend-engine-updated-weight,800);
  font-style:var(--sp-trend-engine-updated-style,normal);
  letter-spacing:var(--sp-trend-engine-updated-letter-spacing,0);
  text-decoration:var(--sp-trend-engine-updated-decoration,none);
  white-space:nowrap;
  margin-top:2px;
}
.sp-trending-list{
  display:grid;
  gap:0;
}
.sp-trending-item{
  display:grid;
  grid-template-columns:64px minmax(0,1fr);
  gap:12px;
  padding:13px 0;
  border-bottom:1px solid var(--sp-trend-engine-border-color, rgba(15,23,42,.08));
}
.sp-trending-item:last-child{border-bottom:0;padding-bottom:0}
.sp-trending-thumb{
  width:64px;
  height:64px;
  display:block;
  overflow:hidden;
  background:var(--sp-trend-engine-thumbnail-bg, linear-gradient(135deg,rgba(255,43,43,.16),rgba(15,23,42,.12)));
  border-radius:var(--sp-trend-engine-thumbnail-radius,14px)!important;
}
.sp-trending-thumb img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.sp-trending-content{min-width:0}
.sp-trending-kicker{
  display:flex;
  align-items:center;
  gap:6px;
  flex-wrap:wrap;
  margin-bottom:5px;
}
.sp-trending-cat,
.sp-trending-new{
  display:inline-flex;
  align-items:center;
  border-radius:999px!important;
  font-size:var(--sp-trend-engine-category-size,10px);
  font-weight:var(--sp-trend-engine-category-weight,900);
  font-family:var(--sp-trend-engine-category-font,var(--body-font));
  font-style:var(--sp-trend-engine-category-style,normal);
  line-height:1;
  letter-spacing:var(--sp-trend-engine-category-letter-spacing,.02em);
  padding:5px 7px;
  text-transform:uppercase;
}
.sp-trending-cat{
  color:var(--sp-trend-engine-category-color,var(--accent,#ff2b2b));
  background:rgba(255,43,43,.09);
}
.sp-trending-new{
  color:#047857;
  background:#d1fae5;
}
.sp-trending-content h4{
  margin:0;
  font-family:var(--sp-trend-engine-article-title-font,var(--heading-font));
  font-size:var(--sp-trend-engine-article-title-size,14px);
  line-height:1.28;
  font-weight:var(--sp-trend-engine-article-title-weight,900);
  font-style:var(--sp-trend-engine-article-title-style,normal);
  letter-spacing:var(--sp-trend-engine-article-title-letter-spacing,-.02em);
}
.sp-trending-content h4 a{
  color:var(--sp-trend-engine-article-title-color,inherit);
  text-decoration:var(--sp-trend-engine-article-title-decoration,none);
}
.sp-trending-content h4 a:hover{
  color:var(--accent,#ff2b2b);
}
.sp-trending-meta{
  display:flex;
  gap:9px;
  flex-wrap:wrap;
  margin-top:7px;
  color:var(--sp-trend-engine-meta-color,#64748b);
  font-family:var(--sp-trend-engine-meta-font,var(--body-font));
  font-size:var(--sp-trend-engine-meta-size,11px);
  font-weight:var(--sp-trend-engine-meta-weight,800);
  font-style:var(--sp-trend-engine-meta-style,normal);
  letter-spacing:var(--sp-trend-engine-meta-letter-spacing,0);
}
.sp-trending-meta i{font-size:10px;color:var(--accent,#ff2b2b)}
.sp-trending-text_only .sp-trending-item{grid-template-columns:1fr;padding:14px 0}
.sp-trending-text_only .sp-trending-thumb{display:none}
.sp-trending-premium_card .sp-trending-list{gap:12px}
.sp-trending-premium_card .sp-trending-item{
  border:1px solid var(--sp-trend-engine-border-color, rgba(15,23,42,.08));
  border-radius:var(--sp-trend-engine-card-radius,18px)!important;
  padding:12px;
  background:var(--sp-trend-engine-card-bg,#fff);
  box-shadow:var(--sp-trend-engine-card-shadow,0 8px 22px rgba(15,23,42,.04));
}
.sp-trending-empty{margin:0;color:#64748b;font-weight:700;line-height:1.5}
body.spillph-dark .sp-trending-head,
body.spillph-dark .sp-trending-item{border-color:rgba(255,255,255,.10)}
body.spillph-dark .sp-trending-premium_card .sp-trending-item{background:#1c1c1f;border-color:#333}
body.spillph-dark .sp-trending-updated,
body.spillph-dark .sp-trending-meta,
body.spillph-dark .sp-trending-empty{color:#a1a1aa}
@media(max-width:760px){
  
.sp-trend-engine{
  background:var(--sp-trend-engine-container-bg, transparent);
}

.sp-trending-head{align-items:flex-start;flex-direction:column;gap:4px}
  .sp-trending-updated{white-space:normal}
  .sp-trending-item{grid-template-columns:72px minmax(0,1fr)}
  .sp-trending-thumb{width:72px;height:72px}
}


/* SPILLPH v6.0.7 - Verified Instant Mode sticky header fix
   Uses the shell as a 54px spacer and fixes only the topbar to the viewport.
   This avoids WordPress/theme wrapper issues that can break position: sticky. */
.sp-instant-mode-active .sp-instant-shell.sp-instant-header-sticky{
  position:relative!important;
  top:auto!important;
  z-index:auto!important;
  height:54px!important;
  width:100vw!important;
  max-width:none!important;
  margin-left:calc(50% - 50vw)!important;
  margin-right:calc(50% - 50vw)!important;
  background:var(--sp-instant-header-bg,#fff)!important;
}
.sp-instant-mode-active .sp-instant-shell.sp-instant-header-sticky .sp-instant-topbar{
  position:fixed!important;
  top:0!important;
  left:0!important;
  right:0!important;
  z-index:10050!important;
  width:100vw!important;
  max-width:none!important;
  margin:0!important;
  border-radius:0!important;
  background:var(--sp-instant-header-bg,#fff)!important;
  color:var(--sp-instant-header-text,#111)!important;
  box-shadow:0 8px 24px rgba(0,0,0,.08)!important;
}
.admin-bar.sp-instant-mode-active .sp-instant-shell.sp-instant-header-sticky .sp-instant-topbar{top:32px!important;}
@media(max-width:782px){.admin-bar.sp-instant-mode-active .sp-instant-shell.sp-instant-header-sticky .sp-instant-topbar{top:46px!important;}}
.sp-instant-mode-active .sp-instant-shell.sp-instant-header-static .sp-instant-topbar{
  position:relative!important;
  top:auto!important;
  left:auto!important;
  right:auto!important;
}

/* SPILLPH v6.0.22 - Instant Header Styling */
.sp-instant-mode-active .sp-instant-topbar{background:var(--sp-instant-header-bg,#fff)!important;color:var(--sp-instant-header-text,#111)!important;}
.sp-instant-mode-active .sp-instant-topbar .sp-instant-logo,.sp-instant-mode-active .sp-instant-topbar button,.sp-instant-mode-active .sp-instant-topbar i{color:var(--sp-instant-header-text,#111)!important;}
.sp-instant-mode-active .sp-instant-menu-button,.sp-instant-mode-active .sp-instant-search{background:rgba(127,127,127,.14)!important;}


/* SPILLPH v6.0.23 - Instant Header Background Application Fix */
.sp-instant-mode-active .sp-instant-shell,
.sp-instant-mode-active .sp-instant-shell.sp-instant-header-sticky,
.sp-instant-mode-active .sp-instant-shell.sp-instant-header-static,
.sp-instant-mode-active [data-sp-instant-header],
.sp-instant-mode-active .sp-instant-topbar{
  background-color:var(--sp-instant-header-bg,#fff)!important;
  background:var(--sp-instant-header-bg,#fff)!important;
}
.sp-instant-mode-active .sp-instant-topbar *,
.sp-instant-mode-active .sp-instant-logo,
.sp-instant-mode-active .sp-instant-menu-button,
.sp-instant-mode-active .sp-instant-search{
  color:var(--sp-instant-header-text,#111)!important;
}

/* SPILLPH v6.0.25 - Instant Drawer & Author Ads correction */
.sp-instant-drawer-v6025{
  width:min(76vw,340px)!important;
  max-width:340px!important;
  background:#0f0f10!important;
  color:#fff!important;
  border-radius:0 30px 30px 0!important;
  padding:20px 16px 16px!important;
  display:flex!important;
  flex-direction:column!important;
  gap:0!important;
  overflow-y:auto!important;
}
.sp-instant-drawer-v6025 .sp-instant-drawer-head{
  padding:2px 0 18px!important;
  margin:0 0 8px!important;
  border-bottom:1px solid rgba(255,255,255,.09)!important;
}
.sp-instant-drawer-v6025 .sp-instant-drawer-brand strong{
  display:block!important;
  font-size:25px!important;
  font-weight:950!important;
  letter-spacing:-.055em!important;
  color:#fff!important;
}
.sp-instant-drawer-v6025 .sp-instant-drawer-brand span{
  display:block!important;
  margin-top:5px!important;
  font-size:10px!important;
  letter-spacing:.16em!important;
  text-transform:uppercase!important;
  color:rgba(255,255,255,.52)!important;
  font-weight:850!important;
}
.sp-instant-drawer-v6025 .sp-instant-drawer-label{
  margin:0 0 11px!important;
  color:rgba(255,255,255,.42)!important;
  font-size:10px!important;
  letter-spacing:.16em!important;
}
.sp-instant-drawer-v6025 .sp-instant-drawer-section{
  padding:14px 0!important;
  border-bottom:1px solid rgba(255,255,255,.08)!important;
}
.sp-instant-drawer-v6025 .sp-instant-drawer-quick-grid{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:9px!important;
}
.sp-instant-drawer-v6025 .sp-instant-drawer-quick-grid a{
  min-height:68px!important;
  border:1px solid rgba(255,255,255,.11)!important;
  background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.035))!important;
  border-radius:20px!important;
  padding:13px 10px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
}
.sp-instant-drawer-v6025 .sp-instant-drawer-quick-grid a i{
  font-size:17px!important;
  color:var(--sp-instant-accent,#ff2b2b)!important;
}
.sp-instant-drawer-v6025 .sp-instant-drawer-cat-list,
.sp-instant-drawer-v6025 .sp-instant-drawer-page-list{
  display:grid!important;
  gap:4px!important;
}
.sp-instant-drawer-v6025 .sp-instant-drawer-cat-list a,
.sp-instant-drawer-v6025 .sp-instant-drawer-page-list a{
  display:grid!important;
  grid-template-columns:22px 1fr!important;
  align-items:center!important;
  gap:9px!important;
  min-height:34px!important;
  padding:8px 8px!important;
  border-radius:14px!important;
  border:0!important;
  background:transparent!important;
  color:rgba(255,255,255,.9)!important;
  font-size:14px!important;
  font-weight:800!important;
}
.sp-instant-drawer-v6025 .sp-instant-drawer-cat-list a:hover,
.sp-instant-drawer-v6025 .sp-instant-drawer-page-list a:hover{
  background:rgba(255,255,255,.07)!important;
  color:#fff!important;
}
.sp-instant-drawer-v6025 .sp-instant-drawer-cat-list a i,
.sp-instant-drawer-v6025 .sp-instant-drawer-page-list a i{
  width:22px!important;
  color:rgba(255,255,255,.5)!important;
  font-size:13px!important;
}
.sp-instant-drawer-v6025 .sp-instant-drawer-follow{
  padding:16px 0 14px!important;
  border-bottom:1px solid rgba(255,255,255,.08)!important;
}
.sp-instant-drawer-v6025 .sp-instant-social-outline{
  display:flex!important;
  gap:10px!important;
  flex-wrap:wrap!important;
}
.sp-instant-drawer-v6025 .sp-instant-social-outline a{
  width:36px!important;
  height:36px!important;
  border-radius:999px!important;
  border:1px solid rgba(255,255,255,.24)!important;
  background:rgba(255,255,255,.025)!important;
  color:#fff!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
.sp-instant-drawer-v6025 .sp-instant-social-outline a:hover{
  color:var(--sp-instant-accent,#ff2b2b)!important;
  border-color:var(--sp-instant-accent,#ff2b2b)!important;
  background:rgba(255,43,43,.08)!important;
}
.sp-instant-drawer-v6025 .sp-instant-drawer-foot{
  margin-top:auto!important;
  padding-top:14px!important;
  display:flex!important;
  justify-content:space-between!important;
  gap:12px!important;
  color:rgba(255,255,255,.42)!important;
  font-size:11px!important;
  font-weight:800!important;
}
.sp-author-ad-placements-v6025{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:14px!important;
}
@media(max-width:900px){.sp-author-ad-placements-v6025{grid-template-columns:1fr!important;}}


/* SPILLPH v6.0.32 - Instant Burger Menu Elegance Refinement */
.sp-instant-mode-active .sp-instant-menu-button{
  position:relative!important;
  background:rgba(255,255,255,.08)!important;
  border:1px solid rgba(255,255,255,.10)!important;
  color:var(--sp-instant-header-text,#fff)!important;
  transition:background .18s ease,border-color .18s ease,transform .18s ease!important;
}
.sp-instant-mode-active .sp-instant-menu-button .sp-instant-menu-icon-close{display:none!important;}
html.sp-instant-menu-open .sp-instant-mode-active .sp-instant-menu-button .sp-instant-menu-icon-bars{display:none!important;}
html.sp-instant-menu-open .sp-instant-mode-active .sp-instant-menu-button .sp-instant-menu-icon-close{display:block!important;}
html.sp-instant-menu-open .sp-instant-mode-active .sp-instant-menu-button{background:rgba(255,255,255,.14)!important;border-color:rgba(255,255,255,.18)!important;z-index:10090!important;}
.sp-instant-drawer-v6025{
  width:min(74vw,318px)!important;
  max-width:318px!important;
  background:#0d0d0f!important;
  color:#fff!important;
  border-radius:0 28px 28px 0!important;
  padding:22px 18px 18px!important;
  box-shadow:26px 0 70px rgba(0,0,0,.34)!important;
  font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
}
.sp-instant-drawer-v6025 .sp-instant-drawer-head{
  padding:0 0 18px!important;
  margin:0 0 8px!important;
  border-bottom:1px solid rgba(255,255,255,.075)!important;
}
.sp-instant-drawer-v6025 .sp-instant-drawer-head button{display:none!important;}
.sp-instant-drawer-v6025 .sp-instant-drawer-brand strong{
  font-size:21px!important;
  font-weight:800!important;
  letter-spacing:-.035em!important;
  line-height:1!important;
}
.sp-instant-drawer-v6025 .sp-instant-drawer-brand span{
  margin-top:7px!important;
  font-size:9px!important;
  letter-spacing:.18em!important;
  font-weight:600!important;
  color:rgba(255,255,255,.46)!important;
}
.sp-instant-drawer-v6025 .sp-instant-drawer-label{
  margin:0 0 10px!important;
  font-size:9px!important;
  letter-spacing:.17em!important;
  font-weight:700!important;
  color:rgba(255,255,255,.38)!important;
}
.sp-instant-drawer-v6025 .sp-instant-drawer-section{padding:13px 0!important;border-bottom:1px solid rgba(255,255,255,.07)!important;}
.sp-instant-drawer-v6025 .sp-instant-drawer-quick-grid{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;}
.sp-instant-drawer-v6025 .sp-instant-drawer-quick-grid a{
  min-height:42px!important;
  border:1px solid rgba(255,255,255,.10)!important;
  background:rgba(255,255,255,.035)!important;
  border-radius:16px!important;
  padding:10px 11px!important;
  display:grid!important;
  grid-template-columns:22px 1fr!important;
  align-items:center!important;
  gap:9px!important;
}
.sp-instant-drawer-v6025 .sp-instant-drawer-menu a{
  color:rgba(255,255,255,.87)!important;
  font-size:13px!important;
  font-weight:500!important;
  letter-spacing:-.01em!important;
  line-height:1.16!important;
}
.sp-instant-drawer-v6025 .sp-instant-drawer-cat-list a,
.sp-instant-drawer-v6025 .sp-instant-drawer-page-list a{
  min-height:32px!important;
  padding:7px 7px!important;
  border-radius:13px!important;
  grid-template-columns:21px 1fr!important;
  gap:9px!important;
}
.sp-instant-drawer-v6025 .sp-instant-drawer-menu a:hover{background:rgba(255,255,255,.065)!important;color:#fff!important;}
.sp-instant-drawer-v6025 .sp-instant-drawer-menu a i{
  width:21px!important;
  font-size:12px!important;
  color:rgba(255,255,255,.54)!important;
  font-weight:400!important;
}
.sp-instant-drawer-v6025 .sp-instant-drawer-quick-grid a i{color:var(--sp-instant-accent,#ff2b2b)!important;font-size:14px!important;}
.sp-instant-drawer-v6025 .sp-instant-drawer-follow{padding:15px 0 14px!important;border-bottom:1px solid rgba(255,255,255,.07)!important;}
.sp-instant-drawer-v6025 .sp-instant-social-outline{gap:10px!important;}
.sp-instant-drawer-v6025 .sp-instant-social-outline a{
  width:34px!important;height:34px!important;
  border-radius:999px!important;
  border:1px solid rgba(255,255,255,.30)!important;
  background:transparent!important;
  color:rgba(255,255,255,.82)!important;
  box-shadow:none!important;
}
.sp-instant-drawer-v6025 .sp-instant-social-outline a i{font-size:13px!important;font-weight:400!important;}
.sp-instant-drawer-v6025 .sp-instant-social-outline a:hover{color:#fff!important;border-color:var(--sp-instant-accent,#ff2b2b)!important;background:rgba(255,43,43,.06)!important;}
.sp-instant-drawer-v6025 .sp-instant-drawer-foot{
  padding-top:14px!important;
  font-size:10px!important;
  font-weight:500!important;
  color:rgba(255,255,255,.38)!important;
}


/* SPILLPH v6.0.32 - Corrected white Instant drawer + Font Awesome icon treatment */
.sp-instant-drawer-v6032{width:min(76vw,320px)!important;max-width:320px!important;background:#fff!important;color:#111!important;border-radius:0 26px 26px 0!important;padding:22px 18px 18px!important;box-shadow:24px 0 70px rgba(15,23,42,.18)!important;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;}
.sp-instant-drawer-v6032 .sp-instant-drawer-head,.sp-instant-drawer-v6032 .sp-instant-drawer-brand{display:none!important;}
.sp-instant-drawer-v6032 .sp-instant-drawer-label{display:block!important;margin:0 0 10px!important;color:#9ca3af!important;font-size:10px!important;letter-spacing:.16em!important;text-transform:uppercase!important;font-weight:600!important;}
.sp-instant-drawer-v6032 .sp-instant-drawer-section{padding:14px 0!important;border-bottom:1px solid rgba(15,23,42,.08)!important;}
.sp-instant-drawer-v6032 .sp-instant-drawer-quick-grid{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;}
.sp-instant-drawer-v6032 .sp-instant-drawer-quick-grid a,.sp-instant-drawer-v6032 .sp-instant-drawer-cat-list a,.sp-instant-drawer-v6032 .sp-instant-drawer-page-list a{display:grid!important;grid-template-columns:22px 1fr!important;align-items:center!important;gap:10px!important;min-height:36px!important;padding:8px 8px!important;border-radius:14px!important;background:transparent!important;border:0!important;color:#111827!important;text-decoration:none!important;font-size:13px!important;font-weight:500!important;letter-spacing:-.01em!important;line-height:1.15!important;}
.sp-instant-drawer-v6032 .sp-instant-drawer-quick-grid a{min-height:44px!important;border:1px solid rgba(15,23,42,.08)!important;background:#f9fafb!important;}
.sp-instant-drawer-v6032 .sp-instant-drawer-menu a:hover{background:#f3f4f6!important;color:#111!important;}
.sp-instant-drawer-v6032 .sp-instant-drawer-menu a i{width:22px!important;text-align:center!important;color:#6b7280!important;font-size:14px!important;font-weight:400!important;}
.sp-instant-drawer-v6032 .sp-instant-drawer-quick-grid a i{color:var(--sp-instant-accent,#ff2b2b)!important;}
.sp-instant-drawer-v6032 .sp-instant-drawer-follow{padding:16px 0 14px!important;border-bottom:1px solid rgba(15,23,42,.08)!important;}
.sp-instant-drawer-v6032 .sp-instant-social-outline{display:flex!important;gap:10px!important;flex-wrap:wrap!important;}
.sp-instant-drawer-v6032 .sp-instant-social-outline a{width:36px!important;height:36px!important;border-radius:999px!important;border:1px solid rgba(17,24,39,.18)!important;background:transparent!important;color:#111827!important;display:flex!important;align-items:center!important;justify-content:center!important;box-shadow:none!important;text-decoration:none!important;}
.sp-instant-drawer-v6032 .sp-instant-social-outline a i{font-size:14px!important;font-weight:400!important;color:inherit!important;}
.sp-instant-drawer-v6032 .sp-instant-social-outline a:hover{color:var(--sp-instant-accent,#ff2b2b)!important;border-color:var(--sp-instant-accent,#ff2b2b)!important;background:rgba(255,43,43,.04)!important;}
.sp-instant-drawer-v6032 .sp-instant-drawer-foot{margin-top:auto!important;padding-top:14px!important;border-top:1px solid rgba(15,23,42,.08)!important;color:#9ca3af!important;font-size:10px!important;font-weight:500!important;display:flex!important;justify-content:space-between!important;gap:12px!important;}
.sp-instant-drawer-backdrop{background:rgba(15,23,42,.32)!important;backdrop-filter:blur(2px)!important;}


/* SPILLPH v6.0.33 — Burger Menu Mockup Alignment */
.sp-instant-drawer-v6033{
  top:54px!important;
  bottom:0!important;
  height:auto!important;
  width:min(74vw,318px)!important;
  max-width:318px!important;
  background:#fff!important;
  color:#111827!important;
  border-radius:0 26px 26px 0!important;
  padding:28px 18px 18px!important;
  box-shadow:24px 0 70px rgba(15,23,42,.18)!important;
  font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  overflow-y:auto!important;
  -webkit-overflow-scrolling:touch!important;
}
.sp-instant-drawer-v6033 .sp-instant-drawer-head,
.sp-instant-drawer-v6033 .sp-instant-drawer-brand{display:none!important;}
.sp-instant-drawer-v6033 .sp-instant-drawer-label{
  display:block!important;
  margin:0 0 14px!important;
  color:#a1a7b3!important;
  font-size:10px!important;
  letter-spacing:.18em!important;
  text-transform:uppercase!important;
  font-weight:600!important;
  line-height:1.1!important;
}
.sp-instant-drawer-v6033 .sp-instant-drawer-section{
  padding:16px 0!important;
  border-bottom:1px solid rgba(15,23,42,.08)!important;
}
.sp-instant-drawer-v6033 .sp-instant-drawer-section:first-child{padding-top:0!important;}
.sp-instant-drawer-v6033 .sp-instant-drawer-quick-grid,
.sp-instant-drawer-v6033 .sp-instant-drawer-cat-list,
.sp-instant-drawer-v6033 .sp-instant-drawer-page-list{
  display:grid!important;
  gap:4px!important;
}
.sp-instant-drawer-v6033 .sp-instant-drawer-quick-grid a,
.sp-instant-drawer-v6033 .sp-instant-drawer-cat-list a,
.sp-instant-drawer-v6033 .sp-instant-drawer-page-list a{
  display:grid!important;
  grid-template-columns:24px 1fr!important;
  align-items:center!important;
  gap:12px!important;
  min-height:38px!important;
  padding:8px 6px!important;
  border-radius:14px!important;
  background:transparent!important;
  border:0!important;
  color:#111827!important;
  text-decoration:none!important;
  font-size:13.5px!important;
  font-weight:500!important;
  letter-spacing:-.015em!important;
  line-height:1.15!important;
}
.sp-instant-drawer-v6033 .sp-instant-drawer-quick-grid a{
  min-height:38px!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
.sp-instant-drawer-v6033 .sp-instant-drawer-menu a:hover{
  background:#f6f7f9!important;
  color:#111827!important;
}
.sp-instant-drawer-v6033 .sp-instant-drawer-menu a i{
  width:24px!important;
  text-align:center!important;
  color:#6b7280!important;
  font-size:15px!important;
  font-weight:400!important;
}
.sp-instant-drawer-v6033 .sp-instant-drawer-quick-grid a i{
  color:var(--sp-instant-accent,#ff2b2b)!important;
}
.sp-instant-drawer-v6033 .sp-instant-drawer-cat-list a:nth-child(1) i{color:#ef4444!important;}
.sp-instant-drawer-v6033 .sp-instant-drawer-cat-list a:nth-child(2) i{color:#f59e0b!important;}
.sp-instant-drawer-v6033 .sp-instant-drawer-cat-list a:nth-child(3) i{color:#6366f1!important;}
.sp-instant-drawer-v6033 .sp-instant-drawer-cat-list a:nth-child(4) i{color:#10b981!important;}
.sp-instant-drawer-v6033 .sp-instant-drawer-cat-list a:nth-child(5) i{color:#ec4899!important;}
.sp-instant-drawer-v6033 .sp-instant-drawer-follow{
  padding:16px 0 14px!important;
  border-bottom:1px solid rgba(15,23,42,.08)!important;
}
.sp-instant-drawer-v6033 .sp-instant-social-outline{
  display:flex!important;
  gap:11px!important;
  flex-wrap:wrap!important;
}
.sp-instant-drawer-v6033 .sp-instant-social-outline a{
  width:34px!important;
  height:34px!important;
  border-radius:999px!important;
  border:1px solid rgba(17,24,39,.22)!important;
  background:transparent!important;
  color:#111827!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  box-shadow:none!important;
  text-decoration:none!important;
}
.sp-instant-drawer-v6033 .sp-instant-social-outline a i{
  font-size:14px!important;
  line-height:1!important;
  font-weight:400!important;
  color:inherit!important;
}
.sp-instant-drawer-v6033 .sp-instant-social-outline a:hover,
.sp-instant-drawer-v6033 .sp-instant-social-outline a:focus{
  color:var(--sp-instant-accent,#ff2b2b)!important;
  border-color:var(--sp-instant-accent,#ff2b2b)!important;
  background:rgba(255,43,43,.04)!important;
}
.sp-instant-drawer-v6033 .sp-instant-drawer-foot{
  margin-top:16px!important;
  padding-top:14px!important;
  border-top:1px solid rgba(15,23,42,.08)!important;
  color:#9ca3af!important;
  font-size:10px!important;
  font-weight:500!important;
  display:flex!important;
  justify-content:space-between!important;
  gap:12px!important;
}
.sp-instant-drawer-backdrop{
  background:rgba(15,23,42,.32)!important;
  backdrop-filter:blur(2px)!important;
  -webkit-backdrop-filter:blur(2px)!important;
}
@media(max-width:380px){
  .sp-instant-drawer-v6033{width:min(78vw,306px)!important;padding-left:16px!important;padding-right:16px!important;}
}


/* SPILLPH v6.0.34 — Burger Menu Visual Correction */
.sp-instant-drawer,
.sp-instant-drawer-v6033,
.sp-instant-drawer-v6034{
  top:54px!important;
  bottom:0!important;
  height:auto!important;
  width:min(74vw,318px)!important;
  max-width:318px!important;
  background:#fff!important;
  background-color:#fff!important;
  color:#111827!important;
  border-radius:0 26px 26px 0!important;
  padding:34px 18px 18px!important;
  box-shadow:24px 0 70px rgba(15,23,42,.18)!important;
  font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  overflow-y:auto!important;
  -webkit-overflow-scrolling:touch!important;
}
.sp-instant-drawer .sp-instant-drawer-head,
.sp-instant-drawer .sp-instant-drawer-brand{display:none!important;}
.sp-instant-drawer .sp-instant-drawer-label{
  display:block!important;
  margin:0 0 14px!important;
  color:#9ca3af!important;
  font-size:10px!important;
  letter-spacing:.18em!important;
  text-transform:uppercase!important;
  font-weight:600!important;
  line-height:1.1!important;
}
.sp-instant-drawer .sp-instant-drawer-section{
  padding:16px 0!important;
  border-bottom:1px solid rgba(15,23,42,.08)!important;
}
.sp-instant-drawer .sp-instant-drawer-section:first-child{padding-top:0!important;}
.sp-instant-drawer .sp-instant-drawer-quick-grid,
.sp-instant-drawer .sp-instant-drawer-cat-list,
.sp-instant-drawer .sp-instant-drawer-page-list{display:grid!important;gap:4px!important;}
.sp-instant-drawer .sp-instant-drawer-quick-grid a,
.sp-instant-drawer .sp-instant-drawer-cat-list a,
.sp-instant-drawer .sp-instant-drawer-page-list a{
  display:grid!important;
  grid-template-columns:24px 1fr!important;
  align-items:center!important;
  gap:12px!important;
  min-height:38px!important;
  padding:8px 6px!important;
  border-radius:14px!important;
  background:transparent!important;
  border:0!important;
  color:#111827!important;
  text-decoration:none!important;
  font-size:13.5px!important;
  font-weight:500!important;
  letter-spacing:-.015em!important;
  line-height:1.15!important;
}
.sp-instant-drawer .sp-instant-drawer-menu a:hover{background:#f6f7f9!important;color:#111827!important;}
.sp-instant-drawer .sp-instant-drawer-menu a i,
.sp-instant-drawer .sp-instant-drawer-quick-grid a i,
.sp-instant-drawer .sp-instant-drawer-cat-list a i,
.sp-instant-drawer .sp-instant-drawer-page-list a i{
  width:24px!important;
  text-align:center!important;
  color:#6b7280!important;
  font-size:15px!important;
  font-weight:400!important;
}
.sp-instant-drawer .sp-instant-drawer-quick-grid a i{color:var(--sp-instant-accent,#ff2b2b)!important;}
.sp-instant-drawer .sp-instant-drawer-follow{padding:16px 0 14px!important;border-bottom:1px solid rgba(15,23,42,.08)!important;}
.sp-instant-drawer .sp-instant-social-outline{display:flex!important;gap:11px!important;flex-wrap:wrap!important;}
.sp-instant-drawer .sp-instant-social-outline a{
  width:34px!important;
  height:34px!important;
  border-radius:999px!important;
  border:1px solid rgba(17,24,39,.22)!important;
  background:#fff!important;
  color:#111827!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  box-shadow:none!important;
  text-decoration:none!important;
}
.sp-instant-drawer .sp-instant-social-outline a i{font-size:14px!important;line-height:1!important;font-weight:400!important;color:inherit!important;}
.sp-instant-drawer .sp-instant-social-outline a:hover,
.sp-instant-drawer .sp-instant-social-outline a:focus{
  color:var(--sp-instant-accent,#ff2b2b)!important;
  border-color:var(--sp-instant-accent,#ff2b2b)!important;
  background:rgba(255,43,43,.04)!important;
}
.sp-instant-drawer .sp-instant-drawer-foot{
  margin-top:16px!important;
  padding-top:14px!important;
  border-top:1px solid rgba(15,23,42,.08)!important;
  color:#9ca3af!important;
  font-size:10px!important;
  font-weight:500!important;
  display:flex!important;
  justify-content:space-between!important;
  gap:12px!important;
}
.sp-instant-drawer-backdrop{background:rgba(15,23,42,.32)!important;backdrop-filter:blur(2px)!important;-webkit-backdrop-filter:blur(2px)!important;}
@media(max-width:380px){.sp-instant-drawer,.sp-instant-drawer-v6034{width:min(78vw,306px)!important;padding-left:16px!important;padding-right:16px!important;}}

/* SPILLPH v6.0.35 — Instant Footer & Branding System */
.sp-instant-logo{display:flex;align-items:center;justify-content:center;min-width:0;line-height:1;}
.sp-instant-logo-img{display:block;max-width:180px;height:auto;object-fit:contain;}
.sp-instant-logo-img-header{max-height:34px;}
.sp-instant-logo-text{display:inline-block;line-height:1;}
.sp-instant-footer{max-width:760px;margin:0 auto;padding:28px 18px 110px;text-align:center;color:#6b7280;background:transparent;box-sizing:border-box;}
.sp-instant-single .sp-instant-footer,.sp-instant-page .sp-instant-footer{padding-bottom:18px;}
.sp-instant-footer-logo{display:inline-flex;align-items:center;justify-content:center;margin-bottom:14px;text-decoration:none;}
.sp-instant-footer .sp-instant-logo-img{max-height:40px;}
.sp-instant-footer-title{display:block;color:#111;font-size:18px;letter-spacing:-.03em;margin-bottom:12px;font-weight:900;}
.sp-instant-footer-links{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;margin:8px 0 10px;}
.sp-instant-footer-links a{color:#111;text-decoration:none;font-size:12px;font-weight:700;}
.sp-instant-footer-copy{font-size:12px;}
.sp-instant-drawer-foot{flex-direction:column!important;align-items:flex-start!important;gap:4px!important;}
.sp-instant-drawer-foot-logo{display:inline-flex;margin:0 0 8px;text-decoration:none;}
.sp-instant-drawer-foot-logo .sp-instant-logo-img{max-height:30px;max-width:130px;}
.sp-instant-drawer-foot-logo .sp-instant-logo-text{font-weight:800;color:#111;letter-spacing:-.03em;}


/* SPILLPH v6.0.36 — Burger Menu Footer Branding Block */
.sp-instant-drawer .sp-instant-drawer-foot{
  margin:18px -18px -18px!important;
  padding:18px 18px 20px!important;
  background:#252525!important;
  border-top:0!important;
  color:rgba(255,255,255,.72)!important;
  border-radius:0 0 24px 0!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  gap:5px!important;
  font-size:10px!important;
  font-weight:500!important;
  letter-spacing:.01em!important;
}
.sp-instant-drawer .sp-instant-drawer-foot span{
  color:rgba(255,255,255,.72)!important;
}
.sp-instant-drawer .sp-instant-drawer-foot-logo{
  display:inline-flex!important;
  margin:0 0 8px!important;
  text-decoration:none!important;
  color:#fff!important;
}
.sp-instant-drawer .sp-instant-drawer-foot-logo .sp-instant-logo-text{
  color:#fff!important;
  font-weight:800!important;
  letter-spacing:-.03em!important;
}
.sp-instant-drawer .sp-instant-drawer-foot-logo .sp-instant-logo-img{
  max-height:30px!important;
  max-width:132px!important;
  object-fit:contain!important;
}
@media(max-width:380px){
  .sp-instant-drawer .sp-instant-drawer-foot{margin-left:-16px!important;margin-right:-16px!important;margin-bottom:-18px!important;padding-left:16px!important;padding-right:16px!important;}
}

/* SPILLPH v6.0.37 — Instant Footer Styling */
.sp-instant-mode-active .sp-instant-footer{
  background:var(--sp-instant-footer-bg,#fff)!important;
  color:var(--sp-instant-footer-text,#111)!important;
  border-top:1px solid color-mix(in srgb, var(--sp-instant-footer-text,#111) 12%, transparent)!important;
}
.sp-instant-mode-active .sp-instant-footer a,
.sp-instant-mode-active .sp-instant-footer-title,
.sp-instant-mode-active .sp-instant-footer-copy{
  color:var(--sp-instant-footer-text,#111)!important;
}

/* v6.0.38 Footer Logo Fix */
.sp-footer-logo a{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;}
.sp-footer-logo img{display:block;height:auto;max-width:100%;}


/* SPILLPH v6.0.39 — Instant Footer Visual Polish */
.sp-instant-single .sp-instant-footer,
.sp-instant-page .sp-instant-footer{
  margin:24px 0 0!important;
  padding:30px 18px 32px!important;
  width:100%!important;
  max-width:none!important;
  border-radius:0 0 22px 22px!important;
  box-sizing:border-box!important;
  box-shadow:0 14px 34px rgba(15,23,42,.08)!important;
}
.sp-instant-mode-active .sp-instant-footer{
  background:var(--sp-instant-footer-bg,#2b2b2b)!important;
  color:var(--sp-instant-footer-text,#ffffff)!important;
  border-top:1px solid color-mix(in srgb, var(--sp-instant-footer-text,#ffffff) 14%, transparent)!important;
}
.sp-instant-footer-logo{
  margin-bottom:12px!important;
}
.sp-instant-footer .sp-instant-logo-img{
  max-height:54px!important;
  max-width:min(220px,78vw)!important;
  object-fit:contain!important;
}
.sp-instant-footer-title{
  font-size:20px!important;
  font-weight:850!important;
  margin-bottom:8px!important;
}
.sp-instant-footer-tagline{
  margin:0 auto 16px!important;
  max-width:320px!important;
  font-size:12px!important;
  line-height:1.45!important;
  font-weight:500!important;
  opacity:.78!important;
}
.sp-instant-footer-links{
  gap:18px!important;
  margin:10px 0 14px!important;
}
.sp-instant-footer-links a{
  font-size:13px!important;
  font-weight:700!important;
  letter-spacing:.01em!important;
}
.sp-instant-footer-copy{
  font-size:12px!important;
  font-weight:500!important;
  opacity:.72!important;
}
.sp-instant-mode-active .sp-instant-footer a,
.sp-instant-mode-active .sp-instant-footer-title,
.sp-instant-mode-active .sp-instant-footer-copy,
.sp-instant-mode-active .sp-instant-footer-tagline{
  color:var(--sp-instant-footer-text,#ffffff)!important;
}
@media(max-width:480px){
  .sp-instant-single .sp-instant-footer,
  .sp-instant-page .sp-instant-footer{
    margin-top:20px!important;
    padding:28px 14px 30px!important;
    border-radius:0 0 20px 20px!important;
  }
}


/* SPILLPH v6.0.40 — Instant Footer Layout Refinements */
.sp-instant-mode-active .main{
  padding-bottom:0!important;
}
.sp-instant-mode-active .sp-instant-single,
.sp-instant-mode-active .sp-instant-page{
  padding-bottom:0!important;
}
.sp-instant-single .sp-instant-footer,
.sp-instant-page .sp-instant-footer{
  width:calc(100% + 28px)!important;
  max-width:none!important;
  margin:22px -14px 0!important;
  border-radius:0 0 20px 20px!important;
}
.sp-instant-mode-active .sp-instant-footer{
  margin-bottom:0!important;
}
.sp-instant-mode-active .sp-instant-footer + *{
  margin-top:0!important;
}
@media(max-width:480px){
  .sp-instant-single .sp-instant-footer,
  .sp-instant-page .sp-instant-footer{
    width:calc(100% + 28px)!important;
    margin:18px -14px 0!important;
    padding-bottom:calc(28px + env(safe-area-inset-bottom,0px))!important;
  }
}


/* SPILLPH v6.0.43 — Article Featured Image Uncropped Display */
.single-wrap.sp-single-modern .single-featured-image img,
.sp-single-modern .single-featured-image img,
.single-featured-image img{
  width:100%!important;
  height:auto!important;
  max-height:none!important;
  object-fit:contain!important;
  display:block!important;
}
.single-wrap.sp-single-modern .single-featured-image,
.sp-single-modern .single-featured-image,
.single-featured-image{
  background:#fff!important;
}


/* SPILLPH v6.0.44 — Featured Image Caption Source Styling */
.single-wrap.sp-single-modern .single-featured-image .featured-caption,
.sp-single-modern .single-featured-image .featured-caption,
.single-featured-image .featured-caption{
  margin:4px 8px 0!important;
  padding:0!important;
  text-align:right!important;
  font-family:Inter, "Segoe UI", Arial, sans-serif!important;
  font-size:10.5px!important;
  font-weight:500!important;
  line-height:1.35!important;
  letter-spacing:.01em!important;
  color:#8a8f98!important;
}
.single-wrap.sp-single-modern .single-featured-image,
.sp-single-modern .single-featured-image,
.single-featured-image{
  margin-bottom:24px!important;
}
@media(max-width:700px){
  .single-wrap.sp-single-modern .single-featured-image .featured-caption,
  .sp-single-modern .single-featured-image .featured-caption,
  .single-featured-image .featured-caption{
    margin:4px 8px 0!important;
    font-size:10px!important;
  }
}


/* SPILLPH v6.0.45 — Featured Image Caption Typography Controls */
.single-wrap.sp-single-modern .single-featured-image .featured-caption,
.sp-single-modern .single-featured-image .featured-caption,
.single-featured-image .featured-caption{
  margin:2px 8px 0!important;
  padding:0!important;
  text-align:right!important;
  font-family:var(--sp-article-featured-caption-font, Inter, "Segoe UI", Arial, sans-serif)!important;
  font-size:var(--sp-article-featured-caption-size, 10px)!important;
  font-weight:var(--sp-article-featured-caption-weight, 400)!important;
  font-style:var(--sp-article-featured-caption-style, normal)!important;
  text-decoration:var(--sp-article-featured-caption-decoration, none)!important;
  line-height:1.3!important;
  letter-spacing:var(--sp-article-featured-caption-letter-spacing, 0px)!important;
  color:var(--sp-article-featured-caption-color, #8a8f98)!important;
}
.single-wrap.sp-single-modern .single-featured-image,
.sp-single-modern .single-featured-image,
.single-featured-image{
  margin-bottom:24px!important;
}
@media(max-width:700px){
  .single-wrap.sp-single-modern .single-featured-image .featured-caption,
  .sp-single-modern .single-featured-image .featured-caption,
  .single-featured-image .featured-caption{
    margin:2px 8px 0!important;
  }
}


/* SPILLPH v6.0.63 Author Card — Minimal Strip Visual Alignment */
.sp-author-card{position:relative;background:var(--sp-author-card-bg,#fff);border:1px solid var(--sp-author-card-border,#e5e7eb);border-radius:var(--sp-author-card-radius,18px);padding:0;box-shadow:var(--sp-author-card-shadow,0 8px 24px rgba(15,23,42,.08));color:var(--sp-author-card-text,#111827);margin-top:18px;overflow:hidden}
.sp-author-card-accent{position:absolute;inset:0 auto 0 0;width:var(--sp-author-card-accent-width,8px);background:var(--sp-author-card-accent,#ff2b2b);border-radius:var(--sp-author-card-accent-radius,18px) 0 0 var(--sp-author-card-accent-radius,18px);pointer-events:none}
.sp-author-card-inner{padding:var(--sp-author-card-padding,18px);padding-left:calc(var(--sp-author-card-padding,18px) + var(--sp-author-card-accent-width,8px));position:relative;z-index:1}
.sp-author-card-main{display:flex;align-items:center;justify-content:space-between;gap:16px}
.sp-author-card-head{display:flex;align-items:center;gap:13px;min-width:0;flex:1 1 auto}
.sp-author-card-label{font-family:var(--sp-author-card-label-font,var(--body-font));font-size:var(--sp-author-card-label-size,11px);font-weight:var(--sp-author-card-label-weight,700);font-style:var(--sp-author-card-label-style,normal);letter-spacing:var(--sp-author-card-label-letter-spacing,.12px);text-transform:none;color:var(--sp-author-card-muted,#64748b);line-height:1.05;display:block;margin:0 0 3px}
.sp-author-card-avatar{display:flex;width:58px;height:58px;flex:0 0 58px;border-radius:999px;background:var(--sp-author-card-avatar-bg,#f1f5f9);border:3px solid var(--sp-author-card-avatar-border,#fff);overflow:hidden;box-shadow:0 8px 18px rgba(15,23,42,.10);text-decoration:none}
.sp-author-card-avatar img{width:100%;height:100%;object-fit:cover;border-radius:999px;display:block}
.sp-author-card-identity{min-width:0;display:grid;align-content:center}
.sp-author-card-name{font-family:var(--sp-author-card-name-font,var(--heading-font));font-size:var(--sp-author-card-name-size,17px);font-weight:var(--sp-author-card-name-weight,700);font-style:var(--sp-author-card-name-style,normal);letter-spacing:var(--sp-author-card-name-letter-spacing,0);color:var(--sp-author-card-name,#0f172a);line-height:1.15;text-decoration:none;display:inline-flex;align-items:center;gap:7px;min-width:0}
.sp-author-card-name span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sp-author-card-name i{color:var(--sp-author-card-accent,#ff2b2b);font-size:.86em;flex:0 0 auto}
.sp-author-card-name:hover{color:var(--sp-author-card-link-hover,#ff2b2b)}
.sp-author-card-role{font-family:var(--sp-author-card-role-font,var(--body-font));font-size:var(--sp-author-card-role-size,11px);font-weight:var(--sp-author-card-role-weight,700);font-style:var(--sp-author-card-role-style,normal);letter-spacing:var(--sp-author-card-role-letter-spacing,.08px);text-transform:uppercase;color:var(--sp-author-card-role,#ef4444);line-height:1.1;margin-top:4px}
.sp-author-card-action{flex:0 0 auto;border-left:1px solid var(--sp-author-card-border,#e5e7eb);padding-left:18px;margin-left:2px;display:flex;align-items:center;align-self:stretch}
.sp-author-card-profile{font-family:var(--sp-author-card-links-font,var(--body-font));font-size:var(--sp-author-card-links-size,12px);font-weight:var(--sp-author-card-links-weight,700);font-style:var(--sp-author-card-links-style,normal);letter-spacing:var(--sp-author-card-links-letter-spacing,0);display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:0 16px;border-radius:8px;background:var(--sp-author-card-button-bg,#fff);color:var(--sp-author-card-button-text,var(--sp-author-card-link,#111827));border:1px solid var(--sp-author-card-accent,#ff2b2b);text-decoration:none;text-transform:uppercase;transition:.18s ease;white-space:nowrap}
.sp-author-card-profile:hover{background:var(--sp-author-card-button-hover-bg,#ff2b2b);color:var(--sp-author-card-button-text,#fff);transform:translateY(-1px)}
.sp-author-card-bio{font-family:var(--sp-author-card-bio-font,var(--body-font));font-size:var(--sp-author-card-bio-size,13px);font-weight:var(--sp-author-card-bio-weight,400);font-style:var(--sp-author-card-bio-style,normal);letter-spacing:var(--sp-author-card-bio-letter-spacing,0);color:var(--sp-author-card-bio-color,var(--sp-author-card-muted,#64748b))!important;line-height:1.55;margin:13px 0 0}
.sp-author-card-social{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.sp-author-card-social a{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:999px;background:var(--sp-author-card-icon-bg,#f8fafc);color:var(--sp-author-card-icon,#111827);border:1px solid color-mix(in srgb,var(--sp-author-card-border,#e5e7eb) 75%,transparent);text-decoration:none;transition:.18s ease;font-size:14px}
.sp-author-card-social a:hover{background:var(--sp-author-card-icon-hover-bg,#fff1f2);color:var(--sp-author-card-icon-hover,#ff2b2b);transform:translateY(-1px)}
.sp-author-card-mobile{display:none}
.sp-layout-fullwidth .sp-author-card-mobile{display:block;margin:24px 0 0}
@media(max-width:1180px){.sp-author-card-main{align-items:flex-start;flex-direction:column}.sp-author-card-action{border-left:0;border-top:1px solid var(--sp-author-card-border,#e5e7eb);padding-left:0;padding-top:14px;width:100%;align-self:auto}.sp-author-card-profile{width:100%}}
@media(max-width:900px){.sp-author-card-mobile{display:block;margin:22px 0}.sp-sidebar-area .sp-author-card-sidebar{display:none}.sp-author-card-main{align-items:flex-start;flex-direction:column}.sp-author-card-action{border-left:0;border-top:1px solid var(--sp-author-card-border,#e5e7eb);padding-left:0;padding-top:14px;width:100%;align-self:auto}.sp-author-card-profile{width:100%}}


/* SPILLPH v6.0.58 Hero Grid Category Tab Persistence Fix */


/* SPILLPH v6.0.59 - Trending Posts Sidebar Widget */
.widget_spillph_trending_posts_widget .trending-box,
.spillph_trending_posts_widget .trending-box{
  margin:0;
}
.spillph_trending_posts_widget .sp-trending-head .trending-title,
.widget_spillph_trending_posts_widget .sp-trending-head .trending-title{
  font-size:var(--sp-widgets-titles-size,18px);
}

/* SPILLPH v6.0.60 - Home Sidebar Restore Fix
   Homepage sidebar layout is restored when the selected Home Sidebar has active widgets. */


/* SPILLPH v6.0.62 - Trend Engine Items Display Sync Fix
   The Hero Grid now renders above the homepage content/sidebar shell, so the Home Sidebar begins under the Hero Grid instead of beside it. */
.sp-home-content-shell{margin-top:0;}
.sp-home-content-shell .sp-home-latest-section{margin-top:42px;}


/* v6.0.64 — Author Card Layout & Bio Controls Fix */
.sp-author-card{overflow:visible;isolation:isolate}
.sp-author-card-accent{inset:auto auto auto 0;top:var(--sp-author-card-padding,18px);width:var(--sp-author-card-accent-width,8px);height:var(--sp-author-card-accent-height,58px);max-height:calc(100% - (var(--sp-author-card-padding,18px) * 2));border-radius:0 var(--sp-author-card-accent-radius,18px) var(--sp-author-card-accent-radius,18px) 0;background:var(--sp-author-card-accent,#ff2b2b)}
.sp-author-card-inner{padding-left:calc(var(--sp-author-card-padding,18px) + var(--sp-author-card-accent-width,8px) + 8px)}
.sp-author-card-main{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;width:100%}
.sp-author-card-head{min-width:0;width:100%}
.sp-author-card-action{min-width:max-content;align-self:center;min-height:48px}
.sp-author-card-name,.sp-author-card-role,.sp-author-card-label{max-width:100%}
.sp-author-card-bio{color:var(--sp-author-card-bio-color,var(--sp-author-card-muted,#64748b))!important;clear:both}
.sp-author-card-social{display:flex!important;visibility:visible;opacity:1;align-items:center;clear:both}
.sp-author-card-social a i{line-height:1;color:inherit}
.sp-sidebar-area .sp-author-card-main,.sp-author-card-sidebar .sp-author-card-main{grid-template-columns:1fr;align-items:stretch;gap:14px}
.sp-sidebar-area .sp-author-card-action,.sp-author-card-sidebar .sp-author-card-action{border-left:0;border-top:1px solid var(--sp-author-card-border,#e5e7eb);padding-left:0;padding-top:14px;margin-left:0;width:100%;align-self:auto;min-width:0}
.sp-sidebar-area .sp-author-card-profile,.sp-author-card-sidebar .sp-author-card-profile{width:100%;min-width:0}
@media(min-width:901px){.sp-author-card-mobile .sp-author-card-main,.sp-layout-fullwidth .sp-author-card-main{grid-template-columns:minmax(0,1fr) auto}.sp-author-card-mobile .sp-author-card-action,.sp-layout-fullwidth .sp-author-card-action{border-left:1px solid var(--sp-author-card-border,#e5e7eb);border-top:0;padding-left:18px;padding-top:0;width:auto}}
@media(max-width:900px){.sp-author-card-main{grid-template-columns:1fr}.sp-author-card-action{border-left:0;border-top:1px solid var(--sp-author-card-border,#e5e7eb);padding-left:0;padding-top:14px;width:100%;min-width:0}.sp-author-card-profile{width:100%}.sp-author-card-accent{height:52px}}
/* v6.3.6: ensure Author Card Bio / Description Text Color wins across sidebar, mobile, and Instant Mode contexts. */
.sp-sidebar-area .sp-author-card-bio,
.sp-author-card-sidebar .sp-author-card-bio,
.sp-author-card-mobile .sp-author-card-bio,
.sp-author-card-instant .sp-author-card-bio,
.sp-instant-single .sp-author-card-instant .sp-author-card-bio{
  color:var(--sp-author-card-bio-color,var(--sp-author-card-muted,#64748b))!important;
}


/* SPILLPH v6.0.65 — Instant Mode Burger Icon Restore Fix */
.sp-instant-mode-active .sp-instant-menu-button,
.sp-instant-mode-active .sp-instant-search{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 40px!important;
  width:40px!important;
  height:40px!important;
  min-width:40px!important;
  min-height:40px!important;
  position:relative!important;
  overflow:hidden!important;
  line-height:1!important;
  color:var(--sp-instant-header-text,#111)!important;
}
.sp-instant-mode-active .sp-instant-menu-button i,
.sp-instant-mode-active .sp-instant-search i,
.sp-instant-mode-active .sp-instant-drawer button i,
.sp-instant-mode-active .sp-instant-toolbar i{
  font-style:normal!important;
  line-height:1!important;
  text-rendering:auto!important;
  -webkit-font-smoothing:antialiased!important;
  -moz-osx-font-smoothing:grayscale!important;
}
.sp-instant-mode-active .sp-instant-menu-button .fa-solid,
.sp-instant-mode-active .sp-instant-search .fa-solid,
.sp-instant-mode-active .sp-instant-drawer .fa-solid{
  font-family:"Font Awesome 6 Free"!important;
  font-weight:900!important;
}
.sp-instant-mode-active .sp-instant-drawer .fa-brands{
  font-family:"Font Awesome 6 Brands"!important;
  font-weight:400!important;
}
.sp-instant-mode-active .sp-instant-menu-button .sp-instant-menu-icon-bars,
.sp-instant-mode-active .sp-instant-menu-button .sp-instant-menu-icon-close{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
}
.sp-instant-mode-active .sp-instant-menu-button::before,
.sp-instant-mode-active .sp-instant-menu-button::after{
  content:""!important;
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  display:block!important;
  width:17px!important;
  height:2px!important;
  border-radius:999px!important;
  background:currentColor!important;
  transform:translate(-50%,-50%)!important;
  transition:transform .18s ease,box-shadow .18s ease,opacity .18s ease!important;
  pointer-events:none!important;
}
.sp-instant-mode-active .sp-instant-menu-button::before{
  box-shadow:0 -5px 0 currentColor,0 5px 0 currentColor!important;
}
.sp-instant-mode-active .sp-instant-menu-button::after{
  opacity:0!important;
  box-shadow:none!important;
}
html.sp-instant-menu-open .sp-instant-mode-active .sp-instant-menu-button::before{
  box-shadow:none!important;
  transform:translate(-50%,-50%) rotate(45deg)!important;
}
html.sp-instant-menu-open .sp-instant-mode-active .sp-instant-menu-button::after{
  opacity:1!important;
  transform:translate(-50%,-50%) rotate(-45deg)!important;
}
html.sp-instant-menu-open .sp-instant-mode-active .sp-instant-menu-button{
  z-index:10090!important;
}


/* ================================
   SPILLPH v6.0.66 - Instant Author Card + OG Excerpt Polish
================================ */
.sp-instant-single .sp-author-card-instant{
  margin:28px 0 8px;
  border-radius:20px;
  box-shadow:0 10px 28px rgba(15,23,42,.06);
}
.sp-instant-single .sp-author-card-instant .sp-author-card-inner{
  padding:16px 16px 16px calc(16px + var(--sp-author-card-accent-width,8px) + 8px);
}
.sp-instant-single .sp-author-card-instant .sp-author-card-avatar{
  width:52px;
  height:52px;
  flex-basis:52px;
}
.sp-instant-single .sp-author-card-instant .sp-author-card-main{
  grid-template-columns:1fr;
  gap:12px;
}
.sp-instant-single .sp-author-card-instant .sp-author-card-action{
  border-left:0;
  border-top:1px solid var(--sp-author-card-border,#e5e7eb);
  padding-left:0;
  padding-top:12px;
  width:100%;
  min-width:0;
}
.sp-instant-single .sp-author-card-instant .sp-author-card-profile{
  width:100%;
  min-height:38px;
}
.sp-instant-single .sp-author-card-instant .sp-author-card-bio{
  font-size:13px;
  line-height:1.55;
}
.sp-instant-single .sp-author-card-instant .sp-author-card-social{
  margin-top:12px;
}
.sp-instant-single .sp-author-card-instant .sp-author-card-social a{
  width:32px;
  height:32px;
  font-size:13px;
}


/* ================================
   SPILLPH v6.0.67 - SPILL+ Insert Toolbar UI
   Notes: Editor-only styles are injected in functions.php to avoid affecting frontend output.
================================ */


/* =========================================================
   SPILLPH v6.0.70 — Review Rating Panel Visual Upgrade
   Matches the clean 3-column SPILLPH Rating / Verdict / Metadata mockup.
========================================================= */
.sp-review-panel{
  --sp-review-accent:#ff2b5f;
  --sp-review-border:#ffd6de;
  --sp-review-muted:#667085;
  display:grid;
  grid-template-columns:minmax(190px,.9fr) minmax(220px,1fr) minmax(230px,1.1fr);
  gap:0;
  align-items:stretch;
  background:#fff;
  border:2px solid var(--sp-review-border);
  border-radius:10px;
  margin:28px 0;
  padding:0;
  overflow:hidden;
  box-shadow:0 8px 22px rgba(15,23,42,.035);
  color:#111827;
}
.sp-review-panel section{
  padding:24px 28px;
}
.sp-review-panel section + section{
  border-left:1px solid #e9e9ee;
}
.sp-review-panel h3{
  margin:0 0 18px;
  color:var(--sp-review-accent);
  font-size:17px;
  line-height:1.1;
  letter-spacing:.02em;
  font-weight:900;
  text-transform:uppercase;
}
.sp-review-score-col{
  display:flex;
  flex-direction:column;
  justify-content:center;
  text-align:center;
}
.sp-review-stars{
  position:relative;
  display:inline-block;
  align-self:center;
  font-size:36px;
  line-height:1;
  letter-spacing:3px;
  white-space:nowrap;
  font-family:Arial, sans-serif;
}
.sp-review-stars-empty{
  color:#d2d6dc;
}
.sp-review-stars-fill{
  position:absolute;
  top:0;
  left:0;
  overflow:hidden;
  color:var(--sp-review-accent);
  white-space:nowrap;
}
.sp-review-score-divider{
  width:100%;
  height:1px;
  background:#ececf1;
  margin:20px 0 16px;
}
.sp-review-score-number{
  display:flex;
  align-items:baseline;
  justify-content:center;
  gap:2px;
  color:#050505;
  font-weight:950;
  letter-spacing:-.04em;
}
.sp-review-score-number span{
  font-size:48px;
  line-height:1;
}
.sp-review-score-number small{
  font-size:42px;
  line-height:1;
  font-weight:850;
  color:#111;
}
.sp-review-verdict-col{
  display:flex;
  flex-direction:column;
  justify-content:center;
  text-align:center;
}
.sp-review-verdict-col strong{
  display:block;
  margin:0 0 18px;
  font-size:28px;
  line-height:1.08;
  font-weight:950;
  letter-spacing:-.035em;
  color:#0a0a0a;
}
.sp-review-verdict-col p{
  margin:0 auto;
  max-width:280px;
  color:#333;
  font-size:17px;
  line-height:1.55;
  font-weight:500;
}
.sp-review-meta-col{
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:16px;
}
.sp-review-meta-item{
  display:grid;
  grid-template-columns:32px 1fr;
  align-items:start;
  gap:14px;
}
.sp-review-meta-icon{
  width:28px;
  height:28px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:#111;
  flex:none;
}
.sp-review-meta-icon svg{
  width:27px;
  height:27px;
  fill:none;
  stroke:currentColor;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.sp-review-meta-text strong{
  display:block;
  margin:0 0 3px;
  color:#151515;
  font-size:16px;
  line-height:1.1;
  font-weight:950;
  text-transform:uppercase;
}
.sp-review-meta-text em{
  display:block;
  color:#333;
  font-style:normal;
  font-size:16px;
  line-height:1.35;
  font-weight:500;
}
@media (max-width: 820px){
  .sp-review-panel{
    grid-template-columns:1fr;
  }
  .sp-review-panel section{
    padding:22px 20px;
  }
  .sp-review-panel section + section{
    border-left:0;
    border-top:1px solid #e9e9ee;
  }
  .sp-review-stars{font-size:32px;}
  .sp-review-score-number span{font-size:44px;}
  .sp-review-score-number small{font-size:36px;}
  .sp-review-verdict-col strong{font-size:25px;}
  .sp-review-verdict-col p{font-size:16px;}
}

/* =========================================================
   SPILLPH v6.0.72 — Sports Scoreboard Panel Visual Upgrade
   Clean match-result scoreboard matching SPILLPH article element standards.
========================================================= */
.sp-scoreboard-panel{
  --sp-score-accent:#ff2b5f;
  --sp-score-border:#edf0f5;
  --sp-score-muted:#667085;
  background:#fff;
  border:1px solid var(--sp-score-border);
  border-radius:10px;
  margin:28px 0;
  padding:16px 22px 20px;
  box-shadow:0 8px 22px rgba(15,23,42,.035);
  color:#111827;
  overflow:hidden;
}
.sp-scoreboard-league{
  display:grid;
  grid-template-columns:1fr auto 1fr;
  align-items:center;
  gap:16px;
  margin:0 0 16px;
  color:#9aa0aa;
  text-align:center;
}
.sp-scoreboard-league span{
  height:1px;
  background:#edf0f5;
}
.sp-scoreboard-league strong{
  font-size:13px;
  line-height:1.2;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.055em;
  white-space:normal;
}
.sp-scoreboard-main{
  display:grid;
  grid-template-columns:minmax(210px,1fr) minmax(160px,.65fr) minmax(210px,1fr);
  align-items:center;
  gap:18px;
}
.sp-scoreboard-team{
  display:flex;
  align-items:center;
  gap:18px;
  min-width:0;
}
.sp-scoreboard-team-b{
  justify-content:flex-end;
  text-align:right;
}
.sp-scoreboard-logo{
  width:72px;
  height:54px;
  border-radius:8px;
  overflow:hidden;
  flex:0 0 auto;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#f8fafc;
  color:#111827;
  font-weight:950;
  border:1px solid #eef0f3;
}
.sp-scoreboard-logo img{
  width:100%;
  height:100%;
  object-fit:contain;
  display:block;
}
.sp-scoreboard-logo span{
  font-size:18px;
  letter-spacing:.04em;
}
.sp-scoreboard-team-body{
  min-width:0;
}
.sp-scoreboard-team-body strong{
  display:block;
  margin:0 0 8px;
  color:#111827;
  font-size:18px;
  line-height:1.15;
  font-weight:950;
  text-transform:uppercase;
  letter-spacing:.025em;
  overflow-wrap:anywhere;
}
.sp-scoreboard-team-body em{
  display:block;
  color:#111827;
  font-style:normal;
  font-size:48px;
  line-height:.95;
  font-weight:950;
  letter-spacing:-.045em;
}
.sp-scoreboard-team.is-winner .sp-scoreboard-team-body em{
  color:var(--sp-score-accent);
}
.sp-scoreboard-center{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  color:#595f6b;
  min-width:0;
}
.sp-scoreboard-center strong{
  display:block;
  margin:0 0 10px;
  color:#111827;
  font-size:18px;
  line-height:1.1;
  font-weight:950;
  text-transform:uppercase;
  letter-spacing:.035em;
}
.sp-scoreboard-center span{
  display:block;
  color:#596171;
  font-size:16px;
  line-height:1.35;
  font-weight:600;
}
@media (max-width:820px){
  .sp-scoreboard-panel{padding:16px 18px 18px;}
  .sp-scoreboard-main{grid-template-columns:1fr;gap:18px;}
  .sp-scoreboard-team,
  .sp-scoreboard-team-b{justify-content:center;text-align:center;}
  .sp-scoreboard-team-b{flex-direction:row-reverse;}
  .sp-scoreboard-center{padding:12px 0;border-top:1px solid #edf0f5;border-bottom:1px solid #edf0f5;}
  .sp-scoreboard-team-body em{font-size:44px;}
}

/* ==================================================
   SPILLPH v6.0.73 — Article Layout Frontend Template Classes
   Applies visible frontend treatment based on the per-post SPILL+ Article Layout selection.
================================================== */
.sp-article-layout-marker{
  display:inline-flex;
  align-items:center;
  gap:8px;
  width:max-content;
  max-width:100%;
  margin:0 0 14px;
  padding:7px 11px;
  border-radius:999px;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
  font-size:11px;
  font-weight:900;
  letter-spacing:.08em;
  line-height:1;
  text-transform:uppercase;
  background:#fff5f5;
  border:1px solid rgba(255,43,43,.22);
  color:#e11d48;
}
.sp-article-layout-marker:before{
  content:"";
  width:7px;
  height:7px;
  border-radius:999px;
  background:currentColor;
  box-shadow:0 0 0 4px rgba(255,43,43,.10);
}
.sp-instant-single .sp-article-layout-marker{
  margin-top:8px;
  margin-bottom:12px;
}

body.spillph-post-layout-review .single-wrap.sp-single-modern,
.single-wrap.sp-single-modern.sp-post-layout-review{
  border:1px solid rgba(255,43,95,.18);
  box-shadow:0 20px 50px rgba(255,43,95,.07), var(--shadow);
}
body.spillph-post-layout-review .sp-single-modern .sp-single-title,
.sp-single-modern.sp-post-layout-review .sp-single-title{
  letter-spacing:-3.2px;
}
body.spillph-post-layout-review .article-content > .sp-review-rating-panel:first-child,
.single-wrap.sp-post-layout-review .article-content > .sp-review-rating-panel:first-child{
  margin-top:8px;
}
body.spillph-post-layout-review .sp-review-rating-panel,
.single-wrap.sp-post-layout-review .sp-review-rating-panel{
  box-shadow:0 14px 34px rgba(255,43,95,.06);
}

.sp-article-layout-marker-movie{
  background:#111827;
  border-color:rgba(255,255,255,.12);
  color:#fff;
}
.sp-article-layout-marker-movie:before{
  background:#ff2b2b;
  box-shadow:0 0 0 4px rgba(255,43,43,.18);
}
body.spillph-post-layout-movie .single-wrap.sp-single-modern,
.single-wrap.sp-single-modern.sp-post-layout-movie{
  border:1px solid rgba(17,24,39,.18);
  box-shadow:0 22px 56px rgba(17,24,39,.10), var(--shadow);
}
body.spillph-post-layout-movie .sp-single-modern .single-featured-image,
.sp-single-modern.sp-post-layout-movie .single-featured-image{
  position:relative;
  background:#050505;
}
body.spillph-post-layout-movie .sp-single-modern .single-featured-image:after,
.sp-single-modern.sp-post-layout-movie .single-featured-image:after{
  content:"";
  position:absolute;
  inset:auto 0 0;
  height:35%;
  pointer-events:none;
  background:linear-gradient(to top,rgba(0,0,0,.28),rgba(0,0,0,0));
}
body.spillph-post-layout-movie .sp-single-modern .single-featured-image img,
.sp-single-modern.sp-post-layout-movie .single-featured-image img{
  background:#050505;
}

.sp-article-layout-marker-sports{
  background:#f0fdf4;
  border-color:rgba(22,163,74,.18);
  color:#15803d;
}
.sp-article-layout-marker-sports:before{
  background:#ff2b2b;
  box-shadow:0 0 0 4px rgba(22,163,74,.12);
}
body.spillph-post-layout-sports .single-wrap.sp-single-modern,
.single-wrap.sp-single-modern.sp-post-layout-sports{
  border:1px solid rgba(22,163,74,.16);
  box-shadow:0 20px 50px rgba(22,163,74,.06), var(--shadow);
}
body.spillph-post-layout-sports .sp-single-modern .sp-post-meta-line,
.sp-single-modern.sp-post-layout-sports .sp-post-meta-line{
  border-bottom-color:rgba(22,163,74,.18);
}
body.spillph-post-layout-sports .sp-scoreboard-panel,
.single-wrap.sp-post-layout-sports .sp-scoreboard-panel{
  box-shadow:0 16px 38px rgba(22,163,74,.07);
}

body.spillph-post-layout-standard .sp-article-layout-marker,
.single-wrap.sp-post-layout-standard .sp-article-layout-marker,
.sp-instant-single.sp-post-layout-standard .sp-article-layout-marker{
  display:none;
}

/* Instant Mode support for layout formats */
.sp-instant-single.sp-post-layout-review{
  border-top:4px solid #ff2b5f;
}
.sp-instant-single.sp-post-layout-movie{
  border-top:4px solid #111827;
}
.sp-instant-single.sp-post-layout-sports{
  border-top:4px solid #16a34a;
}
.sp-instant-single.sp-post-layout-review .sp-review-rating-panel,
.sp-instant-single.sp-post-layout-sports .sp-scoreboard-panel{
  margin-top:18px;
  margin-bottom:22px;
}

@media(max-width:700px){
  .sp-article-layout-marker{
    margin-bottom:10px;
    padding:6px 10px;
    font-size:10px;
  }
  body.spillph-post-layout-review .sp-single-modern .sp-single-title,
  .sp-single-modern.sp-post-layout-review .sp-single-title{
    letter-spacing:-1.7px;
  }
}


/* SPILLPH v6.0.76 — Primary Menu and Sub Menu Styling Controls */
.nav-wrap{background:var(--sp-main-nav-bg-color, transparent);}
.header-inner{border-bottom-color:var(--sp-main-nav-border-color, rgba(255,255,255,.08));}
.nav > ul > li > a,
.nav .menu > li > a{color:var(--sp-main-nav-links-color, inherit);}
.nav > ul > li:hover > a,
.nav .menu > li:hover > a{color:var(--sp-main-nav-links-hover-color, #fff);}
.nav .current-menu-item > a,
.nav .current-menu-parent > a,
.nav .current-menu-ancestor > a{color:var(--sp-main-nav-current-color, var(--accent));}
.nav .sub-menu,
.nav .children{background:var(--sp-sub-menu-bg-color, rgba(13,13,16,.98));border-color:var(--sp-sub-menu-border-color, rgba(255,255,255,.09));}
.nav .sub-menu a,
.nav .children a{color:var(--sp-sub-menu-link-color, #fff);}
.nav .sub-menu a:hover,
.nav .children a:hover{background:var(--sp-sub-menu-hover-bg-color, rgba(255,43,43,.16));color:var(--sp-sub-menu-link-hover-color, #fff);}
.nav .sub-menu .current-menu-item > a,
.nav .sub-menu .current-menu-parent > a,
.nav .sub-menu .current-menu-ancestor > a,
.nav .children .current-menu-item > a,
.nav .children .current-menu-parent > a,
.nav .children .current-menu-ancestor > a{color:var(--sp-sub-menu-current-color, var(--sp-main-nav-current-color, var(--accent)));}


/* SPILLPH v6.0.77 — Sticky Menu Styling Controls */
.site-header.sp-is-stuck,
.site-header.sp-sticky-nav.sp-is-stuck{
  background:var(--sp-sticky-header-bg-color, var(--sp-header-bg-color, var(--header-bg)))!important;
  background-color:var(--sp-sticky-header-bg-color, var(--sp-header-bg-color, var(--header-bg)))!important;
  border-bottom-color:var(--sp-sticky-menu-border-color, var(--sp-main-nav-border-color, rgba(255,255,255,.08)))!important;
  box-shadow:0 12px 30px var(--sp-sticky-menu-shadow-color, rgba(0,0,0,.18));
}
.site-header.sp-is-stuck .nav-wrap,
.site-header.sp-sticky-nav.sp-is-stuck .nav-wrap{
  background:var(--sp-sticky-menu-bg-color, var(--sp-main-nav-bg-color, transparent))!important;
}
.site-header.sp-is-stuck .header-inner,
.site-header.sp-sticky-nav.sp-is-stuck .header-inner{
  border-bottom-color:var(--sp-sticky-menu-border-color, var(--sp-main-nav-border-color, rgba(255,255,255,.08)))!important;
}
.site-header.sp-is-stuck .nav > ul > li > a,
.site-header.sp-is-stuck .nav .menu > li > a,
.site-header.sp-sticky-nav.sp-is-stuck .nav > ul > li > a,
.site-header.sp-sticky-nav.sp-is-stuck .nav .menu > li > a{
  color:var(--sp-sticky-menu-link-color, var(--sp-main-nav-links-color, inherit))!important;
}
.site-header.sp-is-stuck .nav > ul > li:hover > a,
.site-header.sp-is-stuck .nav .menu > li:hover > a,
.site-header.sp-sticky-nav.sp-is-stuck .nav > ul > li:hover > a,
.site-header.sp-sticky-nav.sp-is-stuck .nav .menu > li:hover > a{
  color:var(--sp-sticky-menu-link-hover-color, var(--sp-main-nav-links-hover-color, #fff))!important;
  background:var(--sp-sticky-menu-hover-bg-color, transparent);
}
.site-header.sp-is-stuck .nav .current-menu-item > a,
.site-header.sp-is-stuck .nav .current-menu-parent > a,
.site-header.sp-is-stuck .nav .current-menu-ancestor > a,
.site-header.sp-sticky-nav.sp-is-stuck .nav .current-menu-item > a,
.site-header.sp-sticky-nav.sp-is-stuck .nav .current-menu-parent > a,
.site-header.sp-sticky-nav.sp-is-stuck .nav .current-menu-ancestor > a{
  color:var(--sp-sticky-menu-current-color, var(--sp-main-nav-current-color, var(--accent)))!important;
}


/* SPILLPH v6.0.78 — Sub Menu Parent Hover Color Fix
   Keeps a submenu parent item visible while its nested flyout/sub-submenu is open.
   This fixes white-on-white parent labels when moving the mouse from a submenu item to its flyout. */
.nav .sub-menu li.menu-item-has-children:hover > a,
.nav .sub-menu li.page_item_has_children:hover > a,
.nav .sub-menu li.menu-item-has-children:focus-within > a,
.nav .sub-menu li.page_item_has_children:focus-within > a,
.nav .children li.menu-item-has-children:hover > a,
.nav .children li.page_item_has_children:hover > a,
.nav .children li.menu-item-has-children:focus-within > a,
.nav .children li.page_item_has_children:focus-within > a{
  background:var(--sp-sub-menu-hover-bg-color, rgba(255,43,43,.10));
  color:var(--sp-sub-menu-current-color, var(--sp-sub-menu-link-hover-color, var(--accent)))!important;
  transform:translateX(4px);
}

.nav .sub-menu li.menu-item-has-children:hover > a:before,
.nav .sub-menu li.page_item_has_children:hover > a:before,
.nav .sub-menu li.menu-item-has-children:focus-within > a:before,
.nav .sub-menu li.page_item_has_children:focus-within > a:before,
.nav .children li.menu-item-has-children:hover > a:before,
.nav .children li.page_item_has_children:hover > a:before,
.nav .children li.menu-item-has-children:focus-within > a:before,
.nav .children li.page_item_has_children:focus-within > a:before{
  color:currentColor!important;
  opacity:.9;
}

/* Restrict the generic menu-parent hover white color to top-level items only. */
.nav > ul > li.menu-item-has-children:hover > a,
.nav .menu > li.menu-item-has-children:hover > a{
  color:var(--sp-main-nav-links-hover-color, #fff);
}

/* SPILLPH v6.0.79 — Sub Menu Parent Hover Dedicated Controls
   Adds explicit controls for submenu parent items while nested flyout/sub-submenus are open.
   This avoids relying on generic current/active dropdown colors for this special state. */
.nav .sub-menu li.menu-item-has-children:hover > a,
.nav .sub-menu li.page_item_has_children:hover > a,
.nav .sub-menu li.menu-item-has-children:focus-within > a,
.nav .sub-menu li.page_item_has_children:focus-within > a,
.nav .children li.menu-item-has-children:hover > a,
.nav .children li.page_item_has_children:hover > a,
.nav .children li.menu-item-has-children:focus-within > a,
.nav .children li.page_item_has_children:focus-within > a{
  background:var(--sp-sub-menu-parent-hover-bg-color, var(--sp-sub-menu-hover-bg-color, rgba(255,43,43,.10)))!important;
  color:var(--sp-sub-menu-parent-hover-color, var(--sp-sub-menu-current-color, var(--sp-sub-menu-link-hover-color, var(--accent))))!important;
}

.nav .sub-menu li.menu-item-has-children:hover > a,
.nav .sub-menu li.page_item_has_children:hover > a,
.nav .children li.menu-item-has-children:hover > a,
.nav .children li.page_item_has_children:hover > a{
  opacity:1!important;
  visibility:visible!important;
}


/* ==================================================
   SPILLPH v6.0.80 — Category Pill Styling Controls
   Centralizes category/badge pill colors, border, radius, and spacing.
================================================== */
.category-badge,
.post-category,
.latest-story-cat,
.hero-grid .badge,
.hero-grid .category-badge,
.hero-grid .post-category,
.sp-trending-cat{
  background:var(--sp-category-pill-bg,var(--accent,#ff2b2b))!important;
  color:var(--sp-category-pill-text,#ffffff)!important;
  border:1px solid var(--sp-category-pill-border,transparent)!important;
  border-radius:var(--sp-category-pill-radius,999px)!important;
  padding:var(--sp-category-pill-padding-y,6px) var(--sp-category-pill-padding-x,12px)!important;
  text-decoration:none!important;
}
.category-badge:hover,
.post-category:hover,
.latest-story-cat:hover,
.hero-grid .badge:hover,
.hero-grid .category-badge:hover,
.hero-grid .post-category:hover,
.sp-trending-cat:hover{
  background:var(--sp-category-pill-hover-bg,var(--sp-category-pill-bg,var(--accent,#ff2b2b)))!important;
  color:var(--sp-category-pill-hover-text,var(--sp-category-pill-text,#ffffff))!important;
}

/* =========================================
   SPILLPH v6.0.81 — SPILL+ Social Embed Card Blocks
========================================= */
.sp-social-embed-card{
  --sp-social-accent:#ff2b5f;
  --sp-social-muted:#667085;
  position:relative;
  overflow:hidden;
  background:#fff;
  border:1px solid #e6eaf0;
  border-radius:16px;
  box-shadow:0 14px 34px rgba(15,23,42,.08);
  margin:26px 0;
  color:#101828;
}
.sp-social-embed-card .sp-social-embed-accent{height:5px;background:var(--sp-social-accent)}
.sp-social-embed-instagram{--sp-social-accent:linear-gradient(90deg,#833ab4,#fd1d1d,#fcb045)}
.sp-social-embed-tiktok{--sp-social-accent:linear-gradient(90deg,#00f2ea,#ff0050)}
.sp-social-embed-facebook{--sp-social-accent:#1877f2}
.sp-social-embed-x{--sp-social-accent:#111827}
.sp-social-embed-youtube{--sp-social-accent:#ff0000}
.sp-social-embed-head{display:flex;align-items:center;gap:12px;padding:18px 22px;border-bottom:1px solid #edf0f5}
.sp-social-embed-logo{width:40px;height:40px;border-radius:12px;background:#111827;color:#fff;display:flex;align-items:center;justify-content:center;font-size:23px;font-weight:950;line-height:1;flex:0 0 auto}
.sp-social-embed-logo-instagram{background:linear-gradient(135deg,#833ab4,#fd1d1d,#fcb045)}
.sp-social-embed-logo-tiktok{background:#050505;color:#fff;text-shadow:1px 1px #ff0050,-1px -1px #00f2ea}
.sp-social-embed-logo-facebook{background:#1877f2;font-family:Arial,sans-serif;font-size:31px}
.sp-social-embed-logo-x{background:#111827}
.sp-social-embed-logo-youtube{background:#ff0000;font-size:18px}
.sp-social-embed-head strong{font-size:21px;font-weight:950;letter-spacing:.035em;color:#111827}
.sp-social-embed-head em{margin-left:auto;font-style:normal;font-size:12px;font-weight:800;color:#64748b;opacity:.9;text-transform:uppercase;letter-spacing:.05em}
.sp-social-embed-body{display:grid;grid-template-columns:minmax(250px,1fr) minmax(240px,.9fr);gap:24px;padding:22px;align-items:start}
.sp-social-embed-media{position:relative;border-radius:14px;overflow:hidden;background:#f8fafc;border:1px solid #e5e7eb;display:flex;align-items:center;justify-content:center}
.sp-social-embed-media img{width:100%;height:100%;object-fit:contain;display:block;background:#f8fafc}
.sp-social-media-fit-cover .sp-social-embed-media img{object-fit:cover}.sp-social-media-fit-contain .sp-social-embed-media img{object-fit:contain}
.sp-social-embed-card .sp-social-embed-media{aspect-ratio:16/10;min-height:0;max-height:430px}
/* v6.0.87: Instagram defaults to a full-image fit instead of forcing a square crop. */
.sp-social-embed-instagram.sp-social-media-fit-contain .sp-social-embed-media{aspect-ratio:auto;min-height:0;max-height:none;background:#fff}
.sp-social-embed-instagram.sp-social-media-fit-contain .sp-social-embed-media img{width:100%;height:auto;max-height:520px;object-fit:contain;background:#fff}
.sp-social-embed-instagram.sp-social-media-fit-cover .sp-social-embed-media{aspect-ratio:1/1;max-height:440px}
.sp-social-embed-instagram.sp-social-media-fit-cover .sp-social-embed-media img{width:100%;height:100%;object-fit:cover}
.sp-social-embed-tiktok .sp-social-embed-media{aspect-ratio:4/5;max-height:520px}
.sp-social-embed-facebook .sp-social-embed-media,.sp-social-embed-x .sp-social-embed-media{aspect-ratio:16/9;max-height:390px}
.sp-social-embed-youtube .sp-social-embed-media{aspect-ratio:16/9;max-height:none}
.sp-social-embed-placeholder{text-align:center;color:#64748b;font-weight:800;padding:34px 20px}.sp-social-embed-placeholder span{display:block;font-size:40px;color:#111827;margin-bottom:8px}.sp-social-embed-placeholder strong{display:block;font-size:18px;color:#111827}.sp-social-embed-placeholder em{font-style:normal;font-size:13px}
.sp-social-embed-open{position:absolute;right:14px;top:14px;width:38px;height:38px;border-radius:999px;background:rgba(255,255,255,.92);box-shadow:0 10px 22px rgba(15,23,42,.16);display:flex;align-items:center;justify-content:center;color:#111827;font-size:20px;font-weight:900;text-decoration:none}
.sp-social-embed-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:68px;height:68px;border-radius:999px;background:rgba(255,255,255,.86);border:5px solid rgba(255,255,255,.6);display:flex;align-items:center;justify-content:center;color:#111827;font-size:27px;text-indent:4px;box-shadow:0 18px 34px rgba(15,23,42,.22)}
.sp-social-embed-content{display:flex;flex-direction:column;min-width:0;padding:4px 0}
.sp-social-embed-profile{display:flex;align-items:center;gap:12px;margin-bottom:16px}.sp-social-embed-avatar{width:52px;height:52px;border-radius:999px;overflow:hidden;border:3px solid #fff;box-shadow:0 0 0 2px #e5e7eb;background:#111827;color:#fff;display:flex;align-items:center;justify-content:center;flex:0 0 auto}.sp-social-embed-avatar img{width:100%;height:100%;object-fit:cover}.sp-social-embed-avatar b{font-size:13px;font-weight:950}
.sp-social-embed-user strong{display:block;font-size:18px;line-height:1.1;color:#111827}.sp-social-embed-user em{display:block;font-style:normal;color:#1877f2;font-weight:800;font-size:14px;margin-top:3px}
.sp-social-embed-caption{font-size:16px;line-height:1.55;color:#111827;margin:0 0 14px}.sp-social-embed-tags{font-size:15px;line-height:1.55;color:#0969da;font-weight:700;margin:0 0 16px}.sp-social-embed-time{font-size:14px;color:#667085;margin:0 0 16px;padding-bottom:16px;border-bottom:1px solid #edf0f5}
.sp-social-embed-engagement{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:auto}.sp-social-embed-engagement span{display:flex;flex-direction:column;gap:3px;align-items:flex-start;color:#111827;font-size:18px}.sp-social-embed-engagement strong{font-size:15px;line-height:1;color:#111827}.sp-social-embed-engagement em{font-style:normal;font-size:11px;color:#667085}
.sp-social-embed-tiktok .sp-social-embed-tags{color:#ff0050}.sp-social-embed-facebook .sp-social-embed-tags{color:#1877f2}.sp-social-embed-x .sp-social-embed-tags{color:#111827}.sp-social-embed-youtube .sp-social-embed-tags{color:#ff0000}
@media(max-width:780px){.sp-social-embed-head{padding:16px 18px}.sp-social-embed-head strong{font-size:18px}.sp-social-embed-head em{font-size:11px}.sp-social-embed-body{grid-template-columns:1fr;gap:18px;padding:18px}.sp-social-embed-card .sp-social-embed-media{max-height:none}.sp-social-embed-caption{font-size:16px}.sp-social-embed-engagement{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* =========================================
   SPILLPH v6.0.87 — Instagram Embed Media Fit Default Polish
========================================= */
.sp-social-embed-avatar-fallback{
  background:linear-gradient(135deg,#111827,#374151);
  color:#fff;
}
.sp-social-embed-avatar-instagram{background:linear-gradient(135deg,#833ab4,#fd1d1d,#fcb045)}
.sp-social-embed-avatar-tiktok{background:#050505;text-shadow:1px 1px #ff0050,-1px -1px #00f2ea}
.sp-social-embed-avatar-facebook{background:#1877f2}
.sp-social-embed-avatar-x{background:#111827}
.sp-social-embed-avatar-fallback b{font-size:22px;line-height:1;font-weight:950}
.sp-social-media-pos-center .sp-social-embed-media img{object-position:center center}
.sp-social-media-pos-top .sp-social-embed-media img{object-position:center top}
.sp-social-media-pos-bottom .sp-social-embed-media img{object-position:center bottom}
.sp-social-media-pos-left .sp-social-embed-media img{object-position:left center}
.sp-social-media-pos-right .sp-social-embed-media img{object-position:right center}
.sp-social-editor-preview.sp-social-media-fit-cover img{object-fit:cover}
.sp-social-editor-preview.sp-social-media-fit-contain img{object-fit:contain}
.sp-social-editor-preview.sp-social-media-pos-center img{object-position:center center}
.sp-social-editor-preview.sp-social-media-pos-top img{object-position:center top}
.sp-social-editor-preview.sp-social-media-pos-bottom img{object-position:center bottom}
.sp-social-editor-preview.sp-social-media-pos-left img{object-position:left center}
.sp-social-editor-preview.sp-social-media-pos-right img{object-position:right center}


/* v6.0.87 editor preview media fit polish */
.sp-social-editor-preview.sp-social-media-fit-contain img{width:100%;height:auto;max-height:360px;object-fit:contain;background:#fff}
.sp-social-editor-preview.sp-social-media-fit-cover img{width:100%;height:100%;object-fit:cover}


/* ---------------------------------------------------------
   SPILLPH v6.0.88 — Instagram Embed Legacy Cover Override Fix
   Force Instagram embed previews to display the fetched image as a whole image by default,
   even when older saved blocks/shortcodes still contain media_fit="cover".
--------------------------------------------------------- */
.sp-social-embed-instagram .sp-social-embed-media{
  aspect-ratio:auto!important;
  min-height:0!important;
  max-height:none!important;
  background:#fff!important;
}
.sp-social-embed-instagram .sp-social-embed-media img{
  width:100%!important;
  height:auto!important;
  max-height:none!important;
  object-fit:contain!important;
  object-position:center center!important;
  background:#fff!important;
}
.sp-social-embed-instagram.sp-social-media-fit-cover .sp-social-embed-media,
.sp-social-embed-instagram.sp-social-media-fit-cover .sp-social-embed-media img{
  object-fit:contain!important;
}
.wp-block-spillph-social-embed .sp-social-editor-platform-instagram .sp-social-editor-preview{
  aspect-ratio:auto!important;
  min-height:220px;
  background:#fff!important;
}
.wp-block-spillph-social-embed .sp-social-editor-platform-instagram .sp-social-editor-preview img{
  width:100%!important;
  height:auto!important;
  max-height:none!important;
  object-fit:contain!important;
}


/*
   SPILLPH v6.0.89 — Social Embed URL Normalization & Preview Image Override
   Normalized social URLs and clearer manual preview image state.
*/
.sp-social-has-manual-preview .sp-social-embed-media{outline:1px dashed rgba(255,43,43,.18);outline-offset:-4px}
.sp-social-editor-media-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:6px}
.sp-social-editor-fetch-status{font-size:12px;line-height:1.35;color:#64748b;margin:8px 0 0}
.sp-social-editor-fetch-status.is-success{color:#167c3a;font-weight:700}


/* =========================================
   SPILLPH v6.0.91 — Instagram Official Embed Code Card Mode
========================================= */
.sp-social-embed-card.sp-social-embed-instagram-official .sp-social-embed-body{
  display:block;
  padding:22px;
}
.sp-social-instagram-official-wrap{
  display:flex;
  justify-content:center;
  align-items:flex-start;
  width:100%;
  min-height:220px;
  background:#fff;
  border:1px solid #edf0f5;
  border-radius:14px;
  overflow:hidden;
  padding:12px;
}
.sp-social-instagram-official-wrap .instagram-media{
  margin:0 auto!important;
  max-width:540px!important;
  width:100%!important;
  min-width:0!important;
  box-shadow:none!important;
}
.sp-social-instagram-official-note{
  font-size:12px;
  color:#64748b;
  margin:10px 0 0;
  text-align:center;
}
.sp-social-editor-embed-code textarea{
  min-height:150px;
  font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
  font-size:12px;
}
.sp-social-editor-official-preview{
  background:#fff;
  border:1px dashed #e5e7eb;
  border-radius:14px;
  padding:12px;
  overflow:hidden;
}
.sp-social-editor-official-preview .instagram-media{
  margin:0 auto!important;
  max-width:540px!important;
  width:100%!important;
  min-width:0!important;
}

/* =========================================
   SPILLPH v6.0.92 — Instagram Official Embed Split Card Layout
========================================= */
.sp-social-embed-card.sp-social-embed-instagram-split .sp-social-embed-official-split-body{
  display:grid;
  grid-template-columns:minmax(300px,540px) minmax(230px,1fr);
  gap:26px;
  padding:22px;
  align-items:start;
}
.sp-social-embed-card.sp-social-embed-instagram-split .sp-social-instagram-official-wrap{
  padding:12px;
  border-radius:14px;
  background:#fff;
  border:1px solid #edf0f5;
  overflow:hidden;
  min-height:220px;
}
.sp-social-embed-card.sp-social-embed-instagram-split .sp-social-instagram-official-wrap .instagram-media{
  margin:0 auto!important;
  max-width:540px!important;
  width:100%!important;
  min-width:0!important;
  box-shadow:none!important;
}
.sp-social-official-details{
  border-left:1px solid #edf0f5;
  padding:6px 0 6px 24px;
  min-width:0;
}
.sp-social-official-details h3{
  margin:0 0 14px;
  color:#e11d2e;
  font-size:14px;
  font-weight:950;
  text-transform:uppercase;
  letter-spacing:.08em;
  padding-bottom:12px;
  border-bottom:2px solid rgba(225,29,46,.16);
}
.sp-social-detail-row{
  display:flex;
  gap:13px;
  align-items:flex-start;
  padding:15px 0;
  border-bottom:1px solid #edf0f5;
}
.sp-social-detail-row:last-child{border-bottom:0}
.sp-social-detail-icon{
  width:38px;
  height:38px;
  border-radius:999px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#f4f6f9;
  color:#111827;
  font-size:17px;
  flex:0 0 auto;
}
.sp-social-detail-row span:last-child{min-width:0;display:block}
.sp-social-detail-row em{
  display:block;
  color:#667085;
  font-size:13px;
  line-height:1.2;
  font-style:normal;
  font-weight:700;
  margin:0 0 5px;
}
.sp-social-detail-row strong{
  display:block;
  color:#111827;
  font-size:16px;
  line-height:1.35;
  font-weight:850;
  overflow-wrap:anywhere;
}
.sp-social-detail-row a{
  color:#0969da;
  text-decoration:none;
}
.sp-social-detail-row a:hover{text-decoration:underline}
.sp-social-official-note{
  color:#667085;
  font-size:14px;
  line-height:1.5;
  margin:0;
}
@media(max-width:900px){
  .sp-social-embed-card.sp-social-embed-instagram-split .sp-social-embed-official-split-body{
    grid-template-columns:1fr;
    gap:18px;
    padding:18px;
  }
  .sp-social-official-details{
    border-left:0;
    border-top:1px solid #edf0f5;
    padding:18px 0 0;
  }
}


/* =========================================
   SPILLPH v6.0.93 — Instagram Official Embed Split Layout Density Polish
   Smaller official IG embed area + lighter right-side details panel.
========================================= */
.sp-social-embed-card.sp-social-embed-instagram-split .sp-social-embed-official-split-body{
  grid-template-columns:minmax(300px,420px) minmax(210px,1fr)!important;
  gap:18px!important;
  padding:18px!important;
}
.sp-social-embed-card.sp-social-embed-instagram-split .sp-social-instagram-official-wrap{
  padding:8px!important;
  border-radius:12px!important;
  min-height:0!important;
}
.sp-social-embed-card.sp-social-embed-instagram-split .sp-social-instagram-official-wrap .instagram-media{
  max-width:420px!important;
  width:100%!important;
  min-width:0!important;
  transform-origin:top center;
}
.sp-social-embed-card.sp-social-embed-instagram-split .sp-social-official-details{
  border-left:1px solid #eef1f6!important;
  padding:2px 0 2px 18px!important;
}
.sp-social-embed-card.sp-social-embed-instagram-split .sp-social-official-details h3{
  margin:0 0 10px!important;
  padding-bottom:9px!important;
  font-size:13px!important;
  letter-spacing:.06em!important;
  border-bottom:1px solid rgba(225,29,46,.18)!important;
}
.sp-social-embed-card.sp-social-embed-instagram-split .sp-social-detail-row{
  gap:10px!important;
  padding:10px 0!important;
  border-bottom:1px solid #eef1f6!important;
}
.sp-social-embed-card.sp-social-embed-instagram-split .sp-social-detail-icon{
  width:30px!important;
  height:30px!important;
  font-size:14px!important;
  background:#f7f8fb!important;
}
.sp-social-embed-card.sp-social-embed-instagram-split .sp-social-detail-row em{
  font-size:11px!important;
  margin-bottom:3px!important;
  font-weight:700!important;
  color:#7a8494!important;
}
.sp-social-embed-card.sp-social-embed-instagram-split .sp-social-detail-row strong{
  font-size:14px!important;
  line-height:1.28!important;
  font-weight:800!important;
}
.sp-social-embed-card.sp-social-embed-instagram-split .sp-social-embed-header{
  padding-top:14px!important;
  padding-bottom:14px!important;
}
@media(max-width:900px){
  .sp-social-embed-card.sp-social-embed-instagram-split .sp-social-embed-official-split-body{
    grid-template-columns:1fr!important;
    padding:16px!important;
  }
  .sp-social-embed-card.sp-social-embed-instagram-split .sp-social-instagram-official-wrap .instagram-media{
    max-width:540px!important;
  }
  .sp-social-embed-card.sp-social-embed-instagram-split .sp-social-official-details{
    border-left:0!important;
    border-top:1px solid #eef1f6!important;
    padding:14px 0 0!important;
  }
}

/* =========================================
   SPILLPH v6.0.95 — Instagram Embed Image-Style Resize Handles
   Image-like square resize handles for the editor + adaptive official IG width.
========================================= */
.sp-social-embed-card.sp-social-embed-instagram-split{
  --sp-ig-embed-width:360px;
}
.sp-social-embed-card.sp-social-embed-instagram-split .sp-social-embed-official-split-body{
  grid-template-columns:minmax(300px,var(--sp-ig-embed-width)) minmax(210px,1fr)!important;
}
.sp-social-embed-card.sp-social-embed-instagram-split .sp-social-instagram-official-wrap{
  width:var(--sp-ig-embed-width)!important;
  max-width:100%!important;
  justify-self:center;
}
.sp-social-embed-card.sp-social-embed-instagram-split .sp-social-instagram-official-wrap .instagram-media{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
}
.sp-social-editor-official-stage{
  display:flex;
  justify-content:center;
  padding:10px 22px 16px;
  --sp-ig-embed-width:360px;
}
.sp-social-editor-resizable-embed{
  position:relative;
  width:var(--sp-ig-embed-width)!important;
  max-width:100%!important;
  overflow:visible!important;
}
.sp-social-editor-resizable-embed .instagram-media{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
}
.wp-block-spillph-social-embed.is-selected .sp-social-resize-handle,
.wp-block-spillph-social-embed.has-child-selected .sp-social-resize-handle,
.sp-social-editor-official-resizable:hover body.sp-social-resizing-instagram,
@media(max-width:900px){
  .sp-social-embed-card.sp-social-embed-instagram-split .sp-social-instagram-official-wrap{
    width:100%!important;
  }
}


/* =========================================
   SPILLPH v6.0.96 — Instagram Embed Editor Preview Stability Fix
   The editor uses a safe placeholder so Instagram embed.js/iframe cannot crash the block preview.
========================================= */
.sp-social-editor-ig-safe-preview{
  min-height:220px;
  width:100%;
  border:1px dashed #d8dee8;
  border-radius:14px;
  background:linear-gradient(180deg,#fff,#fafafa);
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding:24px 18px;
  color:#111827;
  box-sizing:border-box;
}
.sp-social-editor-ig-safe-logo{
  width:44px;
  height:44px;
  border-radius:12px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:#fff;
  font-weight:900;
  margin-bottom:10px;
  background:linear-gradient(135deg,#833ab4,#fd1d1d,#fcb045);
  box-shadow:0 8px 18px rgba(225,29,46,.18);
}
.sp-social-editor-ig-safe-preview strong{
  display:block;
  font-size:15px;
  line-height:1.25;
  margin:0 0 4px;
}
.sp-social-editor-ig-safe-preview em{
  display:block;
  font-style:normal;
  color:#4b5563;
  font-size:12px;
  margin:0 0 8px;
}
.sp-social-editor-ig-safe-preview small{
  display:block;
  max-width:260px;
  color:#6b7280;
  font-size:11px;
  line-height:1.4;
}


/* =========================================
   SPILLPH v6.0.99 — Instagram Embed Editor Placeholder UI Polish
========================================= */
.sp-social-editor-official-preview{padding:14px;background:#fff}
.sp-social-editor-official-card{border:1px solid #e5e7eb;border-radius:12px;background:linear-gradient(180deg,#fff,#fbfdff);padding:14px;display:flex;align-items:center;justify-content:space-between;gap:14px}
.sp-social-editor-official-main{display:flex;align-items:center;gap:12px;min-width:0}
.sp-social-editor-official-badge span{width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,#833ab4,#fd1d1d,#fcb045);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:950;box-shadow:0 8px 18px rgba(225,29,46,.16)}
.sp-social-editor-official-copy{min-width:0}.sp-social-editor-official-copy strong{display:block;font-size:13px;font-weight:950;color:#111827;margin-bottom:4px}.sp-social-editor-official-copy span{display:block;font-size:13px;font-weight:800;color:#111827;line-height:1.3}.sp-social-editor-official-copy em{display:block;font-style:normal;font-size:12px;font-weight:700;color:#2563eb;line-height:1.3}.sp-social-editor-official-copy small{display:block;margin-top:7px;font-size:11px;line-height:1.35;color:#64748b}
.sp-social-editor-official-meta{display:flex;flex-direction:column;align-items:flex-end;gap:6px;flex:0 0 auto}.sp-social-editor-official-meta span{font-size:11px;font-weight:900;color:#64748b;text-transform:uppercase;letter-spacing:.04em}.sp-social-editor-official-meta a{font-size:11px;font-weight:900;color:#ef233c;text-decoration:none;text-transform:uppercase}
.sp-social-editor-replace-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:12px}.sp-social-editor-replace-actions span{font-size:12px;color:#64748b}.sp-social-editor-replace-code textarea{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:11px;line-height:1.4;min-height:110px;margin-top:10px}
@media(max-width:782px){.sp-social-editor-official-card{align-items:flex-start;flex-direction:column}.sp-social-editor-official-meta{align-items:flex-start}}

/* =========================================
   SPILLPH v6.1.0 — TikTok Official Embed Split Card Mode
   Official TikTok video stays on the left; extracted details move to the SPILLPH side panel.
========================================= */
.sp-social-embed-card.sp-social-embed-tiktok-split{
  --sp-tiktok-embed-width:360px;
}
.sp-social-embed-card.sp-social-embed-tiktok-split .sp-social-embed-official-split-body{
  display:grid;
  grid-template-columns:minmax(325px,var(--sp-tiktok-embed-width)) minmax(210px,1fr)!important;
  gap:18px!important;
  padding:18px!important;
  align-items:start;
}
.sp-social-tiktok-official-wrap{
  display:flex;
  justify-content:center;
  align-items:flex-start;
  width:var(--sp-tiktok-embed-width)!important;
  max-width:100%!important;
  justify-self:center;
  min-height:240px;
  background:#fff;
  border:1px solid #edf0f5;
  border-radius:12px;
  overflow:hidden;
  padding:8px;
}
.sp-social-tiktok-official-wrap .tiktok-embed{
  margin:0 auto!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  box-shadow:none!important;
}
.sp-social-embed-card.sp-social-embed-tiktok-split .sp-social-official-details{
  border-left:1px solid #eef1f6!important;
  padding:2px 0 2px 18px!important;
}
.sp-social-embed-card.sp-social-embed-tiktok-split .sp-social-official-details h3{
  margin:0 0 10px!important;
  padding-bottom:9px!important;
  font-size:13px!important;
  letter-spacing:.06em!important;
  border-bottom:1px solid rgba(255,0,80,.18)!important;
  color:#111827!important;
}
.sp-social-embed-card.sp-social-embed-tiktok-split .sp-social-detail-row{
  gap:10px!important;
  padding:10px 0!important;
  border-bottom:1px solid #eef1f6!important;
}
.sp-social-embed-card.sp-social-embed-tiktok-split .sp-social-detail-icon{
  width:30px!important;
  height:30px!important;
  font-size:14px!important;
  background:#050505!important;
  color:#fff!important;
  text-shadow:1px 1px #ff0050,-1px -1px #00f2ea;
}
.sp-social-embed-card.sp-social-embed-tiktok-split .sp-social-detail-row em{
  font-size:11px!important;
  margin-bottom:3px!important;
  font-weight:700!important;
  color:#7a8494!important;
}
.sp-social-embed-card.sp-social-embed-tiktok-split .sp-social-detail-row strong{
  font-size:14px!important;
  line-height:1.28!important;
  font-weight:800!important;
}
@media(max-width:900px){
  .sp-social-embed-card.sp-social-embed-tiktok-split .sp-social-embed-official-split-body{
    grid-template-columns:1fr!important;
    padding:16px!important;
  }
  .sp-social-tiktok-official-wrap{
    width:100%!important;
  }
  .sp-social-embed-card.sp-social-embed-tiktok-split .sp-social-official-details{
    border-left:0!important;
    border-top:1px solid #eef1f6!important;
    padding:14px 0 0!important;
  }
}


/* =========================================
   SPILLPH v6.1.1 — TikTok Embed Duplicate Footer Details Removal
   Moves TikTok embed text details to SPILLPH side panel and hides duplicate fallback section under the official player.
========================================= */
.sp-social-tiktok-official-wrap .tiktok-embed > section,
.sp-social-tiktok-official-wrap .tiktok-embed section[data-spillph-tiktok-details-hidden="1"]{
  display:none!important;
  height:0!important;
  max-height:0!important;
  min-height:0!important;
  overflow:hidden!important;
  visibility:hidden!important;
  opacity:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
}
.sp-social-tiktok-official-wrap .tiktok-embed{
  padding-bottom:0!important;
}


/* =========================================
   SPILLPH v6.1.2 — TikTok Embed Section Strip Sanitizer
   Removes the TikTok fallback <section> details from sanitized official embeds; details live in the SPILLPH side panel.
========================================= */
.sp-social-tiktok-official-wrap .tiktok-embed[data-spillph-section-stripped="1"] > section{
  display:none!important;
  height:0!important;
  max-height:0!important;
  overflow:hidden!important;
  visibility:hidden!important;
  opacity:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
}
.sp-social-tiktok-official-wrap .tiktok-embed[data-spillph-section-stripped="1"]{
  padding-bottom:0!important;
}

/* =========================================
   SPILLPH v6.1.3 — TikTok Embed Section Restore & Duplicate Details CSS Hide Fix
   Keep TikTok <section> available for embed.js, then hide duplicate fallback details after render.
========================================= */
.sp-social-tiktok-official-wrap .tiktok-embed > section[data-spillph-tiktok-details-hidden="1"]{
  display:none!important;
  height:0!important;
  max-height:0!important;
  overflow:hidden!important;
  visibility:hidden!important;
  margin:0!important;
  padding:0!important;
}
.sp-social-tiktok-official-wrap .tiktok-embed[data-spillph-section-preserved="1"]{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
}


/* SPILLPH v6.1.4 — YouTube URL Auto Embed Stacked Card Mode */
.sp-social-embed-card.sp-social-embed-youtube-stacked{--sp-youtube-embed-width:100%;max-width:920px;margin-left:auto;margin-right:auto;background:#fff;border:1px solid #edf0f5;border-radius:18px;overflow:hidden;box-shadow:0 18px 44px rgba(15,23,42,.06)}
.sp-social-embed-card.sp-social-embed-youtube-stacked .sp-social-embed-head{padding:16px 20px}
.sp-social-embed-card.sp-social-embed-youtube-stacked .sp-social-embed-head em a{color:#ef233c;text-decoration:none}
.sp-social-youtube-player-wrap{padding:20px 20px 0;background:#fff}
.sp-social-youtube-player{position:relative;width:100%;aspect-ratio:16/9;border-radius:14px;overflow:hidden;background:#050505;border:1px solid #e5e7eb;box-shadow:0 12px 28px rgba(15,23,42,.08)}
.sp-social-youtube-player iframe{position:absolute;inset:0;width:100%;height:100%;border:0;display:block}
.sp-social-youtube-details{padding:18px 20px 20px;border-top:1px solid #edf0f5;background:linear-gradient(180deg,#fff,#fbfdff)}
.sp-social-youtube-details h3{margin:0 0 12px;font-size:12px;line-height:1.1;font-weight:950;text-transform:uppercase;letter-spacing:.08em;color:#64748b}
.sp-social-youtube-detail-row{display:grid;grid-template-columns:96px 1fr;gap:12px;padding:9px 0;border-top:1px solid #f1f5f9}
.sp-social-youtube-detail-row:first-of-type{border-top:0}
.sp-social-youtube-detail-row em{font-style:normal;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.05em;color:#94a3b8}
.sp-social-youtube-detail-row strong{font-size:14px;line-height:1.35;color:#111827;font-weight:850;word-break:break-word}
.sp-social-youtube-detail-row a{color:#ef233c;text-decoration:none}
.wp-block-spillph-social-embed .sp-social-editor-platform-youtube .sp-social-editor-top{background:#ff0000}
.wp-block-spillph-social-embed .sp-social-editor-platform-youtube .sp-social-editor-preview{aspect-ratio:16/9}
@media(max-width:780px){.sp-social-youtube-player-wrap{padding:16px 16px 0}.sp-social-youtube-details{padding:16px}.sp-social-youtube-detail-row{grid-template-columns:1fr;gap:4px}}

/* SPILLPH v6.1.9 — Facebook Embed Type Selector & Card Layouts */
.sp-social-embed-logo-facebook{background:#1877f2;color:#fff;font-family:Arial,sans-serif;font-weight:950}
.sp-social-embed-card.sp-social-embed-facebook-stacked{--sp-facebook-embed-width:640px;--sp-facebook-embed-height:520px;max-width:920px;margin-left:auto;margin-right:auto;background:#fff;border:1px solid #edf0f5;border-radius:18px;overflow:hidden;box-shadow:0 18px 44px rgba(15,23,42,.06)}
.sp-social-embed-card.sp-social-embed-facebook-stacked .sp-social-embed-head{padding:16px 20px}
.sp-social-embed-card.sp-social-embed-facebook-stacked .sp-social-embed-head em a,.sp-social-embed-card.sp-social-embed-facebook-split .sp-social-embed-head em a{color:#1877f2;text-decoration:none}
.sp-social-facebook-player-wrap{padding:20px 20px 0;background:#fff}
.sp-social-facebook-player{display:flex;justify-content:center;align-items:center;width:min(100%,var(--sp-facebook-embed-width,640px));min-height:160px;border-radius:14px;overflow:hidden;background:#f8fafc;border:1px solid #e5e7eb;box-shadow:0 12px 28px rgba(15,23,42,.08);margin:0 auto}
.sp-social-facebook-player .fb-video,.sp-social-facebook-player iframe{width:100%!important;max-width:100%!important;margin:0 auto!important}.sp-social-facebook-custom-height .sp-social-facebook-player,.sp-social-facebook-custom-height .sp-social-facebook-official-wrap{height:var(--sp-facebook-embed-height,520px);max-height:var(--sp-facebook-embed-height,520px);overflow:auto}.sp-social-facebook-custom-height .sp-social-facebook-player iframe,.sp-social-facebook-custom-height .sp-social-facebook-official-wrap iframe{max-height:var(--sp-facebook-embed-height,520px)!important}
.sp-social-facebook-details{padding:18px 20px 20px;border-top:1px solid #edf0f5;background:linear-gradient(180deg,#fff,#fbfdff)}
.sp-social-facebook-details h3{margin:0 0 12px;font-size:12px;line-height:1.1;font-weight:950;text-transform:uppercase;letter-spacing:.08em;color:#64748b}
.sp-social-facebook-detail-row{display:grid;grid-template-columns:96px 1fr;gap:12px;padding:9px 0;border-top:1px solid #f1f5f9}
.sp-social-facebook-detail-row:first-of-type{border-top:0}
.sp-social-facebook-detail-row em{font-style:normal;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.05em;color:#94a3b8}
.sp-social-facebook-detail-row strong{font-size:14px;line-height:1.35;color:#111827;font-weight:850;word-break:break-word}
.sp-social-facebook-detail-row a{color:#1877f2;text-decoration:none}
.sp-social-embed-card.sp-social-embed-facebook-split{--sp-facebook-embed-width:500px;--sp-facebook-embed-height:560px;max-width:980px;margin-left:auto;margin-right:auto;background:#fff;border:1px solid #edf0f5;border-radius:18px;overflow:hidden;box-shadow:0 18px 44px rgba(15,23,42,.06)}
.sp-social-embed-card.sp-social-embed-facebook-split .sp-social-embed-official-split-body{display:grid;grid-template-columns:minmax(320px,var(--sp-facebook-embed-width,500px)) minmax(220px,1fr);gap:0;align-items:start}
.sp-social-facebook-official-wrap{padding:18px;background:#fff;display:flex;justify-content:center;align-items:flex-start;width:min(100%,var(--sp-facebook-embed-width,500px));min-height:160px;border-right:1px solid #edf0f5;overflow:hidden}
.sp-social-facebook-official-wrap .fb-post,.sp-social-facebook-official-wrap .fb-video{width:100%!important;max-width:100%!important;margin:0 auto!important}
.wp-block-spillph-social-embed .sp-social-editor-platform-facebook .sp-social-editor-top{background:#1877f2}
.wp-block-spillph-social-embed .sp-social-editor-platform-facebook .sp-social-editor-preview{aspect-ratio:16/9}
@media(max-width:780px){.sp-social-facebook-player-wrap{padding:16px 16px 0}.sp-social-facebook-details{padding:16px}.sp-social-facebook-detail-row{grid-template-columns:1fr;gap:4px}.sp-social-embed-card.sp-social-embed-facebook-split .sp-social-embed-official-split-body{grid-template-columns:1fr}.sp-social-facebook-official-wrap{border-right:0;border-bottom:1px solid #edf0f5}}


/* SPILLPH v6.2.0 — Facebook Embed Size Controls */
.sp-social-facebook-auto-height .sp-social-facebook-player,.sp-social-facebook-auto-height .sp-social-facebook-official-wrap{height:auto;max-height:none}
.sp-social-editor-platform-facebook .components-base-control__help{font-size:12px;color:#64748b}
@media(max-width:780px){.sp-social-embed-card.sp-social-embed-facebook-split .sp-social-embed-official-split-body{grid-template-columns:1fr}.sp-social-facebook-player,.sp-social-facebook-official-wrap{width:100%!important;max-width:100%!important}.sp-social-facebook-custom-height .sp-social-facebook-player,.sp-social-facebook-custom-height .sp-social-facebook-official-wrap{height:auto;max-height:none;overflow:visible}}


/* ==================================================
   SpillPH v6.2.8 Single Article Layout + Breadcrumbs
================================================== */
.sp-single-layout-v628{
  padding:clamp(24px,4vw,42px);
}
.sp-single-layout-v628 .sp-article-breadcrumbs{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:8px;
  margin:0 0 14px;
  padding:var(--sp-breadcrumb-padding-y,0) var(--sp-breadcrumb-padding-x,0);
  border-radius:var(--sp-breadcrumb-radius,0);
  background:var(--sp-breadcrumb-bg,transparent);
  border:1px solid var(--sp-breadcrumb-border,transparent);
  color:var(--sp-breadcrumb-text,var(--sp-breadcrumbs-color,#64748b));
  font-family:var(--sp-breadcrumbs-font,var(--body-font));
  font-size:var(--sp-breadcrumbs-size,13px);
  font-weight:var(--sp-breadcrumbs-weight,500);
  font-style:var(--sp-breadcrumbs-style,normal);
  text-decoration:var(--sp-breadcrumbs-decoration,none);
  letter-spacing:var(--sp-breadcrumbs-letter-spacing,0);
  line-height:1.45;
}
.sp-single-layout-v628 .sp-article-breadcrumbs a{
  color:var(--sp-breadcrumb-link,var(--sp-breadcrumbs-color,#64748b));
  text-decoration:none;
}
.sp-single-layout-v628 .sp-article-breadcrumbs a:hover{
  color:var(--sp-breadcrumb-hover,var(--accent));
}
.sp-single-layout-v628 .sp-breadcrumb-sep{
  color:var(--sp-breadcrumb-separator,#94a3b8);
  opacity:.9;
}
.sp-single-layout-v628 .sp-breadcrumb-current{
  color:var(--sp-breadcrumb-text,var(--sp-breadcrumbs-color,#64748b));
  opacity:.9;
  max-width:520px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.sp-single-layout-v628 .sp-single-category-pills{
  display:flex;
  gap:8px;
  align-items:center;
  flex-wrap:wrap;
  margin:0 0 14px;
}
.sp-single-layout-v628 .sp-category-pill{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:var(--sp-category-pill-padding-y,6px) var(--sp-category-pill-padding-x,12px);
  border-radius:var(--sp-category-pill-radius,999px);
  background:var(--sp-category-pill-bg,var(--accent));
  color:var(--sp-category-pill-text,#fff);
  border:1px solid var(--sp-category-pill-border,transparent);
  font-size:12px;
  font-weight:900;
  line-height:1;
  letter-spacing:.05em;
  text-transform:uppercase;
  text-decoration:none;
}
.sp-single-layout-v628 .sp-category-pill:hover{
  background:var(--sp-category-pill-hover-bg,#111827);
  color:var(--sp-category-pill-hover-text,#fff);
}
.sp-single-layout-v628 .sp-single-title{
  margin:0 0 14px;
  max-width:980px;
}
.sp-single-layout-v628 .sp-single-entry{
  margin:0 0 18px;
  max-width:860px;
  color:#5f6470;
  font-size:clamp(17px,2vw,20px);
  line-height:1.55;
}
.sp-single-layout-v628 .sp-single-author-meta{
  display:flex;
  align-items:center;
  gap:10px;
  margin:0 0 24px;
  color:var(--sp-post-meta-color,#64748b);
  font-family:var(--sp-post-meta-font,var(--body-font));
  font-size:var(--sp-post-meta-size,14px);
  font-weight:var(--sp-post-meta-weight,500);
  font-style:var(--sp-post-meta-style,normal);
  letter-spacing:var(--sp-post-meta-letter-spacing,0);
}
.sp-single-layout-v628 .sp-author-avatar-mini,
.sp-single-layout-v628 .sp-author-avatar-mini img{
  width:34px;
  height:34px;
  border-radius:999px;
  flex:0 0 34px;
}
.sp-single-layout-v628 .sp-single-meta-items{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:8px;
}
.sp-single-layout-v628 .sp-single-meta-items a{
  color:var(--accent);
  font-weight:800;
}
.sp-single-layout-v628 .sp-meta-divider{
  color:#cbd5e1;
}
.sp-single-layout-v628 .single-featured-image{
  margin:0 0 28px;
}
.sp-single-layout-v628 .single-featured-image img{
  width:100%;
  border-radius:12px;
  object-fit:cover;
}
.sp-single-layout-v628 .article-content{
  margin-top:0;
}
.sp-single-layout-v628 .sp-article-share-wrap.sp-share-bottom{
  margin-top:34px;
  padding-top:20px;
  border-top:1px solid #eef2f7;
}
.sp-single-layout-v628 .sp-share-inline-label{
  text-transform:uppercase;
  letter-spacing:.04em;
  font-weight:900;
}
body.spillph-dark .sp-single-layout-v628 .sp-single-entry,
body.spillph-dark .sp-single-layout-v628 .sp-article-breadcrumbs{
  color:#cbd5e1;
}
@media(max-width:760px){
  .sp-single-layout-v628{
    padding:22px;
  }
  .sp-single-layout-v628 .sp-breadcrumb-current{
    max-width:260px;
  }
  .sp-single-layout-v628 .sp-single-author-meta{
    align-items:flex-start;
  }
  .sp-single-layout-v628 .sp-single-meta-items{
    gap:6px;
  }
}


/* ==================================================
   SPILLPH v6.2.9 — Article Header Spacing + Logo/Featured Polish
================================================== */
/* Smaller, cleaner header logo by default */
.site-header .logo{
  font-size:clamp(28px,3vw,36px);
  letter-spacing:-2px;
  line-height:1;
  display:inline-flex;
  align-items:center;
  flex:0 0 auto;
}
.site-header .logo img{
  max-height:44px!important;
  width:auto!important;
  display:block;
}
.header-inner{
  min-height:68px;
}

/* Sticky header: keep logo locked to the far left with top breathing room */
.site-header.sp-sticky-nav.sp-is-stuck .header-inner,
.site-header.sp-is-stuck .header-inner{
  max-width:none;
  width:100%;
  justify-content:flex-start;
  align-items:center;
  padding:10px 24px 8px;
  gap:18px;
}
.site-header.sp-sticky-nav.sp-is-stuck .sp-sticky-logo{
  margin-left:0!important;
  margin-right:18px!important;
  padding-top:2px;
  flex:0 0 auto;
}
.site-header.sp-sticky-nav.sp-is-stuck .sp-sticky-logo img{
  max-height:34px!important;
  width:auto!important;
}
.site-header.sp-sticky-nav.sp-is-stuck .nav-wrap,
.site-header.sp-is-stuck .nav-wrap{
  flex:1 1 auto;
  justify-content:flex-start;
  align-items:center;
}

/* More breathing room before breadcrumbs */
.sp-single-layout-v628{
  padding-top:46px;
}
.sp-single-layout-v628 .sp-article-breadcrumbs{
  margin-top:4px;
  margin-bottom:16px;
}
.sidebar-layout .sp-single-layout-v628{
  margin-top:8px;
}

/* Author row: mockup-style spacing and exact "by Author" flow after avatar */
.sp-single-layout-v628 .sp-single-author-meta{
  gap:12px;
  margin:0 0 24px;
}
.sp-single-layout-v628 .sp-single-meta-items{
  gap:13px;
  row-gap:7px;
  line-height:1.25;
}
.sp-single-layout-v628 .sp-meta-by{
  white-space:nowrap;
}
.sp-single-layout-v628 .sp-meta-by .sp-meta-by-label{
  color:var(--sp-post-meta-color,#64748b);
  font-weight:600;
  margin-right:4px;
}
.sp-single-layout-v628 .sp-meta-divider{
  color:#cbd5e1;
  margin:0 1px;
  opacity:.95;
}
.sp-single-layout-v628 .sp-meta-comments,
.sp-single-layout-v628 .sp-meta-likes{
  display:inline-flex;
  align-items:center;
  gap:5px;
  white-space:nowrap;
}
.sp-single-layout-v628 .sp-meta-comments i,
.sp-single-layout-v628 .sp-meta-likes i{
  color:#64748b;
  font-size:.96em;
}

/* Featured image: consistent article hero frame similar to the mockup */
.sp-single-layout-v628 .single-featured-image{
  width:100%;
  margin:0 0 28px;
  overflow:hidden;
  border-radius:12px;
  background:#f1f5f9;
}
.sp-single-layout-v628 .single-featured-image img{
  width:100%;
  height:clamp(300px,44vw,470px);
  max-height:470px;
  min-height:300px;
  border-radius:12px;
  object-fit:cover;
  object-position:center;
}
.sp-single-layout-v628 .single-featured-image .featured-caption{
  padding:9px 2px 0;
}

@media(max-width:760px){
  .site-header .logo img{max-height:38px!important;}
  .header-inner{min-height:60px;}
  .site-header.sp-sticky-nav.sp-is-stuck .header-inner,
  .site-header.sp-is-stuck .header-inner{padding:8px 16px;}
  .sp-single-layout-v628{padding-top:28px;}
  .sp-single-layout-v628 .single-featured-image img{
    height:clamp(220px,58vw,340px);
    min-height:220px;
  }
  .sp-single-layout-v628 .sp-single-author-meta{
    gap:10px;
  }
  .sp-single-layout-v628 .sp-single-meta-items{
    gap:8px;
  }
}


/* ==================================================
   SPILLPH v6.3.0 — Sticky Header Container Alignment & Article Meta Polish
================================================== */
/* Sticky header must align to the same 1280px site container as the article + sidebar, not to the viewport edge. */
.site-header.sp-sticky-nav.sp-is-stuck .header-inner,
.site-header.sp-is-stuck .header-inner{
  max-width:1280px!important;
  width:100%!important;
  margin-left:auto!important;
  margin-right:auto!important;
  padding:10px 20px 9px!important;
  justify-content:space-between!important;
  align-items:center!important;
  gap:20px!important;
  min-height:58px!important;
}
.site-header.sp-sticky-nav.sp-is-stuck .sp-sticky-logo,
.site-header.sp-is-stuck .sp-sticky-logo{
  margin-left:0!important;
  margin-right:20px!important;
  padding-top:3px!important;
  padding-bottom:3px!important;
  flex:0 0 auto!important;
  align-self:center!important;
}
.site-header.sp-sticky-nav.sp-is-stuck .sp-sticky-logo img,
.site-header.sp-is-stuck .sp-sticky-logo img,
.site-header.sp-sticky-nav.sp-is-stuck .logo img,
.site-header.sp-is-stuck .logo img{
  max-height:36px!important;
  width:auto!important;
  display:block!important;
}
.site-header.sp-sticky-nav.sp-is-stuck .nav-wrap,
.site-header.sp-is-stuck .nav-wrap{
  flex:1 1 auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  min-height:40px!important;
}
.site-header.sp-sticky-nav.sp-is-stuck .nav,
.site-header.sp-is-stuck .nav,
.site-header.sp-sticky-nav.sp-is-stuck .nav > ul,
.site-header.sp-is-stuck .nav > ul,
.site-header.sp-sticky-nav.sp-is-stuck .nav .menu,
.site-header.sp-is-stuck .nav .menu{
  display:flex!important;
  align-items:center!important;
}
.site-header.sp-sticky-nav.sp-is-stuck .nav > ul,
.site-header.sp-is-stuck .nav > ul,
.site-header.sp-sticky-nav.sp-is-stuck .nav .menu,
.site-header.sp-is-stuck .nav .menu{
  gap:22px!important;
}

/* Article meta row: exact mockup flow — [avatar] by Author | Date | Comments | Likes */
.sp-single-layout-v628 .sp-single-author-meta{
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  margin:0 0 24px!important;
  min-height:38px;
}
.sp-single-layout-v628 .sp-author-avatar-mini,
.sp-single-layout-v628 .sp-author-avatar-mini img{
  width:34px!important;
  height:34px!important;
  border-radius:999px!important;
  flex:0 0 34px!important;
}
.sp-single-layout-v628 .sp-single-meta-items{
  display:flex!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:0!important;
  row-gap:8px!important;
  line-height:1.2!important;
}
.sp-single-layout-v628 .sp-single-meta-items > span,
.sp-single-layout-v628 .sp-single-meta-items > a{
  display:inline-flex!important;
  align-items:center!important;
}
.sp-single-layout-v628 .sp-single-meta-items .sp-meta-by{
  display:inline-flex!important;
  align-items:center!important;
  white-space:nowrap!important;
}
.sp-single-layout-v628 .sp-meta-by .sp-meta-by-label{
  margin-right:4px!important;
  color:var(--sp-post-meta-color,#64748b)!important;
  font-weight:600!important;
}
.sp-single-layout-v628 .sp-meta-by a{
  color:var(--accent)!important;
  font-weight:800!important;
  text-decoration:none!important;
}
.sp-single-layout-v628 .sp-meta-divider{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  margin:0 12px!important;
  color:#cbd5e1!important;
  opacity:.95!important;
}
.sp-single-layout-v628 .sp-meta-comments,
.sp-single-layout-v628 .sp-meta-likes{
  display:inline-flex!important;
  align-items:center!important;
  gap:6px!important;
  white-space:nowrap!important;
}
.sp-single-layout-v628 .sp-meta-comments i,
.sp-single-layout-v628 .sp-meta-likes i{
  color:#64748b!important;
  font-size:14px!important;
  line-height:1!important;
}

/* Slight breathing room before breadcrumbs while keeping the article aligned with the site container. */
.sp-single-layout-v628{
  padding-top:50px!important;
}
.sp-single-layout-v628 .sp-article-breadcrumbs{
  margin-top:6px!important;
  margin-bottom:16px!important;
}

@media(max-width:760px){
  .site-header.sp-sticky-nav.sp-is-stuck .header-inner,
  .site-header.sp-is-stuck .header-inner{
    padding:8px 16px!important;
    min-height:58px!important;
  }
  .site-header.sp-sticky-nav.sp-is-stuck .nav-wrap,
  .site-header.sp-is-stuck .nav-wrap{
    justify-content:space-between!important;
  }
  .sp-single-layout-v628{padding-top:30px!important;}
  .sp-single-layout-v628 .sp-meta-divider{margin:0 8px!important;}
}


/* ==================================================
   SPILLPH v6.3.1 — Article Header Padding, Sticky Alignment & Meta Color Fix
================================================== */
/* Reduce the oversized blank space before breadcrumbs introduced by previous header polish. */
.sp-single-layout-v628{
  padding-top:24px!important;
}
.sidebar-layout .sp-single-layout-v628{
  margin-top:0!important;
}
.sp-single-layout-v628 .sp-article-breadcrumbs{
  margin-top:0!important;
  margin-bottom:16px!important;
}

/* Sticky header: logo + menu align inside the site container and start from the container left edge. */
.site-header.sp-sticky-nav.sp-is-stuck .header-inner,
.site-header.sp-is-stuck .header-inner{
  max-width:1280px!important;
  width:100%!important;
  margin-left:auto!important;
  margin-right:auto!important;
  box-sizing:border-box!important;
  padding:8px 22px!important;
  min-height:60px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:18px!important;
}
.site-header.sp-sticky-nav.sp-is-stuck .nav-wrap,
.site-header.sp-is-stuck .nav-wrap{
  flex:1 1 auto!important;
  min-width:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:22px!important;
}
.site-header.sp-sticky-nav.sp-is-stuck .sp-sticky-logo,
.site-header.sp-is-stuck .sp-sticky-logo{
  margin:0 22px 0 0!important;
  padding:3px 0!important;
  flex:0 0 auto!important;
  align-self:center!important;
}
.site-header.sp-sticky-nav.sp-is-stuck .sp-sticky-logo img,
.site-header.sp-is-stuck .sp-sticky-logo img,
.site-header.sp-sticky-nav.sp-is-stuck .logo img,
.site-header.sp-is-stuck .logo img{
  max-height:34px!important;
  width:auto!important;
  display:block!important;
}
.site-header.sp-sticky-nav.sp-is-stuck .nav,
.site-header.sp-is-stuck .nav{
  flex:0 1 auto!important;
}
.site-header.sp-sticky-nav.sp-is-stuck .nav > ul,
.site-header.sp-is-stuck .nav > ul,
.site-header.sp-sticky-nav.sp-is-stuck .nav .menu,
.site-header.sp-is-stuck .nav .menu{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:22px!important;
}

/* Single article meta: black, regular/non-bold, and more spacious. Non-negotiable visual rule. */
.sp-single-layout-v628 .sp-single-author-meta,
.sp-single-layout-v628 .sp-single-meta-items,
.sp-single-layout-v628 .sp-single-meta-items span,
.sp-single-layout-v628 .sp-single-meta-items a,
.sp-single-layout-v628 .sp-meta-by .sp-meta-by-label,
.sp-single-layout-v628 .sp-meta-comments,
.sp-single-layout-v628 .sp-meta-likes,
.sp-single-layout-v628 .sp-meta-comments i,
.sp-single-layout-v628 .sp-meta-likes i{
  color:#111!important;
  font-weight:400!important;
  text-decoration:none!important;
}
.sp-single-layout-v628 .sp-single-author-meta{
  gap:14px!important;
  margin:0 0 26px!important;
}
.sp-single-layout-v628 .sp-single-meta-items{
  gap:0!important;
  row-gap:9px!important;
  font-size:13px!important;
  line-height:1.35!important;
}
.sp-single-layout-v628 .sp-meta-by{
  display:inline-flex!important;
  align-items:center!important;
  gap:4px!important;
  white-space:nowrap!important;
}
.sp-single-layout-v628 .sp-meta-divider{
  margin:0 18px!important;
  color:#d6dbe3!important;
  font-weight:400!important;
}
.sp-single-layout-v628 .sp-meta-comments,
.sp-single-layout-v628 .sp-meta-likes{
  gap:7px!important;
  white-space:nowrap!important;
}
.sp-single-layout-v628 .sp-meta-comments i,
.sp-single-layout-v628 .sp-meta-likes i{
  font-size:14px!important;
}
body.spillph-dark .sp-single-layout-v628 .sp-single-author-meta,
body.spillph-dark .sp-single-layout-v628 .sp-single-meta-items,
body.spillph-dark .sp-single-layout-v628 .sp-single-meta-items span,
body.spillph-dark .sp-single-layout-v628 .sp-single-meta-items a,
body.spillph-dark .sp-single-layout-v628 .sp-meta-comments i,
body.spillph-dark .sp-single-layout-v628 .sp-meta-likes i{
  color:#f4f4f5!important;
}

@media(max-width:760px){
  .sp-single-layout-v628{padding-top:18px!important;}
  .site-header.sp-sticky-nav.sp-is-stuck .header-inner,
  .site-header.sp-is-stuck .header-inner{padding:8px 16px!important;}
  .site-header.sp-sticky-nav.sp-is-stuck .nav-wrap,
  .site-header.sp-is-stuck .nav-wrap{gap:14px!important;}
  .site-header.sp-sticky-nav.sp-is-stuck .sp-sticky-logo,
  .site-header.sp-is-stuck .sp-sticky-logo{margin-right:14px!important;}
  .sp-single-layout-v628 .sp-meta-divider{margin:0 12px!important;}
}


/* ==================================================
   SPILLPH v6.3.2 — Single Article Compact Meta-to-Image Spacing Fix
================================================== */
/* Reduce the extra vertical breathing room highlighted between the excerpt, meta row, and featured image. */
.sp-single-layout-v628 .sp-single-entry{
  margin-bottom:12px!important;
}
.sp-single-layout-v628 .sp-single-author-meta{
  margin-top:0!important;
  margin-bottom:12px!important;
  padding-top:0!important;
  padding-bottom:0!important;
}
.sp-single-layout-v628 .single-featured-image{
  margin-top:0!important;
  margin-bottom:26px!important;
}
.sp-single-layout-v628 .sp-single-meta-items{
  line-height:1.2!important;
}
@media(max-width:760px){
  .sp-single-layout-v628 .sp-single-entry{margin-bottom:10px!important;}
  .sp-single-layout-v628 .sp-single-author-meta{margin-bottom:10px!important;}
}


/* SPILLPH v6.3.3 - Follow SPILLPH Sidebar Widget */
.spillph-follow-widget{
  --sp-follow-radius: 6px;
}
.spillph-follow-title{
  margin: 0 0 16px;
  font-size: 16px;
  line-height: 1.25;
  font-weight: 800;
  letter-spacing: .02em;
  text-transform: uppercase;
  color: #111827;
}
.spillph-follow-list{
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.spillph-follow-row{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  min-height: 48px;
  padding: 12px 16px;
  border-radius: var(--sp-follow-radius);
  color: #fff;
  text-decoration: none !important;
  box-shadow: 0 8px 20px rgba(15, 23, 42, .08);
  transition: transform .16s ease, filter .16s ease, box-shadow .16s ease;
  overflow: hidden;
}
.spillph-follow-row:hover{
  transform: translateY(-1px);
  filter: brightness(1.04);
  color: #fff;
  box-shadow: 0 12px 26px rgba(15, 23, 42, .14);
}
.spillph-follow-left{
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
}
.spillph-follow-icon{
  display: inline-flex;
  width: 22px;
  min-width: 22px;
  height: 22px;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  line-height: 1;
}
.spillph-follow-label{
  font-size: 15px;
  font-weight: 700;
  line-height: 1.1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.spillph-follow-count{
  margin-left: auto;
  font-size: 15px;
  font-weight: 800;
  line-height: 1;
  white-space: nowrap;
}
.spillph-follow-facebook{background: linear-gradient(135deg,#3353a4,#263f8a);}
.spillph-follow-twitter{background: linear-gradient(135deg,#18b7f2,#0ea5e9);}
.spillph-follow-instagram{background: linear-gradient(135deg,#f43f5e,#db2777);}
.spillph-follow-youtube{background: linear-gradient(135deg,#ff1a1a,#d90404);}
.spillph-follow-tiktok{background: linear-gradient(135deg,#111,#000);}

/* ==================================================
   SpillPH v6.3.4 Single Article Title Line Height Polish
   Improves multiline single article headline readability.
================================================== */
.sp-single-layout-v628 .sp-single-title,
.single-wrap.sp-single-modern .sp-single-title,
.single-wrap h1.sp-single-title,
.single .sp-single-title {
  line-height: var(--sp-single-post-title-line-height, 1.14) !important;
  word-break: normal;
  overflow-wrap: anywhere;
}

@media (max-width: 768px) {
  .sp-single-layout-v628 .sp-single-title,
  .single-wrap.sp-single-modern .sp-single-title,
  .single-wrap h1.sp-single-title,
  .single .sp-single-title {
    line-height: var(--sp-single-post-title-mobile-line-height, 1.18) !important;
  }
}


/* ==================================================
   SPILLPH v6.3.5 — Article Excerpt Typography Inherit Fix
================================================== */
.sp-single-layout-v628 .sp-single-entry,
.single-wrap.sp-single-modern .sp-single-entry{
  color:var(--sp-article-excerpt-color,#5f6470)!important;
  font-family:var(--sp-article-excerpt-font,var(--sp-post-entry-font,var(--body-font)))!important;
  font-size:var(--sp-article-excerpt-size,18px)!important;
  font-weight:var(--sp-article-excerpt-weight,400)!important;
  font-style:var(--sp-article-excerpt-style,normal)!important;
  text-decoration:var(--sp-article-excerpt-decoration,none)!important;
  letter-spacing:var(--sp-article-excerpt-letter-spacing,0)!important;
  line-height:1.55;
}
@media(max-width:760px){
  .sp-single-layout-v628 .sp-single-entry,
  .single-wrap.sp-single-modern .sp-single-entry{
    font-size:clamp(16px,4.2vw,var(--sp-article-excerpt-size,18px))!important;
    line-height:1.55;
  }
}


/* SPILLPH v6.3.7 — Author Card Bio Color Root Output Fix */
.sp-author-card .sp-author-card-bio,
.sp-author-card p.sp-author-card-bio,
.sp-sidebar-area .sp-author-card .sp-author-card-bio,
.sp-author-card-sidebar .sp-author-card-bio,
.sp-author-card-mobile .sp-author-card-bio,
.sp-author-card-instant .sp-author-card-bio,
.sp-instant-single .sp-author-card-instant .sp-author-card-bio{
  color:var(--sp-author-card-bio-color,var(--sp-author-card-muted,#64748b))!important;
}


/* ==================================================
   SPILLPH v6.3.8 — Author Card Bio Visibility & Inline Color Priority Fix
   Ensures Bio / Description Text Color is visible and not overridden by muted/global styles.
================================================== */
.sp-author-card .sp-author-card-bio,
.sp-author-card p.sp-author-card-bio,
.sp-sidebar-area .sp-author-card .sp-author-card-bio,
.sp-author-card-sidebar .sp-author-card-bio,
.sp-author-card-mobile .sp-author-card-bio,
.sp-author-card-instant .sp-author-card-bio,
.sp-instant-single .sp-author-card-instant .sp-author-card-bio{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  color:var(--sp-author-card-bio-color,var(--sp-author-card-text,#111827))!important;
  -webkit-text-fill-color:var(--sp-author-card-bio-color,var(--sp-author-card-text,#111827))!important;
}
.sp-author-card .sp-author-card-bio *,
.sp-author-card p.sp-author-card-bio *{
  color:inherit!important;
  -webkit-text-fill-color:inherit!important;
}


/* ==================================================
   SPILLPH v6.4.0 — Trending Widget Mockup Layout Redesign
   Visual-only refresh. Existing Trend Engine source, counts, limits, and widget options remain unchanged.
================================================== */
.widget_spillph_trending_posts_widget .trending-box,
.spillph_trending_posts_widget .trending-box,
.sp-trend-engine.trending-box{
  background:#fff!important;
  border:1px solid rgba(15,23,42,.06)!important;
  border-radius:18px!important;
  box-shadow:0 12px 36px rgba(15,23,42,.06)!important;
  padding:22px 20px!important;
  overflow:hidden;
}
.widget_spillph_trending_posts_widget .sp-trending-head,
.spillph_trending_posts_widget .sp-trending-head,
.sp-trend-engine .sp-trending-head{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:10px!important;
  margin:0 0 18px!important;
  padding:0 0 14px!important;
  border-bottom:0!important;
  position:relative;
}
.widget_spillph_trending_posts_widget .sp-trending-head:after,
.spillph_trending_posts_widget .sp-trending-head:after,
.sp-trend-engine .sp-trending-head:after{
  content:"";
  position:absolute;
  left:0;
  bottom:0;
  width:112px;
  height:1px;
  background:#e5e7eb;
}
.widget_spillph_trending_posts_widget .trending-title,
.spillph_trending_posts_widget .trending-title,
.sp-trend-engine .trending-title{
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
  margin:0!important;
  color:#111!important;
  font-size:14px!important;
  line-height:1.1!important;
  font-weight:900!important;
  letter-spacing:-.02em!important;
  text-transform:uppercase!important;
}
.widget_spillph_trending_posts_widget .trending-title:before,
.spillph_trending_posts_widget .trending-title:before,
.sp-trend-engine .trending-title:before{
  content:"";
  width:3px;
  height:18px;
  border-radius:999px;
  background:var(--accent,#ff2b2b);
  display:inline-block;
  flex:0 0 auto;
}
.widget_spillph_trending_posts_widget .sp-trending-updated,
.spillph_trending_posts_widget .sp-trending-updated,
.sp-trend-engine .sp-trending-updated{
  color:#8a8f99!important;
  font-size:9px!important;
  font-weight:600!important;
  line-height:1.2!important;
  margin-top:2px!important;
  white-space:nowrap;
}
.widget_spillph_trending_posts_widget .sp-trending-list,
.spillph_trending_posts_widget .sp-trending-list,
.sp-trend-engine .sp-trending-list{
  display:grid!important;
  gap:20px!important;
}
.widget_spillph_trending_posts_widget .sp-trending-item,
.spillph_trending_posts_widget .sp-trending-item,
.sp-trend-engine .sp-trending-item,
.sp-trending-premium_card .sp-trending-item{
  display:grid!important;
  grid-template-columns:86px minmax(0,1fr)!important;
  gap:16px!important;
  align-items:start!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.widget_spillph_trending_posts_widget .sp-trending-thumb,
.spillph_trending_posts_widget .sp-trending-thumb,
.sp-trend-engine .sp-trending-thumb{
  width:86px!important;
  height:86px!important;
  border-radius:7px!important;
  overflow:hidden!important;
  position:relative!important;
  background:#f3f4f6!important;
  box-shadow:0 8px 18px rgba(15,23,42,.08);
}
.widget_spillph_trending_posts_widget .sp-trending-thumb img,
.spillph_trending_posts_widget .sp-trending-thumb img,
.sp-trend-engine .sp-trending-thumb img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  display:block!important;
}
.sp-trending-rank{
  position:absolute;
  top:0;
  left:0;
  z-index:2;
  min-width:25px;
  height:25px;
  padding:0 7px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:0 0 6px 0;
  background:var(--accent,#ff2b2b);
  color:#fff;
  font-size:13px;
  font-weight:900;
  line-height:1;
  box-shadow:0 6px 16px rgba(255,43,43,.28);
}
.widget_spillph_trending_posts_widget .sp-trending-content,
.spillph_trending_posts_widget .sp-trending-content,
.sp-trend-engine .sp-trending-content{
  min-width:0!important;
  padding-top:1px!important;
}
.widget_spillph_trending_posts_widget .sp-trending-kicker,
.spillph_trending_posts_widget .sp-trending-kicker,
.sp-trend-engine .sp-trending-kicker{
  display:none!important;
}
.widget_spillph_trending_posts_widget .sp-trending-content h4,
.spillph_trending_posts_widget .sp-trending-content h4,
.sp-trend-engine .sp-trending-content h4{
  margin:0!important;
  font-size:14px!important;
  line-height:1.25!important;
  font-weight:900!important;
  letter-spacing:-.015em!important;
  color:#111!important;
}
.widget_spillph_trending_posts_widget .sp-trending-content h4 a,
.spillph_trending_posts_widget .sp-trending-content h4 a,
.sp-trend-engine .sp-trending-content h4 a{
  color:#111!important;
  text-decoration:none!important;
}
.widget_spillph_trending_posts_widget .sp-trending-content h4 a:hover,
.spillph_trending_posts_widget .sp-trending-content h4 a:hover,
.sp-trend-engine .sp-trending-content h4 a:hover{
  color:var(--accent,#ff2b2b)!important;
}
.sp-trending-date{
  margin-top:7px;
  color:#8a8f99;
  font-family:var(--body-font,Inter,Arial,sans-serif);
  font-size:13px;
  font-weight:500;
  line-height:1.35;
}
.widget_spillph_trending_posts_widget .sp-trending-meta,
.spillph_trending_posts_widget .sp-trending-meta,
.sp-trend-engine .sp-trending-meta{
  margin-top:7px!important;
  gap:8px!important;
  color:#8a8f99!important;
  font-size:10px!important;
  font-weight:600!important;
}
.widget_spillph_trending_posts_widget .sp-trending-meta i,
.spillph_trending_posts_widget .sp-trending-meta i,
.sp-trend-engine .sp-trending-meta i{
  color:var(--accent,#ff2b2b)!important;
  font-size:9px!important;
}
.sp-trending-text_only .sp-trending-item{
  grid-template-columns:32px minmax(0,1fr)!important;
}
.sp-trending-text_only .sp-trending-item:before{
  counter-increment:sp-trend;
}
.sp-trending-text_only .sp-trending-thumb{display:none!important;}
@media(max-width:760px){
  .widget_spillph_trending_posts_widget .trending-box,
  .spillph_trending_posts_widget .trending-box,
  .sp-trend-engine.trending-box{padding:18px 16px!important;border-radius:16px!important;}
  .widget_spillph_trending_posts_widget .sp-trending-item,
  .spillph_trending_posts_widget .sp-trending-item,
  .sp-trend-engine .sp-trending-item{grid-template-columns:78px minmax(0,1fr)!important;gap:14px!important;}
  .widget_spillph_trending_posts_widget .sp-trending-thumb,
  .spillph_trending_posts_widget .sp-trending-thumb,
  .sp-trend-engine .sp-trending-thumb{width:78px!important;height:78px!important;}
}


/* ==================================================
   SPILLPH v6.4.2 — Sidebar Widget Heading Typography & Divider Sync Fix
   - Follow SPILLPH and Trending Now widget headings inherit Latest Stories / Homepage Post Titles typography family/weight/color.
   - Adds red accent + one long divider line under Follow SPILLPH.
   - Fixes Trending Now double divider into one long divider only.
================================================== */
.spillph-follow-title,
.widget_spillph_trending_posts_widget .trending-title,
.spillph_trending_posts_widget .trending-title,
.sp-trend-engine .trending-title{
  font-family:var(--sp-post-title-homepage-font,var(--heading-font))!important;
  font-weight:var(--sp-post-title-homepage-weight,900)!important;
  font-style:var(--sp-post-title-homepage-style,normal)!important;
  letter-spacing:var(--sp-post-title-homepage-letter-spacing,-.02em)!important;
  text-decoration:var(--sp-post-title-homepage-decoration,none)!important;
  color:var(--sp-post-title-homepage-color,#111827)!important;
}
.spillph-follow-title,
.widget_spillph_trending_posts_widget .trending-title,
.spillph_trending_posts_widget .trending-title,
.sp-trend-engine .trending-title{
  font-size:clamp(14px, calc(var(--sp-post-title-homepage-size,34px) * .44), 22px)!important;
  line-height:1.12!important;
  text-transform:uppercase!important;
}
.spillph-follow-title{
  position:relative;
  display:flex;
  align-items:center;
  gap:7px;
  margin:0 0 16px!important;
  padding:0 0 14px!important;
  border-bottom:1px solid rgba(15,23,42,.16)!important;
}
.spillph-follow-title:before{
  content:"";
  width:3px;
  height:18px;
  border-radius:999px;
  background:var(--accent,#ff2b2b);
  display:inline-block;
  flex:0 0 auto;
}
/* Keep only one divider line below Trending Now. */
.widget_spillph_trending_posts_widget .sp-trending-head,
.spillph_trending_posts_widget .sp-trending-head,
.sp-trend-engine .sp-trending-head{
  border-bottom:1px solid rgba(15,23,42,.16)!important;
  padding-bottom:14px!important;
  margin-bottom:18px!important;
}
.widget_spillph_trending_posts_widget .sp-trending-head:after,
.spillph_trending_posts_widget .sp-trending-head:after,
.sp-trend-engine .sp-trending-head:after{
  display:none!important;
  content:none!important;
}
/* Trending article titles also follow the homepage post title typography, scaled for sidebar readability. */
.widget_spillph_trending_posts_widget .sp-trending-content h4,
.spillph_trending_posts_widget .sp-trending-content h4,
.sp-trend-engine .sp-trending-content h4,
.widget_spillph_trending_posts_widget .sp-trending-content h4 a,
.spillph_trending_posts_widget .sp-trending-content h4 a,
.sp-trend-engine .sp-trending-content h4 a{
  font-family:var(--sp-post-title-homepage-font,var(--heading-font))!important;
  font-weight:var(--sp-post-title-homepage-weight,900)!important;
  font-style:var(--sp-post-title-homepage-style,normal)!important;
  letter-spacing:var(--sp-post-title-homepage-letter-spacing,-.015em)!important;
  text-decoration:var(--sp-post-title-homepage-decoration,none)!important;
  color:var(--sp-post-title-homepage-color,#111)!important;
}
.widget_spillph_trending_posts_widget .sp-trending-content h4,
.spillph_trending_posts_widget .sp-trending-content h4,
.sp-trend-engine .sp-trending-content h4{
  font-size:clamp(13px, calc(var(--sp-post-title-homepage-size,34px) * .40), 18px)!important;
  line-height:1.22!important;
}
.widget_spillph_trending_posts_widget .sp-trending-content h4 a:hover,
.spillph_trending_posts_widget .sp-trending-content h4 a:hover,
.sp-trend-engine .sp-trending-content h4 a:hover{
  color:var(--sp-latest-story-title-link-hover-color,var(--accent,#ff2b2b))!important;
  text-decoration:var(--sp-latest-story-title-link-hover-decoration,var(--sp-post-title-homepage-decoration,none))!important;
}
body.spillph-dark .spillph-follow-title,
body.spillph-dark .widget_spillph_trending_posts_widget .sp-trending-head,
body.spillph-dark .spillph_trending_posts_widget .sp-trending-head,
body.spillph-dark .sp-trend-engine .sp-trending-head{
  border-bottom-color:rgba(255,255,255,.16)!important;
}


/* ==================================================
   SPILLPH v6.4.3 — Trending Widget Single Divider Final Fix
   Removes the leftover title-level divider so only the long heading divider remains.
================================================== */
.widget_spillph_trending_posts_widget .trending-title,
.spillph_trending_posts_widget .trending-title,
.sp-trend-engine .trending-title{
  border-bottom:0!important;
  padding-bottom:0!important;
  margin-bottom:0!important;
}
.widget_spillph_trending_posts_widget .trending-title:after,
.spillph_trending_posts_widget .trending-title:after,
.sp-trend-engine .trending-title:after{
  display:none!important;
  content:none!important;
}
.widget_spillph_trending_posts_widget .sp-trending-head,
.spillph_trending_posts_widget .sp-trending-head,
.sp-trend-engine .sp-trending-head{
  border-bottom:1px solid rgba(15,23,42,.16)!important;
  padding-bottom:14px!important;
  margin-bottom:18px!important;
}
.widget_spillph_trending_posts_widget .sp-trending-head:after,
.spillph_trending_posts_widget .sp-trending-head:after,
.sp-trend-engine .sp-trending-head:after{
  display:none!important;
  content:none!important;
}


/* SPILLPH v6.4.4 - Author Card widget relocation polish */
.spillph_author_card_widget .sp-author-card{margin-top:0;}
.sp-author-card-label{text-transform:none;}


/* ==================================================
   SPILLPH v6.4.5 — Widget Title Typography Sync & Author Card Label Removal
   - Follow SPILLPH and Trending Now widget headings now follow Typography → Sidebar Widget Titles.
   - Author Card no longer displays the small “About the author” label inside the card.
================================================== */
.spillph-follow-title,
.widget_spillph_trending_posts_widget .trending-title,
.spillph_trending_posts_widget .trending-title,
.sp-trend-engine .trending-title{
  font-family:var(--sp-widgets-titles-font,var(--heading-font))!important;
  font-size:clamp(13px, var(--sp-widgets-titles-size,24px), 24px)!important;
  font-weight:var(--sp-widgets-titles-weight,900)!important;
  font-style:var(--sp-widgets-titles-style,normal)!important;
  letter-spacing:var(--sp-widgets-titles-letter-spacing,-1px)!important;
  text-decoration:var(--sp-widgets-titles-decoration,none)!important;
  color:var(--sp-widgets-titles-color,#111)!important;
  line-height:1.12!important;
  text-transform:uppercase!important;
}
.sp-author-card-label{
  display:none!important;
}


/* ==================================================
   SPILLPH v6.4.6 — SPILL+ Embed Card Compact Typography & Icon Polish
   Compact Raleway typography, lighter weights, smaller headers/details, Font Awesome-friendly icon badges.
================================================== */
.sp-social-embed-card{
  font-family:'Raleway',var(--body-font),Arial,sans-serif!important;
}
.sp-social-embed-card .sp-social-embed-head{
  min-height:0!important;
  padding:11px 18px!important;
  gap:9px!important;
}
.sp-social-embed-card .sp-social-embed-logo{
  width:30px!important;
  height:30px!important;
  border-radius:9px!important;
  font-size:14px!important;
  font-weight:400!important;
  line-height:1!important;
  text-shadow:none!important;
}
.sp-social-embed-card .sp-social-embed-logo i{
  font-size:14px!important;
  line-height:1!important;
  font-weight:400!important;
}
.sp-social-embed-card .sp-social-embed-head strong{
  font-family:'Raleway',var(--body-font),Arial,sans-serif!important;
  font-size:13px!important;
  line-height:1.15!important;
  font-weight:500!important;
  letter-spacing:.02em!important;
  text-transform:none!important;
}
.sp-social-embed-card .sp-social-embed-head em,
.sp-social-embed-card .sp-social-embed-head em a{
  font-family:'Raleway',var(--body-font),Arial,sans-serif!important;
  font-size:10px!important;
  line-height:1.2!important;
  font-weight:500!important;
  letter-spacing:.035em!important;
  text-transform:uppercase!important;
}
.sp-social-embed-card .sp-social-embed-accent{height:3px!important}
.sp-social-embed-body,
.sp-social-embed-card.sp-social-embed-tiktok-split .sp-social-embed-official-split-body{
  padding:14px!important;
  gap:14px!important;
}
.sp-social-official-details,
.sp-social-embed-card.sp-social-embed-tiktok-split .sp-social-official-details{
  padding:0 0 0 14px!important;
}
.sp-social-official-details h3,
.sp-social-embed-card.sp-social-embed-tiktok-split .sp-social-official-details h3,
.sp-social-facebook-details h3,
.sp-social-youtube-details h3,
.sp-social-x-details h3{
  font-family:'Raleway',var(--body-font),Arial,sans-serif!important;
  font-size:10px!important;
  line-height:1.15!important;
  font-weight:500!important;
  letter-spacing:.04em!important;
  margin:0 0 7px!important;
  padding-bottom:7px!important;
  text-transform:uppercase!important;
}
.sp-social-detail-row,
.sp-social-embed-card.sp-social-embed-tiktok-split .sp-social-detail-row{
  gap:8px!important;
  padding:7px 0!important;
}
.sp-social-detail-icon,
.sp-social-embed-card.sp-social-embed-tiktok-split .sp-social-detail-icon{
  width:24px!important;
  height:24px!important;
  min-width:24px!important;
  border-radius:999px!important;
  font-size:11px!important;
  font-weight:400!important;
  text-shadow:none!important;
}
.sp-social-detail-icon i{font-size:11px!important;line-height:1!important;font-weight:400!important}
.sp-social-detail-row em,
.sp-social-embed-card.sp-social-embed-tiktok-split .sp-social-detail-row em,
.sp-social-facebook-detail-row em,
.sp-social-youtube-detail-row em{
  font-family:'Raleway',var(--body-font),Arial,sans-serif!important;
  font-size:10px!important;
  line-height:1.2!important;
  font-weight:400!important;
  letter-spacing:.025em!important;
  margin-bottom:2px!important;
  text-transform:none!important;
}
.sp-social-detail-row strong,
.sp-social-embed-card.sp-social-embed-tiktok-split .sp-social-detail-row strong,
.sp-social-facebook-detail-row strong,
.sp-social-youtube-detail-row strong{
  font-family:'Raleway',var(--body-font),Arial,sans-serif!important;
  font-size:13px!important;
  line-height:1.35!important;
  font-weight:400!important;
  letter-spacing:0!important;
}
.sp-social-detail-row strong a,
.sp-social-facebook-detail-row strong a,
.sp-social-youtube-detail-row strong a{
  font-weight:500!important;
}
.sp-social-youtube-details,
.sp-social-facebook-details{
  padding:12px 18px 14px!important;
}
.sp-social-youtube-detail-row,
.sp-social-facebook-detail-row{
  grid-template-columns:82px 1fr!important;
  gap:10px!important;
  padding:7px 0!important;
}
.sp-social-youtube-player-wrap,
.sp-social-facebook-player-wrap{
  padding:14px 18px 0!important;
}
.sp-social-facebook-official-wrap,
.sp-social-tiktok-official-wrap{
  padding:10px!important;
}
.sp-social-embed-placeholder{
  font-family:'Raleway',var(--body-font),Arial,sans-serif!important;
  font-weight:400!important;
  padding:24px 18px!important;
}
.sp-social-embed-placeholder strong{font-size:13px!important;font-weight:500!important}
.sp-social-embed-placeholder em{font-size:11px!important;font-weight:400!important}
.sp-social-embed-content,
.sp-social-embed-caption,
.sp-social-embed-tags,
.sp-social-embed-time,
.sp-social-embed-user strong,
.sp-social-embed-user em,
.sp-social-embed-engagement,
.sp-social-embed-engagement strong,
.sp-social-embed-engagement em{
  font-family:'Raleway',var(--body-font),Arial,sans-serif!important;
}
.sp-social-embed-user strong{font-size:13px!important;font-weight:500!important}
.sp-social-embed-user em{font-size:11px!important;font-weight:400!important}
.sp-social-embed-caption{font-size:13px!important;font-weight:400!important;line-height:1.4!important}
.sp-social-embed-tags{font-size:12px!important;font-weight:400!important;line-height:1.35!important}
.sp-social-embed-time{font-size:11px!important;font-weight:400!important}
@media(max-width:780px){
  .sp-social-embed-card .sp-social-embed-head{padding:10px 14px!important}
  .sp-social-embed-body,.sp-social-embed-card.sp-social-embed-tiktok-split .sp-social-embed-official-split-body{padding:12px!important}
  .sp-social-youtube-player-wrap,.sp-social-facebook-player-wrap{padding:12px 14px 0!important}
  .sp-social-youtube-details,.sp-social-facebook-details{padding:12px 14px!important}
  .sp-social-youtube-detail-row,.sp-social-facebook-detail-row{grid-template-columns:1fr!important;gap:3px!important}
}


/* ==================================================
   SPILLPH v6.4.7 — SPILL+ Embed Card Font Awesome Brand Icon Enforcement
   Force official Font Awesome brand icons in all social embed card headers/placeholders.
================================================== */
.sp-social-embed-card .sp-social-embed-logo,
.sp-social-embed-card .sp-social-detail-icon{
  font-family:inherit!important;
}
.sp-social-embed-card .sp-social-embed-logo i.fa-brands,
.sp-social-embed-card .sp-social-embed-logo i.fa-solid,
.sp-social-embed-card .sp-social-detail-icon i.fa-brands,
.sp-social-embed-card .sp-social-detail-icon i.fa-solid,
.sp-social-embed-card .sp-social-detail-icon i.fa-regular{
  font-family:"Font Awesome 6 Brands","Font Awesome 6 Free"!important;
  font-size:14px!important;
  font-style:normal!important;
  font-weight:400!important;
  line-height:1!important;
  text-shadow:none!important;
}
.sp-social-embed-card .sp-social-detail-icon i.fa-solid,
.sp-social-embed-card .sp-social-detail-icon i.fa-regular{
  font-family:"Font Awesome 6 Free"!important;
}
.sp-social-embed-logo-facebook{font-size:14px!important;font-family:inherit!important}
.sp-social-embed-logo-youtube{font-size:14px!important}
.sp-social-embed-logo-tiktok{font-size:14px!important;text-shadow:none!important}
.sp-social-embed-placeholder span i{display:inline-block}
.sp-social-editor-official-badge i{width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,#833ab4,#fd1d1d,#fcb045);color:#fff;display:flex!important;align-items:center;justify-content:center;font-size:16px!important;font-weight:400!important;box-shadow:0 8px 18px rgba(225,29,46,.16)}
.sp-social-editor-official-badge i.fa-youtube{background:#ff0000}.sp-social-editor-official-badge i.fa-tiktok{background:#050505}.sp-social-editor-official-badge i.fa-facebook-f{background:#1877f2}.sp-social-editor-official-badge i.fa-instagram{background:linear-gradient(135deg,#833ab4,#fd1d1d,#fcb045)}
.sp-social-editor-head .sp-social-editor-logo i.fa-youtube{color:#fff}.sp-social-editor-logo:has(.fa-youtube){background:#ff0000}.sp-social-editor-logo:has(.fa-tiktok){background:#050505}.sp-social-editor-logo:has(.fa-facebook-f){background:#1877f2}.sp-social-editor-logo:has(.fa-instagram){background:linear-gradient(135deg,#833ab4,#fd1d1d,#fcb045)}


/* ================================
   SPILLPH v6.5.0 - Category & Tag Archive Premium Redesign
   Recommended archive hero image: 1920x600px
================================ */
.sp-archive-premium{margin-top:8px}
.sp-archive-hero{position:relative;overflow:hidden;border-radius:32px;min-height:300px;background:linear-gradient(135deg,#111 0%,#2b0b0b 55%,var(--accent) 130%);box-shadow:var(--shadow);display:flex;align-items:flex-end;margin-bottom:26px;color:#fff}
.sp-archive-hero.has-image{background-size:cover;background-position:center center}
.sp-archive-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.86),rgba(0,0,0,.50) 48%,rgba(0,0,0,.18));z-index:0}
.sp-archive-hero-inner{position:relative;z-index:1;padding:38px;max-width:850px}
.sp-archive-breadcrumb{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:14px;padding:var(--sp-breadcrumb-padding-y,0) var(--sp-breadcrumb-padding-x,0);border-radius:var(--sp-breadcrumb-radius,0);background:var(--sp-breadcrumb-bg,transparent);border:1px solid var(--sp-breadcrumb-border,transparent);color:var(--sp-breadcrumb-text,var(--sp-breadcrumbs-color,rgba(255,255,255,.74)));font-family:var(--sp-breadcrumbs-font,var(--body-font));font-size:var(--sp-breadcrumbs-size,13px);font-weight:var(--sp-breadcrumbs-weight,500);font-style:var(--sp-breadcrumbs-style,normal);text-decoration:var(--sp-breadcrumbs-decoration,none);letter-spacing:var(--sp-breadcrumbs-letter-spacing,0);line-height:1.45}
.sp-archive-breadcrumb a{color:var(--sp-breadcrumb-link,var(--sp-breadcrumbs-color,#fff));text-decoration:none}.sp-archive-breadcrumb a:hover{color:var(--sp-breadcrumb-hover,var(--accent))}.sp-archive-breadcrumb .sp-breadcrumb-sep{color:var(--sp-breadcrumb-separator,rgba(255,255,255,.65));opacity:.9}.sp-archive-breadcrumb .sp-breadcrumb-current{color:var(--sp-breadcrumb-text,var(--sp-breadcrumbs-color,rgba(255,255,255,.74)));opacity:.9}
.sp-archive-kicker{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:8px 12px;font-size:11px;font-weight:950;text-transform:uppercase;letter-spacing:.1em;margin-bottom:12px;color:#fff}
.sp-archive-kicker i{color:var(--accent)}
.sp-archive-title{font-family:var(--heading-font);font-size:clamp(42px,6vw,82px);line-height:.92;letter-spacing:-.055em;margin:0 0 14px;font-weight:950;color:#fff}
.sp-archive-desc{max-width:720px;font-size:17px;line-height:1.55;color:rgba(255,255,255,.84);margin:0 0 18px}
.sp-archive-meta{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.sp-archive-pill{display:inline-flex;align-items:center;gap:8px;background:#fff;color:#111;border-radius:999px;padding:9px 13px;font-size:12px;font-weight:950;box-shadow:0 12px 28px rgba(0,0,0,.14)}
.sp-archive-pill.is-accent{background:var(--accent);color:#fff}
.sp-archive-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:24px;align-items:start}
.sp-archive-main{min-width:0}.sp-archive-section-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 16px}.sp-archive-section-title{font-family:var(--heading-font);font-size:28px;letter-spacing:-.04em;margin:0;font-weight:950}.sp-archive-section-label{color:var(--accent);font-size:12px;font-weight:950;text-transform:uppercase;letter-spacing:.08em}
.sp-archive-featured{background:#fff;border-radius:28px;overflow:hidden;box-shadow:var(--shadow);margin-bottom:28px;display:grid;grid-template-columns:1.15fr .85fr;min-height:330px}.sp-archive-featured-thumb{background:#111;min-height:330px}.sp-archive-featured-thumb img{width:100%;height:100%;object-fit:cover}.sp-archive-featured-body{padding:30px;display:flex;flex-direction:column;justify-content:center}.sp-archive-featured-badge{display:inline-flex;width:max-content;background:rgba(255,43,43,.10);color:var(--accent);border-radius:999px;padding:8px 12px;font-size:11px;font-weight:950;text-transform:uppercase;letter-spacing:.08em;margin-bottom:12px}.sp-archive-featured-title{font-family:var(--heading-font);font-size:clamp(30px,3vw,48px);line-height:1;letter-spacing:-.05em;margin:0 0 12px;font-weight:950}.sp-archive-featured-excerpt{font-size:15px;line-height:1.55;color:#555;margin:0 0 18px}.sp-archive-featured-meta{font-size:12px;color:#777;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.sp-archive-featured-read{margin-top:18px;display:inline-flex;width:max-content;align-items:center;gap:8px;background:#111;color:#fff;border-radius:999px;padding:11px 15px;font-size:12px;font-weight:950}
.sp-archive-list{display:grid;gap:16px}.sp-archive-list .latest-story-item{background:#fff;border-radius:22px;padding:12px;box-shadow:var(--shadow);display:grid;grid-template-columns:170px 1fr;gap:16px;align-items:center}.sp-archive-list .latest-story-thumb{border-radius:16px;overflow:hidden;background:#111;min-height:115px}.sp-archive-list .latest-story-thumb img{width:100%;height:100%;object-fit:cover}.sp-archive-list .latest-story-cat{display:inline-flex;background:rgba(255,43,43,.10);color:var(--accent);border-radius:999px;padding:5px 9px;font-size:10px;font-weight:950;text-transform:uppercase;letter-spacing:.06em}.sp-archive-list .latest-story-title{font-size:24px;margin:7px 0 5px}.sp-archive-list .latest-story-meta{color:#777;font-size:12px;font-weight:800;text-transform:uppercase}.sp-archive-list .latest-story-excerpt{color:#555;font-size:14px;line-height:1.45;margin-top:7px}
.sp-archive-sidebar{display:grid;gap:18px;position:sticky;top:104px}.sp-archive-panel{background:#fff;border-radius:24px;padding:20px;box-shadow:var(--shadow)}.sp-archive-panel-title{display:flex;align-items:center;gap:8px;margin:0 0 14px;font-family:var(--heading-font);font-size:20px;font-weight:950;letter-spacing:-.035em}.sp-archive-panel-title:before{content:"";width:4px;height:18px;border-radius:999px;background:var(--accent);display:inline-block}.sp-archive-stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.sp-archive-stat{background:#f5f5f6;border-radius:16px;padding:14px}.sp-archive-stat strong{display:block;font-size:22px;font-weight:950;letter-spacing:-.04em}.sp-archive-stat span{font-size:11px;color:#666;font-weight:900;text-transform:uppercase;letter-spacing:.06em}.sp-archive-tags{display:flex;gap:8px;flex-wrap:wrap}.sp-archive-tags a{background:#f3f4f6;border-radius:999px;padding:8px 10px;font-size:12px;font-weight:900;color:#111}.sp-archive-empty{background:#fff;border-radius:24px;padding:30px;text-align:center;box-shadow:var(--shadow);font-weight:800;color:#666}.sp-archive-pagination{margin:28px 0 0;display:flex;justify-content:center}.sp-archive-pagination .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:38px;height:38px;margin:0 4px;padding:0 12px;border-radius:999px;background:#fff;color:#111;font-weight:900;box-shadow:0 8px 24px rgba(0,0,0,.06)}.sp-archive-pagination .current{background:var(--accent);color:#fff}
body.spillph-dark .sp-archive-featured,body.spillph-dark .sp-archive-list .latest-story-item,body.spillph-dark .sp-archive-panel,body.spillph-dark .sp-archive-empty,body.spillph-dark .sp-archive-pagination .page-numbers{background:#1c1c1f;color:#f4f4f5}body.spillph-dark .sp-archive-featured-excerpt,body.spillph-dark .sp-archive-list .latest-story-excerpt,body.spillph-dark .sp-archive-stat span{color:#bbb}body.spillph-dark .sp-archive-stat,body.spillph-dark .sp-archive-tags a{background:#111;color:#f4f4f5}
@media(max-width:1050px){.sp-archive-layout{grid-template-columns:1fr}.sp-archive-sidebar{position:static;grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.sp-archive-hero{border-radius:24px;min-height:230px}.sp-archive-hero-inner{padding:26px}.sp-archive-desc{font-size:15px}.sp-archive-featured{grid-template-columns:1fr}.sp-archive-featured-thumb{min-height:220px}.sp-archive-featured-body{padding:22px}.sp-archive-list .latest-story-item{grid-template-columns:112px 1fr;gap:12px}.sp-archive-list .latest-story-thumb{min-height:88px}.sp-archive-list .latest-story-title{font-size:18px}.sp-archive-list .latest-story-excerpt{display:none}.sp-archive-sidebar{grid-template-columns:1fr}.sp-archive-stat-grid{grid-template-columns:1fr 1fr}}


/*
   SPILLPH v6.5.1 - Archive Layout Alignment Fix
   Aligns Category/Tag archives with the selected traditional news portal mockup.
*/
.sp-archive-news-layout{max-width:1280px;margin:18px auto 0;padding:0 20px 34px}
.sp-archive-news-layout .sp-archive-hero{border-radius:0;min-height:285px;margin:0 0 26px;box-shadow:none;border:0;background:linear-gradient(135deg,#111 0%,#2b0b0b 60%,var(--accent) 145%)}
.sp-archive-news-layout .sp-archive-hero:before{background:linear-gradient(90deg,rgba(0,0,0,.82),rgba(0,0,0,.48) 52%,rgba(0,0,0,.16))}
.sp-archive-news-layout .sp-archive-hero-inner{padding:34px 38px;max-width:820px}
.sp-archive-news-layout .sp-archive-breadcrumb{margin-bottom:12px}
.sp-archive-news-layout .sp-archive-kicker{background:var(--accent);border:0;border-radius:0;padding:7px 10px;font-size:10px;color:#fff;margin-bottom:14px;box-shadow:none}
.sp-archive-news-layout .sp-archive-kicker i{color:#fff}
.sp-archive-news-layout .sp-archive-title{font-size:clamp(38px,5vw,64px);line-height:1;letter-spacing:-.045em;margin-bottom:12px}
.sp-archive-news-layout .sp-archive-desc{font-size:16px;line-height:1.55;max-width:680px;margin-bottom:16px}
.sp-archive-news-layout .sp-archive-pill{border-radius:0;padding:8px 11px;box-shadow:none;font-size:11px;border:1px solid rgba(255,255,255,.22)}
.sp-archive-news-layout .sp-archive-pill:not(.is-accent){background:rgba(255,255,255,.94)}
.sp-archive-news-layout .sp-archive-layout{grid-template-columns:minmax(0,1fr) 320px;gap:28px;align-items:start}
.sp-archive-news-layout .sp-archive-section-head{border-bottom:2px solid #111;padding:0 0 10px;margin:0 0 14px;align-items:end}
.sp-archive-news-layout .sp-archive-section-title{font-size:22px;letter-spacing:-.025em;text-transform:uppercase;font-weight:900;display:flex;align-items:center;gap:9px}
.sp-archive-news-layout .sp-archive-section-title:before{content:"";width:5px;height:20px;border-radius:0;background:var(--accent);display:inline-block}
.sp-archive-news-layout .sp-archive-section-label{font-size:11px;color:#777;letter-spacing:.07em}
.sp-archive-news-layout .sp-archive-featured{display:none!important}
.sp-archive-news-layout .sp-archive-list{display:block;background:#fff;border:1px solid #e8e8e8;border-top:0;box-shadow:none}
.sp-archive-news-layout .sp-archive-list .latest-story-item{display:grid;grid-template-columns:220px minmax(0,1fr);gap:18px;align-items:start;background:#fff;border-radius:0;box-shadow:none;padding:18px;border:0;border-top:1px solid #e8e8e8}
.sp-archive-news-layout .sp-archive-list .latest-story-item:first-child{border-top:0}
.sp-archive-news-layout .sp-archive-list .latest-story-thumb{border-radius:0;min-height:135px;aspect-ratio:16/9;background:#111}
.sp-archive-news-layout .sp-archive-list .latest-story-thumb img{width:100%;height:100%;object-fit:cover}
.sp-archive-news-layout .sp-archive-list .latest-story-cat{border-radius:0;background:var(--accent);color:#fff;padding:4px 7px;font-size:10px;letter-spacing:.06em;font-weight:900}
.sp-archive-news-layout .sp-archive-list .latest-story-title{font-size:24px;line-height:1.08;letter-spacing:-.025em;margin:8px 0 6px;font-weight:900}
.sp-archive-news-layout .sp-archive-list .latest-story-meta{font-size:11px;color:#777;font-weight:800;letter-spacing:.04em}
.sp-archive-news-layout .sp-archive-list .latest-story-excerpt{font-size:14px;line-height:1.5;color:#555;margin-top:8px}
.sp-archive-news-layout .sp-archive-sidebar{gap:16px;top:96px}
.sp-archive-news-layout .sp-archive-panel{border-radius:0;box-shadow:none;border:1px solid #e8e8e8;background:#fff;padding:18px}
.sp-archive-news-layout .sp-archive-panel-title{font-size:16px;text-transform:uppercase;letter-spacing:-.01em;border-bottom:2px solid #111;padding-bottom:9px;margin-bottom:14px}
.sp-archive-news-layout .sp-archive-panel-title:before{width:5px;height:16px;border-radius:0}
.sp-archive-news-layout .sp-archive-stat{border-radius:0;background:#f6f6f6;border:1px solid #ededed;padding:12px}
.sp-archive-news-layout .sp-archive-stat strong{font-size:20px}
.sp-archive-news-layout .sp-archive-tags a{border-radius:0;font-size:12px;background:#f6f6f6;border:1px solid #ededed}
.sp-archive-news-layout .sp-archive-empty{border-radius:0;box-shadow:none;border:1px solid #e8e8e8;background:#fff}
.sp-archive-news-layout .sp-archive-pagination .page-numbers{border-radius:0;box-shadow:none;border:1px solid #e8e8e8;background:#fff}
body.spillph-dark .sp-archive-news-layout .sp-archive-section-head{border-bottom-color:#f4f4f5}
body.spillph-dark .sp-archive-news-layout .sp-archive-list,body.spillph-dark .sp-archive-news-layout .sp-archive-list .latest-story-item,body.spillph-dark .sp-archive-news-layout .sp-archive-panel,body.spillph-dark .sp-archive-news-layout .sp-archive-empty,body.spillph-dark .sp-archive-news-layout .sp-archive-pagination .page-numbers{background:#1c1c1f;border-color:#333;color:#f4f4f5}
body.spillph-dark .sp-archive-news-layout .sp-archive-stat,body.spillph-dark .sp-archive-news-layout .sp-archive-tags a{background:#111;border-color:#333;color:#f4f4f5}
@media(max-width:1050px){.sp-archive-news-layout .sp-archive-layout{grid-template-columns:1fr}.sp-archive-news-layout .sp-archive-sidebar{position:static;grid-template-columns:repeat(2,minmax(0,1fr));display:grid}}
@media(max-width:760px){.sp-archive-news-layout{padding:0 14px 28px;margin-top:12px}.sp-archive-news-layout .sp-archive-hero{min-height:230px;margin-bottom:20px}.sp-archive-news-layout .sp-archive-hero-inner{padding:24px 22px}.sp-archive-news-layout .sp-archive-title{font-size:38px}.sp-archive-news-layout .sp-archive-desc{font-size:14px}.sp-archive-news-layout .sp-archive-layout{gap:20px}.sp-archive-news-layout .sp-archive-list .latest-story-item{grid-template-columns:112px minmax(0,1fr);gap:12px;padding:13px}.sp-archive-news-layout .sp-archive-list .latest-story-thumb{min-height:78px}.sp-archive-news-layout .sp-archive-list .latest-story-title{font-size:17px;line-height:1.14}.sp-archive-news-layout .sp-archive-list .latest-story-excerpt{display:none}.sp-archive-news-layout .sp-archive-sidebar{grid-template-columns:1fr}.sp-archive-news-layout .sp-archive-section-title{font-size:18px}.sp-archive-news-layout .sp-archive-section-label{display:none}}

/* ================================
   SPILLPH v6.5.2 - Archive Setup Controls
   Theme Options synced controls for Category/Tag/Archive pages.
================================ */
.sp-archive-news-layout .sp-archive-hero{min-height:var(--archive-hero-h,285px)}
.sp-archive-news-layout.archive-no-sidebar .sp-archive-layout{grid-template-columns:minmax(0,1fr)}
.sp-archive-news-layout.archive-no-sidebar .sp-archive-main{max-width:980px;width:100%;margin:0 auto}
.sp-archive-news-layout.archive-hide-thumbnail .sp-archive-list .latest-story-item{grid-template-columns:minmax(0,1fr)}
.sp-archive-news-layout.archive-hide-thumbnail .sp-archive-list .latest-story-thumb{display:none!important}
.sp-archive-news-layout.archive-hide-category .sp-archive-list .latest-story-cat{display:none!important}
.sp-archive-news-layout.archive-hide-meta .sp-archive-list .latest-story-meta{display:none!important}
.sp-archive-news-layout.archive-hide-excerpt .sp-archive-list .latest-story-excerpt{display:none!important}
.sp-archive-news-layout .sp-sidebar-area{position:static!important;top:auto!important;background:transparent;border:0;padding:0;box-shadow:none}
.sp-archive-news-layout .sp-sidebar-area .widget,.sp-archive-news-layout .sp-sidebar-placeholder{background:#fff;border:1px solid #e8e8e8;padding:18px;margin:0 0 16px;box-shadow:none;border-radius:0}
@media(max-width:1050px){.sp-archive-news-layout .sp-archive-hero{min-height:var(--archive-hero-h-tablet,250px)}}
@media(max-width:760px){.sp-archive-news-layout .sp-archive-hero{min-height:var(--archive-hero-h-mobile,230px)}.sp-archive-news-layout.archive-hide-thumbnail .sp-archive-list .latest-story-item{grid-template-columns:minmax(0,1fr)}}
body.spillph-dark .sp-archive-news-layout .sp-sidebar-area .widget,body.spillph-dark .sp-archive-news-layout .sp-sidebar-placeholder{background:#1c1c1f;border-color:#333;color:#f4f4f5}


/* ================================
   SPILLPH v6.5.3 - Archive Global Design Sync
   Syncs archive Category Pills, Latest Stories typography, sidebar module typography, accents, and radii with existing SPILLPH homepage/theme controls.
================================ */
.sp-archive-news-layout{
  --sp-archive-card-radius:var(--sp-global-radius,14px);
  --sp-archive-accent:var(--accent,#ff2b2b);
}

/* 1. Archive Category Pills follow the same global Category Pill system used on homepage. */
.sp-archive-news-layout .sp-archive-list .latest-story-cat,
.sp-archive-news-layout .sp-archive-list a.latest-story-cat,
.sp-archive-news-layout .sp-archive-list span.latest-story-cat{
  display:inline-block!important;
  background:var(--sp-category-pill-bg,var(--accent,#ff2b2b))!important;
  color:var(--sp-category-pill-text,#fff)!important;
  border:1px solid var(--sp-category-pill-border,transparent)!important;
  border-radius:var(--sp-category-pill-radius,999px)!important;
  padding:var(--sp-category-pill-padding-y,6px) var(--sp-category-pill-padding-x,12px)!important;
  font-family:var(--sp-trend-engine-category-font,var(--body-font))!important;
  font-size:var(--sp-trend-engine-category-size,11px)!important;
  font-weight:var(--sp-trend-engine-category-weight,700)!important;
  font-style:var(--sp-trend-engine-category-style,normal)!important;
  text-decoration:var(--sp-trend-engine-category-decoration,none)!important;
  letter-spacing:var(--sp-trend-engine-category-letter-spacing,.06em)!important;
  text-transform:uppercase!important;
}
.sp-archive-news-layout .sp-archive-list .latest-story-cat:hover{
  background:var(--sp-category-pill-hover-bg,var(--sp-category-pill-bg,var(--accent,#ff2b2b)))!important;
  color:var(--sp-category-pill-hover-text,var(--sp-category-pill-text,#fff))!important;
}

/* 2. Archive Latest Stories follows Homepage Latest Stories typography. */
.sp-archive-news-layout .sp-archive-section-title{
  color:var(--sp-blocks-titles-color,#111)!important;
  font-family:var(--sp-blocks-titles-font,var(--heading-font))!important;
  font-size:var(--sp-blocks-titles-size,22px)!important;
  font-weight:var(--sp-blocks-titles-weight,900)!important;
  font-style:var(--sp-blocks-titles-style,normal)!important;
  text-decoration:var(--sp-blocks-titles-decoration,none)!important;
  letter-spacing:var(--sp-blocks-titles-letter-spacing,-.025em)!important;
  text-transform:uppercase!important;
}
.sp-archive-news-layout .sp-archive-list .latest-story-title{
  color:var(--sp-post-title-homepage-color,#111)!important;
  font-family:var(--sp-post-title-homepage-font,var(--heading-font))!important;
  font-size:var(--sp-post-title-homepage-size,34px)!important;
  font-weight:var(--sp-post-title-homepage-weight,900)!important;
  font-style:var(--sp-post-title-homepage-style,normal)!important;
  text-decoration:var(--sp-post-title-homepage-decoration,none)!important;
  letter-spacing:var(--sp-post-title-homepage-letter-spacing,0px)!important;
  line-height:1.08!important;
}
.sp-archive-news-layout .sp-archive-list .latest-story-meta{
  color:var(--sp-post-meta-color,#777)!important;
  font-family:var(--sp-post-meta-font,var(--body-font))!important;
  font-size:var(--sp-post-meta-size,13px)!important;
  font-weight:var(--sp-post-meta-weight,400)!important;
  font-style:var(--sp-post-meta-style,normal)!important;
  text-decoration:var(--sp-post-meta-decoration,none)!important;
  letter-spacing:var(--sp-post-meta-letter-spacing,0px)!important;
}
.sp-archive-news-layout .sp-archive-list .latest-story-excerpt{
  color:var(--sp-article-excerpt-color,#555)!important;
  font-family:var(--sp-article-excerpt-font,var(--sp-post-entry-font,var(--body-font)))!important;
  font-size:var(--sp-article-excerpt-size,16px)!important;
  font-weight:var(--sp-article-excerpt-weight,400)!important;
  font-style:var(--sp-article-excerpt-style,normal)!important;
  text-decoration:var(--sp-article-excerpt-decoration,none)!important;
  letter-spacing:var(--sp-article-excerpt-letter-spacing,0px)!important;
  line-height:1.6!important;
}

/* 3. Built-in archive sidebar modules follow the Trending Now visual typography. */
.sp-archive-news-layout .sp-archive-panel-title{
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
  margin:0 0 18px!important;
  padding:0 0 14px!important;
  border:0!important;
  position:relative!important;
  color:#111!important;
  font-size:14px!important;
  line-height:1.1!important;
  font-weight:900!important;
  letter-spacing:-.02em!important;
  text-transform:uppercase!important;
}
.sp-archive-news-layout .sp-archive-panel-title:after{
  content:"";
  position:absolute;
  left:0;
  bottom:0;
  width:112px;
  height:1px;
  background:#e5e7eb;
}
.sp-archive-news-layout .sp-archive-panel-title:before,
.sp-archive-news-layout .sp-archive-section-title:before{
  content:""!important;
  width:3px!important;
  height:18px!important;
  border-radius:999px!important;
  background:var(--accent,#ff2b2b)!important;
  display:inline-block!important;
  flex:0 0 auto!important;
}
.sp-archive-news-layout .sp-archive-panel,
.sp-archive-news-layout .sp-archive-panel p,
.sp-archive-news-layout .sp-archive-stat span{
  font-family:var(--sp-trend-engine-meta-font,var(--body-font))!important;
}
.sp-archive-news-layout .sp-archive-panel p,
.sp-archive-news-layout .sp-archive-stat span{
  color:#8a8f99!important;
  font-size:13px!important;
  font-weight:500!important;
  line-height:1.35!important;
}
.sp-archive-news-layout .sp-archive-stat strong{
  color:#111!important;
  font-family:var(--sp-trend-engine-article-title-font,var(--heading-font))!important;
  font-size:20px!important;
  font-weight:900!important;
}
.sp-archive-news-layout .sp-archive-tags a{
  font-family:var(--sp-trend-engine-category-font,var(--body-font))!important;
  font-size:var(--sp-trend-engine-category-size,12px)!important;
  font-weight:var(--sp-trend-engine-category-weight,700)!important;
  font-style:var(--sp-trend-engine-category-style,normal)!important;
  text-decoration:var(--sp-trend-engine-category-decoration,none)!important;
  letter-spacing:var(--sp-trend-engine-category-letter-spacing,0px)!important;
}

/* 4-5. Archive components inherit global/homepage radius controls instead of archive-only hardcoded corners. */
.sp-archive-news-layout .sp-archive-hero,
.sp-archive-news-layout .sp-archive-list,
.sp-archive-news-layout .sp-archive-list .latest-story-item,
.sp-archive-news-layout .sp-archive-panel,
.sp-archive-news-layout .sp-archive-empty,
.sp-archive-news-layout .sp-sidebar-area .widget,
.sp-archive-news-layout .sp-sidebar-placeholder{
  border-radius:var(--sp-archive-card-radius)!important;
  overflow:hidden;
}
.sp-archive-news-layout .sp-archive-list .latest-story-thumb,
.sp-archive-news-layout .sp-archive-list .latest-story-thumb img{
  border-radius:var(--sp-archive-card-radius)!important;
  overflow:hidden;
}
.sp-archive-news-layout .sp-archive-stat{
  border-radius:calc(var(--sp-archive-card-radius) * .75)!important;
}
.sp-archive-news-layout .sp-archive-tags a{
  border-radius:var(--sp-category-pill-radius,999px)!important;
}
.sp-archive-news-layout .sp-archive-pagination .page-numbers{
  border-radius:var(--sp-archive-card-radius)!important;
}
body.spillph-dark .sp-archive-news-layout .sp-archive-panel-title,
body.spillph-dark .sp-archive-news-layout .sp-archive-stat strong{color:#f4f4f5!important}
body.spillph-dark .sp-archive-news-layout .sp-archive-panel-title:after{background:#333}
@media(max-width:760px){
  .sp-archive-news-layout .sp-archive-list .latest-story-title{font-size:clamp(18px, calc(var(--sp-post-title-homepage-size,34px) * .62), var(--sp-post-title-homepage-size,34px))!important}
}


/* =========================================================
   SPILLPH v6.5.4 - Latest Stories Visual Consistency Fix
   - Archive Latest Stories thumbnail dimensions now match Homepage Latest Stories.
   - Adds Archive Pages typography variable support.
   ========================================================= */
.sp-archive-news-layout .sp-archive-list .latest-story-item{
  grid-template-columns:260px minmax(0,1fr)!important;
  gap:18px!important;
  align-items:start!important;
}
.sp-archive-news-layout .sp-archive-list .latest-story-thumb{
  min-height:0!important;
  aspect-ratio:auto!important;
  border-radius:var(--sp-global-radius,12px)!important;
  overflow:hidden!important;
}
.sp-archive-news-layout .sp-archive-list .latest-story-thumb img{
  width:100%!important;
  height:150px!important;
  object-fit:cover!important;
  border-radius:inherit!important;
  display:block!important;
}
.sp-archive-news-layout .sp-archive-title{
  color:var(--sp-archive-hero-title-color,#fff)!important;
  font-family:var(--sp-archive-hero-title-font,var(--heading-font))!important;
  font-size:var(--sp-archive-hero-title-size,54px)!important;
  font-weight:var(--sp-archive-hero-title-weight,700)!important;
  font-style:var(--sp-archive-hero-title-style,normal)!important;
  text-decoration:var(--sp-archive-hero-title-decoration,none)!important;
  letter-spacing:var(--sp-archive-hero-title-letter-spacing,-1px)!important;
}
.sp-archive-news-layout .sp-archive-desc{
  color:var(--sp-archive-hero-description-color,rgba(255,255,255,.84))!important;
  font-family:var(--sp-archive-hero-description-font,var(--body-font))!important;
  font-size:var(--sp-archive-hero-description-size,16px)!important;
  font-weight:var(--sp-archive-hero-description-weight,400)!important;
  font-style:var(--sp-archive-hero-description-style,normal)!important;
  text-decoration:var(--sp-archive-hero-description-decoration,none)!important;
  letter-spacing:var(--sp-archive-hero-description-letter-spacing,0px)!important;
}
.sp-archive-news-layout .sp-archive-section-title{
  color:var(--sp-archive-section-heading-color,var(--sp-blocks-titles-color,#111))!important;
  font-family:var(--sp-archive-section-heading-font,var(--sp-blocks-titles-font,var(--heading-font)))!important;
  font-size:var(--sp-archive-section-heading-size,22px)!important;
  font-weight:var(--sp-archive-section-heading-weight,700)!important;
  font-style:var(--sp-archive-section-heading-style,normal)!important;
  text-decoration:var(--sp-archive-section-heading-decoration,none)!important;
  letter-spacing:var(--sp-archive-section-heading-letter-spacing,0px)!important;
}
.sp-archive-news-layout .sp-archive-list .latest-story-title{
  color:var(--sp-archive-latest-title-color,var(--sp-post-title-homepage-color,#111))!important;
  font-family:var(--sp-archive-latest-title-font,var(--sp-post-title-homepage-font,var(--heading-font)))!important;
  font-size:var(--sp-archive-latest-title-size,var(--sp-post-title-homepage-size,24px))!important;
  font-weight:var(--sp-archive-latest-title-weight,var(--sp-post-title-homepage-weight,700))!important;
  font-style:var(--sp-archive-latest-title-style,var(--sp-post-title-homepage-style,normal))!important;
  text-decoration:var(--sp-archive-latest-title-decoration,var(--sp-post-title-homepage-decoration,none))!important;
  letter-spacing:var(--sp-archive-latest-title-letter-spacing,var(--sp-post-title-homepage-letter-spacing,0px))!important;
}
.sp-archive-news-layout .sp-archive-list .latest-story-meta{
  color:var(--sp-archive-latest-meta-color,var(--sp-post-meta-color,#777))!important;
  font-family:var(--sp-archive-latest-meta-font,var(--sp-post-meta-font,var(--body-font)))!important;
  font-size:var(--sp-archive-latest-meta-size,var(--sp-post-meta-size,12px))!important;
  font-weight:var(--sp-archive-latest-meta-weight,var(--sp-post-meta-weight,400))!important;
  font-style:var(--sp-archive-latest-meta-style,var(--sp-post-meta-style,normal))!important;
  text-decoration:var(--sp-archive-latest-meta-decoration,var(--sp-post-meta-decoration,none))!important;
  letter-spacing:var(--sp-archive-latest-meta-letter-spacing,var(--sp-post-meta-letter-spacing,0px))!important;
}
.sp-archive-news-layout .sp-archive-list .latest-story-excerpt{
  color:var(--sp-archive-latest-excerpt-color,var(--sp-article-excerpt-color,#555))!important;
  font-family:var(--sp-archive-latest-excerpt-font,var(--sp-article-excerpt-font,var(--body-font)))!important;
  font-size:var(--sp-archive-latest-excerpt-size,var(--sp-article-excerpt-size,14px))!important;
  font-weight:var(--sp-archive-latest-excerpt-weight,var(--sp-article-excerpt-weight,400))!important;
  font-style:var(--sp-archive-latest-excerpt-style,var(--sp-article-excerpt-style,normal))!important;
  text-decoration:var(--sp-archive-latest-excerpt-decoration,var(--sp-article-excerpt-decoration,none))!important;
  letter-spacing:var(--sp-archive-latest-excerpt-letter-spacing,var(--sp-article-excerpt-letter-spacing,0px))!important;
}
.sp-archive-news-layout .sp-archive-panel-title,
.sp-archive-news-layout .trending-widget-title,
.sp-archive-news-layout .sp-trending-title{
  color:var(--sp-archive-sidebar-heading-color,var(--sp-trend-engine-title-color,var(--sp-widgets-titles-color,#111)))!important;
  font-family:var(--sp-archive-sidebar-heading-font,var(--sp-trend-engine-title-font,var(--sp-widgets-titles-font,var(--heading-font))))!important;
  font-size:var(--sp-archive-sidebar-heading-size,var(--sp-trend-engine-title-size,16px))!important;
  font-weight:var(--sp-archive-sidebar-heading-weight,var(--sp-trend-engine-title-weight,700))!important;
  font-style:var(--sp-archive-sidebar-heading-style,var(--sp-trend-engine-title-style,normal))!important;
  text-decoration:var(--sp-archive-sidebar-heading-decoration,var(--sp-trend-engine-title-decoration,none))!important;
  letter-spacing:var(--sp-archive-sidebar-heading-letter-spacing,var(--sp-trend-engine-title-letter-spacing,0px))!important;
}
.sp-archive-news-layout .sp-archive-panel,
.sp-archive-news-layout .sp-archive-stat span,
.sp-archive-news-layout .sp-archive-sidebar p{
  color:var(--sp-archive-sidebar-content-color,var(--sp-trend-engine-meta-color,#555))!important;
  font-family:var(--sp-archive-sidebar-content-font,var(--sp-trend-engine-meta-font,var(--body-font)))!important;
  font-size:var(--sp-archive-sidebar-content-size,var(--sp-trend-engine-meta-size,12px))!important;
  font-weight:var(--sp-archive-sidebar-content-weight,var(--sp-trend-engine-meta-weight,400))!important;
  font-style:var(--sp-archive-sidebar-content-style,var(--sp-trend-engine-meta-style,normal))!important;
  text-decoration:var(--sp-archive-sidebar-content-decoration,var(--sp-trend-engine-meta-decoration,none))!important;
  letter-spacing:var(--sp-archive-sidebar-content-letter-spacing,var(--sp-trend-engine-meta-letter-spacing,0px))!important;
}
.sp-archive-news-layout .sp-archive-tags a{
  color:var(--sp-archive-tag-links-color,var(--sp-trend-engine-category-color,#111))!important;
  font-family:var(--sp-archive-tag-links-font,var(--sp-trend-engine-category-font,var(--body-font)))!important;
  font-size:var(--sp-archive-tag-links-size,var(--sp-trend-engine-category-size,12px))!important;
  font-weight:var(--sp-archive-tag-links-weight,var(--sp-trend-engine-category-weight,700))!important;
  font-style:var(--sp-archive-tag-links-style,var(--sp-trend-engine-category-style,normal))!important;
  text-decoration:var(--sp-archive-tag-links-decoration,var(--sp-trend-engine-category-decoration,none))!important;
  letter-spacing:var(--sp-archive-tag-links-letter-spacing,var(--sp-trend-engine-category-letter-spacing,0px))!important;
}
@media(max-width:768px){
  .sp-archive-news-layout .sp-archive-list .latest-story-item{grid-template-columns:1fr!important}
  .sp-archive-news-layout .sp-archive-list .latest-story-thumb img{height:150px!important}
  .sp-archive-news-layout .sp-archive-list .latest-story-title{font-size:clamp(22px, calc(var(--sp-archive-latest-title-size,var(--sp-post-title-homepage-size,24px)) * .78), var(--sp-archive-latest-title-size,var(--sp-post-title-homepage-size,24px)))!important}
}


/* SPILLPH v6.5.5 - Empty Sidebar Placeholder Frontend Cleanup */
/* Empty sidebar/widget placeholders are now admin-only so visitors never see setup instructions. */


/* SPILLPH v6.6.8 - Archive Breadcrumb Typography Sync */
.sp-archive-premium .sp-archive-breadcrumb,
.sp-archive-premium .sp-archive-breadcrumb.sp-article-breadcrumbs{
  font-family:var(--sp-breadcrumbs-font,var(--body-font));
  font-size:var(--sp-breadcrumbs-size,13px);
  font-weight:var(--sp-breadcrumbs-weight,500);
  font-style:var(--sp-breadcrumbs-style,normal);
  text-decoration:var(--sp-breadcrumbs-decoration,none);
  letter-spacing:var(--sp-breadcrumbs-letter-spacing,0);
  color:var(--sp-breadcrumb-text,var(--sp-breadcrumbs-color,rgba(255,255,255,.76)));
}
.sp-archive-premium .sp-archive-breadcrumb a{color:var(--sp-breadcrumb-link,var(--sp-breadcrumbs-color,#fff));}
.sp-archive-premium .sp-archive-breadcrumb a:hover{color:var(--sp-breadcrumb-hover,var(--accent));}
.sp-archive-premium .sp-archive-breadcrumb .sp-breadcrumb-sep{color:var(--sp-breadcrumb-separator,rgba(255,255,255,.65));}
.sp-archive-premium .sp-archive-breadcrumb .sp-breadcrumb-current{color:var(--sp-breadcrumb-text,var(--sp-breadcrumbs-color,rgba(255,255,255,.76)));}

/* SPILLPH v6.6.8 — Archive Breadcrumb Inside Hero */
.sp-archive-hero .sp-archive-breadcrumb-inside-hero{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:8px;
  margin:0 0 12px!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  position:relative;
  z-index:2;
}
.sp-archive-hero .sp-archive-breadcrumb-inside-hero a,
.sp-archive-hero .sp-archive-breadcrumb-inside-hero span{
  color:inherit;
}
.sp-archive-hero .sp-archive-breadcrumb-inside-hero .sp-breadcrumb-sep{
  opacity:.72;
}
.sp-archive-premium > .sp-archive-breadcrumb,
.sp-archive-news-layout > .sp-archive-breadcrumb{
  display:none;
}
@media(max-width:768px){
  .sp-archive-hero .sp-archive-breadcrumb-inside-hero{
    margin-bottom:10px!important;
  }
}

/* SPILLPH v6.6.8 — Built-in Article View Counter */
.sp-post-views-meta,
.sp-latest-card-views{
  display:inline-flex;
  align-items:center;
  gap:4px;
}
.sp-latest-card-views i,
.sp-post-views-meta i{
  font-size:.95em;
}
.latest-story-meta .latest-story-meta-sep{
  opacity:.55;
  margin:0 3px;
}

/* SPILLPH v6.6.8 — Single Article View Count Meta Display Fix */
.sp-single-meta-items .sp-meta-views{display:inline-flex;align-items:center;gap:5px;white-space:nowrap;}
.sp-single-meta-items .sp-meta-views i,.sp-single-meta-items .sp-meta-views svg{font-size:inherit;line-height:1;}

/* ==================================================
   SPILLPH v6.6.8 — Trending Now Rectangular Thumbnail Layout
   - Applies to built-in Trending Now and SPILLPH Trending Posts widget.
   - Converts thumbnails from square to compact 16:9 rectangles.
   - Preserves rank badge overlay, object-fit crop, and existing global radius behavior.
================================================== */
.widget_spillph_trending_posts_widget .sp-trending-item,
.spillph_trending_posts_widget .sp-trending-item,
.sp-trend-engine .sp-trending-item,
.sp-trending-premium_card .sp-trending-item{
  grid-template-columns:96px minmax(0,1fr)!important;
  gap:15px!important;
  align-items:start!important;
}
.widget_spillph_trending_posts_widget .sp-trending-thumb,
.spillph_trending_posts_widget .sp-trending-thumb,
.sp-trend-engine .sp-trending-thumb{
  width:96px!important;
  height:54px!important;
  aspect-ratio:16 / 9!important;
  border-radius:var(--sp-trend-engine-thumbnail-radius,var(--sp-global-thumbnail-radius,7px))!important;
  overflow:hidden!important;
  position:relative!important;
}
.widget_spillph_trending_posts_widget .sp-trending-thumb img,
.spillph_trending_posts_widget .sp-trending-thumb img,
.sp-trend-engine .sp-trending-thumb img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
}
.widget_spillph_trending_posts_widget .sp-trending-rank,
.spillph_trending_posts_widget .sp-trending-rank,
.sp-trend-engine .sp-trending-rank{
  top:0!important;
  left:0!important;
  border-radius:0 0 6px 0!important;
}
@media(max-width:760px){
  .widget_spillph_trending_posts_widget .sp-trending-item,
  .spillph_trending_posts_widget .sp-trending-item,
  .sp-trend-engine .sp-trending-item{
    grid-template-columns:92px minmax(0,1fr)!important;
    gap:14px!important;
  }
  .widget_spillph_trending_posts_widget .sp-trending-thumb,
  .spillph_trending_posts_widget .sp-trending-thumb,
  .sp-trend-engine .sp-trending-thumb{
    width:92px!important;
    height:52px!important;
    aspect-ratio:16 / 9!important;
  }
}

/* ==================================================
   SPILLPH v6.6.8 — Trending Now Thumbnail Balance Fix
   - Keeps rectangular layout but increases thumbnail size for better balance.
   - Reduces rank badge footprint so it does not overpower the image.
   - Applies to built-in Trending Now and SPILLPH Trending Posts widget.
================================================== */
.widget_spillph_trending_posts_widget .sp-trending-item,
.spillph_trending_posts_widget .sp-trending-item,
.sp-trend-engine .sp-trending-item,
.sp-trending-premium_card .sp-trending-item{
  grid-template-columns:112px minmax(0,1fr)!important;
  gap:16px!important;
  align-items:start!important;
}
.widget_spillph_trending_posts_widget .sp-trending-thumb,
.spillph_trending_posts_widget .sp-trending-thumb,
.sp-trend-engine .sp-trending-thumb{
  width:112px!important;
  height:68px!important;
  aspect-ratio:112 / 68!important;
  border-radius:var(--sp-trend-engine-thumbnail-radius,var(--sp-global-thumbnail-radius,8px))!important;
  overflow:hidden!important;
  position:relative!important;
}
.widget_spillph_trending_posts_widget .sp-trending-thumb img,
.spillph_trending_posts_widget .sp-trending-thumb img,
.sp-trend-engine .sp-trending-thumb img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
}
.widget_spillph_trending_posts_widget .sp-trending-rank,
.spillph_trending_posts_widget .sp-trending-rank,
.sp-trend-engine .sp-trending-rank{
  min-width:22px!important;
  height:22px!important;
  padding:0 6px!important;
  font-size:12px!important;
  border-radius:0 0 6px 0!important;
  line-height:1!important;
}
.widget_spillph_trending_posts_widget .sp-trending-content h4,
.spillph_trending_posts_widget .sp-trending-content h4,
.sp-trend-engine .sp-trending-content h4{
  line-height:1.24!important;
}
.widget_spillph_trending_posts_widget .sp-trending-date,
.spillph_trending_posts_widget .sp-trending-date,
.sp-trend-engine .sp-trending-date{
  margin-top:6px!important;
}
@media(max-width:760px){
  .widget_spillph_trending_posts_widget .sp-trending-item,
  .spillph_trending_posts_widget .sp-trending-item,
  .sp-trend-engine .sp-trending-item{
    grid-template-columns:104px minmax(0,1fr)!important;
    gap:14px!important;
  }
  .widget_spillph_trending_posts_widget .sp-trending-thumb,
  .spillph_trending_posts_widget .sp-trending-thumb,
  .sp-trend-engine .sp-trending-thumb{
    width:104px!important;
    height:64px!important;
    aspect-ratio:104 / 64!important;
  }
  .widget_spillph_trending_posts_widget .sp-trending-rank,
  .spillph_trending_posts_widget .sp-trending-rank,
  .sp-trend-engine .sp-trending-rank{
    min-width:21px!important;
    height:21px!important;
    font-size:11px!important;
  }
}

/* ==================================================
   SPILLPH v6.6.8 — Trending Now Featured Overlay Layout
   - Option B: #1 trending story becomes a featured image overlay card.
   - Items #2 onward remain compact rectangular thumbnails.
   - Applies to built-in Trending Now and SPILLPH Trending Posts widget.
================================================== */
.widget_spillph_trending_posts_widget .sp-trending-list,
.spillph_trending_posts_widget .sp-trending-list,
.sp-trend-engine .sp-trending-list{
  display:flex!important;
  flex-direction:column!important;
  gap:14px!important;
}
.widget_spillph_trending_posts_widget .sp-trending-item:first-child,
.spillph_trending_posts_widget .sp-trending-item:first-child,
.sp-trend-engine .sp-trending-item:first-child{
  position:relative!important;
  display:block!important;
  min-height:150px!important;
  border-radius:var(--sp-trend-engine-card-radius,var(--sp-global-card-radius,14px))!important;
  overflow:hidden!important;
  background:#111!important;
  box-shadow:none!important;
}
.widget_spillph_trending_posts_widget .sp-trending-item:first-child .sp-trending-thumb,
.spillph_trending_posts_widget .sp-trending-item:first-child .sp-trending-thumb,
.sp-trend-engine .sp-trending-item:first-child .sp-trending-thumb{
  display:block!important;
  width:100%!important;
  height:150px!important;
  aspect-ratio:16 / 9!important;
  border-radius:inherit!important;
  overflow:hidden!important;
  position:relative!important;
}
.widget_spillph_trending_posts_widget .sp-trending-item:first-child .sp-trending-thumb:after,
.spillph_trending_posts_widget .sp-trending-item:first-child .sp-trending-thumb:after,
.sp-trend-engine .sp-trending-item:first-child .sp-trending-thumb:after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  background:linear-gradient(180deg,rgba(0,0,0,.04) 0%,rgba(0,0,0,.34) 42%,rgba(0,0,0,.82) 100%)!important;
  pointer-events:none!important;
}
.widget_spillph_trending_posts_widget .sp-trending-item:first-child .sp-trending-thumb img,
.spillph_trending_posts_widget .sp-trending-item:first-child .sp-trending-thumb img,
.sp-trend-engine .sp-trending-item:first-child .sp-trending-thumb img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
}
.widget_spillph_trending_posts_widget .sp-trending-item:first-child .sp-trending-rank,
.spillph_trending_posts_widget .sp-trending-item:first-child .sp-trending-rank,
.sp-trend-engine .sp-trending-item:first-child .sp-trending-rank{
  z-index:3!important;
  top:0!important;
  left:0!important;
  min-width:30px!important;
  height:30px!important;
  padding:0 9px!important;
  border-radius:0 0 9px 0!important;
  font-size:16px!important;
  line-height:30px!important;
}
.widget_spillph_trending_posts_widget .sp-trending-item:first-child .sp-trending-content,
.spillph_trending_posts_widget .sp-trending-item:first-child .sp-trending-content,
.sp-trend-engine .sp-trending-item:first-child .sp-trending-content{
  position:absolute!important;
  left:0!important;
  right:0!important;
  bottom:0!important;
  z-index:2!important;
  padding:46px 14px 12px!important;
  color:#fff!important;
  pointer-events:none!important;
}
.widget_spillph_trending_posts_widget .sp-trending-item:first-child .sp-trending-content a,
.spillph_trending_posts_widget .sp-trending-item:first-child .sp-trending-content a,
.sp-trend-engine .sp-trending-item:first-child .sp-trending-content a{
  pointer-events:auto!important;
  color:#fff!important;
}
.widget_spillph_trending_posts_widget .sp-trending-item:first-child .sp-trending-kicker,
.spillph_trending_posts_widget .sp-trending-item:first-child .sp-trending-kicker,
.sp-trend-engine .sp-trending-item:first-child .sp-trending-kicker,
.widget_spillph_trending_posts_widget .sp-trending-item:first-child .sp-trending-meta,
.spillph_trending_posts_widget .sp-trending-item:first-child .sp-trending-meta,
.sp-trend-engine .sp-trending-item:first-child .sp-trending-meta{
  display:none!important;
}
.widget_spillph_trending_posts_widget .sp-trending-item:first-child h4,
.spillph_trending_posts_widget .sp-trending-item:first-child h4,
.sp-trend-engine .sp-trending-item:first-child h4{
  margin:0!important;
  color:#fff!important;
  font-size:14px!important;
  line-height:1.22!important;
  font-weight:800!important;
  display:-webkit-box!important;
  -webkit-line-clamp:3!important;
  -webkit-box-orient:vertical!important;
  overflow:hidden!important;
}
.widget_spillph_trending_posts_widget .sp-trending-item:first-child .sp-trending-date,
.spillph_trending_posts_widget .sp-trending-item:first-child .sp-trending-date,
.sp-trend-engine .sp-trending-item:first-child .sp-trending-date{
  margin-top:6px!important;
  color:rgba(255,255,255,.88)!important;
  font-size:12px!important;
}
/* Compact rows after featured item */
.widget_spillph_trending_posts_widget .sp-trending-item:not(:first-child),
.spillph_trending_posts_widget .sp-trending-item:not(:first-child),
.sp-trend-engine .sp-trending-item:not(:first-child){
  display:grid!important;
  grid-template-columns:92px minmax(0,1fr)!important;
  gap:12px!important;
  align-items:start!important;
  min-height:auto!important;
}
.widget_spillph_trending_posts_widget .sp-trending-item:not(:first-child) .sp-trending-thumb,
.spillph_trending_posts_widget .sp-trending-item:not(:first-child) .sp-trending-thumb,
.sp-trend-engine .sp-trending-item:not(:first-child) .sp-trending-thumb{
  width:92px!important;
  height:56px!important;
  aspect-ratio:16 / 9!important;
  border-radius:var(--sp-trend-engine-thumbnail-radius,var(--sp-global-thumbnail-radius,8px))!important;
}
.widget_spillph_trending_posts_widget .sp-trending-item:not(:first-child) h4,
.spillph_trending_posts_widget .sp-trending-item:not(:first-child) h4,
.sp-trend-engine .sp-trending-item:not(:first-child) h4{
  font-size:13px!important;
  line-height:1.18!important;
  margin:0!important;
  display:-webkit-box!important;
  -webkit-line-clamp:3!important;
  -webkit-box-orient:vertical!important;
  overflow:hidden!important;
}
.widget_spillph_trending_posts_widget .sp-trending-item:not(:first-child) .sp-trending-date,
.spillph_trending_posts_widget .sp-trending-item:not(:first-child) .sp-trending-date,
.sp-trend-engine .sp-trending-item:not(:first-child) .sp-trending-date{
  margin-top:5px!important;
  font-size:12px!important;
}
.widget_spillph_trending_posts_widget .sp-trending-item:not(:first-child) .sp-trending-rank,
.spillph_trending_posts_widget .sp-trending-item:not(:first-child) .sp-trending-rank,
.sp-trend-engine .sp-trending-item:not(:first-child) .sp-trending-rank{
  min-width:22px!important;
  height:22px!important;
  padding:0 6px!important;
  font-size:12px!important;
  line-height:22px!important;
  border-radius:0 0 6px 0!important;
}
@media(max-width:760px){
  .widget_spillph_trending_posts_widget .sp-trending-item:first-child,
  .spillph_trending_posts_widget .sp-trending-item:first-child,
  .sp-trend-engine .sp-trending-item:first-child{
    min-height:132px!important;
  }
  .widget_spillph_trending_posts_widget .sp-trending-item:first-child .sp-trending-thumb,
  .spillph_trending_posts_widget .sp-trending-item:first-child .sp-trending-thumb,
  .sp-trend-engine .sp-trending-item:first-child .sp-trending-thumb{
    height:132px!important;
  }
  .widget_spillph_trending_posts_widget .sp-trending-item:first-child h4,
  .spillph_trending_posts_widget .sp-trending-item:first-child h4,
  .sp-trend-engine .sp-trending-item:first-child h4{
    font-size:13px!important;
    -webkit-line-clamp:3!important;
  }
  .widget_spillph_trending_posts_widget .sp-trending-item:not(:first-child),
  .spillph_trending_posts_widget .sp-trending-item:not(:first-child),
  .sp-trend-engine .sp-trending-item:not(:first-child){
    grid-template-columns:88px minmax(0,1fr)!important;
    gap:11px!important;
  }
  .widget_spillph_trending_posts_widget .sp-trending-item:not(:first-child) .sp-trending-thumb,
  .spillph_trending_posts_widget .sp-trending-item:not(:first-child) .sp-trending-thumb,
  .sp-trend-engine .sp-trending-item:not(:first-child) .sp-trending-thumb{
    width:88px!important;
    height:54px!important;
  }
}


/* SPILLPH v6.6.8 — Premium Static Page Templates & Footer Quick Links */
.site-footer.sp-footer-v664{background:#07090d;color:#fff;padding:0}.sp-footer-v664 .footer-inner{max-width:1280px;margin:0 auto;padding:0 20px}.sp-premium-footer-main{padding:54px 0 24px}.sp-premium-footer-grid{display:grid;grid-template-columns:1.55fr .9fr .9fr 1.05fr 1.1fr;gap:34px;border-bottom:1px solid rgba(255,255,255,.12);padding-bottom:34px}.sp-premium-footer-logo{display:inline-flex;align-items:center;text-decoration:none;color:#fff;margin-bottom:10px}.sp-premium-footer-logo span{font-size:34px;font-weight:950;letter-spacing:-.08em}.sp-premium-footer-logo em{color:#ff2b2b;font-style:normal}.sp-premium-footer-logo img{max-width:160px;max-height:60px;width:auto;height:auto}.sp-premium-footer-tagline{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#fff;margin-bottom:14px}.sp-premium-footer-brand p,.sp-premium-footer-col p{color:#d1d5db;line-height:1.65;font-size:14px}.sp-premium-footer-col h3{font-size:14px;text-transform:uppercase;letter-spacing:.04em;margin:0 0 16px;color:#fff}.sp-premium-footer-col ul{margin:0;padding:0;list-style:none;display:grid;gap:9px}.sp-premium-footer-col a{color:#d1d5db;text-decoration:none;font-size:14px}.sp-premium-footer-col a:hover{color:#ff2b2b}.sp-premium-footer-tags div{display:flex;flex-wrap:wrap;gap:8px}.sp-premium-footer-tags a{border:1px solid rgba(255,255,255,.14);border-radius:8px;padding:7px 9px;font-size:12px;color:#fff;background:rgba(255,255,255,.04)}.sp-premium-footer-contact p{display:flex;gap:10px;align-items:flex-start;margin:0 0 12px}.sp-premium-footer-contact i{color:#ff2b2b;margin-top:3px}.sp-premium-footer-social{display:flex;gap:10px;margin-top:18px;flex-wrap:wrap}.sp-premium-footer-bottom{display:flex;justify-content:space-between;gap:18px;color:#9ca3af;font-size:12px;padding:22px 0 0}.sp-footer-v664 .sp-footer-widgets{margin-top:28px;padding-top:28px;border-top:1px solid rgba(255,255,255,.10)}
.sp-static-page{padding-bottom:40px}.sp-static-hero{position:relative;border-radius:24px;background:#111;color:#fff;padding:58px 44px;margin-bottom:28px;overflow:hidden;box-shadow:var(--shadow)}.sp-static-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(0,0,0,.88),rgba(0,0,0,.62)),radial-gradient(circle at 80% 20%,rgba(255,43,43,.22),transparent 32%)}.sp-static-hero>*{position:relative;z-index:1}.sp-static-hero h1{font-size:clamp(42px,5vw,72px);line-height:.95;margin:10px 0 0;letter-spacing:-.06em}.sp-static-hero p{max-width:760px;color:#e5e7eb;font-size:17px;line-height:1.65}.sp-static-breadcrumb{font-size:13px;color:#d1d5db}.sp-static-shell{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:28px}.sp-static-content-card{background:#fff;border:1px solid #e5e7eb;border-radius:24px;padding:34px;box-shadow:var(--shadow)}.sp-static-content-card h2{font-size:28px;margin-top:0}.sp-static-content-card p{font-size:16px;line-height:1.75;color:#1f2937}.sp-static-sidebar{display:grid;gap:20px;align-content:start}.sp-contact-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:26px 0}.sp-contact-card-grid>div{border:1px solid #e5e7eb;border-radius:18px;padding:22px;text-align:center;background:#fff}.sp-contact-card-grid i{width:52px;height:52px;border-radius:999px;border:1px solid rgba(255,43,43,.35);color:#ff2b2b;display:inline-flex;align-items:center;justify-content:center;font-size:22px}.sp-contact-card-grid h3{font-size:15px;text-transform:uppercase;margin:16px 0 8px}.sp-contact-card-grid p{font-size:13px;line-height:1.55;color:#4b5563}.sp-contact-card-grid strong{color:#ff2b2b;font-size:13px}.sp-contact-form-box{background:#f9fafb;border:1px dashed #d1d5db;border-radius:18px;padding:24px}.sp-static-follow{background:#fff;border:1px solid #e5e7eb;border-radius:22px;padding:20px;box-shadow:var(--shadow)}.sp-static-follow h3{margin-top:0;text-transform:uppercase;font-size:18px}.sp-static-legal .sp-static-content-card{max-width:880px;margin:auto}.sp-static-legal .sp-static-shell{display:block}@media(max-width:1100px){.sp-premium-footer-grid{grid-template-columns:1fr 1fr 1fr}.sp-static-shell{grid-template-columns:1fr}.sp-contact-card-grid{grid-template-columns:1fr 1fr}}@media(max-width:760px){.sp-premium-footer-grid{grid-template-columns:1fr;gap:22px}.sp-premium-footer-bottom{display:grid}.sp-static-hero{padding:40px 24px}.sp-static-content-card{padding:24px}.sp-contact-card-grid{grid-template-columns:1fr}}

/* SPILLPH v6.6.8 — Static Page Hero & Breadcrumb Mockup Alignment */
.sp-static-page{padding:0 20px 40px;max-width:1280px;margin:0 auto;}
.sp-static-page-hero{position:relative;min-height:300px;border-radius:0;margin:0 -20px 32px;display:flex;align-items:center;background:#111 center/cover no-repeat;overflow:hidden;box-shadow:none;color:#fff;}
.sp-static-page-hero:not(.has-featured-image){background:linear-gradient(120deg,#070707,#1f1f22);}
.sp-static-page-hero .sp-static-hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.88),rgba(0,0,0,.62) 48%,rgba(0,0,0,.20));z-index:0;}
.sp-static-page-hero .sp-static-hero-inner{position:relative;z-index:1;width:100%;max-width:1280px;margin:0 auto;padding:58px 44px;}
.sp-static-hero-accent{display:block;width:5px;height:48px;background:var(--accent,#ff2b2b);border-radius:999px;position:absolute;left:20px;top:61px;}
.sp-static-page-hero h1{font-family:var(--heading-font);font-size:clamp(42px,5vw,72px);line-height:.95;margin:0 0 14px;letter-spacing:-.055em;text-transform:uppercase;color:#fff;}
.sp-static-page-hero p{max-width:760px;color:#e5e7eb;font-size:17px;line-height:1.65;margin:18px 0 0;}
.sp-static-page-hero .sp-page-breadcrumbs,.sp-static-page-hero .sp-article-breadcrumbs{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0;padding:0;background:transparent;border:0;color:var(--sp-breadcrumb-text,#e5e7eb);font-size:13px;}
.sp-static-page-hero .sp-page-breadcrumbs a,.sp-static-page-hero .sp-article-breadcrumbs a{color:var(--sp-breadcrumb-link,#fff);}
.sp-static-page-hero .sp-page-breadcrumbs a:hover,.sp-static-page-hero .sp-article-breadcrumbs a:hover{color:var(--sp-breadcrumb-hover,var(--accent,#ff2b2b));}
.sp-static-page-hero .sp-breadcrumb-sep{color:var(--sp-breadcrumb-separator,#d1d5db);}
.sp-static-page-hero .sp-breadcrumb-current{color:var(--sp-breadcrumb-text,#d1d5db);}
.sp-static-shell{max-width:1280px;margin:0 auto;}
.sp-static-content-card h1:first-child{display:none;}
.sp-static-legal .sp-static-page-hero{min-height:250px;}
.sp-static-legal .sp-static-page-hero h1{font-size:clamp(34px,4vw,56px);}
@media(max-width:760px){
 .sp-static-page{padding-left:14px;padding-right:14px;}
 .sp-static-page-hero{min-height:240px;margin-left:-14px;margin-right:-14px;margin-bottom:22px;}
 .sp-static-page-hero .sp-static-hero-inner{padding:40px 26px 40px 34px;}
 .sp-static-hero-accent{left:16px;top:42px;height:38px;width:4px;}
 .sp-static-page-hero h1{font-size:clamp(34px,10vw,48px);letter-spacing:-.045em;}
 .sp-static-page-hero p{font-size:14px;line-height:1.55;}
}



/* SPILLPH v6.6.8 — Static Page Typography Controls */
.sp-static-page-hero h1{
  font-family:var(--sp-page-hero-title-font,var(--heading-font))!important;
  color:var(--sp-page-hero-title-color,#fff)!important;
  font-size:var(--sp-page-hero-title-size,58px)!important;
  font-weight:var(--sp-page-hero-title-weight,700)!important;
  font-style:var(--sp-page-hero-title-style,normal)!important;
  text-decoration:var(--sp-page-hero-title-decoration,none)!important;
  letter-spacing:var(--sp-page-hero-title-letter-spacing,-1px)!important;
}
.sp-static-page-hero p{
  font-family:var(--sp-page-hero-subtitle-font,var(--body-font))!important;
  color:var(--sp-page-hero-subtitle-color,#e5e7eb)!important;
  font-size:var(--sp-page-hero-subtitle-size,17px)!important;
  font-weight:var(--sp-page-hero-subtitle-weight,400)!important;
  font-style:var(--sp-page-hero-subtitle-style,normal)!important;
  text-decoration:var(--sp-page-hero-subtitle-decoration,none)!important;
  letter-spacing:var(--sp-page-hero-subtitle-letter-spacing,0)!important;
}
.sp-static-content-card h1,
.sp-static-content-card h2,
.sp-static-content-card h3,
.sp-static-content-card h4,
.sp-static-content-card h5,
.sp-static-content-card h6{
  font-family:var(--sp-page-content-heading-font,var(--heading-font))!important;
  color:var(--sp-page-content-heading-color,#111)!important;
  font-size:var(--sp-page-content-heading-size,28px)!important;
  font-weight:var(--sp-page-content-heading-weight,700)!important;
  font-style:var(--sp-page-content-heading-style,normal)!important;
  text-decoration:var(--sp-page-content-heading-decoration,none)!important;
  letter-spacing:var(--sp-page-content-heading-letter-spacing,0)!important;
}
.sp-static-content-card p,
.sp-static-content-card .entry-content,
.sp-static-content-card .wp-block-paragraph{
  font-family:var(--sp-page-body-text-font,var(--body-font))!important;
  color:var(--sp-page-body-text-color,#1f2937)!important;
  font-size:var(--sp-page-body-text-size,18px)!important;
  font-weight:var(--sp-page-body-text-weight,400)!important;
  font-style:var(--sp-page-body-text-style,normal)!important;
  text-decoration:var(--sp-page-body-text-decoration,none)!important;
  letter-spacing:var(--sp-page-body-text-letter-spacing,0)!important;
}
.sp-static-content-card li{
  font-family:var(--sp-page-list-text-font,var(--body-font))!important;
  color:var(--sp-page-list-text-color,#1f2937)!important;
  font-size:var(--sp-page-list-text-size,17px)!important;
  font-weight:var(--sp-page-list-text-weight,400)!important;
  font-style:var(--sp-page-list-text-style,normal)!important;
  text-decoration:var(--sp-page-list-text-decoration,none)!important;
  letter-spacing:var(--sp-page-list-text-letter-spacing,0)!important;
}
.sp-contact-card-grid h3,
.sp-static-card h3,
.sp-contact-form-box h3,
.sp-static-follow h3{
  font-family:var(--sp-page-card-heading-font,var(--heading-font))!important;
  color:var(--sp-page-card-heading-color,#111)!important;
  font-size:var(--sp-page-card-heading-size,18px)!important;
  font-weight:var(--sp-page-card-heading-weight,700)!important;
  font-style:var(--sp-page-card-heading-style,normal)!important;
  text-decoration:var(--sp-page-card-heading-decoration,none)!important;
  letter-spacing:var(--sp-page-card-heading-letter-spacing,0)!important;
}
.sp-contact-card-grid p,
.sp-contact-card-grid strong,
.sp-static-card p,
.sp-contact-form-box p,
.sp-static-follow p{
  font-family:var(--sp-page-card-body-font,var(--body-font))!important;
  color:var(--sp-page-card-body-color,#4b5563)!important;
  font-size:var(--sp-page-card-body-size,14px)!important;
  font-weight:var(--sp-page-card-body-weight,400)!important;
  font-style:var(--sp-page-card-body-style,normal)!important;
  text-decoration:var(--sp-page-card-body-decoration,none)!important;
  letter-spacing:var(--sp-page-card-body-letter-spacing,0)!important;
}
.sp-static-content-card label,
.sp-contact-form-box label{
  font-family:var(--sp-page-form-label-font,var(--body-font))!important;
  color:var(--sp-page-form-label-color,#111)!important;
  font-size:var(--sp-page-form-label-size,13px)!important;
  font-weight:var(--sp-page-form-label-weight,700)!important;
  font-style:var(--sp-page-form-label-style,normal)!important;
  text-decoration:var(--sp-page-form-label-decoration,none)!important;
  letter-spacing:var(--sp-page-form-label-letter-spacing,0)!important;
}
.sp-static-content-card input,
.sp-static-content-card textarea,
.sp-static-content-card select,
.sp-contact-form-box input,
.sp-contact-form-box textarea,
.sp-contact-form-box select{
  font-family:var(--sp-page-form-input-font,var(--body-font))!important;
  color:var(--sp-page-form-input-color,#111)!important;
  font-size:var(--sp-page-form-input-size,15px)!important;
  font-weight:var(--sp-page-form-input-weight,400)!important;
  font-style:var(--sp-page-form-input-style,normal)!important;
  letter-spacing:var(--sp-page-form-input-letter-spacing,0)!important;
}
@media(max-width:760px){
  .sp-static-page-hero h1{font-size:clamp(34px,10vw,var(--sp-page-hero-title-size,48px))!important;}
}


/* SPILLPH v6.6.9 — SPILL+ Game Review Block */
.sp-game-review-card{
  --spgr-red:#ef233c;
  --spgr-text:#111827;
  --spgr-muted:#64748b;
  --spgr-line:#e5e7eb;
  --spgr-soft:#f8fafc;
  --spgr-good:#16a34a;
  --spgr-bg:#fff;
  margin:30px 0;
  padding:18px 22px 20px;
  border:1px solid var(--spgr-line);
  border-radius:12px;
  background:var(--spgr-bg);
  box-shadow:0 12px 32px rgba(15,23,42,.08);
  color:var(--spgr-text);
  overflow:hidden;
}
.sp-game-review-card-dark{
  --spgr-text:#f8fafc;
  --spgr-muted:#cbd5e1;
  --spgr-line:rgba(255,255,255,.14);
  --spgr-soft:rgba(255,255,255,.06);
  --spgr-bg:#0d1117;
  box-shadow:0 18px 44px rgba(0,0,0,.20);
}
.sp-game-review-label{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin-bottom:16px;
  color:var(--spgr-red);
  font-size:13px;
  font-weight:950;
  text-transform:uppercase;
  letter-spacing:.04em;
}
.sp-game-review-label:before{content:"";width:28px;height:3px;border-radius:999px;background:var(--spgr-red);}
.sp-game-review-top{display:grid;grid-template-columns:1.25fr .75fr 1.05fr;gap:24px;align-items:center;padding-bottom:18px;border-bottom:1px solid var(--spgr-line)}
.sp-game-review-info{display:grid;grid-template-columns:220px 1fr;gap:22px;align-items:center;min-width:0}
.sp-game-review-cover{margin:0;border-radius:8px;overflow:hidden;background:#0f172a;aspect-ratio:16/9;border:1px solid var(--spgr-line)}
.sp-game-review-cover img{width:100%;height:100%;object-fit:cover}
.sp-game-review-cover-placeholder{display:grid;place-items:center;background:linear-gradient(135deg,#111827,#334155)}
.sp-game-review-cover-placeholder span{font-size:48px;font-weight:950;color:#fff}
.sp-game-review-title-wrap h3{font-family:var(--heading-font);font-size:clamp(28px,3vw,42px);line-height:1;margin:0 0 6px;color:var(--spgr-text);letter-spacing:-.04em}
.sp-game-review-title-wrap>p{margin:0 0 14px;color:var(--spgr-muted);font-size:14px;font-weight:800;text-transform:uppercase;letter-spacing:.02em}
.sp-game-review-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 16px}
.sp-game-review-meta-item{display:flex;align-items:center;gap:8px;min-width:0;padding-bottom:8px;border-bottom:1px solid var(--spgr-line)}
.sp-game-review-meta-icon{width:22px;height:22px;display:grid;place-items:center;color:var(--spgr-muted);flex:0 0 auto}
.sp-game-review-meta-icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.sp-game-review-meta-item strong{display:block;font-size:10px;color:var(--spgr-muted);font-weight:900;text-transform:uppercase;letter-spacing:.06em;line-height:1.1}
.sp-game-review-meta-item em{display:block;font-style:normal;font-size:13px;color:var(--spgr-text);font-weight:850;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sp-game-review-score{text-align:center;padding:0 20px;border-left:1px dashed var(--spgr-line);border-right:1px dashed var(--spgr-line)}
.sp-game-review-score-badge{width:132px;height:132px;margin:0 auto 12px;border:3px solid var(--spgr-red);border-radius:32px;display:grid;place-items:center;background:var(--spgr-bg);box-shadow:0 10px 24px rgba(239,35,60,.08)}
.sp-game-review-score-badge strong{display:block;font-size:52px;line-height:.92;font-weight:950;letter-spacing:-.07em;color:var(--spgr-text)}
.sp-game-review-score-badge small{display:block;margin-top:3px;font-size:18px;color:var(--spgr-red);font-weight:950}
.sp-game-review-stars{position:relative;display:inline-block;margin:0 auto 8px;font-size:28px;line-height:1;letter-spacing:2px;color:#cbd5e1;white-space:nowrap}
.sp-game-review-stars-fill{position:absolute;left:0;top:0;overflow:hidden;color:var(--spgr-red);white-space:nowrap}
.sp-game-review-verdict{font-size:12px;color:var(--spgr-muted);font-weight:900;text-transform:uppercase;letter-spacing:.04em}.sp-game-review-verdict strong{color:var(--spgr-red)}
.sp-game-review-score p{margin:10px auto 0;max-width:260px;color:var(--spgr-muted);font-size:14px;line-height:1.55}
.sp-game-review-breakdown h4,.sp-game-review-list h4,.sp-game-review-final h4{margin:0 0 14px;color:var(--spgr-red);font-size:15px;font-weight:950;text-transform:uppercase;letter-spacing:.04em}
.sp-game-review-rating-row{display:grid;grid-template-columns:110px 1fr 56px;gap:12px;align-items:center;margin:0 0 13px;font-size:13px;color:var(--spgr-text);font-weight:850}
.sp-game-review-rating-bar{height:8px;border-radius:999px;background:#dbe1e8;overflow:hidden}.sp-game-review-card-dark .sp-game-review-rating-bar{background:rgba(255,255,255,.16)}
.sp-game-review-rating-bar i{display:block;height:100%;border-radius:999px;background:var(--spgr-red)}
.sp-game-review-rating-row strong{text-align:right;font-size:13px;color:var(--spgr-text)}
.sp-game-review-overall{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:18px;padding-top:14px;border-top:1px solid var(--spgr-line);font-size:14px;font-weight:950;text-transform:uppercase;color:var(--spgr-red)}
.sp-game-review-overall strong{font-size:26px;letter-spacing:-.04em}
.sp-game-review-bottom{display:grid;grid-template-columns:1fr 1fr 1.15fr;gap:22px;padding-top:18px}
.sp-game-review-list,.sp-game-review-final{min-width:0}.sp-game-review-list ul{margin:0;padding:0;list-style:none;display:grid;gap:10px}
.sp-game-review-list li{position:relative;padding-left:30px;color:var(--spgr-text);font-size:14px;line-height:1.45}.sp-game-review-list li:before{position:absolute;left:0;top:.05em;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;font-size:13px;font-weight:950;line-height:1}.sp-game-review-pros li:before{content:"✓";border:1px solid var(--spgr-good);color:var(--spgr-good)}.sp-game-review-cons li:before{content:"×";border:1px solid var(--spgr-red);color:var(--spgr-red)}
.sp-game-review-final{padding-left:22px;border-left:1px dashed var(--spgr-line)}.sp-game-review-final p{margin:0 0 14px;color:var(--spgr-text);font-size:14px;line-height:1.65}
.sp-game-review-best{display:grid;grid-template-columns:auto 1fr;gap:8px 12px;align-items:start;padding:14px 16px;border-radius:10px;background:linear-gradient(90deg,rgba(239,35,60,.09),rgba(239,35,60,.03));border:1px solid rgba(239,35,60,.12)}
.sp-game-review-best:before{content:"★";grid-row:1 / span 2;color:var(--spgr-red);font-size:24px;line-height:1}.sp-game-review-best strong{display:block;color:var(--spgr-text);font-size:15px;font-weight:950;text-transform:uppercase}.sp-game-review-best span{display:block;color:var(--spgr-muted);font-size:14px;line-height:1.45}
.sp-game-review-tags{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:18px;padding-top:16px;border-top:1px solid var(--spgr-line)}.sp-game-review-tags strong{font-size:12px;text-transform:uppercase;color:var(--spgr-text);font-weight:950}.sp-game-review-tags span{display:inline-flex;align-items:center;min-height:28px;padding:5px 12px;border:1px solid var(--spgr-line);border-radius:999px;background:var(--spgr-soft);color:var(--spgr-text);font-size:12px;font-weight:800}
@media(max-width:1100px){.sp-game-review-top{grid-template-columns:1fr}.sp-game-review-score{border:0;border-top:1px dashed var(--spgr-line);border-bottom:1px dashed var(--spgr-line);padding:18px 0}.sp-game-review-bottom{grid-template-columns:1fr 1fr}.sp-game-review-final{grid-column:1/-1;padding-left:0;border-left:0;border-top:1px dashed var(--spgr-line);padding-top:18px}}
@media(max-width:700px){.sp-game-review-card{padding:16px;margin:24px 0;border-radius:12px}.sp-game-review-info,.sp-game-review-bottom{grid-template-columns:1fr}.sp-game-review-cover{max-width:100%}.sp-game-review-meta{grid-template-columns:1fr}.sp-game-review-rating-row{grid-template-columns:92px 1fr 52px;gap:8px}.sp-game-review-title-wrap h3{font-size:30px}.sp-game-review-score-badge{width:116px;height:116px}.sp-game-review-score-badge strong{font-size:46px}}


/* SPILLPH v6.6.10 — SPILL+ Game Review Responsive Layout Fix
   Fixes narrow article-column overflow/overlap when the article uses a sidebar. */
.sp-game-review-card{
  container-type:inline-size;
  container-name:spGameReview;
  width:100%;
  max-width:100%;
}
.sp-game-review-card,
.sp-game-review-card *{box-sizing:border-box;}
.sp-game-review-top,
.sp-game-review-info,
.sp-game-review-score,
.sp-game-review-breakdown,
.sp-game-review-title-wrap,
.sp-game-review-bottom,
.sp-game-review-list,
.sp-game-review-final{min-width:0;}
.sp-game-review-title-wrap h3{
  overflow-wrap:anywhere;
  word-break:normal;
  hyphens:auto;
}
.sp-game-review-title-wrap>p{
  overflow-wrap:anywhere;
  word-break:normal;
}
.sp-game-review-score-badge strong,
.sp-game-review-score-badge small{line-height:1;}
.sp-game-review-breakdown{min-width:0;}
.sp-game-review-rating-row > span,
.sp-game-review-rating-row > strong{
  min-width:0;
  overflow-wrap:anywhere;
}

@container spGameReview (max-width: 980px){
  .sp-game-review-top{
    grid-template-columns:1fr;
    gap:18px;
    align-items:stretch;
  }
  .sp-game-review-info{
    grid-template-columns:minmax(180px, 240px) minmax(0,1fr);
    gap:18px;
    align-items:center;
  }
  .sp-game-review-title-wrap h3{
    font-size:clamp(26px, 6cqw, 38px);
    line-height:1.02;
  }
  .sp-game-review-score{
    display:grid;
    grid-template-columns:auto minmax(0,1fr);
    grid-template-areas:
      "badge stars"
      "badge verdict"
      "summary summary";
    gap:8px 18px;
    align-items:center;
    text-align:left;
    border-left:0;
    border-right:0;
    border-top:1px dashed var(--spgr-line);
    border-bottom:1px dashed var(--spgr-line);
    padding:18px 0;
  }
  .sp-game-review-score-badge{grid-area:badge;margin:0;width:116px;height:116px;border-radius:28px;}
  .sp-game-review-score-badge strong{font-size:46px;}
  .sp-game-review-stars{grid-area:stars;margin:0;font-size:25px;}
  .sp-game-review-verdict{grid-area:verdict;}
  .sp-game-review-score p{grid-area:summary;max-width:none;margin:4px 0 0;}
  .sp-game-review-bottom{
    grid-template-columns:1fr 1fr;
    gap:20px;
  }
  .sp-game-review-final{
    grid-column:1/-1;
    padding-left:0;
    border-left:0;
    border-top:1px dashed var(--spgr-line);
    padding-top:18px;
  }
}

@container spGameReview (max-width: 760px){
  .sp-game-review-card{
    padding:16px;
    border-radius:12px;
  }
  .sp-game-review-label{font-size:12px;margin-bottom:14px;}
  .sp-game-review-info{
    grid-template-columns:1fr;
    gap:14px;
    align-items:start;
  }
  .sp-game-review-cover{
    width:100%;
    max-width:380px;
    justify-self:start;
  }
  .sp-game-review-title-wrap h3{
    font-size:clamp(24px, 8cqw, 34px);
    letter-spacing:-.03em;
  }
  .sp-game-review-title-wrap>p{font-size:13px;margin-bottom:12px;}
  .sp-game-review-meta{grid-template-columns:1fr;gap:7px;}
  .sp-game-review-meta-item em{
    white-space:normal;
    overflow:visible;
    text-overflow:clip;
  }
  .sp-game-review-score{
    grid-template-columns:1fr;
    grid-template-areas:"badge" "stars" "verdict" "summary";
    justify-items:center;
    text-align:center;
    gap:8px;
  }
  .sp-game-review-score-badge{width:112px;height:112px;border-radius:26px;}
  .sp-game-review-score-badge strong{font-size:44px;}
  .sp-game-review-score-badge small{font-size:16px;}
  .sp-game-review-stars{font-size:24px;}
  .sp-game-review-rating-row{
    grid-template-columns:minmax(92px, .9fr) minmax(80px, 1fr) auto;
    gap:8px;
  }
  .sp-game-review-bottom{grid-template-columns:1fr;gap:18px;}
  .sp-game-review-final{
    grid-column:auto;
    padding-left:0;
    border-left:0;
    border-top:1px dashed var(--spgr-line);
    padding-top:18px;
  }
}

@container spGameReview (max-width: 480px){
  .sp-game-review-card{padding:14px;}
  .sp-game-review-score-badge{width:104px;height:104px;}
  .sp-game-review-score-badge strong{font-size:40px;}
  .sp-game-review-rating-row{
    grid-template-columns:1fr auto;
    gap:6px 10px;
    margin-bottom:14px;
  }
  .sp-game-review-rating-bar{grid-column:1/-1;grid-row:2;}
  .sp-game-review-rating-row strong{text-align:right;}
  .sp-game-review-best{grid-template-columns:1fr;}
  .sp-game-review-best:before{grid-row:auto;}
}

/* Fallback for older browsers without container queries. */
@media(max-width:900px){
  .sp-game-review-top{grid-template-columns:1fr;}
  .sp-game-review-score{border-left:0;border-right:0;border-top:1px dashed var(--spgr-line);border-bottom:1px dashed var(--spgr-line);padding:18px 0;}
}


/* SPILLPH v6.6.11 — SPILL+ Game Review Slim Article Card
   Reduces frontend clutter so the review block works inside normal article content. */
.sp-game-review-card-compact{padding:18px 20px 18px;box-shadow:0 8px 22px rgba(15,23,42,.06)}
.sp-game-review-card-compact .sp-game-review-label{font-size:12px;margin-bottom:14px}
.sp-game-review-card-compact .sp-game-review-top{grid-template-columns:minmax(0,1.15fr) minmax(145px,.45fr) minmax(210px,.9fr);gap:18px;align-items:center;padding-bottom:16px}
.sp-game-review-card-compact .sp-game-review-info{grid-template-columns:170px minmax(0,1fr);gap:16px;align-items:center}
.sp-game-review-card-compact .sp-game-review-cover{border-radius:10px;box-shadow:none}
.sp-game-review-card-compact .sp-game-review-title-wrap h3{font-size:clamp(24px,3.2cqw,34px);line-height:1.02;margin-bottom:10px;letter-spacing:-.035em}
.sp-game-review-quickmeta{display:flex;flex-wrap:wrap;gap:6px}
.sp-game-review-quickmeta span{display:inline-flex;align-items:center;min-height:24px;padding:4px 9px;border:1px solid var(--spgr-line);border-radius:999px;background:var(--spgr-soft);color:var(--spgr-muted);font-size:11px;font-weight:850;line-height:1.1;text-transform:uppercase;letter-spacing:.02em}
.sp-game-review-card-compact .sp-game-review-score{padding:0 12px}
.sp-game-review-card-compact .sp-game-review-score-badge{width:104px;height:104px;border-radius:24px;margin-bottom:10px}
.sp-game-review-card-compact .sp-game-review-score-badge strong{font-size:42px;letter-spacing:-.055em}
.sp-game-review-card-compact .sp-game-review-score-badge small{font-size:15px}
.sp-game-review-card-compact .sp-game-review-stars{font-size:21px;letter-spacing:1px;margin-bottom:7px}
.sp-game-review-card-compact .sp-game-review-verdict{display:inline-flex;align-items:center;justify-content:center;min-height:24px;padding:4px 10px;border-radius:999px;background:rgba(239,35,60,.08);color:var(--spgr-red);font-size:11px;font-weight:950}
.sp-game-review-card-compact .sp-game-review-breakdown h4,.sp-game-review-card-compact .sp-game-review-list h4,.sp-game-review-card-compact .sp-game-review-final h4{font-size:13px;margin-bottom:10px}
.sp-game-review-card-compact .sp-game-review-rating-row{grid-template-columns:96px 1fr 48px;gap:10px;margin-bottom:10px;font-size:12px}
.sp-game-review-card-compact .sp-game-review-rating-bar{height:6px}
.sp-game-review-card-compact .sp-game-review-overall{margin-top:12px;padding-top:10px;font-size:12px}
.sp-game-review-card-compact .sp-game-review-overall strong{font-size:21px}
.sp-game-review-card-compact .sp-game-review-bottom{grid-template-columns:1fr 1fr;gap:18px;padding-top:16px}
.sp-game-review-card-compact .sp-game-review-final{grid-column:1/-1;padding-left:0;border-left:0;border-top:1px dashed var(--spgr-line);padding-top:16px}
.sp-game-review-card-compact .sp-game-review-list ul{gap:8px}
.sp-game-review-card-compact .sp-game-review-list li{font-size:13px;line-height:1.4;padding-left:26px}
.sp-game-review-card-compact .sp-game-review-list li:before{width:18px;height:18px;font-size:12px}
.sp-game-review-card-compact .sp-game-review-final p{font-size:14px;line-height:1.58;margin-bottom:12px}
.sp-game-review-card-compact .sp-game-review-best{padding:12px 14px;grid-template-columns:auto 1fr}
.sp-game-review-card-compact .sp-game-review-best:before{font-size:20px}
.sp-game-review-card-compact .sp-game-review-best strong{font-size:13px}
.sp-game-review-card-compact .sp-game-review-best span{font-size:13px;line-height:1.4}
.sp-game-review-card-compact .sp-game-review-tags{margin-top:14px;padding-top:14px}.sp-game-review-card-compact .sp-game-review-tags span{min-height:24px;padding:4px 10px;font-size:11px}

@container spGameReview (max-width: 860px){
  .sp-game-review-card-compact .sp-game-review-top{grid-template-columns:1fr;gap:14px}
  .sp-game-review-card-compact .sp-game-review-info{grid-template-columns:150px minmax(0,1fr);gap:14px}
  .sp-game-review-card-compact .sp-game-review-score{display:grid;grid-template-columns:auto 1fr;grid-template-areas:"badge stars" "badge verdict";gap:8px 14px;justify-items:start;text-align:left;border-left:0;border-right:0;border-top:1px dashed var(--spgr-line);border-bottom:1px dashed var(--spgr-line);padding:14px 0}
  .sp-game-review-card-compact .sp-game-review-score-badge{grid-area:badge;margin:0;width:92px;height:92px;border-radius:22px}.sp-game-review-card-compact .sp-game-review-score-badge strong{font-size:38px}.sp-game-review-card-compact .sp-game-review-stars{grid-area:stars;margin:0}.sp-game-review-card-compact .sp-game-review-verdict{grid-area:verdict}
}
@container spGameReview (max-width: 560px){
  .sp-game-review-card-compact{padding:14px}
  .sp-game-review-card-compact .sp-game-review-info{grid-template-columns:1fr}.sp-game-review-card-compact .sp-game-review-cover{max-width:320px}
  .sp-game-review-card-compact .sp-game-review-title-wrap h3{font-size:26px}
  .sp-game-review-card-compact .sp-game-review-bottom{grid-template-columns:1fr;gap:16px}.sp-game-review-card-compact .sp-game-review-final{grid-column:auto}
  .sp-game-review-card-compact .sp-game-review-score{justify-items:center;text-align:center;grid-template-columns:1fr;grid-template-areas:"badge" "stars" "verdict"}.sp-game-review-card-compact .sp-game-review-score-badge{margin:auto}
  .sp-game-review-card-compact .sp-game-review-rating-row{grid-template-columns:1fr auto;gap:6px 10px}.sp-game-review-card-compact .sp-game-review-rating-bar{grid-column:1/-1;grid-row:2}.sp-game-review-card-compact .sp-game-review-rating-row strong{text-align:right}
}


/* SPILLPH v6.6.12 — SPILL+ Game Review Column Layout Polish
   Keeps the slim card, but presents the content in cleaner columns inside normal article pages. */
.sp-game-review-card-compact{
  padding:20px;
}
.sp-game-review-card-compact .sp-game-review-label{
  margin-bottom:18px;
}
.sp-game-review-card-compact .sp-game-review-top{
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(150px,.52fr) minmax(0,.95fr);
  gap:20px;
  align-items:stretch;
  padding-bottom:18px;
}
.sp-game-review-card-compact .sp-game-review-info,
.sp-game-review-card-compact .sp-game-review-score,
.sp-game-review-card-compact .sp-game-review-breakdown,
.sp-game-review-card-compact .sp-game-review-list,
.sp-game-review-card-compact .sp-game-review-final{
  padding:0;
}
.sp-game-review-card-compact .sp-game-review-info{
  grid-template-columns:165px minmax(0,1fr);
  align-content:start;
}
.sp-game-review-card-compact .sp-game-review-cover{
  align-self:start;
}
.sp-game-review-card-compact .sp-game-review-title-wrap h3{
  font-size:clamp(22px,3cqw,32px);
}
.sp-game-review-card-compact .sp-game-review-score{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:8px;
  border-left:1px dashed var(--spgr-line);
  border-right:1px dashed var(--spgr-line);
  border-top:0;
  border-bottom:0;
  text-align:center;
}
.sp-game-review-card-compact .sp-game-review-score-badge{
  margin:0;
}
.sp-game-review-card-compact .sp-game-review-breakdown{
  align-self:center;
}
.sp-game-review-card-compact .sp-game-review-rating-row{
  grid-template-columns:88px minmax(80px,1fr) 44px;
}
.sp-game-review-card-compact .sp-game-review-bottom{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.05fr);
  gap:20px;
  padding-top:18px;
}
.sp-game-review-card-compact .sp-game-review-final{
  grid-column:auto;
  border-top:0;
  border-left:1px dashed var(--spgr-line);
  padding-top:0;
  padding-left:20px;
}
.sp-game-review-card-compact .sp-game-review-best{
  margin-top:12px;
}

@container spGameReview (max-width: 900px){
  .sp-game-review-card-compact .sp-game-review-top{
    grid-template-columns:minmax(0,1fr) minmax(165px,.42fr);
    grid-template-areas:
      "info score"
      "breakdown breakdown";
    align-items:center;
  }
  .sp-game-review-card-compact .sp-game-review-info{grid-area:info;}
  .sp-game-review-card-compact .sp-game-review-score{
    grid-area:score;
    border-left:1px dashed var(--spgr-line);
    border-right:0;
    border-top:0;
    border-bottom:0;
    padding-left:18px;
  }
  .sp-game-review-card-compact .sp-game-review-breakdown{grid-area:breakdown;}
  .sp-game-review-card-compact .sp-game-review-bottom{
    grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  }
  .sp-game-review-card-compact .sp-game-review-final{
    grid-column:1/-1;
    border-left:0;
    border-top:1px dashed var(--spgr-line);
    padding-left:0;
    padding-top:16px;
  }
}

@container spGameReview (max-width: 680px){
  .sp-game-review-card-compact .sp-game-review-top{
    grid-template-columns:1fr;
    grid-template-areas:"info" "score" "breakdown";
  }
  .sp-game-review-card-compact .sp-game-review-info{
    grid-template-columns:145px minmax(0,1fr);
  }
  .sp-game-review-card-compact .sp-game-review-score{
    display:grid;
    grid-template-columns:auto minmax(0,1fr);
    grid-template-areas:"badge stars" "badge verdict";
    justify-content:start;
    justify-items:start;
    align-items:center;
    text-align:left;
    border-left:0;
    border-right:0;
    border-top:1px dashed var(--spgr-line);
    border-bottom:1px dashed var(--spgr-line);
    padding:14px 0;
  }
  .sp-game-review-card-compact .sp-game-review-score-badge{grid-area:badge;width:88px;height:88px;border-radius:22px;}
  .sp-game-review-card-compact .sp-game-review-score-badge strong{font-size:36px;}
  .sp-game-review-card-compact .sp-game-review-stars{grid-area:stars;margin:0;}
  .sp-game-review-card-compact .sp-game-review-verdict{grid-area:verdict;}
  .sp-game-review-card-compact .sp-game-review-bottom{
    grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  }
}

@container spGameReview (max-width: 520px){
  .sp-game-review-card-compact{padding:14px;}
  .sp-game-review-card-compact .sp-game-review-info{grid-template-columns:1fr;}
  .sp-game-review-card-compact .sp-game-review-cover{max-width:320px;}
  .sp-game-review-card-compact .sp-game-review-bottom{grid-template-columns:1fr;}
  .sp-game-review-card-compact .sp-game-review-final{grid-column:auto;}
}


/* SPILLPH v6.6.13 — SPILL+ Game Review 5-Star Rating Scale */


/* SPILLPH v6.6.14 — SPILL+ Game Review Compact Meta + Three-Column Review Body */
.sp-game-review-card-compact .sp-game-review-quickmeta{
  gap:4px;
  margin-top:4px;
}
.sp-game-review-card-compact .sp-game-review-quickmeta span{
  min-height:18px;
  padding:2px 7px;
  border-radius:999px;
  font-size:9px;
  line-height:1.15;
  letter-spacing:.025em;
  font-weight:850;
}
.sp-game-review-card-compact .sp-game-review-bottom{
  grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.08fr);
  gap:16px;
  align-items:start;
}
.sp-game-review-card-compact .sp-game-review-final{
  grid-column:auto;
  border-top:0;
  border-left:1px dashed var(--spgr-line);
  padding-top:0;
  padding-left:16px;
}
.sp-game-review-card-compact .sp-game-review-list li{
  font-size:12px;
  line-height:1.35;
}
.sp-game-review-card-compact .sp-game-review-final p{
  font-size:12.5px;
  line-height:1.48;
}
.sp-game-review-card-compact .sp-game-review-best{
  padding:10px 12px;
}
.sp-game-review-card-compact .sp-game-review-best span{
  font-size:12px;
  line-height:1.35;
}
@container spGameReview (max-width: 900px){
  .sp-game-review-card-compact .sp-game-review-bottom{
    grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.08fr);
    gap:14px;
  }
  .sp-game-review-card-compact .sp-game-review-final{
    grid-column:auto;
    border-top:0;
    border-left:1px dashed var(--spgr-line);
    padding-top:0;
    padding-left:14px;
  }
}
@container spGameReview (max-width: 620px){
  .sp-game-review-card-compact .sp-game-review-bottom{
    grid-template-columns:1fr;
    gap:16px;
  }
  .sp-game-review-card-compact .sp-game-review-final{
    grid-column:auto;
    border-left:0;
    border-top:1px dashed var(--spgr-line);
    padding-left:0;
    padding-top:14px;
  }
}


/* SPILLPH v6.6.15 — SPILL+ Game Review: Review Rating aligned 3-column snapshot
   Removes the frontend block label and aligns border, typography, and dividers with the Movie Review Rating panel. */
.sp-game-review-card-compact{
  --spgr-red:#ff2b5f;
  --spgr-line:#e9e9ee;
  --spgr-soft:#fff7f9;
  margin:28px 0;
  padding:0;
  border:2px solid #ffd6de;
  border-radius:10px;
  background:#fff;
  box-shadow:0 8px 22px rgba(15,23,42,.035);
  overflow:hidden;
}
.sp-game-review-card-compact .sp-game-review-label{display:none!important;}
.sp-game-review-card-compact .sp-game-review-top{
  display:grid;
  grid-template-columns:minmax(185px,.95fr) minmax(160px,.72fr) minmax(220px,1.1fr);
  gap:0;
  align-items:stretch;
  padding:0;
  border-bottom:1px solid #e9e9ee;
}
.sp-game-review-card-compact .sp-game-review-info,
.sp-game-review-card-compact .sp-game-review-score,
.sp-game-review-card-compact .sp-game-review-breakdown{
  padding:22px 24px;
  min-width:0;
}
.sp-game-review-card-compact .sp-game-review-info{
  display:flex;
  flex-direction:column;
  gap:13px;
  align-items:stretch;
  justify-content:flex-start;
}
.sp-game-review-card-compact .sp-game-review-score,
.sp-game-review-card-compact .sp-game-review-breakdown{
  border-left:1px solid #e9e9ee;
  border-right:0;
}
.sp-game-review-card-compact .sp-game-review-cover{
  width:100%;
  aspect-ratio:16/9;
  border-radius:8px;
  border:1px solid #e9e9ee;
  background:#0f172a;
}
.sp-game-review-card-compact .sp-game-review-title-wrap h3{
  margin:0;
  color:#111827;
  font-family:var(--heading-font);
  font-size:clamp(21px,3cqw,30px);
  line-height:1.04;
  font-weight:950;
  letter-spacing:-.035em;
  text-transform:none;
}
.sp-game-review-card-compact .sp-game-review-quickmeta{
  margin-top:9px;
  display:flex;
  flex-wrap:wrap;
  gap:5px;
}
.sp-game-review-card-compact .sp-game-review-quickmeta span{
  min-height:19px;
  padding:3px 7px;
  border:1px solid #ffd6de;
  border-radius:999px;
  background:#fff7f9;
  color:#667085;
  font-size:9px;
  line-height:1.1;
  font-weight:850;
  letter-spacing:.025em;
  text-transform:uppercase;
}
.sp-game-review-card-compact .sp-game-review-score{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:10px;
  text-align:center;
}
.sp-game-review-card-compact .sp-game-review-score-badge{
  width:auto;
  height:auto;
  margin:0;
  border:0;
  border-radius:0;
  box-shadow:none;
  background:transparent;
}
.sp-game-review-card-compact .sp-game-review-score-badge strong{
  display:inline;
  color:#050505;
  font-size:48px;
  line-height:1;
  font-weight:950;
  letter-spacing:-.04em;
}
.sp-game-review-card-compact .sp-game-review-score-badge small{
  display:inline;
  margin:0 0 0 2px;
  color:#111;
  font-size:38px;
  line-height:1;
  font-weight:850;
}
.sp-game-review-card-compact .sp-game-review-stars{
  margin:0;
  color:#d2d6dc;
  font-family:Arial,sans-serif;
  font-size:27px;
  letter-spacing:2px;
}
.sp-game-review-card-compact .sp-game-review-stars-fill{color:#ff2b5f;}
.sp-game-review-card-compact .sp-game-review-verdict{
  display:block;
  min-height:0;
  padding:0;
  border-radius:0;
  background:transparent;
  color:#ff2b5f;
  font-size:12px;
  line-height:1.2;
  font-weight:950;
  letter-spacing:.04em;
  text-transform:uppercase;
}
.sp-game-review-card-compact .sp-game-review-breakdown{
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.sp-game-review-card-compact .sp-game-review-breakdown h4,
.sp-game-review-card-compact .sp-game-review-list h4,
.sp-game-review-card-compact .sp-game-review-final h4{
  margin:0 0 14px;
  color:#ff2b5f;
  font-size:15px;
  line-height:1.1;
  font-weight:900;
  letter-spacing:.02em;
  text-transform:uppercase;
}
.sp-game-review-card-compact .sp-game-review-rating-row{
  grid-template-columns:92px minmax(70px,1fr) 42px;
  gap:10px;
  margin:0 0 11px;
  color:#111827;
  font-size:12px;
  font-weight:800;
}
.sp-game-review-card-compact .sp-game-review-rating-bar{height:6px;background:#eef0f4;}
.sp-game-review-card-compact .sp-game-review-rating-bar i{background:#ff2b5f;}
.sp-game-review-card-compact .sp-game-review-rating-row strong{font-size:12px;color:#111827;}
.sp-game-review-card-compact .sp-game-review-overall{
  margin-top:13px;
  padding-top:12px;
  border-top:1px solid #e9e9ee;
  color:#ff2b5f;
  font-size:12px;
}
.sp-game-review-card-compact .sp-game-review-overall strong{font-size:20px;}
.sp-game-review-card-compact .sp-game-review-bottom{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.05fr);
  gap:0;
  padding:0;
  align-items:stretch;
}
.sp-game-review-card-compact .sp-game-review-list,
.sp-game-review-card-compact .sp-game-review-final{
  padding:20px 24px;
  min-width:0;
}
.sp-game-review-card-compact .sp-game-review-list + .sp-game-review-list,
.sp-game-review-card-compact .sp-game-review-final{
  border-left:1px solid #e9e9ee;
}
.sp-game-review-card-compact .sp-game-review-final{
  grid-column:auto;
  border-top:0;
}
.sp-game-review-card-compact .sp-game-review-list ul{gap:8px;}
.sp-game-review-card-compact .sp-game-review-list li{
  color:#111827;
  font-size:13px;
  line-height:1.42;
  font-weight:500;
}
.sp-game-review-card-compact .sp-game-review-final p{
  margin:0 0 12px;
  color:#333;
  font-size:13px;
  line-height:1.55;
  font-weight:500;
}
.sp-game-review-card-compact .sp-game-review-best{
  margin-top:10px;
  padding:10px 12px;
  border:1px solid #ffd6de;
  border-radius:8px;
  background:#fff7f9;
}
.sp-game-review-card-compact .sp-game-review-best strong{font-size:12px;color:#111827;}
.sp-game-review-card-compact .sp-game-review-best span{font-size:12px;color:#667085;}
.sp-game-review-card-compact .sp-game-review-tags{display:none!important;}
@container spGameReview (max-width: 820px){
  .sp-game-review-card-compact .sp-game-review-top,
  .sp-game-review-card-compact .sp-game-review-bottom{grid-template-columns:1fr;}
  .sp-game-review-card-compact .sp-game-review-info,
  .sp-game-review-card-compact .sp-game-review-score,
  .sp-game-review-card-compact .sp-game-review-breakdown,
  .sp-game-review-card-compact .sp-game-review-list,
  .sp-game-review-card-compact .sp-game-review-final{padding:20px;}
  .sp-game-review-card-compact .sp-game-review-score,
  .sp-game-review-card-compact .sp-game-review-breakdown,
  .sp-game-review-card-compact .sp-game-review-list + .sp-game-review-list,
  .sp-game-review-card-compact .sp-game-review-final{
    border-left:0;
    border-top:1px solid #e9e9ee;
  }
  .sp-game-review-card-compact .sp-game-review-cover{max-width:420px;}
}
@container spGameReview (max-width: 520px){
  .sp-game-review-card-compact .sp-game-review-score-badge strong{font-size:42px;}
  .sp-game-review-card-compact .sp-game-review-score-badge small{font-size:32px;}
  .sp-game-review-card-compact .sp-game-review-stars{font-size:23px;}
  .sp-game-review-card-compact .sp-game-review-rating-row{grid-template-columns:1fr auto;}
  .sp-game-review-card-compact .sp-game-review-rating-bar{grid-column:1/-1;grid-row:2;}
}


/* =========================================================
   SPILLPH v6.6.17 — SPILL+ Game Review Compact Highlight Polish
   Game Review reuses the Review Rating panel structure, with smaller
   Pros / Cons copy, circular green check / red X icons, and a card-style Best For box.
========================================================= */
.sp-game-review-panel{
  grid-template-rows:auto auto;
}
.sp-game-review-panel > .sp-review-score-col,
.sp-game-review-panel > .sp-review-verdict-col,
.sp-game-review-panel > .sp-review-meta-col{
  min-width:0;
}
.sp-game-review-panel .sp-game-review-score-col h3{
  word-break:break-word;
  overflow-wrap:anywhere;
}
.sp-game-review-panel .sp-game-review-extra-row{
  grid-column:1 / -1;
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:0;
  padding:0;
  border-top:1px solid #e9e9ee;
}
.sp-game-review-panel .sp-game-review-extra-col{
  padding:18px 22px;
  min-width:0;
}
.sp-game-review-panel .sp-game-review-extra-col + .sp-game-review-extra-col{
  border-left:1px solid #e9e9ee;
}
.sp-game-review-panel .sp-game-review-extra-col h4{
  margin:0 0 10px;
  color:var(--sp-review-accent,#ff2b5f);
  font-size:12px;
  line-height:1.1;
  letter-spacing:.055em;
  font-weight:950;
  text-transform:uppercase;
}
.sp-game-review-panel .sp-game-review-extra-col ul{
  margin:0;
  padding:0;
  list-style:none;
  display:grid;
  gap:7px;
}
.sp-game-review-panel .sp-game-review-extra-col li{
  position:relative;
  margin:0;
  padding-left:27px;
  color:#333;
  font-size:13px;
  line-height:1.4;
  font-weight:650;
}
.sp-game-review-panel .sp-game-review-extra-pros li:before,
.sp-game-review-panel .sp-game-review-extra-cons li:before{
  position:absolute;
  left:0;
  top:.02em;
  width:18px;
  height:18px;
  border-radius:999px;
  display:grid;
  place-items:center;
  font-size:11px;
  font-weight:950;
  line-height:1;
  color:#fff;
  box-shadow:0 3px 10px rgba(15,23,42,.08);
}
.sp-game-review-panel .sp-game-review-extra-pros li:before{
  content:'✓';
  background:#16a34a;
  border:1px solid #15803d;
}
.sp-game-review-panel .sp-game-review-extra-cons li:before{
  content:'×';
  background:#ef233c;
  border:1px solid #d90429;
}
.sp-game-review-panel .sp-game-review-extra-best{
  padding:14px 16px;
}
.sp-game-review-panel .sp-game-review-extra-best h4{
  margin-bottom:8px;
}
.sp-game-review-panel .sp-game-review-extra-best p{
  position:relative;
  margin:0;
  padding:15px 15px 15px 42px;
  color:#333;
  font-size:13px;
  line-height:1.48;
  font-weight:700;
  border:1px solid rgba(239,35,60,.16);
  border-radius:14px;
  background:linear-gradient(135deg,rgba(239,35,60,.08),rgba(255,255,255,.92));
  box-shadow:0 8px 22px rgba(15,23,42,.05);
}
.sp-game-review-panel .sp-game-review-extra-best p:before{
  content:'★';
  position:absolute;
  left:14px;
  top:14px;
  width:20px;
  height:20px;
  border-radius:999px;
  display:grid;
  place-items:center;
  background:var(--sp-review-accent,#ff2b5f);
  color:#fff;
  font-size:11px;
  line-height:1;
  box-shadow:0 4px 12px rgba(239,35,60,.22);
}
@media (max-width: 820px){
  .sp-game-review-panel .sp-game-review-extra-row{
    grid-template-columns:1fr;
  }
  .sp-game-review-panel .sp-game-review-extra-col{
    padding:20px;
  }
  .sp-game-review-panel .sp-game-review-extra-col + .sp-game-review-extra-col{
    border-left:0;
    border-top:1px solid #e9e9ee;
  }
}


/* SPILLPH v6.6.23 — SPILL+ The Spill subtitle + header polish */
.sp-the-spill-block{
  --sp-spill-red:var(--accent,#ef233c);
  --sp-spill-bg:#fff3f5;
  position:relative;
  overflow:hidden;
  margin:22px 0 26px;
  border-left:5px solid var(--sp-spill-red);
  border-radius:16px;
  background:linear-gradient(135deg,#fff7f8 0%,var(--sp-spill-bg) 72%);
  padding:17px 24px 18px;
  box-shadow:none;
  color:#111827;
}
.sp-the-spill-block:before{display:none}
.sp-the-spill-head,
.sp-the-spill-content{position:relative;z-index:1}
.sp-the-spill-head{display:flex;align-items:center;gap:16px;margin-bottom:14px}
.sp-the-spill-icon{width:60px;flex:0 0 60px;display:inline-flex;align-items:center;justify-content:center;line-height:0}
.sp-the-spill-icon img{width:60px;height:auto;display:block;object-fit:contain}
.sp-the-spill-head-main{display:flex;flex-direction:column;justify-content:center;flex:1;min-width:0}
.sp-the-spill-subtitle{display:block;margin:0 0 7px;color:#6f4b5a;font-family:var(--body-font,Inter,Arial,sans-serif);font-size:13.5px;font-weight:500;line-height:1.35}
.sp-the-spill-line{display:block;width:100%;height:2px;border-radius:999px;background:var(--sp-spill-red);opacity:.9}
.sp-the-spill-content{max-width:100%}
.sp-the-spill-copy{font-family:var(--body-font,Inter,Arial,sans-serif);font-size:16px;line-height:1.72;color:#1f2937;font-weight:400}
.sp-the-spill-copy p{margin:0 0 10px}.sp-the-spill-copy p:last-child{margin-bottom:0}
.sp-the-spill-highlight{margin:12px 0 0;color:var(--sp-spill-red);font-family:var(--body-font,Inter,Arial,sans-serif);font-size:16px;font-weight:800;line-height:1.45;letter-spacing:0;text-transform:none}
@media(max-width:640px){
  .sp-the-spill-block{margin:20px 0 24px;border-left-width:4px;border-radius:14px;padding:15px 16px 16px}
  .sp-the-spill-head{gap:12px;margin-bottom:12px}
  .sp-the-spill-icon{width:50px;flex-basis:50px}
  .sp-the-spill-subtitle{font-size:12.5px;margin-bottom:6px;line-height:1.3}
  .sp-the-spill-line{height:2px}
  .sp-the-spill-copy{font-size:15px;line-height:1.65}
  .sp-the-spill-highlight{font-size:15px;line-height:1.45;margin-top:10px}
}