/* MOJO PULSE / Partnership discovery CTAs (2026-10-22).
   Scoped to primary nav, homepage editorial sidebar, and article-end CTA. */

/* Navigation: treat conversion routes as distinct from editorial desks. */
.mp-site-nav .mp-menu{align-items:center;gap:clamp(9px,1.4vw,18px)}
.mp-site-nav .mp-menu>li.mp-menu-action>a{
  display:inline-flex;align-items:center;justify-content:center;
  padding:7px 10px;font-size:11px;font-weight:900;
  text-decoration:none;white-space:nowrap;letter-spacing:.035em;
  min-height:31px;transition:background-color .16s,color .16s
}
.mp-site-nav .mp-menu>li.mp-menu-pr>a{
  border:1px solid #111;background:#fff;color:#111
}
.mp-site-nav .mp-menu>li.mp-menu-pr>a:hover,
.mp-site-nav .mp-menu>li.mp-menu-pr>a:focus-visible{
  background:#111;color:#fff
}
.mp-site-nav .mp-menu>li.mp-menu-advertise>a{
  background:#e00028;color:#fff;border:1px solid #e00028
}
.mp-site-nav .mp-menu>li.mp-menu-advertise>a:hover,
.mp-site-nav .mp-menu>li.mp-menu-advertise>a:focus-visible{
  background:#111;border-color:#111;color:#fff
}

