/* Keep the original animated cards and scenery; improve only the type inside them. */
body.home-moon .gm-card { gap: 8px; padding: 14px; }
body.home-moon .gm-card .tt { font-size: 24px; line-height: 1.3; color: #163f4e; }
body.home-moon .gm-card .ds { display: block; padding: 0; font-size: 18px; line-height: 1.5; color: #315865; max-width: min(174px, calc(100% - 14px)); -webkit-line-clamp: unset; overflow: visible; }
body.home-moon .gm-card .ic { width: 64px; height: 64px; flex-shrink: 0; }
body.home-moon .gm-card:focus-visible { outline: 3px solid #fff7d7; outline-offset: 4px; }
body.home-moon #gm-goblub:focus-visible { outline: 3px solid #fff7d7; outline-offset: 4px; border-radius: 40%; }
@media(max-width:700px) {
  body.home-moon .gm-card { gap: 6px; padding: 10px; }
  body.home-moon .gm-card .tt { font-size: 20px; line-height: 1.25; }
  body.home-moon .gm-card .ds { font-size: 15.5px; line-height: 1.45; max-width: 100%; }
  body.home-moon .gm-card .ic { width: 44px; height: 44px; font-size: 25px; }
}
@media(max-width:700px) and (max-height:740px) {
  body.home-moon .gm-card { gap: 5px; padding: 8px; }
  body.home-moon .gm-card .ic { width: 28px; height: 28px; font-size: 20px; }
}

@media(min-width:701px) and (max-width:1100px) {
  body.home-moon .gm-card { gap: 6px; padding: 10px; }
  body.home-moon .gm-card .ic { width: 40px; height: 40px; font-size: 26px; }
}