/*
  German in Context — Home Journey Position V16
  Scope: Home page level journey section only.
  Goal: on phone/tablet-width viewports, keep "YOUR GERMAN JOURNEY"
  close to the preceding Smart Review band and remove the oversized
  desktop top padding that makes the section look pushed down.
  FAQ styling is untouched.
*/

/* The source landing CSS switches to desktop level spacing too early
   on some narrow/tablet browser viewports. Re-compact only this Home
   journey section below the desktop breakpoint. */
@media (max-width:1100px){
  main .level-section-band{
    margin-top:12px!important;
    padding:30px 26px 26px!important;
    border-radius:30px!important;
  }

  main .level-section-band .level-grid{
    margin-top:20px!important;
  }
}

/* Phone-width refinement. */
@media (max-width:760px){
  main .level-section-band{
    margin-top:10px!important;
    padding:24px 16px 20px!important;
    border-radius:26px!important;
  }

  main .level-section-band .section-title-sm{
    font-size:31px!important;
    margin-top:7px!important;
  }

  main .level-section-band .lead{
    font-size:12px!important;
    line-height:1.6!important;
  }

  main .level-section-band .level-grid{
    margin-top:16px!important;
    gap:8px!important;
  }

  main .level-section-band .active-level{
    min-height:330px!important;
    padding:23px 21px!important;
  }

  main .level-section-band .active-level h3{
    margin:38px 0 8px!important;
  }
}