/* The news list shares the directory toolbar and page surface. */
.v4-body .v4-news-panel .v4-news-toolbar { border-bottom:1px solid #eee5e8; }
.v4-body .v4-news-panel .v4-directory-heading h2 { font-size:var(--module-title-size,18px); }
.v4-body .v4-news-search { grid-template-columns:minmax(180px,280px) auto; }
.v4-body .v4-news-results { padding:0 24px; }
.v4-body .v4-news-panel .v4-article-rows { padding:0; }
.v4-body .v4-news-panel .v4-article-rows article {
  flex-direction:row; align-items:center; gap:28px; margin:0; padding:24px 0;
  border:0; border-bottom:1px solid #eee5e8; border-radius:0;
  background:transparent; box-shadow:none;
}
.v4-body .v4-news-panel .v4-article-rows article:last-child { border-bottom:0; }
.v4-body .v4-news-panel .v4-article-rows article>div { flex:1; min-width:0; padding:0; }
.v4-body .v4-news-panel .v4-article-rows .v4-row-image { width:24%; max-width:260px; aspect-ratio:1.6; border-radius:8px; }
.v4-body .v4-news-panel .v4-article-rows h2 { margin:6px 0 10px; font-size:var(--module-body-size,18px); font-weight:600; line-height:1.65; }
.v4-body .v4-news-panel .v4-article-rows time { color:#8a7b80; font-size:13px; }
.v4-body .v4-news-panel .v4-row-summary { color:#777; line-height:1.85; }
.v4-body .v4-news-panel .v4-empty { padding:48px 16px; }

@media(max-width:760px) {
  .v4-body .v4-news-panel .v4-news-toolbar { padding:18px; }
  .v4-body .v4-news-panel .v4-directory-heading h2 { font-size:var(--module-title-size,17px); }
  .v4-body .v4-news-search { grid-template-columns:minmax(0,1fr) auto; }
  .v4-body .v4-news-results { padding:0 18px; }
  .v4-body .v4-news-panel .v4-article-rows article { gap:16px; padding:20px 0; align-items:flex-start; }
  .v4-body .v4-news-panel .v4-article-rows .v4-row-image { width:32%; aspect-ratio:1.3; }
  .v4-body .v4-news-panel .v4-article-rows h2 { margin:3px 0 6px; font-size:var(--module-body-size,15px); }
  .v4-body .v4-news-panel .v4-article-rows time { font-size:12px; }
}

/* Shared hierarchy for project lists and their article title bars. */
.v4-body .v4-breadcrumb-bar {
  display:flex; align-items:center; justify-content:space-between; gap:16px;
  padding:18px 24px; border-bottom:1px solid #eee5e8; color:#817479;
}
.v4-body .v4-breadcrumb-bar nav { min-width:0; }
.v4-body .v4-breadcrumbs { display:flex; flex-wrap:wrap; gap:6px 10px; margin:0; padding:0; list-style:none; font-size:14px; line-height:1.8; }
.v4-body .v4-breadcrumbs li { display:flex; align-items:baseline; gap:10px; min-width:0; }
.v4-body .v4-breadcrumbs li+li::before { content:"/"; color:#c9bec2; }
.v4-body .v4-breadcrumbs [aria-current="page"] { color:#473c40; font-weight:500; }
.v4-body .v4-breadcrumb-bar a:hover { color:var(--v4-red,#a51c3b); text-decoration:underline; text-underline-offset:4px; }
.v4-body .v4-breadcrumb-bar a:focus-visible { outline:2px solid var(--v4-red,#a51c3b); outline-offset:4px; border-radius:2px; }
@media(max-width:760px) {
  .v4-body .v4-breadcrumb-bar { align-items:flex-start; flex-direction:column; gap:8px; padding:16px 18px; }
  .v4-body .v4-breadcrumbs { font-size:13px; gap:4px 8px; }
  .v4-body .v4-breadcrumbs li { gap:8px; }
}

.v4-row-image>[hidden]{display:none!important}.v4-row-image>[data-v4-image-fallback]:not([hidden]){display:block;width:100%;height:100%}