/* 2026-10-17: Mobile-first conversion path.
   Homepage mobile: brief H1 -> Leadmatica comparison form -> David TOP5 -> other content.
   Desktop/tablet remain in their existing information architecture.
*/
@media (max-width: 680px) {
  #sphome-global.sphome-page {
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
  }
  #sphome-global.sphome-page > * {min-width:0!important; width:100%!important;flex-shrink:0!important}
  #sphome-global.sphome-page > .sphome-hero {order:0!important}
  #sphome-global.sphome-page > .cs-lead-section {order:1!important}
  #sphome-global.sphome-page > .cs-featured-section {order:2!important}
  #sphome-global.sphome-page > .sphome-section {order:3!important}
  #sphome-global.sphome-page > .cs-topic-directory {order:4!important}
  #sphome-global.sphome-page > .cs-comparison-directory {order:5!important}
  #sphome-global.sphome-page > .cs-home-author {order:6!important}
  #sphome-global.sphome-page > .sphome-blog-section {order:7!important}
  #sphome-global.sphome-page > .sphome-how-section {order:8!important}
  #sphome-global.sphome-page > .sphome-faq-section {order:9!important}

  /* All comparison choices are directly in the visible form instead of
     duplicating two oversized landing cards above it. */
  #sphome-global.sphome-page .sphome-paths {display:grid!important}
  #sphome-global.sphome-page .sphome-hero {padding:23px 0 13px!important}
  #sphome-global.sphome-page .sphome-hero-head {margin:0 auto!important}
  #sphome-global.sphome-page .sphome-eyebrow{min-height:26px!important;padding:5px 10px!important;margin:0 0 10px!important}
  #sphome-global.sphome-page .sphome-hero h1 {font-size:clamp(28px,7.3vw,35px)!important;letter-spacing:-1.05px!important;line-height:1.15!important;margin:0 auto 9px!important}
  #sphome-global.sphome-page .sphome-lead {font-size:13px!important;line-height:1.5!important;margin:0 auto!important;max-width:420px!important}
  #sphome-global.sphome-page .cs-hero-byline {margin-top:8px!important;font-size:11px!important;line-height:1.4!important}

  /* Online comparison visually belongs to the hero's first screenful. */
  #sphome-global.sphome-page > .cs-lead-section {padding:0 0 20px!important;border:0!important;background:#fff!important}
  #sphome-global.sphome-page .cs-lead-shell {
    margin:0 auto!important;
    padding:16px 13px 17px!important;
    border-radius:14px!important;
    border:1px solid #dceae2!important;
    background:#f6faf7!important;
    box-shadow:0 5px 20px rgba(40,75,59,.05)!important;
  }
  #sphome-global.sphome-page .cs-lead-shell > .cs-profile-kicker {font-size:10px!important;margin-bottom:5px!important}
  #sphome-global.sphome-page .cs-lead-shell > h3 {font-size:20px!important;line-height:1.25!important;margin:0 0 6px!important}
  #sphome-global.sphome-page .cs-lead-shell > p {font-size:12px!important;line-height:1.5!important;margin:0 0 11px!important}
  #sphome-global.sphome-page .cs-lead-tabs {
    display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important;margin:13px 0 12px!important
  }
  #sphome-global.sphome-page .cs-lead-tab {
    display:flex!important;align-items:center!important;justify-content:center!important;
    min-height:54px!important;padding:9px 6px!important;
    font-size:12px!important;line-height:1.3!important;white-space:normal!important;text-align:center!important;
  }
  #sphome-global.sphome-page .cs-lead-form-description {font-size:12px!important;line-height:1.45!important;margin:0 0 10px!important}
  #sphome-global.sphome-page .cs-dyna-frame {padding:5px!important;border-radius:10px!important}
  #sphome-global.sphome-page .cs-lead-privacy {font-size:10.5px!important;margin:11px 0 0!important}

  /* On category landing pages keep the same first-step priority. */
  #sphome-global.cs-topic-page .cs-profile-hero {padding:19px 0 14px!important}
  #sphome-global.cs-topic-page .cs-breadcrumb {margin:0 0 12px!important}
  #sphome-global.cs-topic-page .cs-profile-hero h1 {font-size:28px!important;margin:0 0 8px!important}
  #sphome-global.cs-topic-page .cs-topic-lead {font-size:13px!important;line-height:1.52!important;margin:0 0 10px!important}
  #sphome-global.cs-topic-page .cs-profile-hero .cs-solid-link {display:none!important}
  #sphome-global.cs-topic-page > .cs-lead-section {padding:13px 0 18px!important}
  #sphome-global.cs-topic-page .cs-lead-shell {margin:0 auto!important;padding:15px 12px!important}
  #sphome-global.cs-topic-page .cs-lead-shell > h3 {font-size:20px!important;margin:0 0 7px!important}
  #sphome-global.cs-topic-page .cs-lead-shell > p {font-size:12px!important;line-height:1.5!important;margin:0 0 12px!important}
  #sphome-global.cs-topic-page .cs-lead-tabs {display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important;margin:12px 0!important}
  #sphome-global.cs-topic-page .cs-lead-tab {min-height:54px!important;padding:9px 5px!important;font-size:12px!important;line-height:1.35!important}
  #sphome-global.cs-topic-page .cs-lead-form-description {font-size:12px!important;margin:0 0 10px!important}
  #sphome-global.cs-topic-page .cs-featured-section {padding:32px 0!important}
  #sphome-global.cs-topic-page .cs-featured-section h2 {font-size:23px!important}
}
@media (max-width: 350px) {
  #sphome-global.sphome-page .cs-lead-tab,
  #sphome-global.cs-topic-page .cs-lead-tab {font-size:11px!important}
  #sphome-global.sphome-page .sphome-hero h1 {font-size:27px!important}
}