/* ===== Existing index styles (kept) ===== */
.cdk-index__directories { margin: 1rem 0 2rem }
.cdk-index__dirlist { list-style: none; padding: 0; display: flex; gap: 1rem; flex-wrap: wrap }
.cdk-index__dirlist a { text-decoration: none; border-bottom: 1px dashed currentColor }

/* Grid used by older "tiles" layout (kept, but widened min width for nicer cards) */
.cdk-index__grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); /* was 160px */
  gap: 12px;
}

/* Legacy tile card (kept) */
.cdk-tile {
  display: block;
  padding: 14px;
  border: 1px solid #ddd;
  border-radius: 8px;
}

/* ===== New teaser-block grid (for #grid in IndexHandler) ===== */

/* Generic responsive grid for teaser blocks */
.cdk-hub-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 1rem;
  margin: 1rem 0;
}

/* Cells inherit spacing; useful for per-feature targeting like --alerts, --projects, etc. */
.cdk-hub-grid__cell { min-width: 0; } /* prevent overflow in narrow columns */

/* Unified card look for teaser blocks */
.cdk-hub-card {
  background: var(--cdk-card-bg, #fff);
  border: 1px solid var(--cdk-card-border, #e6e6e6);
  border-radius: 12px;
  padding: 1rem;
  box-shadow: 0 1px 3px rgba(0,0,0,.06);
}

/* Header spacing inside cards */
.cdk-hub-card h3 { margin: 0 0 .5rem; font-size: 1.05rem; line-height: 1.3 }

/* List spacing inside cards */
.cdk-hub-card .item-list { margin: .25rem 0 .5rem 0; }
.cdk-hub-card .item-list ul { margin: 0; padding-left: 1.1rem; }
.cdk-hub-card .item-list li { margin: .25rem 0; }

/* CTA link inside cards */
.cdk-hub-card .cdk-hub-cta {
  display: inline-block;
  margin-top: .5rem;
  text-decoration: none;
  border-bottom: 1px solid currentColor;
}

/* Optional feature-specific hooks (empty on purpose; style later without touching templates) */
.cdk-hub-card.cdk-hub-alerts {}
.cdk-hub-card.cdk-hub-projects {}
.cdk-hub-card.cdk-hub-flightplan {}
.cdk-hub-card.cdk-hub-services {}

/* ===== Optional: legacy tiles section tidy ===== */
.cdk-hub-tiles__list { list-style: none; margin: 0; padding: 0; display: flex; gap: .75rem; flex-wrap: wrap }
.cdk-hub-tiles__item a { text-decoration: none; border-bottom: 1px dashed currentColor }