/* Compact content cards on phones; preserve the desktop feed and full video player. */
.mobile-full-cover,.mobile-header-views,.mobile-card-title{display:none}
.sales-post-group{display:contents}
.mobile-sales-heading,.mobile-podcast-count{display:none!important}
[data-project="bsm-sales"] .post-media.sales-cover{isolation:isolate;background:#102032;aspect-ratio:4/5}
[data-project="bsm-sales"] .sales-cover>img.sales-cover-backdrop{position:absolute;inset:-10%;width:120%;height:120%;object-fit:cover;filter:blur(14px) brightness(.55);transform:none;z-index:0}
[data-project="bsm-sales"] .sales-cover>img.sales-cover-image{position:relative;display:block;object-fit:contain;object-position:center;width:100%;height:100%;transform:none;z-index:1}
[data-project="bsm-sales"] .post-media.sales-cover:before,[data-project="bsm-sales"] .post-media.sales-cover:after{display:none}
[data-project="bsm-sales"] .sales-cover .post-views{display:none}
[data-project="bsm-sales"] .sales-cover .play-circle,[data-project="bsm-sales"] .sales-cover .viral-badge{z-index:2}
[data-project="bsm-sales"] .sales-header-views{display:flex;flex-direction:column;align-items:flex-end;gap:2px;margin-left:auto;flex-shrink:0;white-space:nowrap}
[data-project="bsm-sales"] .sales-header-views strong{font-size:22px;line-height:1;color:#315c9d;letter-spacing:-.8px}
[data-project="bsm-sales"] .sales-header-views small{font-size:7px;line-height:1.2;color:#526982}
[data-project="bsm-sales"] .sales-card-title{display:block;font-size:17px;line-height:1.25;letter-spacing:-.45px;margin:0 0 10px;color:#151d38}
@media (max-width:680px) {
  .feed-group[data-group="campaigns"] .signature-lead{justify-self:start;text-align:left}
  .feed-group[data-group="campaigns"] .chapter-signature .platform-marks{justify-self:start;justify-content:flex-start}
  #content-section .post-card[data-mobile-cover] .post-header>div{min-width:0;flex:1}
  #content-section .post-card[data-mobile-cover] .post-header>div>strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}
  #content-section [data-mobile-cover] .post-pin{display:none}
  #content-section [data-mobile-cover] .mobile-header-views{display:flex;flex-direction:column;align-items:flex-end;gap:2px;margin-left:auto;flex-shrink:0;white-space:nowrap}
  #content-section [data-mobile-cover] .mobile-header-views strong{font-size:22px;line-height:1;color:#315c9d;letter-spacing:-.8px}
  #content-section [data-mobile-cover] .mobile-header-views small{font-size:6px;line-height:1.2;color:#526982}
  #content-section [data-mobile-cover] .mobile-card-title{display:block;font-size:17px;line-height:1.25;letter-spacing:-.45px;margin:0 0 10px;color:#151d38}
  #content-section [data-mobile-cover] .mobile-cover-layout>img,
  #content-section [data-mobile-cover] .post-views,
  #content-section [data-mobile-cover] .post-overlay,
  #content-section [data-mobile-cover] .post-tag{display:none}
  #content-section .post-card[data-mobile-cover][data-project] .post-media.mobile-cover-layout{height:clamp(300px,87vw,380px);aspect-ratio:auto;isolation:isolate;background:#102032}
  #content-section [data-mobile-cover] .mobile-cover-layout:before,
  #content-section [data-mobile-cover] .mobile-cover-layout:after{display:none}
  #content-section [data-mobile-cover] .mobile-full-cover{display:block;position:relative;width:100%;height:100%}
  #content-section [data-mobile-cover] .mobile-cover-backdrop{position:absolute;inset:-10%;width:120%;height:120%;object-fit:cover;filter:blur(14px) brightness(.55);transform:none;z-index:0}
  #content-section [data-mobile-cover] .mobile-cover-frame{display:block;position:relative;height:100%;width:auto;max-width:100%;aspect-ratio:4/5;margin:0 auto;z-index:1}
  #content-section [data-mobile-cover] .mobile-cover-image{display:block;position:relative;width:100%;height:100%;object-fit:contain;object-position:center;transform:none}
  #content-section [data-project="bsm-bubble"] .mobile-cover-image{object-fit:cover;object-position:center top}
  #content-section [data-mobile-cover] .mobile-cover-layout .viral-badge,
  #content-section [data-mobile-cover] .mobile-cover-layout .play-circle{z-index:2}
  #content-section [data-mobile-cover] .mobile-cover-layout .play-circle{top:50%}
  #content-section [data-project="burj"] .mobile-cover-layout .viral-badge{left:10px;right:auto;top:12px;padding:6px 8px}
  #content-section [data-project="burj"] .mobile-cover-layout .viral-badge strong{font-size:19px}
  #content-section [data-project="bsm-bubble"] .mobile-cover-layout .play-circle{top:auto;left:auto;bottom:12px;right:12px;transform:none}
  #content-section [data-group="viral"] .signature-lead{justify-self:start;text-align:left}
  #content-section [data-group="viral"] .chapter-signature .platform-marks{justify-self:start;justify-content:flex-start}
  #content-section .sales-post-group{display:block;min-width:0;margin-top:8px;padding-top:21px;border-top:1px solid #dfbdb7}
  #content-section .mobile-sales-heading{display:grid!important;margin-bottom:15px}
  #content-section .mobile-podcast-count{display:inline!important}
  #content-section .desktop-podcast-count{display:none}
  /* Three campaign creatives form one compact, tappable gallery row. */
  [data-group="campaigns"]>.post-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
  [data-group="campaigns"] .post-card{min-width:0;border-radius:8px}
  [data-group="campaigns"] .post-media.is-image{aspect-ratio:1;height:auto;min-height:0}
  [data-group="campaigns"] .post-media.is-image .post-tag{left:5px;bottom:5px;padding:4px 5px;font-size:7px;line-height:1.1;letter-spacing:.3px}
  #content-section [data-project="garfoun"],#content-section [data-project="trendy-bsm"],#content-section [data-project="bsm-mistake"]{display:none}
  #content-section .post-grid{gap:16px}
  #content-section .post-header{padding:9px 12px;gap:8px}
  #content-section .post-header img{width:25px;height:25px}
  #content-section .post-header strong{font-size:10px}
  #content-section .post-header small{font-size:8px}
  #content-section .post-media:not(.is-image):not(.is-system):not(.is-placeholder){height:clamp(250px,62vw,300px);aspect-ratio:auto;max-height:none}
  #content-section .post-card[data-project="bsm-sales"] .post-media.sales-cover{height:clamp(300px,87vw,380px);aspect-ratio:auto}
  #content-section [data-project="bsm-sales"] .sales-header-views strong{font-size:22px}
  #content-section [data-project="bsm-sales"] .sales-header-views small{font-size:6px}
  #content-section [data-project="bsm-sales"] .sales-cover .play-circle{top:50%}
  #content-section .post-tag{top:12px;left:12px;padding:4px 6px;font-size:7px;letter-spacing:.6px}
  #content-section .post-views{top:45px;left:12px;font-size:32px;line-height:1.05}
  #content-section .post-views small{font-size:9px;line-height:1.4;margin-top:4px}
  #content-section .viral-badge{top:13px;right:12px;padding:7px 9px}
  #content-section .viral-badge strong{font-size:23px}
  #content-section .viral-badge small{font-size:6px;margin-top:3px}
  #content-section .authority-badge{gap:3px}
  #content-section .authority-badge strong{font-size:15px;letter-spacing:-.4px}
  #content-section .authority-badge small{margin:0;letter-spacing:1.5px}
  #content-section .metrics-demo-label{top:94px;left:12px;padding:3px 5px;font-size:7px;letter-spacing:.3px}
  #content-section .play-circle{width:46px;height:46px;top:55%}
  #content-section .play-circle svg{width:19px;height:19px}
  #content-section .post-overlay{left:12px;right:12px;bottom:13px}
  #content-section .post-overlay strong{font-size:22px;line-height:1.12;letter-spacing:-.6px;max-width:100%}
  #content-section .post-caption{padding:9px 12px 10px}
  #content-section .post-caption .engagement-row{gap:6px 9px}
  #content-section .post-caption .engagement-stat{column-gap:3px}
  #content-section .post-caption .engagement-stat strong{font-size:11px}
  #content-section .post-caption .engagement-note{margin-top:6px!important;font-size:8px!important;line-height:1.4!important}
}
@media (max-width:370px) {
  #content-section .post-overlay strong{font-size:20px}
  #content-section .post-views{font-size:30px}
  #content-section .post-caption .engagement-row{gap:6px}
}