/* Red conversion column beside homepage's second feature. */
.mp-feature-layout .mp-sidepanel.mp-partner-panel{
  background:#df0027;color:#fff;display:flex;flex-direction:column;
  justify-content:space-between;gap:25px;padding:22px;
  min-width:0
}
.mp-partner-panel-label{
  display:block;font-size:10px;font-weight:900;letter-spacing:.1em;line-height:1.4
}
.mp-feature-layout .mp-partner-panel-brand .mp-card-title{
  font:900 clamp(35px,3.6vw,49px)/.91 var(--displ,'Barlow Condensed',Impact,sans-serif);
  text-transform:uppercase;letter-spacing:-.017em;margin:13px 0 0;overflow-wrap:normal
}
.mp-partner-panel-bottom{display:grid;grid-template-columns:minmax(0,1fr);gap:9px}
.mp-partner-panel-cta{background:#fff;color:#111;padding:14px;min-width:0}
.mp-partner-panel-cta>span{
  display:block;font-size:9px;font-weight:900;letter-spacing:.09em;color:#a30020
}
.mp-partner-panel-cta h3{
  font:900 clamp(21px,2.2vw,29px)/.97 var(--displ,'Barlow Condensed',Impact,sans-serif);
  text-transform:uppercase;margin:8px 0 5px
}
.mp-partner-panel-cta p{font-size:11px;line-height:1.45;color:#585858;margin:0 0 10px}
.mp-partner-panel-cta>a{
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  min-height:35px;padding:10px 11px;font-size:10px;font-weight:900;letter-spacing:.055em;
  background:#111;color:#fff!important;text-decoration:none
}
.mp-partner-panel-cta>a span{font-size:17px;line-height:.7}
.mp-partner-panel-cta>a:hover{background:#b40026}
.mp-partner-panel-cta-ad{background:#161616;color:#fff;border:1px solid #161616}
.mp-partner-panel-cta-ad>span{color:#ff7c93}
.mp-partner-panel-cta-ad p{color:#dadada}
.mp-partner-panel-cta-ad>a{background:#fff;color:#111!important}
.mp-partner-panel-cta-ad>a:hover{background:#f4bac5;color:#111!important}
.mp-partner-panel-caption{
  font-size:10px;line-height:1.4;color:#fff;margin:2px 0 0
}

/* Short conversion box after each full editorial story. */
.mp-single .mp-story-partner-cta{
  margin:32px 0 27px;border-top:4px solid #111;border-bottom:1px solid #bdbdbd;
  background:#f5f5f5;padding:22px 23px
}
.mp-single .mp-story-partner-cta-head{
  display:flex;gap:10px;align-items:center;justify-content:space-between;
  margin-bottom:13px
}
.mp-single .mp-story-partner-cta-head>span{
  color:#b50026;font-size:10px;letter-spacing:.12em;font-weight:900
}
.mp-single .mp-story-partner-cta-head>small{
  color:#777;font-size:10px;font-weight:800;letter-spacing:.055em
}
.mp-single .mp-story-partner-cta h2{
  font:900 clamp(25px,3.25vw,39px)/1 var(--displ,'Barlow Condensed',Impact,sans-serif);
  text-transform:uppercase;margin:0 0 10px;letter-spacing:-.01em
}
.mp-single .mp-story-partner-cta>p{
  font-size:13px;line-height:1.6;color:#555;margin:0 0 16px
}
.mp-single .mp-story-partner-cta-actions{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px
}
.mp-single .mp-story-partner-cta-actions a{
  padding:13px 14px;min-height:50px;display:flex;align-items:center;
  justify-content:space-between;gap:8px;
  background:#e00028;border:1px solid #e00028;color:#fff!important;
  font-size:12px;font-weight:900;text-decoration:none;letter-spacing:.02em
}
.mp-single .mp-story-partner-cta-actions a:first-child{
  background:#111;border-color:#111;color:#fff!important
}
.mp-single .mp-story-partner-cta-actions a:hover{background:#a0001e;border-color:#a0001e}
.mp-single .mp-story-partner-cta-actions a:first-child:hover{background:#383838}
.mp-single .mp-story-partner-cta-actions a span{font-size:20px;line-height:1}
.mp-site-nav a:focus-visible,.mp-partner-panel a:focus-visible,
.mp-story-partner-cta a:focus-visible{outline:3px solid #111;outline-offset:3px}
@media(max-width:1050px){
  .mp-feature-layout .mp-sidepanel.mp-partner-panel{padding:17px;gap:18px}
  .mp-feature-layout .mp-partner-panel-brand .mp-card-title{font-size:clamp(31px,3.65vw,41px)}
  .mp-partner-panel-cta{padding:12px}
  .mp-site-nav .mp-menu{gap:10px}
  .mp-site-nav .mp-menu>li.mp-menu-action>a{font-size:10px;padding:6px 8px}
}
@media(max-width:767px){
  .mp-site-nav{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin}
  .mp-site-nav .mp-menu{flex-wrap:nowrap;gap:13px;width:max-content;padding-right:12px}
  .mp-site-nav .mp-menu>li.mp-menu-action>a{font-size:11px;min-height:34px;padding:9px 11px}
  .mp-feature-layout .mp-sidepanel.mp-partner-panel{padding:19px;gap:18px}
  .mp-feature-layout .mp-partner-panel-brand .mp-card-title{font-size:clamp(39px,8vw,52px)}
  .mp-partner-panel-bottom{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
  .mp-partner-panel-cta{padding:13px}
  .mp-partner-panel-cta h3{font-size:clamp(23px,3.6vw,31px)}
  .mp-partner-panel-caption{grid-column:1/-1}
}
@media(max-width:480px){
  .mp-partner-panel-bottom{grid-template-columns:1fr}
  .mp-partner-panel-caption{grid-column:auto}
  .mp-feature-layout .mp-partner-panel-brand .mp-card-title{font-size:46px}
  .mp-partner-panel-cta h3{font-size:29px}
  .mp-single .mp-story-partner-cta{padding:18px 15px;margin-top:26px}
  .mp-single .mp-story-partner-cta-head{display:block}
  .mp-single .mp-story-partner-cta-head>small{display:block;margin-top:4px}
  .mp-single .mp-story-partner-cta-actions{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){.mp-site-nav .mp-menu>li.mp-menu-action>a{transition:none}}