:root{
 --ink:#15233f;--muted:#6b7890;--bg:#f4f7fb;--card:#fff;--line:#e4eaf3;
 --blue:#5868ff;--cyan:#21bfd1;--pink:#ff6d8b;--orange:#ffad61;--violet:#8a6bff;--green:#26bd7a;
 --shadow:0 20px 55px rgba(32,48,86,.09);
}
*{box-sizing:border-box} body{margin:0;background:radial-gradient(circle at 5% 0%,rgba(88,104,255,.10),transparent 26%),radial-gradient(circle at 95% 5%,rgba(255,109,139,.10),transparent 25%),var(--bg);color:var(--ink);font-family:Inter,Arial,sans-serif}
.wrap{width:min(1420px,calc(100% - 36px));margin:auto}
.hero{padding:28px 0}
.hero-shell{border-radius:36px;padding:52px;background:linear-gradient(125deg,#fff,#f5f8ff 55%,#fff4f7);box-shadow:var(--shadow);display:grid;grid-template-columns:1.15fr .85fr;gap:30px;align-items:center;overflow:hidden;position:relative}
.hero-shell:after{content:"";position:absolute;width:470px;height:470px;border-radius:50%;right:-180px;top:-190px;background:radial-gradient(circle,rgba(88,104,255,.18),transparent 68%)}
.hero-copy,.hero-stats{position:relative;z-index:2}
.eyebrow,.tiny{font-size:11px;text-transform:uppercase;letter-spacing:1.25px;font-weight:900;color:var(--blue)}
h1{font-size:clamp(44px,6vw,82px);line-height:.96;letter-spacing:-4px;margin:20px 0;color:#101c35} 
.hero-copy p{font-size:18px;line-height:1.8;color:var(--muted);max-width:780px}
.hero-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px} .hero-tags span,.badges span{padding:10px 13px;border-radius:999px;background:#fff;border:1px solid var(--line);font-size:12px;font-weight:800;color:#53617a}
.hero-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.hero-stat{background:rgba(255,255,255,.88);border:1px solid #fff;border-radius:24px;padding:22px;box-shadow:0 14px 35px rgba(26,43,78,.06)} .hero-stat strong{display:block;font-size:34px} .hero-stat span{font-size:12px;color:var(--muted)}
.hero-stat.main{grid-column:1/-1;background:linear-gradient(135deg,var(--blue),var(--violet));color:#fff} .hero-stat.main span{color:#e8e9ff}
.tabs-shell{position:sticky;top:0;z-index:50;background:rgba(244,247,251,.88);backdrop-filter:blur(18px);border-bottom:1px solid rgba(220,226,238,.8)}
.tabs{display:flex;gap:8px;padding:14px 0;overflow:auto;scrollbar-width:none} .tabs::-webkit-scrollbar{display:none}
.tab,.country-tab{border:0;cursor:pointer;font-weight:850;border-radius:14px;padding:12px 16px;white-space:nowrap;background:transparent;color:#65728a} .tab.active{background:linear-gradient(135deg,var(--blue),var(--cyan));color:#fff;box-shadow:0 10px 24px rgba(88,104,255,.22)}
.panel{display:none;padding:48px 0 74px} .panel.active{display:block}
.section-head{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:26px} h2{font-size:clamp(34px,4vw,54px);line-height:1.02;letter-spacing:-2px;margin:0} .section-head p{max-width:620px;color:var(--muted);line-height:1.8}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:15px} .card{background:var(--card);border:1px solid var(--line);border-radius:24px;padding:24px;box-shadow:var(--shadow)} .card strong.big{display:block;font-size:34px;margin:9px 0} .card p{color:var(--muted);line-height:1.75;font-size:14px}
.budget-row{display:grid;grid-template-columns:220px 150px 150px 1fr 60px;gap:15px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:17px;padding:15px 17px;margin-bottom:10px} .budget-row strong{font-size:18px} .budget-row span{display:block;color:var(--muted);font-size:11px} .market-name{font-weight:900} .progress{height:9px;background:#edf1f7;border-radius:999px;overflow:hidden} .progress i{display:block;height:100%;background:linear-gradient(90deg,var(--blue),var(--cyan));border-radius:inherit} .share{font-weight:900}
.table-wrap{overflow:auto} table{width:100%;min-width:850px;border-collapse:separate;border-spacing:0 8px} th{text-align:left;font-size:10px;text-transform:uppercase;letter-spacing:1px;color:#7b879a;padding:8px 12px} td{background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:14px 12px;font-size:13px} td:first-child{border-left:1px solid var(--line);border-radius:14px 0 0 14px} td:last-child{border-right:1px solid var(--line);border-radius:0 14px 14px 0}
.country-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px} .country-tab{background:#fff;border:1px solid var(--line)} .country-tab.active{color:#fff;border-color:transparent;background:linear-gradient(135deg,var(--pink),var(--orange))}
.country-panel{display:none} .country-panel.active{display:block}
.country-hero{display:grid;grid-template-columns:1.05fr .95fr;gap:22px;background:linear-gradient(125deg,rgba(88,104,255,.08),rgba(33,191,209,.08),rgba(255,109,139,.07)),#fff;border:1px solid var(--line);border-radius:28px;padding:28px;box-shadow:var(--shadow);margin-bottom:16px} .flag{font-size:32px} .country-hero h3{font-size:40px;margin:6px 0 12px} .country-hero p{color:var(--muted);line-height:1.8} .badges{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}
.country-kpis{display:grid;grid-template-columns:1fr 1fr;gap:11px} .country-kpis div{background:rgba(255,255,255,.8);border:1px solid var(--line);border-radius:18px;padding:17px} .country-kpis strong{display:block;font-size:27px} .country-kpis span{color:var(--muted);font-size:11px}
.platform-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px} .platform-card{background:#fff;border:1px solid var(--line);border-radius:23px;padding:22px;box-shadow:var(--shadow);border-top-width:5px} .platform-card.meta{border-top-color:var(--pink)} .platform-card.google{border-top-color:var(--blue)} .platform-card.linkedin{border-top-color:var(--violet)} .platform-card.x{border-top-color:var(--cyan)} .platform-top{display:flex;justify-content:space-between;gap:12px;align-items:start} h4{font-size:24px;margin:5px 0} .budget-chip{font-size:11px;font-weight:900;background:#f5f7fb;border:1px solid var(--line);border-radius:999px;padding:9px 11px} .benchmark{font-size:20px;font-weight:900;margin-top:16px} .platform-card p{color:var(--muted);line-height:1.75;font-size:13px}
.evidence-box{margin-top:15px;background:#fff;border:1px solid var(--line);border-radius:22px;padding:22px;box-shadow:var(--shadow)} .evidence-box ul{margin:12px 0 0;padding-left:20px;color:#5f6d84;line-height:1.9}
.mix-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px} .mix-card{padding:24px;border-radius:24px;color:#fff;min-height:190px} .mix-card strong{display:block;font-size:35px;margin-top:12px} .mix-card span{opacity:.85} .mix-card.meta{background:linear-gradient(135deg,#ff6d8b,#ff9a72)} .mix-card.google{background:linear-gradient(135deg,#5868ff,#6d8cff)} .mix-card.linkedin{background:linear-gradient(135deg,#765dff,#9b7bff)} .mix-card.x{background:linear-gradient(135deg,#17aebf,#32cdb5)}
.note{margin-top:18px;padding:18px 20px;border-radius:18px;background:#fff8df;border:1px solid #f4e5a4;color:#665c31;line-height:1.7;font-size:13px}
.footer{border-top:1px solid var(--line);padding:28px 0 38px;color:#7b879a;font-size:11px}
@media(max-width:1000px){.hero-shell,.country-hero{grid-template-columns:1fr}.grid3{grid-template-columns:1fr}.grid4,.mix-grid{grid-template-columns:1fr 1fr}}
@media(max-width:720px){.wrap{width:min(100% - 20px,1420px)} .hero-shell{padding:28px 22px} h1{letter-spacing:-2px} .hero-stats,.grid4,.mix-grid,.platform-grid,.country-kpis{grid-template-columns:1fr} .section-head{display:block} .budget-row{grid-template-columns:1fr 1fr} .budget-row .progress{grid-column:1/-1}}


#ps-regional-awareness-2026 h1,
#ps-regional-awareness-2026 h2,
#ps-regional-awareness-2026 h3,
#ps-regional-awareness-2026 h4,
#ps-regional-awareness-2026 .country-hero h3,
#ps-regional-awareness-2026 .platform-name,
#ps-regional-awareness-2026 .market-name{
    color:#14213d !important;
}


body h1,
body h2,
body h3,
body h4{
    color:#14213d !important;
}


.content-chip-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
}
.content-chip-grid span{
  display:flex;
  align-items:center;
  min-height:52px;
  padding:12px 14px;
  border-radius:15px;
  background:#f7f9fc;
  border:1px solid #e7ebf2;
  color:#4e5f78;
  font-size:12px;
  font-weight:800;
}
@media(max-width:1000px){
  .content-chip-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(max-width:620px){
  .content-chip-grid{grid-template-columns:1fr;}
}


.investment-banner{
  margin:0 0 22px;
  display:grid;
  grid-template-columns:1.1fr .9fr;
  gap:18px;
  align-items:stretch;
  padding:26px;
  border-radius:28px;
  background:linear-gradient(135deg,#ffffff 0%,#f1f5ff 55%,#fff4f7 100%);
  border:1px solid var(--line);
  box-shadow:var(--shadow);
}
.investment-copy h3{
  font-size:30px;
  margin:8px 0 12px;
  line-height:1.05;
}
.investment-copy p{
  margin:0;
  color:var(--muted);
  line-height:1.8;
}
.investment-totals{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
}
.investment-kpi{
  padding:20px;
  border-radius:20px;
  background:#fff;
  border:1px solid var(--line);
}
.investment-kpi span,.investment-kpi small{
  display:block;
  color:var(--muted);
  font-size:11px;
}
.investment-kpi strong{
  display:block;
  margin:8px 0 5px;
  font-size:30px;
  color:var(--ink);
}

.financial-hero-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:16px;
}
.financial-main-card{
  border-radius:28px;
  padding:30px;
  color:#fff;
  min-height:230px;
  box-shadow:var(--shadow);
}
.financial-main-card.paid{
  background:linear-gradient(135deg,#5868ff,#7890ff);
}
.financial-main-card.content{
  background:linear-gradient(135deg,#ff6d8b,#ffad61);
}
.financial-main-card .tiny{color:#fff;opacity:.85}
.financial-main-card strong{
  display:block;
  font-size:48px;
  margin:14px 0 4px;
}
.financial-main-card span{
  display:block;
  font-weight:800;
}
.financial-main-card p{
  opacity:.9;
  line-height:1.7;
  max-width:500px;
}

.cost-breakdown-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:15px;
}
.cost-card{
  display:flex;
  gap:15px;
  align-items:flex-start;
  background:#fff;
  border:1px solid var(--line);
  border-radius:22px;
  padding:22px;
  box-shadow:var(--shadow);
}
.cost-icon{
  min-width:44px;height:44px;
  display:grid;place-items:center;
  border-radius:14px;
  background:#eef1ff;
  color:var(--blue);
  font-weight:900;
}
.cost-card span{
  display:block;
  color:var(--muted);
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:1px;
  font-weight:900;
}
.cost-card strong{
  display:block;
  font-size:27px;
  margin:7px 0;
}
.cost-card p{
  margin:0;
  color:var(--muted);
  font-size:13px;
  line-height:1.65;
}

.output-grid{
  display:grid;
  grid-template-columns:repeat(6,1fr);
  gap:12px;
}
.output-card{
  background:#fff;
  border:1px solid var(--line);
  border-radius:20px;
  padding:20px 14px;
  text-align:center;
  box-shadow:0 10px 28px rgba(32,48,86,.06);
}
.output-card strong{
  display:block;
  font-size:32px;
  margin-bottom:7px;
}
.output-card span{
  color:var(--muted);
  font-size:11px;
  font-weight:800;
}

.logic-flow{
  display:grid;
  grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;
  gap:10px;
  align-items:center;
}
.logic-step{
  padding:20px;
  border-radius:20px;
  background:#fff;
  border:1px solid var(--line);
  text-align:center;
}
.logic-step b{
  width:34px;height:34px;
  display:grid;place-items:center;
  margin:0 auto 10px;
  border-radius:12px;
  background:linear-gradient(135deg,var(--blue),var(--cyan));
  color:#fff;
}
.logic-step span{
  display:block;
  font-weight:900;
  font-size:17px;
}
.logic-step small{
  display:block;
  margin-top:6px;
  color:var(--muted);
  font-size:10px;
}
.logic-arrow{
  font-size:26px;
  color:#9aa6ba;
  font-weight:900;
}

.summary-cost-strip{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:12px;
  margin-bottom:18px;
}
.summary-cost-strip div{
  padding:18px;
  border-radius:18px;
  background:#fff;
  border:1px solid var(--line);
}
.summary-cost-strip span{
  display:block;
  color:var(--muted);
  font-size:10px;
  text-transform:uppercase;
  letter-spacing:1px;
  font-weight:900;
}
.summary-cost-strip strong{
  display:block;
  font-size:24px;
  margin-top:8px;
}
.summary-cost-strip .grand{
  background:linear-gradient(135deg,#5868ff,#8a6bff);
  color:#fff;
  border:0;
}
.summary-cost-strip .grand span{color:#e9eaff}

@media(max-width:1050px){
  .investment-banner,
  .financial-hero-grid{grid-template-columns:1fr}
  .cost-breakdown-grid{grid-template-columns:1fr}
  .output-grid{grid-template-columns:repeat(3,1fr)}
  .logic-flow{grid-template-columns:1fr}
  .logic-arrow{transform:rotate(90deg);text-align:center}
  .summary-cost-strip{grid-template-columns:1fr 1fr}
}
@media(max-width:620px){
  .investment-totals{grid-template-columns:1fr}
  .output-grid{grid-template-columns:1fr 1fr}
  .summary-cost-strip{grid-template-columns:1fr}
}

/* WordPress compatibility */
#ps-regional-awareness-2026{font-family:Arial,Helvetica,sans-serif}
#ps-regional-awareness-2026 button{font-family:inherit}
#ps-regional-awareness-2026 .panel{display:none}
#ps-regional-awareness-2026 .panel.active{display:block}

/* v1.1 full-width layout */
#ps-regional-awareness-2026{
  width:100%;
  max-width:none;
  margin:0;
  overflow:hidden;
}
#ps-regional-awareness-2026 .wrap{
  width:min(1760px, calc(100% - 48px)) !important;
  max-width:none !important;
  margin-left:auto !important;
  margin-right:auto !important;
}
#ps-regional-awareness-2026 .hero{
  width:100%;
  padding:24px 0;
}
#ps-regional-awareness-2026 .hero-shell{
  width:100%;
  grid-template-columns:minmax(0,1.18fr) minmax(420px,.82fr);
  padding:54px 58px;
}
#ps-regional-awareness-2026 .hero-copy h1{
  font-size:clamp(52px,5.3vw,92px);
  max-width:1000px;
}
#ps-regional-awareness-2026 .tabs-shell .wrap{
  width:min(1760px, calc(100% - 48px)) !important;
}
#ps-regional-awareness-2026 .tabs{
  justify-content:flex-start;
}
#ps-regional-awareness-2026 .panel{
  width:100%;
}
#ps-regional-awareness-2026 .panel > .wrap{
  width:min(1760px, calc(100% - 48px)) !important;
}
#ps-regional-awareness-2026 .grand-total-card{
  margin-top:18px;
  padding:26px;
  border-radius:24px;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
  background:linear-gradient(135deg,#15233f,#5868ff);
  color:#fff;
  box-shadow:var(--shadow);
}
#ps-regional-awareness-2026 .grand-total-card > div{
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.14);
  border-radius:18px;
  padding:18px;
}
#ps-regional-awareness-2026 .grand-total-card span,
#ps-regional-awareness-2026 .grand-total-card small{
  display:block;
  color:rgba(255,255,255,.78);
}
#ps-regional-awareness-2026 .grand-total-card strong{
  display:block;
  font-size:34px;
  margin-top:6px;
}
#ps-regional-awareness-2026 .grand-total-card small{
  grid-column:1/-1;
  font-size:11px;
}
@media(max-width:900px){
  #ps-regional-awareness-2026 .wrap,
  #ps-regional-awareness-2026 .tabs-shell .wrap,
  #ps-regional-awareness-2026 .panel > .wrap{
    width:min(100% - 20px, 1760px) !important;
  }
  #ps-regional-awareness-2026 .hero-shell{
    grid-template-columns:1fr;
    padding:30px 24px;
  }
  #ps-regional-awareness-2026 .grand-total-card{
    grid-template-columns:1fr;
  }
}

