/**
 * Homepage article cards: equal fixed height for ~150-char summaries.
 *
 * Scoped to .view-homepage-artikel so other Views grids are unaffected.
 * MaxLength + view trim_length are both 150; CSS clamps overflow from soft limit.
 */
:root {
  --homepage-artikel-card-height-mobile: 480px;
  --homepage-artikel-card-height-sm: 500px;
  --homepage-artikel-card-height-md: 520px;
  --homepage-artikel-card-height-lg: 540px;
  --homepage-artikel-card-height-xl: 560px;
  --homepage-artikel-thumb-max-height: 180px;
  --homepage-artikel-summary-lines: 5;
  --views-grid-item-padding: 16px;
  --views-grid-border-color: #e0e0e0;
  --views-grid-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
}

.view-homepage-artikel .views-view-responsive-grid__item {
  height: var(--homepage-artikel-card-height-mobile);
}

.view-homepage-artikel .views-view-responsive-grid__item-inner {
  box-sizing: border-box;
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  padding: var(--views-grid-item-padding);
  border: 1px solid var(--views-grid-border-color);
  box-shadow: var(--views-grid-shadow);
}

.view-homepage-artikel .views-field-field-thumbnail img {
  display: block;
  width: 100%;
  max-height: var(--homepage-artikel-thumb-max-height);
  height: auto;
  object-fit: cover;
  aspect-ratio: 1 / 1;
}

.view-homepage-artikel .views-field-title .field-content {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.view-homepage-artikel .views-field-body {
  flex: 1 1 auto;
  min-height: 0;
  overflow: hidden;
}

.view-homepage-artikel .views-field-body .field-content,
.view-homepage-artikel .views-field-body .field-content p {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: var(--homepage-artikel-summary-lines);
  overflow: hidden;
  margin: 0;
}

/* Pin “mehr lesen” + date to the bottom of the card */
.view-homepage-artikel .views-field-view-node {
  margin-top: auto;
  flex-shrink: 0;
}

.view-homepage-artikel .views-field-created {
  flex-shrink: 0;
}

@media all and (min-width: 500px) {
  .view-homepage-artikel .views-view-responsive-grid__item {
    height: var(--homepage-artikel-card-height-sm);
  }
}

@media all and (min-width: 700px) {
  .view-homepage-artikel .views-view-responsive-grid__item {
    height: var(--homepage-artikel-card-height-md);
  }
}

@media all and (min-width: 1000px) {
  .view-homepage-artikel .views-view-responsive-grid__item {
    height: var(--homepage-artikel-card-height-lg);
  }
}

@media all and (min-width: 1300px) {
  .view-homepage-artikel .views-view-responsive-grid__item {
    height: var(--homepage-artikel-card-height-xl);
  }
}

.field-content {
  margin-block: var(--sp0-5);
}

@media all and (min-width: 700px) {
  .field-content {
    margin-block: var(--sp1);
  }
}