/* This file is generated by themes/sync-theme-registry.mjs. */
.index-grid {
  --history-visible-items: 5;
  display: grid;
  grid-template-areas: "intro" "recent" "webmaster" "history" "links";
  grid-template-columns: minmax(0, 1fr);
}
.index-grid > * {
  min-width: 0;
  overflow-wrap: anywhere;
}
@container main-area (min-width: 48rem) {
  .index-grid {
    --history-visible-items: 6.5;
    grid-template-areas: "intro intro" "webmaster recent" "history links";
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-rows: auto auto 480px;
  }
}
@container main-area (min-width: 64rem) {
  .index-grid {
    --history-visible-items: 3;
    grid-template-areas: "intro intro intro" "webmaster recent links" "history recent links";
    grid-template-columns: 420px 420px minmax(0, 1fr);
    grid-template-rows: auto auto auto;
  }
}
.index-grid-hello {
  grid-area: intro;
}
.index-grid-webmaster {
  grid-area: webmaster;
}
.index-grid-history {
  grid-area: history;
  --history-item-height: calc(var(--text-sm) * var(--leading-snug) + var(--spacing) * 7 + 2px);
  --history-item-gap: calc(var(--spacing) * 2);
}
.index-grid-history [data-slot=scroll-area-viewport] {
  max-height: calc(var(--history-item-height) * var(--history-visible-items) + var(--history-item-gap) * (var(--history-visible-items) - 1));
}
.index-grid-recent {
  grid-area: recent;
}
.index-grid-links {
  grid-area: links;
}