/* Audience-page features extend the shared video cards without loading a player. */
.video-feature-heading { display:flex; justify-content:space-between; align-items:end; gap:1.5rem; margin-bottom:2rem; }
.video-feature-heading .site-section-heading { margin:0; max-width:720px; }
.video-feature-heading > a { flex-shrink:0; }
.video-feature-example { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.1fr); gap:clamp(1.5rem,4vw,3rem); align-items:start; }
.video-feature-journey { padding:1.5rem; background:var(--site-colour-surface); border:1px solid var(--site-colour-line); border-radius:var(--site-radius-medium); }
.video-feature-journey h3 { font-size:1.5rem; margin:0 0 1.5rem; line-height:1.2; }
.video-feature-journey ol { list-style:none; padding:0; margin:0; display:grid; gap:1.5rem; }
.video-feature-journey li+li { padding-top:1.5rem; border-top:1px solid var(--site-colour-line); }
.video-feature-journey h4 { font-size:1.15rem; margin:.65rem 0 .4rem; line-height:1.3; }
.video-feature-journey p { margin:0 0 .7rem; color:var(--site-colour-muted); }
.video-feature-journey a { font-weight:700; text-underline-offset:4px; }
.video-feature-invitation { margin-top:2rem; padding:1.5rem; background:var(--site-colour-brand-pale); border-radius:var(--site-radius-medium); }
.video-feature-invitation h3 { margin:0 0 .5rem; font-size:1.4rem; line-height:1.3; }
.video-feature-invitation p { margin:.5rem 0; }
.video-feature-note { color:var(--site-colour-muted); font-size:.9rem; }
.video-feature-routine { display:flex; flex-wrap:wrap; gap:1rem 2rem; padding-left:1.25rem; margin:0 0 2rem; }
.video-feature-routine li { padding-left:.2rem; }
.video-grid--pair { grid-template-columns:repeat(2,minmax(0,1fr)); }
.video-feature-hero-links { display:flex; flex-wrap:wrap; gap:.7rem 1.5rem; }
@media(max-width:760px) {
  .video-feature-heading { display:block; }
  .video-feature-heading > a { display:inline-block; margin-top:1rem; }
  .video-feature-example { grid-template-columns:1fr; }
}
@media(max-width:620px) { .video-grid--pair { grid-template-columns:1fr; } }
@media print {
  .video-feature-heading,.video-feature-example { display:block; }
  .video-feature-journey,.video-feature-invitation { break-inside:avoid; }
  .marketing-hero { background:#fff; color:#000; padding-block:1rem; }
  .marketing-hero .marketing-hero__lead,.marketing-hero .site-eyebrow,.marketing-hero h1 em,.marketing-hero a,.marketing-hero .marketing-account-note { color:#222; }
  .marketing-preview { box-shadow:none; }
}