/* Only YouTube layout; shared LP and guide styles supply the brand and reusable cards. */
.yt-hero { display:grid; gap:24px; padding:36px 0; }
.yt-hero h1 { font-size:clamp(30px,7.5vw,48px); line-height:1.4; }
.yt-hero h1 span { color:var(--accent); }
.yt-hero-copy .eyebrow { margin-bottom:12px; }
.yt-lead { margin:16px 0 22px; color:var(--muted); font-size:15px; line-height:1.9; }
.yt-hero-copy .text-link { display:inline-block; margin-top:12px; }
.yt-hero .app-store-badge img { height:48px; }
.yt-overview { width:min(100%,340px); margin:auto; }
.yt-overview img { display:block; width:100%; height:auto; border-radius:20px; }
.yt-overview figcaption { margin-top:10px; text-align:center; font-size:11px; color:var(--muted); }
.yt-steps { display:grid; gap:24px; list-style:none; margin:0; padding:0; }
.yt-steps li { min-width:0; }
.yt-steps h3,.yt-check h3 { display:flex; gap:10px; align-items:center; font-size:18px; }
.yt-steps h3 span,.yt-check h3 span { display:grid; flex-shrink:0; place-items:center; width:28px; height:28px; border-radius:50%; color:#fff; background:var(--accent); font-size:14px; }
.yt-steps li > p { margin-top:10px; font-size:13px; }
.yt-steps figure { margin:16px 0 0; }
.yt-steps img { display:block; width:min(100%,360px); height:auto; margin:auto; border-radius:16px; }
.yt-check { padding:20px; margin:24px 0 16px; background:#fff5f1; border-radius:16px; }
.yt-check p { margin-top:12px; }
.yt-steps-block .ig-small-note { font-size:12px; }
.yt-reason-grid { display:grid; gap:24px; margin-bottom:20px; }
.yt-reason-grid p { margin-top:12px; }
.youtube-landing .guide-faq .guide-answer { color:var(--muted); }
@media (min-width:761px) {
  .yt-hero { grid-template-columns:1.2fr 1fr; align-items:center; padding:48px 0; gap:48px; }
  .yt-steps,.yt-reason-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .yt-steps li { display:flex; flex-direction:column; }
  .yt-steps figure { margin-top:auto; padding-top:16px; }
  .yt-steps li > p { margin-bottom:12px; }
}