/* v7.7 Paid media readability and card separation */
body.motion-v7 #paid .shell::before{
  background:linear-gradient(180deg,#102d48 0%,#173f63 100%)!important;
  box-shadow:0 28px 72px rgba(8,25,42,.18)!important;
}
body.motion-v7 #paid .section-intro h2{color:#fff!important}
body.motion-v7 #paid .section-intro p{color:#d7e4ef!important}
body.motion-v7 #paid .section-kicker{color:#8fc6f5!important}

/* Main paid channel cards */
body.motion-v7 #paid .media-split{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:18px!important;
  padding:0 44px 22px!important;
}
body.motion-v7 #paid .media-card{
  background:#fff!important;
  color:#13283d!important;
  border:1px solid rgba(255,255,255,.16)!important;
  box-shadow:0 18px 38px rgba(5,19,32,.12)!important;
}
body.motion-v7 #paid .media-card .share{color:#2d6fb8!important}
body.motion-v7 #paid .media-card h3{color:#13283d!important}
body.motion-v7 #paid .media-card p{color:#5d7184!important}
body.motion-v7 #paid .budget-line{background:#e8eef4!important}
body.motion-v7 #paid .budget-line i{background:linear-gradient(90deg,#2d6fb8,#ff6a32)!important}

/* ROI area */
body.motion-v7 #paid .roi-board{
  display:grid!important;
  grid-template-columns:.92fr 1.08fr!important;
  gap:18px!important;
  padding:0 44px 22px!important;
}
body.motion-v7 #paid .roi-callout{
  background:linear-gradient(145deg,#173b5e,#204f7b)!important;
  border:1px solid rgba(255,255,255,.12)!important;
  color:#fff!important;
  box-shadow:0 18px 38px rgba(5,19,32,.14)!important;
}
body.motion-v7 #paid .roi-callout h3{color:#fff!important}
body.motion-v7 #paid .roi-callout p{color:#dbe7f1!important}
body.motion-v7 #paid .roi-callout .section-kicker,
body.motion-v7 #paid .roi-callout .section-kicker[style]{color:#b9d9f4!important}
body.motion-v7 #paid .roi-table{
  padding:28px!important;
  border-radius:28px!important;
  background:#fff!important;
  border:1px solid rgba(18,40,59,.10)!important;
  box-shadow:0 18px 38px rgba(5,19,32,.10)!important;
  color:#13283d!important;
}
body.motion-v7 #paid .roi-table h3{color:#13283d!important;margin:0 0 14px!important;font-size:24px!important;line-height:1.2!important}
body.motion-v7 #paid .roi-table .data-table th{color:#6c8295!important}
body.motion-v7 #paid .roi-table .data-table td{color:#22394d!important;background:#f8fafc!important;border-color:rgba(18,40,59,.08)!important}
body.motion-v7 #paid .roi-table .live-signal{
  margin-top:16px!important;
  padding:16px 18px!important;
  border-radius:18px!important;
  background:#eef5fb!important;
  border:1px solid rgba(45,111,184,.12)!important;
}
body.motion-v7 #paid .roi-table .live-signal b{color:#13283d!important}
body.motion-v7 #paid .roi-table .live-signal p{color:#5d7184!important}

/* Bottom cards: Creative volume + Paid launch deliverable */
body.motion-v7 #paid .calendar-grid{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:18px!important;
  margin:0!important;
  padding:0 44px 44px!important;
  border:0!important;
}
body.motion-v7 #paid .calendar-grid .calendar-card{
  padding:28px!important;
  border-radius:28px!important;
  background:#fff!important;
  border:1px solid rgba(18,40,59,.10)!important;
  box-shadow:0 18px 38px rgba(5,19,32,.10)!important;
  color:#13283d!important;
  min-height:100%!important;
}
body.motion-v7 #paid .calendar-grid .calendar-card h3{
  margin:0 0 18px!important;
  padding-bottom:14px!important;
  border-bottom:1px solid #dce5ed!important;
  color:#13283d!important;
  font-size:21px!important;
  line-height:1.25!important;
}
body.motion-v7 #paid .calendar-grid .calendar-card .data-table{
  border-collapse:separate!important;
  border-spacing:0 9px!important;
  width:100%!important;
}
body.motion-v7 #paid .calendar-grid .calendar-card .data-table td{
  padding:13px 14px!important;
  background:#f7f9fb!important;
  color:#274159!important;
  border:1px solid rgba(18,40,59,.08)!important;
  font-size:13px!important;
  line-height:1.5!important;
}
body.motion-v7 #paid .calendar-grid .calendar-card .data-table td:first-child{
  width:28%!important;
  font-weight:800!important;
  color:#13283d!important;
  border-radius:14px 0 0 14px!important;
}
body.motion-v7 #paid .calendar-grid .calendar-card .data-table td:last-child{
  border-radius:0 14px 14px 0!important;
}
body.motion-v7 #paid .calendar-grid .calendar-card > p{
  margin-top:16px!important;
  color:#607488!important;
  font-size:12px!important;
  line-height:1.72!important;
}
body.motion-v7 #paid .calendar-grid .live-signal{
  padding:16px 0!important;
  border-bottom:1px solid #dce5ed!important;
}
body.motion-v7 #paid .calendar-grid .live-signal:last-child{border-bottom:0!important}
body.motion-v7 #paid .calendar-grid .live-signal b{
  display:block!important;
  color:#13283d!important;
  font-size:15px!important;
  margin-bottom:6px!important;
}
body.motion-v7 #paid .calendar-grid .live-signal p{
  color:#607488!important;
  font-size:13px!important;
  line-height:1.68!important;
  margin:0!important;
}

@media(max-width:980px){
  body.motion-v7 #paid .media-split,
  body.motion-v7 #paid .roi-board,
  body.motion-v7 #paid .calendar-grid{grid-template-columns:1fr!important;padding-inline:26px!important}
}
@media(max-width:620px){
  body.motion-v7 #paid .media-split,
  body.motion-v7 #paid .roi-board,
  body.motion-v7 #paid .calendar-grid{padding-inline:20px!important}
  body.motion-v7 #paid .calendar-grid .calendar-card,
  body.motion-v7 #paid .roi-table{padding:22px!important}
  body.motion-v7 #paid .calendar-grid .calendar-card .data-table td:first-child{width:38%!important}
}