/* News List V1 page composition. Public modules own Feed, Cards, CTA and pagination. */
.news-list-v1-page { min-width: 0; }

.news-list-v1 {
  min-width: 0;
  overflow: clip;
  color: var(--ui-color-text, #334155);
  background: var(--ui-color-page, #fff);
}

.news-list-v1 *,
.news-list-v1 *::before,
.news-list-v1 *::after { box-sizing: border-box; }

/* The News Feed and Company Pathways use the public ambient wash as their
 * page-composition fallback. Named/custom Section backgrounds still resolve
 * through the public Renderer and therefore remain authoritative. */
.news-list-v1 #news-list-feed,
.news-list-v1 #news-list-pathways {
  --page-module-page-background: var(--ui-section-bg-ambient-wash);
}

.news-list-v1__breadcrumb-bar {
  position: relative;
  z-index: 3;
  border-bottom: 1px solid var(--ui-color-border-subtle, #e2e8f0);
  background: color-mix(in srgb, var(--ui-color-surface, #fff) 92%, transparent);
  backdrop-filter: blur(12px);
}

.news-list-v1__hero {
  position: relative;
  isolation: isolate;
  min-width: 0;
  min-height: var(--news-list-hero-min-height, 360px);
  overflow: hidden;
  color: var(--ui-color-text, #334155);
  background: var(--news-list-hero-background-start, #f8fafc);
}

.news-list-v1__hero-image-layer {
  position: absolute;
  inset: 0;
  z-index: -2;
  display: block;
  overflow: hidden;
  pointer-events: none;
}

.news-list-v1 .news-list-v1__hero-image {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: var(--news-list-hero-image-position, right center);
}

.news-list-v1__hero[data-hero-image-position="auto"] { --news-list-hero-image-position: right center; }
.news-list-v1__hero[data-hero-image-position="left"] { --news-list-hero-image-position: left center; }
.news-list-v1__hero[data-hero-image-position="center"] { --news-list-hero-image-position: center; }
.news-list-v1__hero[data-hero-image-position="right"] { --news-list-hero-image-position: right center; }

.news-list-v1__hero::after {
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  content: "";
  background:
    radial-gradient(circle at 84% 20%, color-mix(in srgb, var(--news-list-hero-accent, #0891b2) 16%, transparent), transparent 38%),
    linear-gradient(118deg, color-mix(in srgb, var(--news-list-hero-background-start, #f8fafc) 98%, transparent), color-mix(in srgb, var(--news-list-hero-background-end, #e0f2fe) 92%, transparent));
}

.news-list-v1__hero[data-has-background-image="1"]::after {
  opacity: var(--news-list-hero-overlay-strength, .68);
}

.news-list-v1__hero[data-section-background="white"]::after { background: #fff; }
.news-list-v1__hero[data-section-background="surface"]::after { background: var(--ui-color-surface-muted, #f8fafc); }
.news-list-v1__hero[data-section-background="accent-soft"]::after {
  background: color-mix(in srgb, var(--news-list-hero-accent, #0891b2) 9%, var(--ui-color-surface, #fff));
}
.news-list-v1__hero[data-section-background="brand-gradient"]::after,
.news-list-v1__hero[data-section-background="custom"][data-section-background-fill="gradient"]::after {
  background: linear-gradient(var(--news-list-hero-background-angle, 115deg), var(--news-list-hero-background-start, #0f172a), var(--news-list-hero-background-end, #164e63));
}
.news-list-v1__hero[data-section-background="custom"][data-section-background-fill="solid"]::after {
  background: var(--news-list-hero-background-start, #fff);
}

.news-list-v1__hero[data-foreground="light"] {
  --news-list-hero-title-inherit: var(--ui-color-on-accent, #fff);
  --news-list-hero-description-inherit: rgba(255, 255, 255, .8);
  color: #e2e8f0;
}

.news-list-v1__hero-inner {
  display: grid;
  min-height: var(--news-list-hero-min-height, 360px);
  align-items: center;
  justify-content: start;
  grid-template-columns: minmax(0, 760px);
  padding-block: clamp(54px, 7vw, 80px);
}

.news-list-v1__hero-copy {
  min-width: 0;
  max-width: 760px;
  text-align: left;
}

.news-list-v1__hero[data-title-align="center"] .news-list-v1__hero-inner { justify-content: center; }
.news-list-v1__hero[data-title-align="right"] .news-list-v1__hero-inner { justify-content: end; }
.news-list-v1__hero[data-title-align="center"] .news-list-v1__hero-copy { text-align: center; }
.news-list-v1__hero[data-title-align="right"] .news-list-v1__hero-copy { text-align: right; }

.news-list-v1__hero-eyebrow {
  --page-module-eyebrow-color: var(--news-list-hero-eyebrow-color, var(--news-list-hero-accent));
  --page-module-eyebrow-size: var(--news-list-hero-eyebrow-size, 12px);
}

.news-list-v1__hero h1 {
  max-width: 840px;
  margin: 14px 0 18px;
  color: var(--news-list-hero-title-color, var(--news-list-hero-title-inherit, var(--ui-color-text-strong, #0f172a)));
  font-size: min(var(--news-list-hero-title-size, 50px), clamp(38px, 5vw, 58px));
  font-weight: var(--news-list-hero-title-weight, 700);
  line-height: 1.08;
  letter-spacing: -.035em;
  text-wrap: balance;
}

.news-list-v1__hero-description {
  max-width: 680px;
  margin: 0;
  color: var(--news-list-hero-description-color, var(--news-list-hero-description-inherit, var(--ui-color-text-muted, #64748b)));
  font-size: var(--news-list-hero-description-size, 16px);
  line-height: 1.75;
}

.news-list-v1__hero[data-title-align="center"] .news-list-v1__hero-description { margin-inline: auto; }
.news-list-v1__hero[data-title-align="right"] .news-list-v1__hero-description { margin-left: auto; }

/* Source is News business metadata. Date, card typography, media, surface,
 * hover, entry and responsive behaviour remain owned by Public Feed. */
.news-list-v1 .news-feed-card__source {
  color: var(--ui-color-text-faint, #94a3b8);
  font-size: 12px;
  font-weight: 500;
  line-height: 1.5;
}

@media (max-width: 767px) {
  .news-list-v1__hero,
  .news-list-v1__hero-inner { min-height: var(--news-list-hero-min-height, 360px); }
  .news-list-v1__hero-inner { padding-block: 44px 50px; }
  .news-list-v1__hero[data-mobile-title-align="left"] .news-list-v1__hero-inner { justify-content: start; }
  .news-list-v1__hero[data-mobile-title-align="left"] .news-list-v1__hero-copy { text-align: left; }
  .news-list-v1__hero[data-mobile-title-align="left"] .news-list-v1__hero-description { margin: 0; }
  .news-list-v1__hero[data-mobile-title-align="center"] .news-list-v1__hero-inner { justify-content: center; }
  .news-list-v1__hero[data-mobile-title-align="center"] .news-list-v1__hero-copy { text-align: center; }
  .news-list-v1__hero[data-mobile-title-align="center"] .news-list-v1__hero-description { margin-inline: auto; }
  
}

@media (max-width: 420px) {
  
}

/* Mobile H1 scale: preserve smaller editor values; desktop/tablet stay unchanged. */
@media (max-width: 767px) {
  .news-list-v1__hero h1 {
    font-size: min(var(--news-list-hero-title-size, 50px), 26px);
    line-height: 1.4;
  }
}

@media (max-width: 360px) {
  .news-list-v1__hero h1 {
    font-size: min(var(--news-list-hero-title-size, 50px), 24px);
  }
}