/* v1.3 navigation fix: keep every report tab visible */
#ps-regional-awareness-2026 .tabs-shell{
  overflow:visible !important;
}
#ps-regional-awareness-2026 .tabs-shell .wrap{
  overflow:visible !important;
}
#ps-regional-awareness-2026 .tabs{
  width:100%;
  display:flex !important;
  flex-wrap:wrap !important;
  justify-content:flex-start !important;
  align-items:center;
  gap:8px 10px !important;
  overflow:visible !important;
  padding:14px 0 !important;
}
#ps-regional-awareness-2026 .tab{
  flex:0 0 auto !important;
  max-width:none !important;
  white-space:nowrap !important;
  overflow:visible !important;
  text-overflow:clip !important;
  padding:11px 14px !important;
  line-height:1.2 !important;
}
#ps-regional-awareness-2026 .tab.active{
  overflow:visible !important;
}

/* Prevent page/theme containers from clipping the final tabs */
#ps-regional-awareness-2026,
#ps-regional-awareness-2026 .wrap,
#ps-regional-awareness-2026 .tabs-shell,
#ps-regional-awareness-2026 .tabs{
  clip-path:none !important;
}

/* On medium screens, allow clean 2-row wrapping instead of cutting the last item */
@media (max-width:1250px){
  #ps-regional-awareness-2026 .tabs{
    gap:7px !important;
  }
  #ps-regional-awareness-2026 .tab{
    padding:10px 11px !important;
    font-size:12px !important;
  }
}

/* On mobile, keep horizontal swipe behavior so labels remain readable */
@media (max-width:720px){
  #ps-regional-awareness-2026 .tabs{
    flex-wrap:nowrap !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
  }
  #ps-regional-awareness-2026 .tabs::-webkit-scrollbar{
    display:none;
  }
}