/* ============================================================
   LegalAtoms — PRESS RELEASES archive (/press-releases/).
   Loaded ONLY on the press_releases post-type archive, AFTER
   tokens.css + legalatoms-gutenberg.css + legalatoms-blog-single.css +
   legalatoms-blog-index.css + legalatoms-blog-search.css — so it
   inherits the blog type system (Libre Caslon), the glass site-header,
   dark mode, and reuses the index's modules (.la-bx-wrap,
   .la-bx-eyebrow, .la-bx-h2, .la-bx-mast__*, .la-fa-list,
   .la-bx-latest, .la-bx-grid, .la-bx-item, .la-bx-cta), the category
   sheet's rail label (.la-bxc-hero__label, restated here so this page
   does not have to load the whole category sheet), and the search
   pager (.la-bx-pager). This sheet adds only the newsroom hero and the
   year grouping. All color/space via tokens; theme-aware.
   ============================================================ */

body.la-blog-press{ background:var(--surface-page); }

/* Card/section links must not inherit the body.la-blog blue — scoped to main
   so the shared header/footer chrome keeps its link treatment (same lesson as
   body.la-blog-index). */
body.la-blog-press main a{ color:inherit; }

/* The theme's `.la-page h2` (0,1,1) would force the display face + navy —
   mirror the (0,2,1) italic-coral section heading the index, search, and
   category pages use. Here it labels each year group. */
body.la-blog-press .la-bx-h2{ color:var(--text-accent); font:italic 400 clamp(1.7rem,3vw,2.15rem)/1.1 var(--font-heading); letter-spacing:-.01em; margin:0; font-variant-numeric:lining-nums tabular-nums; }

/* ============================================================
   SPLIT HERO — newsroom heading (left), "Latest announcements"
   rail (right). Same wash and grid proportions as the /blog and
   /category/{state} heroes.
   ============================================================ */
.la-bxp-hero{
  background:
    radial-gradient(42rem 24rem at 12% -25%, rgba(68,100,158,.12), transparent 60%),
    radial-gradient(34rem 22rem at 96% -12%, rgba(220,99,48,.08), transparent 55%),
    var(--surface-page);
  border-bottom:1px solid var(--border-default);
  padding-top:clamp(36px,4.5vw,52px); padding-bottom:clamp(36px,4.5vw,52px);
}
.la-bxp-hero__grid{ display:grid; grid-template-columns:minmax(0,5fr) minmax(0,6fr); gap:clamp(32px,5vw,72px); align-items:center; }
/* The left column is eyebrow + heading + lede only — no masthead metadata row
   (an earlier release-count / media-contact line was removed at review). The
   flex gap closes the space on its own; nothing here reserves height for it. */
.la-bxp-hero__left{ display:flex; flex-direction:column; align-items:flex-start; gap:14px; }

/* Rail label — mono kicker capped by a strong rule. Mirrors
   .la-bxc-hero__label on the category page (same values, restated so the
   press archive does not need to load legalatoms-blog-category.css). */
.la-bxp-hero__right{ display:flex; flex-direction:column; }
body.la-blog-press .la-bxc-hero__label{
  color:var(--text-secondary); font:500 .75rem/1.3 var(--font-mono);
  letter-spacing:.08em; text-transform:uppercase; margin:0;
  padding-bottom:12px; border-bottom:2px solid var(--text-heading);
}

/* ============================================================
   ALL RELEASES — one group per year, newest first.
   The year numeral takes the coral Libre Caslon section-heading
   treatment (the design system's typographic-numeral motif for
   sequences); each group is the blog's two-column card grid.
   ============================================================ */
.la-bxp-list{ display:flex; flex-direction:column; gap:clamp(30px,4vw,46px); }
.la-bxp-year{ display:flex; flex-direction:column; gap:12px; }
/* Top rule closes the grid under its year heading — the la-bx-item cards carry
   a bottom border only, so without this the first row floats. */
.la-bxp-year .la-bx-grid{ border-top:1px solid var(--border-strong); }

/* Releases have no categories worth surfacing (their only taxonomy is a single
   "Press Releases" term) and no feature images, so the date IS the eyebrow —
   promote it from the grid's muted treatment to the coral accent the other
   surfaces give .la-bx-item__cat. */
body.la-blog-press .la-bxp-item__date{ color:var(--text-accent); }

.la-bxp-empty{ color:var(--text-secondary); font:400 1.0625rem/1.6 var(--font-sans); margin:0; padding:clamp(20px,4vw,40px) 0; }

/* ============================================================
   RESPONSIVE
   ============================================================ */
@media (max-width:900px){
  .la-bxp-hero__grid{ grid-template-columns:1fr; gap:clamp(28px,5vw,40px); }
}