/* Phase 6C30 — Media title readability + Impact roadmap horizontal layout */

/* Media Centre: give condensed display titles enough breathing room without losing the editorial feel. */
body.page-template-page-media .ozb-media6b-card h3,
body.post-type-archive-ozb_media .ozb-media6b-card h3,
body .ozb-media6b-card h3{
  line-height:1.10 !important;
  letter-spacing:.006em !important;
  word-spacing:.14em !important;
  margin:14px 0 15px !important;
  text-wrap:balance;
  hyphens:none;
}
body .ozb-media6b-card.ozb-title-long h3{
  line-height:1.11 !important;
  letter-spacing:.004em !important;
  word-spacing:.13em !important;
}
body .ozb-media6b-card.ozb-title-xlong h3,
body .ozb-media6b-card.ozb-title-xxlong h3{
  line-height:1.13 !important;
  letter-spacing:.003em !important;
  word-spacing:.12em !important;
}
body .ozb-media6b-card-body{
  row-gap:0 !important;
}
body .ozb-media6b-card-body > .ozb-media6b-card-type{
  margin-bottom:5px !important;
}
body .ozb-media6b-card-body > h3 + p{
  margin-top:2px !important;
}

/* Impact / 2026 Roadmap: header keeps a premium split, all four roadmap cards share one desktop row. */
body.page-template-page-impact .ozb-p6-roadmap2-panel,
body .ozb-p6-roadmap2-panel{
  display:grid !important;
  grid-template-columns:minmax(220px,.68fr) minmax(0,1.32fr) !important;
  column-gap:54px !important;
  row-gap:30px !important;
  align-items:end !important;
}
body .ozb-p6-roadmap2-panel > .ozb-eyebrow{
  grid-column:1 !important;
  grid-row:1 !important;
  align-self:center !important;
  margin:0 !important;
}
body .ozb-p6-roadmap2-panel > h2{
  grid-column:2 !important;
  grid-row:1 !important;
  margin:0 !important;
  max-width:760px;
}
body .ozb-p6-roadmap2-panel > .ozb-p6-roadmap2-grid{
  grid-column:1 / -1 !important;
  grid-row:2 !important;
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:16px !important;
  width:100% !important;
  align-items:stretch !important;
}
body .ozb-p6-roadmap2-grid article{
  min-width:0 !important;
  min-height:224px !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:flex-start !important;
  padding:28px 24px !important;
}
body .ozb-p6-roadmap2-grid article > span{
  margin-bottom:22px !important;
}
body .ozb-p6-roadmap2-grid h3{
  margin:0 0 13px !important;
  line-height:1.10 !important;
  letter-spacing:.005em !important;
  word-spacing:.08em !important;
}
body .ozb-p6-roadmap2-grid p{
  margin:0 !important;
  line-height:1.68 !important;
}

@media (max-width:1100px){
  body .ozb-p6-roadmap2-panel{
    grid-template-columns:1fr !important;
    gap:18px !important;
  }
  body .ozb-p6-roadmap2-panel > .ozb-eyebrow,
  body .ozb-p6-roadmap2-panel > h2,
  body .ozb-p6-roadmap2-panel > .ozb-p6-roadmap2-grid{
    grid-column:1 !important;
    grid-row:auto !important;
  }
  body .ozb-p6-roadmap2-panel > h2{margin-bottom:12px !important}
  body .ozb-p6-roadmap2-panel > .ozb-p6-roadmap2-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}

@media (max-width:760px){
  body .ozb-media6b-card h3{
    line-height:1.14 !important;
    letter-spacing:.008em !important;
    word-spacing:.12em !important;
    margin:12px 0 14px !important;
  }

  /* Keep the roadmap as a true horizontal row on mobile too; swipe to explore. */
  body .ozb-p6-roadmap2-panel > .ozb-p6-roadmap2-grid{
    display:flex !important;
    gap:14px !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    scroll-snap-type:x mandatory !important;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
    margin-inline:-8px !important;
    padding:2px 8px 14px !important;
  }
  body .ozb-p6-roadmap2-panel > .ozb-p6-roadmap2-grid::-webkit-scrollbar{display:none}
  body .ozb-p6-roadmap2-grid article{
    flex:0 0 min(78vw,330px) !important;
    min-height:220px !important;
    scroll-snap-align:start !important;
    padding:24px 22px !important;
  }
}