/* Xem Ngày Lành: keep the working surface compact and focused. */
.tb-lucky-hero {
  margin-bottom: 12px;
  padding: 18px 24px;
  min-height: 0;
}

.tb-lucky-hero h1 {
  line-height: 1.02;
}

.tb-lucky-hero p:last-child {
  margin-top: 6px;
  line-height: 1.45;
}

.tb-lucky-orbit {
  width: 78px;
  height: 78px;
  font-size: 2.8rem;
}

.tb-lucky-layout {
  gap: 14px;
}

/* The lucky-day route is the only view with this hero; :has keeps the
   shared shell spacing unchanged for the other tools. */
.tb-main:has(> .tb-shell > .tb-lucky-hero) {
  padding-top: 14px;
}

@media (max-width: 820px) {
  .tb-main:has(> .tb-shell > .tb-lucky-hero) {
    padding-top: 10px;
  }

  .tb-lucky-hero {
    padding: 14px 18px;
  }

  .tb-lucky-orbit {
    width: 64px;
    height: 64px;
    font-size: 2.25rem;
  }
}