/* Editorial hub: route-first reading, scoped to the three News pages. */
.news-hub-page {
  --hub-ink: var(--cream, #efe7dc);
  --hub-muted: var(--muted, #b9ac9d);
  --hub-line: rgba(239, 231, 220, .15);
  --hub-pink: var(--pink, #df7e9e);
  --hub-gold: var(--gold, #b0875c);
}

.news-hub-page .hub-skip-link {
  position: fixed;
  z-index: 30;
  top: 12px;
  left: 50%;
  min-height: 44px;
  padding: 11px 16px;
  border: 1px solid var(--hub-pink);
  border-radius: 999px;
  background: rgba(8, 9, 10, .97);
  color: var(--hub-ink);
  font-weight: 800;
  text-decoration: none;
  transform: translate(-50%, -170%);
  transition: transform .18s ease;
}

.news-hub-page .hub-skip-link:focus-visible { outline: 3px solid var(--hub-ink); outline-offset: 3px; transform: translate(-50%, 0); }
.news-hub-page #mainContent:focus-visible { outline: 3px solid var(--hub-pink); outline-offset: -3px; }

.news-hub-page .hub-hero { position: relative; overflow: hidden; padding-block: clamp(72px, 9vw, 118px) clamp(52px, 6vw, 78px); }
.news-hub-page .hub-hero::before { position: absolute; inset: 0; background: linear-gradient(90deg, transparent 0 54%, rgba(223, 126, 158, .1) 100%), radial-gradient(circle at 87% 18%, rgba(176, 135, 92, .24), transparent 24%); content: ""; pointer-events: none; }
.news-hub-page .hub-hero .wrap { position: relative; }
.news-hub-page .hub-hero h1 { max-width: 18ch; margin-bottom: 22px; font-size: clamp(48px, 7vw, 88px); }
.news-hub-page .hub-hero p { max-width: 63ch; font-size: clamp(17px, 1.6vw, 20px); }
.news-hub-page .hub-hero .atlas-meta { margin-top: 28px; }

.news-hub-page .hub-intro,
.news-hub-page .hub-reading__heading,
.news-hub-page .hub-note {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(270px, .8fr);
  gap: clamp(28px, 6vw, 92px);
  align-items: end;
}

.news-hub-page .hub-intro { padding-block: clamp(58px, 8vw, 100px) clamp(36px, 5vw, 60px); }
.news-hub-page .hub-overline { display: block; margin-bottom: 12px; color: var(--hub-pink); font-size: 13px; font-weight: 800; letter-spacing: .19em; text-transform: uppercase; }
.news-hub-page .hub-intro h2,
.news-hub-page .hub-reading h2,
.news-hub-page .hub-note h2,
.news-hub-page .hub-feature h2,
.news-hub-page .hub-card h3 { margin: 0; font-family: var(--serif, Georgia, serif); font-weight: 600; letter-spacing: -.025em; text-wrap: balance; }
.news-hub-page .hub-intro h2 { max-width: 16ch; font-size: clamp(34px, 4.4vw, 58px); line-height: 1.04; }
.news-hub-page .hub-intro > p,
.news-hub-page .hub-reading__heading > p,
.news-hub-page .hub-note > p { max-width: 49ch; margin: 0; color: var(--hub-muted); font-size: 16px; line-height: 1.75; }

.news-hub-page .hub-feature { display: grid; grid-template-columns: minmax(250px, .86fr) minmax(0, 1.14fr); min-height: 500px; overflow: hidden; border: 1px solid rgba(223, 126, 158, .35); border-radius: 22px; background: linear-gradient(135deg, rgba(223, 126, 158, .12), rgba(15, 16, 18, .98) 47%); box-shadow: 0 24px 70px rgba(0, 0, 0, .2); }
.news-hub-page .hub-feature__image { min-height: 100%; overflow: hidden; background: #151115; }
.news-hub-page .hub-feature__image img { width: 100%; height: 100%; min-height: 500px; object-fit: cover; object-position: center; filter: saturate(.82) contrast(1.06); transform: scale(1.01); }
.news-hub-page .hub-feature__copy { display: flex; min-width: 0; padding: clamp(32px, 5vw, 70px); flex-direction: column; align-items: flex-start; }
.news-hub-page .hub-number { margin: 20px 0 8px; color: rgba(239, 231, 220, .42); font: 500 clamp(44px, 6vw, 80px) / .9 var(--serif, Georgia, serif); }
.news-hub-page .hub-feature h2 { max-width: 15ch; font-size: clamp(34px, 4.2vw, 58px); line-height: 1.02; }
.news-hub-page .hub-feature__copy > p:not(.hub-number) { max-width: 51ch; margin: 22px 0 28px; color: var(--hub-muted); font-size: 17px; line-height: 1.72; }

.news-hub-page .hub-link { display: inline-flex; min-height: 46px; margin-top: auto; align-items: center; gap: 9px; border-bottom: 1px solid currentColor; color: var(--hub-ink); font-size: 12px; font-weight: 800; letter-spacing: .11em; line-height: 1.3; text-decoration: none; text-transform: uppercase; }
.news-hub-page .hub-link span { color: var(--hub-pink); font-size: 18px; transition: transform .18s ease; }
.news-hub-page .hub-link:hover span,
.news-hub-page .hub-link:focus-visible span { transform: translateX(4px); }
.news-hub-page .hub-link:focus-visible { outline: 3px solid var(--hub-pink); outline-offset: 5px; border-bottom-color: transparent; }

.news-hub-page .hub-reading { padding-block: clamp(58px, 8vw, 104px); }
.news-hub-page .hub-reading h2 { font-size: clamp(34px, 4vw, 54px); line-height: 1.04; }
.news-hub-page .hub-reading__heading { margin-bottom: clamp(28px, 4vw, 46px); }
.news-hub-page .hub-reading__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.news-hub-page .hub-card { position: relative; display: flex; min-height: 312px; padding: clamp(26px, 3.1vw, 40px); flex-direction: column; align-items: flex-start; overflow: hidden; border: 1px solid var(--hub-line); border-radius: 18px; background: linear-gradient(145deg, rgba(255, 255, 255, .05), rgba(255, 255, 255, .012)); }
.news-hub-page .hub-card::before { position: absolute; width: 260px; height: 260px; right: -106px; top: -135px; border-radius: 50%; background: var(--hub-accent, rgba(223, 126, 158, .18)); content: ""; filter: blur(5px); opacity: .74; pointer-events: none; }
.news-hub-page .hub-card--price { --hub-accent: rgba(128, 152, 206, .22); }
.news-hub-page .hub-card--consult { --hub-accent: rgba(176, 135, 92, .23); }
.news-hub-page .hub-card--pharmacy { --hub-accent: rgba(223, 126, 158, .22); }
.news-hub-page .hub-card--compare { --hub-accent: rgba(111, 171, 155, .21); }
.news-hub-page .hub-card > * { position: relative; }
.news-hub-page .hub-card__number { margin-bottom: 22px; color: rgba(239, 231, 220, .4); font: 500 30px / 1 var(--serif, Georgia, serif); }
.news-hub-page .hub-card .kicker { color: var(--hub-pink); }
.news-hub-page .hub-card h3 { max-width: 19ch; margin-top: 14px; font-size: clamp(27px, 2.7vw, 38px); line-height: 1.06; }
.news-hub-page .hub-card p { max-width: 49ch; margin: 17px 0 24px; color: var(--hub-muted); line-height: 1.68; }

.news-hub-page .hub-note { margin-bottom: clamp(56px, 8vw, 96px); padding: clamp(30px, 4.5vw, 58px); border-top: 1px solid rgba(176, 135, 92, .65); border-bottom: 1px solid var(--hub-line); background: linear-gradient(90deg, rgba(176, 135, 92, .12), transparent 60%); }
.news-hub-page .hub-note h2 { max-width: 17ch; font-size: clamp(30px, 3.6vw, 48px); line-height: 1.06; }

@media (max-width: 760px) {
  .news-hub-page .hub-skip-link { top: 8px; left: 12px; transform: translateY(-170%); }
  .news-hub-page .hub-skip-link:focus-visible { transform: translateY(0); }
  .news-hub-page .hub-hero { padding-block: 58px 46px; }
  .news-hub-page .hub-hero h1 { max-width: 12ch; font-size: clamp(44px, 13vw, 64px); }
  .news-hub-page .hub-intro,
  .news-hub-page .hub-reading__heading,
  .news-hub-page .hub-note { grid-template-columns: 1fr; gap: 18px; }
  .news-hub-page .hub-intro { padding-block: 48px 32px; }
  .news-hub-page .hub-intro h2 { max-width: 15ch; font-size: 38px; }
  .news-hub-page .hub-feature { grid-template-columns: 1fr; min-height: 0; border-radius: 16px; }
  .news-hub-page .hub-feature__image img { min-height: 280px; max-height: 360px; }
  .news-hub-page .hub-feature__copy { padding: 30px 22px 26px; }
  .news-hub-page .hub-feature h2 { font-size: clamp(34px, 10vw, 46px); }
  .news-hub-page .hub-reading { padding-block: 54px; }
  .news-hub-page .hub-reading__grid { grid-template-columns: 1fr; }
  .news-hub-page .hub-card { min-height: 0; padding: 28px 22px; border-radius: 15px; }
  .news-hub-page .hub-card h3 { font-size: clamp(29px, 8.4vw, 38px); }
  .news-hub-page .hub-note { margin-bottom: 52px; padding: 30px 22px; }
  .news-hub-page .atlas-foot .journey-links { width: 100%; flex-wrap: wrap; }
  .news-hub-page .atlas-foot .journey-links a { flex: 0 1 auto; }
}

@media (prefers-reduced-motion: reduce) {
  .news-hub-page .hub-skip-link,
  .news-hub-page .hub-link span { transition: none; }
}

/* The hero is a single text block, never the legacy twelve-column article grid. */
body.news-hub-page #news-hub.hub-hero {
  display: block;
  width: 100%;
  max-width: none;
  margin-inline: 0;
  grid-template-columns: none;
  gap: 0;
  height: auto;
  min-height: 0;
  background: #161217 !important;
}
body.news-hub-page #news-hub.hub-hero::before,
body.news-hub-page #news-hub.hub-hero::after { content: none; display: none; }
body.news-hub-page #news-hub > .wrap { display: block; min-width: 0; }
body.news-hub-page #news-hub h1 {
  width: auto;
  max-width: 100%;
  white-space: normal;
  word-break: normal;
  overflow-wrap: normal;
}
body.news-hub-page #news-hub p { max-width: 62ch; }
body.news-hub-page #news-hub .atlas-meta { margin-top: 20px; }