@media (min-width: 901px) {
  .jwt-input-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .jwt-input-grid > :first-child {
    grid-column: 1 / -1;
  }
}

@media (min-width: 1024px) {
  body.home-with-right-rail .left-rail,
  body.home-with-right-rail .right-rail,
  body.tool-scoped-page .left-rail,
  body.tool-scoped-page .right-rail {
    width: 230px;
  }

  body.home-with-right-rail .ad-rail-panel-left,
  body.tool-scoped-page.home-with-right-rail .ad-rail-panel-left {
    position: fixed;
    top: var(--sticky-offset);
    left: max(1rem, calc((100vw - 1460px) / 2 + 1rem));
    width: 230px;
    max-height: calc(100vh - var(--sticky-offset) - 1rem);
    overflow: auto;
    z-index: 35;
  }

  body.home-with-right-rail .ad-rail-panel:not(.ad-rail-panel-left),
  body.tool-scoped-page.home-with-right-rail .ad-rail-panel:not(.ad-rail-panel-left) {
    position: fixed;
    top: var(--sticky-offset);
    right: max(1rem, calc((100vw - 1460px) / 2 + 1rem));
    width: 230px;
    max-height: calc(100vh - var(--sticky-offset) - 1rem);
    overflow: auto;
    z-index: 35;
  }

}

@media (min-width: 901px) {
  .protected-file-actions {
    justify-content: flex-start;
  }

  .protected-file-learning {
    max-width: 880px;
  }
}

@media (min-width: 1024px) {
  .bmi-shell {
    grid-template-columns: minmax(0, 44%) minmax(0, 56%);
    gap: 1.1rem;
    align-items: start;
  }

  .bmi-mode-tab:hover {
    border-color: #7ca9ce;
    background: #e7f1fa;
  }

  .bmi-mode-tab.active:hover {
    border-color: #246ca5;
    background: #356fa5;
  }
}

@media (min-width: 1024px) {
  .cron-hero {
    grid-template-columns: minmax(260px, 420px) minmax(0, 1fr);
    grid-template-areas:
      "expr summary"
      "error error";
    gap: 1rem;
    padding: 1.2rem 1.25rem;
  }

  .cron-expression-chip {
    grid-area: expr;
    align-self: center;
  }

  .cron-friendly-summary {
    grid-area: summary;
    align-self: center;
    font-size: 1.18rem;
  }

  .cron-error {
    grid-area: error;
  }
}

@media (min-width: 1024px) {
  .age-calc-shell {
    max-width: 560px;
    margin: 0 auto;
    padding: 1.1rem;
  }
}