/* English Study Bot · Homepage Fun Quiz Lab compact relocation — v1.0.36 Hotfix 36
 * Scope: website root homepage only.
 * The HTML block itself is physically moved by the installer to:
 * 8 learning zones -> Fun Quiz Lab -> feature/Why section.
 */

/* Shared compact card */
section.quiz-lab-home-entry{
  width:100%!important;
  max-width:none!important;
  transform:none!important;
  box-sizing:border-box!important;
}
.quiz-lab-home-card{
  box-sizing:border-box!important;
}

@media (min-width:768px){
  section.quiz-lab-home-entry{
    margin:18px 0 22px!important;
    padding:0!important;
  }
  .quiz-lab-home-card{
    min-height:124px!important;
    grid-template-columns:minmax(190px,24%) minmax(300px,1fr) minmax(170px,20%)!important;
    gap:14px!important;
    padding:10px 18px 10px 14px!important;
    border-radius:20px!important;
  }
  .quiz-lab-home-visual{
    min-width:0!important;
    max-height:108px!important;
    overflow:hidden!important;
    align-self:center!important;
  }
  .quiz-lab-scene{
    width:100%!important;
    max-width:226px!important;
    margin:0!important;
    transform:none!important;
  }
  .quiz-lab-home-copy{padding-left:0!important;min-width:0!important}
  .quiz-lab-home-kicker{font-size:8px!important;padding:4px 8px!important;margin-bottom:5px!important}
  .quiz-lab-home-copy strong{font-size:27px!important;line-height:1.05!important}
  .quiz-lab-home-subtitle{font-size:15px!important;line-height:1.18!important;margin-top:4px!important}
  .quiz-lab-home-desc{font-size:10px!important;line-height:1.25!important;margin-top:4px!important}
  .quiz-lab-home-tags{gap:5px!important;margin-top:7px!important}
  .quiz-lab-home-tags em{font-size:8.5px!important;padding:5px 7px!important}
  .quiz-lab-home-cta{width:min(100%,190px)!important;gap:5px!important}
  .quiz-lab-home-action{min-height:46px!important;padding:9px 14px!important}
  .quiz-lab-home-action b{font-size:14px!important}
  .quiz-lab-home-action svg{width:19px!important;height:19px!important}
  .quiz-lab-home-cta small{font-size:8.5px!important}
}

/* Mobile: intentionally much smaller than the previous tall stacked promo. */
@media (max-width:767.98px){
  section.quiz-lab-home-entry{
    margin:12px 0 16px!important;
    padding:0!important;
  }
  .quiz-lab-home-card{
    display:grid!important;
    grid-template-columns:66px minmax(0,1fr) 44px!important;
    align-items:center!important;
    min-height:78px!important;
    padding:8px 9px 8px 7px!important;
    gap:8px!important;
    border-radius:17px!important;
    text-align:left!important;
  }
  .quiz-lab-home-visual{
    display:flex!important;
    order:1!important;
    width:66px!important;
    height:60px!important;
    max-height:60px!important;
    overflow:hidden!important;
    align-items:center!important;
    justify-content:center!important;
  }
  .quiz-lab-scene{
    width:82px!important;
    max-width:none!important;
    margin:0!important;
    transform:none!important;
  }
  .quiz-lab-home-copy{
    order:2!important;
    width:auto!important;
    min-width:0!important;
    padding:0!important;
    text-align:left!important;
  }
  .quiz-lab-home-kicker,
  .quiz-lab-home-desc,
  .quiz-lab-home-tags{
    display:none!important;
  }
  .quiz-lab-home-copy strong{
    display:block!important;
    font-size:18px!important;
    line-height:1.08!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  .quiz-lab-home-subtitle{
    display:block!important;
    font-size:10.5px!important;
    line-height:1.2!important;
    margin-top:4px!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  .quiz-lab-home-cta{
    order:3!important;
    width:42px!important;
    max-width:42px!important;
    gap:0!important;
    margin:0!important;
  }
  .quiz-lab-home-action{
    width:42px!important;
    min-height:42px!important;
    height:42px!important;
    padding:0!important;
    border-radius:13px!important;
  }
  .quiz-lab-home-action b,
  .quiz-lab-home-cta small{display:none!important}
  .quiz-lab-home-action svg{display:block!important;width:20px!important;height:20px!important}
}

@media (max-width:390px){
  .quiz-lab-home-card{grid-template-columns:56px minmax(0,1fr) 40px!important;min-height:70px!important;padding:7px 8px 7px 5px!important;gap:7px!important}
  .quiz-lab-home-visual{width:56px!important;height:54px!important;max-height:54px!important}
  .quiz-lab-scene{width:72px!important}
  .quiz-lab-home-copy strong{font-size:16.5px!important}
  .quiz-lab-home-subtitle{font-size:9.5px!important}
  .quiz-lab-home-cta{width:38px!important;max-width:38px!important}
  .quiz-lab-home-action{width:38px!important;min-height:38px!important;height:38px!important;border-radius:12px!important}
  .quiz-lab-home-action svg{width:18px!important;height:18px!important}
}