/* Homepage owns this inset; Assistant and other full-screen surfaces keep theirs. */
@supports (padding-top: env(safe-area-inset-top, 0px)) {
  @media (max-width: 1180px) {
    body.tbv2-shell.tbv2-home-page {
      --tbv2-home-header-row-height: 78px;
      --tbv2-home-safe-top: env(safe-area-inset-top, 0px);
      --tbv2-header-height: calc(var(--tbv2-home-header-row-height) + var(--tbv2-home-safe-top));
    }

    body.tbv2-shell.tbv2-home-page > .tbv2-header {
      min-height: var(--tbv2-header-height);
      padding-top: calc(10px + var(--tbv2-home-safe-top));
      padding-bottom: 10px;
      padding-left: max(18px, env(safe-area-inset-left, 0px));
      padding-right: max(18px, env(safe-area-inset-right, 0px));
    }

    body.tbv2-shell.tbv2-home-page > .skip-link {
      top: calc(10px + var(--tbv2-home-safe-top));
      left: max(10px, env(safe-area-inset-left, 0px));
    }
  }

  @media (max-width: 620px) {
    body.tbv2-shell.tbv2-home-page {
      --tbv2-home-header-row-height: 72px;
    }

    body.tbv2-shell.tbv2-home-page > .tbv2-header {
      padding-top: calc(8px + var(--tbv2-home-safe-top));
      padding-bottom: 8px;
      padding-left: max(14px, env(safe-area-inset-left, 0px));
      padding-right: max(14px, env(safe-area-inset-right, 0px));
    }
  }
}