/* Gachi stylesheet: responsive-wide.css. @media (min-width: 768px) overrides. */
/* Extracted verbatim from index.html. Load order is significant; see styles/README.md. */

/* ------------------------------ */
/* Responsive */
/* ------------------------------ */
@media (min-width: 768px) {
  :root {
    --shell-gutter: 24px;
    --app-max-width: 540px;
    --screen-padding-y: 26px;
    --screen-padding-x: 24px;
    --hero-padding-y: 38px;
    --hero-padding-x: 28px;
    --logo-max-width: 324px;
    --floater-max-width: 440px;
    --floater-compact-max-width: 340px;
  }

  .page {
    padding: var(--shell-gutter);
  }

  .screen {
    min-height: min(760px, calc(var(--app-height) - (var(--shell-gutter) * 2)));
  }

  .custom-heading-row {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }

  .task-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .task-card {
    min-height: 88px;
  }
}