@import url('https://fonts.googleapis.com/css2?family=Rajdhani:wght@500;600;700&family=Nunito:wght@400;600;700;800&display=swap');
/* ==========================================================================
   Buzz Newsroom — /preview/assets/newsroom.css
   Loads AFTER article.css. Adds the release furniture (kicker, dateline,
   at-a-glance box, boilerplate, contact block) and the newsroom index.
   Literal colors, same palette and linter reasons as article.css.

   HEADLINE FONT (2026-10-08): Rajdhani 600, the Buzz app typeface, replaces
   Roboto Slab 300 on Newsroom pages only. The @import above stays the first
   rule; this file is served by Zeus, not pasted into the WordPress
   Customizer. Short headlines only: Rajdhani is condensed, so the lead
   paragraph and pull quotes move to Nunito instead. article.css and
   /brand/skyscape.css are untouched until the rest of the site follows.

   BODY FONT (2026-10-18): Nunito added to the @import, and set explicitly on
   the index intro and the filter buttons. The @import carried Rajdhani only,
   so every 'Nunito' reference in this file resolved to the generic sans
   fallback. The intro declared no family at all and the buttons used
   font:inherit, so both kept the Roboto Slab the headline override was
   written to retire. Index pages show the two together, which is why the
   serif was visible there and not on the articles.

   LINKED HEADLINES (2026-10-18): a linked index headline now carries the
   link color. It used to inherit the heading navy and drop its underline,
   so a headline that opened a story and a headline that went nowhere were
   identical until the pointer crossed them. Only some items have a page
   behind them, so the color is the signal for which ones do.

   MASTHEAD LABEL (2026-10-18): the word beside the logo in .pg-top gets an
   explicit family. article.css styles that span's size, weight, tracking,
   case and color but never its family, and body sets none either, so it
   fell through to the browser default serif and rendered in Times beside a
   sans logo. The override lives here rather than in article.css because
   that file is written to survive being pasted into the WordPress
   Customizer, and this is a Zeus-only chrome concern.

   CHIP AND PILL RADIUS (2026-10-18): the index filter buttons now take the
   house spine radius, 6px 12px 12px 6px, and the Bulletin and Spotlight
   pills in .nr-kicker take the 6px button radius. Both were full 999px
   pills, which the page design system retires for chips, tags and filter
   labels. Written as literal values rather than the --r-chip and --r-btn
   custom properties, for the same linter reason as the colors above. The
   status chips on the index keep their pill shape and are unchanged.

   HEADLINE SIZE (2026-10-26, owner-approved): .pg h1 goes from a fixed 48px
   (34px under 600px) to clamp(28px,3vw,40px), the same article-title size
   preview-system.css now gives blog posts and the Newsroom release pages,
   so every Newsroom page and every post title matches. Literal px, as the
   rest of this file. The 600px override is dropped; the clamp floor covers
   it.
   ========================================================================== */

/* ---- headline font override ---- */
.pg h1{font-family:'Rajdhani','Nunito',sans-serif;font-weight:600;font-size:clamp(28px,3vw,40px);
  line-height:1.12;letter-spacing:0}
.ss-article h2{font-family:'Rajdhani','Nunito',sans-serif;font-weight:600;font-size:34px;
  line-height:1.15;letter-spacing:0}
.ss-article h3{font-family:'Rajdhani','Nunito',sans-serif;font-weight:600;font-size:22px}
.ss-article .cta h3{font-weight:600;font-size:26px}
.ss-article .lead{font-family:'Nunito',sans-serif;font-weight:400;font-size:21px}
.ss-article blockquote{font-family:'Nunito',sans-serif;font-weight:600;font-size:19px;line-height:1.55}
.ss-article .story .num{font-family:'Rajdhani','Nunito',sans-serif;font-weight:600}
/* year headings on the index and archive are styled inline in each page;
   "main" lifts this rule above those page-level rules */
main .nr-year{font-family:'Rajdhani','Nunito',sans-serif;font-weight:600;font-size:28px}
@media(max-width:600px){
  .ss-article h2{font-size:27px}
  .ss-article .lead{font-size:18px}
}

/* ---- masthead label beside the logo ---- */
.pg-top span{font-family:'Nunito',sans-serif}

/* ---- post type kicker ---- */
.nr-kicker{display:inline-flex;align-items:center;gap:10px;margin:0 0 16px;
  font-family:'Nunito',sans-serif;font-size:12px;font-weight:800;letter-spacing:1.6px;
  text-transform:uppercase}
