/* Public news origin — Midnight Cobalt chrome on top of desk styles.css */
html, body {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}
.public-news .news-page,
.public-news .news-grid,
.public-news .news-window-grid,
.public-news .news-calendars,
.public-news .news-excl-panel {
  max-width: 100%;
  min-width: 0;
}
.public-news .page-main {
  width: 100%;
  max-width: 100%;
  padding: 20px clamp(12px, 2.5vw, 32px);
  box-sizing: border-box;
}
.public-footer {
  display: block;
  padding: 1.25rem clamp(12px, 2.5vw, 32px) 2rem;
  color: var(--color-text-muted, #8b93a7);
  font-size: 0.85rem;
  line-height: 1.45;
  border-top: 1px solid var(--color-border, rgba(255,255,255,0.08));
}
.public-footer p { margin: 0; max-width: 52rem; }
#sec-cloudc4 { scroll-margin-top: 5.5rem; }
#sec-earnings, #sec-econ { scroll-margin-top: 5.5rem; }
.public-news .news-exclusive-column,
.public-news .news-exclusive-reading {
  max-width: 40rem;
}
/* 768 masthead: keep Economy on one line. */
@media (max-width: 820px) {
  .public-news .nav a { font-size: 0.82rem; padding-inline: 0.35rem; }
}

/* Tablet: hamburger owns jumpers through 900px so 768 does not wrap pills. */
@media (max-width: 900px) {
  .public-news .news-sec-burger { display: inline-flex !important; }
  .public-news .news-jump { display: none !important; }
}

/* EIC portrait: contain, do not cover-crop the face. */
.public-news .nr-eic-photo {
  object-fit: contain !important;
  background: #d7dee8;
}

/* Dark magazine: contained stills need a light plate or a dark wafer vanishes. */
.public-news .headlines-hero .news-card-media,
.public-news .headlines-four .news-card-media,
.public-news .news-card-media {
  background: #d7dee8;
}
.public-news .nr-eic-photo {
  display: block;
  width: 10.5rem;
  max-width: 100%;
  height: auto;
  object-fit: contain;
  background: #d7dee8;
}

.public-news figure.news-figure img,
.public-news .news-exclusive-hero img,
.public-news .news-inline-figure img {
  display: block;
  width: auto;
  max-width: 100%;
  height: auto;
  min-height: 0;
  object-fit: contain;
}
.public-news figure.news-figure.is-landscape { max-width: 100%; }
.public-news figure.news-figure.is-square { max-width: 72%; }
.public-news figure.news-figure.is-portrait { max-width: 56%; }
@media (max-width: 560px) {
  .public-news figure.news-figure.is-square { max-width: 88%; }
  .public-news figure.news-figure.is-portrait { max-width: 72%; }
}

/* Date chips: weekday / Aug 13 / count on THREE lines.
   Never inline "Aug 11" + "30" into "August 1130". */
.date-strip {
  display: flex;
  gap: 0.4rem;
  overflow-x: auto;
  padding: 0.35rem 0 0.75rem;
  scrollbar-width: thin;
}
.date-tab {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center;
  gap: 0.1rem !important;
  min-width: 3.8rem;
  padding: 0.4rem 0.5rem;
  border-radius: 10px;
  white-space: normal !important;
  line-height: 1.15;
}
.date-tab-dow {
  display: block;
  font-size: 0.66rem;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  opacity: 0.72;
}
.date-tab-md,
.date-tab-label {
  display: block;
  font-size: 0.82rem;
  font-weight: 650;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}
.date-tab-count {
  display: block !important;
  font-size: 0.66rem;
  font-variant-numeric: tabular-nums;
  opacity: 0.8;
  margin-top: 0.05rem;
}
.date-tab-count.muted { opacity: 0.4; }

/* Public origin: never show desk chrome even if a sync leftover lands. */
.public-news #c4-theme-picker,
.public-news .c4-theme-picker,
.public-news #news-section-prefs,
.public-news #news-prefs-panel,
.public-news #sec-my-trades,
.public-news #sec-hot-trades,
.public-news #my-trades-grid,
.public-news #hot-trades-grid,
.public-news #sec-assign,
.public-news .nr-assign-wrap {
  display: none !important;
}

/* Newsroom phone: never let the EIC portrait sit on the bio. */
.nr-date { white-space: nowrap; }
@media (max-width: 720px) {
  .nr-eic-grid { grid-template-columns: 1fr !important; }
  .nr-eic-id {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 0.85rem !important;
    min-width: 0;
  }
  .nr-eic-photo {
    display: block !important;
    width: 9rem !important;
    max-width: 9rem !important;
    height: auto !important;
    position: static !important;
  }
  .nr-voice { max-width: none; }
}