/* The View controls fields; this stylesheet only arranges them. */
.view-vttl-youth-news .view-content > .views-row { display:grid; grid-template-columns:minmax(120px,28%) minmax(0,1fr); column-gap:1.5rem; row-gap:.5rem; align-content:start; padding:1.5rem 0; border-bottom:1px solid #dfe7eb; }
.view-vttl-youth-news .view-content > .views-row > .views-field { min-width:0; grid-column:2; overflow-wrap:anywhere; }
.view-vttl-youth-news .view-content > .views-row > .vttl-card-image { grid-column:1; grid-row:1 / span 4; }
.view-vttl-youth-news .vttl-card-image img { display:block; width:100%; height:auto; border-radius:.6rem; }
.view-vttl-youth-news .vttl-card-title h2 { font-size:1.5rem; line-height:1.3; margin:0; }
.view-vttl-youth-news .vttl-card-date { color:#536875; font-size:.95rem; }
.view-vttl-youth-news .vttl-card-summary { line-height:1.65; }
.view-vttl-youth-news .vttl-card-summary p:last-child { margin-bottom:0; }
.view-vttl-youth-news .view-content > .views-row:not(:has(.vttl-card-image img)) { grid-template-columns:minmax(0,1fr); }
.view-vttl-youth-news .view-content > .views-row:not(:has(.vttl-card-image img)) > .views-field { grid-column:1; }
@media(max-width:767.98px) {
 .view-vttl-youth-news .view-content > .views-row { grid-template-columns:minmax(0,1fr); }
 .view-vttl-youth-news .view-content > .views-row > .views-field { grid-column:1; }
 .view-vttl-youth-news .view-content > .views-row > .vttl-card-image { grid-row:auto; }
 .view-vttl-youth-news .vttl-card-image img { max-width:200px; }
}
/* Views grid rows contain cards, not the old field-based horizontal rows. */
.view-vttl-youth-news .views-view-grid > .views-row {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1.5rem;
  margin: 0 0 1.5rem;
  padding: 0;
  border: 0;
}
.view-vttl-youth-news .views-view-grid > .views-row::after { display: none; }
.view-vttl-youth-news .views-view-grid > .views-row > .views-col {
  width: 100% !important;
  min-width: 0;
  float: none;
}
.view-vttl-youth-news .views-view-grid .node--view-mode-vttl-card { min-width: 0; overflow-wrap: anywhere; }
@media (max-width: 767.98px) {
  .view-vttl-youth-news .views-view-grid > .views-row { grid-template-columns: minmax(0, 1fr); }
}