/* Homepage Tower Defence presentation only; retain the existing desktop composition. */
@media (max-width:760px) {
  /* Generic section padding previously reduced the 390px panel to a 350px thumbnail. */
  body #main-content > .tower-feature {
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
  }
  body .tower-feature .tower-feature-art {
    width:100%!important;
    height:clamp(220px,64vw,420px)!important;
    min-height:220px!important;
    aspect-ratio:auto!important;
    /* Frame the action below the image's baked-in heading; the translated heading
       is retained in full in the copy panel immediately below this image. */
    background-size:auto 122%!important;
    background-position:56% bottom!important;
  }
  body .tower-feature .tower-feature-content {
    width:100%!important;
    padding:22px 20px 26px!important;
  }
  body .tower-feature .tower-feature-kicker {
    max-width:32ch;
    font-size:clamp(20px,5.6vw,28px)!important;
    line-height:1.35!important;
  }
  body .tower-feature h2 {
    font-size:clamp(14px,3.7vw,18px)!important;
    line-height:1.5!important;
  }
  body .tower-feature .tower-feature-copy {
    max-width:38ch;
    font-size:14px!important;
    line-height:1.6!important;
  }
  body .tower-feature .tower-feature-status {
    min-height:48px!important;
    min-width:156px;
    max-width:100%;
    padding:12px 20px!important;
    font-size:14px!important;
    line-height:1.4!important;
    white-space:normal;
  }
  body .tower-feature .tower-feature-status:focus-visible {
    outline:3px solid #ffdc82;
    outline-offset:4px;
  }
}