.nr-kicker .t{padding:4px 10px;border-radius:6px;background:#0183b2;color:#fff}
.nr-kicker .t.spot{background:#FFD166;color:#2A3D50}
.nr-kicker .n{color:#4A5A6B;letter-spacing:1px}

/* ---- dateline, release style ---- */
.ss-article .dateline{font-weight:800;color:#2A3D50;letter-spacing:.4px;text-transform:uppercase;font-size:14px}

/* ---- at a glance: the ~40-word summary AI answers and link previews quote ---- */
.ss-article .glance{border:1px solid #E4EDF3;border-top:3px solid #0183b2;border-radius:0 0 12px 12px;
  padding:20px 24px;margin:0 0 2em;background:#fff}
.ss-article .glance b{display:block;font-size:11px;letter-spacing:1.5px;text-transform:uppercase;
  color:#0183b2;margin-bottom:6px}
.ss-article .glance p{margin:0;color:#2A3D50;font-size:17px}

/* ---- facts list: terms, dates ---- */
.ss-article .facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:1.4em 0 2em}
.ss-article .facts div{background:#F6F9FB;border-radius:10px;padding:14px 16px}
.ss-article .facts span{display:block;font-size:11px;font-weight:700;letter-spacing:1.3px;
  text-transform:uppercase;color:#0183b2;margin-bottom:4px}
.ss-article .facts strong{font-family:'Rajdhani','Nunito',sans-serif;font-weight:600;font-size:20px;color:#2A3D50}

/* ---- about + contact, the release footer ---- */
.ss-article .boiler{border-top:1px solid #E4EDF3;margin-top:2.6em;padding-top:1.4em;font-size:15px}
.ss-article .boiler h3{font-size:15px;font-family:'Nunito',sans-serif;font-weight:800;
  letter-spacing:1.2px;text-transform:uppercase;color:#2A3D50;margin:1.4em 0 .4em}
.ss-article .boiler h3:first-child{margin-top:0}
.ss-article .boiler p{font-size:15px}
.ss-article .endmark{text-align:center;color:#4A5A6B;letter-spacing:6px;margin:2em 0 0}

/* ---- newsroom index ---- */
.nr-intro{font-family:'Nunito',sans-serif;font-size:18px;color:#4A5A6B;line-height:1.6;
  margin:0 0 30px;max-width:62ch}
.nr-filter{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 26px}
.nr-filter button{font-family:'Nunito',sans-serif;font-size:13px;font-weight:700;
  border:1px solid #E4EDF3;background:#fff;
  color:#2A3D50;padding:6px 14px;border-radius:6px 12px 12px 6px;cursor:pointer}
.nr-filter button[aria-pressed="true"]{background:#2A3D50;color:#fff;border-color:#2A3D50}
.nr-list{list-style:none;margin:0;padding:0;border-top:1px solid #E4EDF3}
.nr-item{display:grid;grid-template-columns:120px 1fr;gap:18px;padding:22px 0;border-bottom:1px solid #E4EDF3}
.nr-item time{font-family:'Nunito',sans-serif;font-size:13px;font-weight:700;color:#4A5A6B;padding-top:3px}
.nr-item h2{font-family:'Rajdhani','Nunito',sans-serif;font-weight:600;font-size:24px;line-height:1.2;
  margin:6px 0 6px;color:#2A3D50}
.nr-item h2 a{color:#0183b2;text-decoration:none}
.nr-item h2 a:hover{color:#2A3D50;text-decoration:underline;text-underline-offset:3px}
.nr-item p{margin:0;color:#4A5A6B;font-family:'Nunito',sans-serif;font-size:15px;line-height:1.55}
.nr-item .nr-kicker{margin:0;font-size:11px}
.nr-item .draft{font-size:11px;font-weight:700;color:#9a7414;letter-spacing:1px;text-transform:uppercase}
.nr-side{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:44px 0 0}
.nr-side div{background:#F6F9FB;border-radius:12px;padding:18px 20px;font-family:'Nunito',sans-serif}
.nr-side h3{font-family:'Rajdhani','Nunito',sans-serif;font-weight:600;font-size:20px;margin:0 0 6px;color:#2A3D50}
.nr-side p{margin:0;font-size:14.5px;color:#4A5A6B;line-height:1.55}
.nr-side a{color:#0183b2}

@media(max-width:600px){
  .nr-item{grid-template-columns:1fr;gap:6px}
  .ss-article .facts,.nr-side{grid-template-columns:1fr}
}