/* Keep every planned section visible without crowding the free-demo home. */
@media screen {
  body.hzn-demo-experience #course-nav[data-demo-nav] {
    display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:10px!important;
  }
  body.hzn-demo-experience #course-nav[data-demo-nav] .demo-section {
    min-width:0; min-height:78px; padding:10px 14px; border-radius:14px;
    display:grid; grid-template-columns:auto 1fr; gap:4px 10px; align-content:center;
    text-align:start; white-space:normal;
  }
  body.hzn-demo-experience #course-nav[data-demo-nav] .demo-section-number {
    grid-column:1; grid-row:1/3; align-self:center; font-size:12px;
  }
  body.hzn-demo-experience #course-nav[data-demo-nav] .demo-section-title {
    grid-column:2; font-size:clamp(15px,1.2vw,18px); line-height:1.45;
  }
  body.hzn-demo-experience #course-nav[data-demo-nav] .demo-section-status {
    grid-column:2; font-size:12px; line-height:1.5;
  }
  body.hzn-demo-experience #course-nav[data-demo-nav] .is-coming {border-style:dashed; opacity:1;}
  body.hzn-demo-experience #course-nav[data-demo-nav] .hzn-lesson-card {min-height:0!important;padding:12px!important;}
  body.hzn-demo-experience #course-nav[data-demo-nav] .hzn-lesson-card:has(.is-coming) .hzn-interactive-action {
    background:var(--hx-soft)!important;color:var(--hx-text)!important;border:1px dashed var(--hx-line)!important;box-shadow:none!important;
  }
  body.hzn-demo-experience #course-nav[data-demo-nav] .hzn-card-title {margin-bottom:8px!important;}
  body.hzn-demo-experience[data-focus-view=home] #hzn-home {padding-block:20px; min-height:0;}
  body.hzn-demo-experience[data-focus-view=home] #hzn-home h1 {font-size:clamp(24px,2.3vw,34px);}
  @media (min-width:1200px) {
    body.hzn-demo-experience #course-nav[data-demo-nav] {grid-template-columns:repeat(4,minmax(0,1fr))!important;}
  }
  @media (max-width:899px) {
    body.hzn-demo-experience #course-nav[data-demo-nav] {grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  }
  @media (max-width:599px) {
    body.hzn-demo-experience #course-nav[data-demo-nav] {grid-template-columns:minmax(0,1fr)!important;gap:8px;}
    body.hzn-demo-experience #course-nav[data-demo-nav] .demo-section {padding:10px;}
  }
  @media (max-width:359px) {
    body.hzn-demo-experience #course-nav[data-demo-nav] {grid-template-columns:minmax(0,1fr);}
  }
}