/**
 * Per-page overrides — /press/ (EN). AR twin: page-press-ar.css.
 *
 * This is the page the News & FAQ "View all news" button opens. Its dark
 * "Nabed Press & Media Relations" hero was removed from the page content
 * (scripts/migrations/2026-08-19-press-simple-top.php); the page now leads
 * with a content block holding the Back to Resources link, then the
 * press-release listing carrying the page title. Everything below is the
 * styling that composition needs — no query, routing or card redesign.
 */

/* ---- Top heading area ----
 * The content block holds a single link, so its reading measure (820px,
 * centred) is widened to the listing's container — otherwise the back link
 * would sit indented from the title and the cards below it. Mirrors
 * `.seamlessmd-container`: capped at the container width minus its gutters,
 * and the gutter token changes at the mobile breakpoint, so both stay
 * aligned at every width. ---- */

.seamlessmd-content .seamlessmd-content__inner {
	/* The inner already sits inside `.seamlessmd-container`, which owns the
	 * 1280px cap and the gutters — so dropping the block's own 820px reading
	 * measure is enough to line the back link up with the title and cards at
	 * every width. (0,2,0) ties the block's `--width-normal` rule and wins on
	 * load order; `max-width` is the physical longhand the block uses, so it
	 * is overridden in kind. */
	max-width: none;
}

/* Compact, understated back link. Blue is the interactive state — the same
 * #2563eb already approved on News & FAQ and used by the Resources back
 * link. The arrow is part of the editable label, so it follows the colour. */
.seamlessmd-press-back {
	margin: 0;
	font-size: 0.9375rem;
	line-height: 1.2;
}

.seamlessmd-press-back a {
	color: var(--seamlessmd-text-muted);
	font-weight: 600;
	text-decoration: none;
}

.seamlessmd-press-back a:hover,
.seamlessmd-press-back a:focus-visible {
	color: #2563eb;
}

/* The removed hero used to carry the vertical space above the listing; the
 * section's own 80px top pad now reads as a gap between the back link and
 * the title, so it is tightened to the reference's compact rhythm. Bottom
 * padding is untouched. */
.seamlessmd-latest-posts {
	padding-block-start: 28px;
}

/* ---- Interaction accents in NABED blue ----
 * The listing paints its interactive states with the theme's teal primary.
 * This page uses the same blue as News & FAQ; the darker hover step is
 * derived from that one value with color-mix rather than a second hex, and
 * the theme's teal is untouched everywhere else. ---- */

.seamlessmd-latest-posts__title a:hover {
	color: #2563eb;
}

.seamlessmd-latest-posts__card:hover {
	border-color: color-mix(in srgb, #2563eb 30%, var(--seamlessmd-border));
}

.seamlessmd-latest-posts__load-more.seamlessmd-btn--primary {
	background: #2563eb;
	box-shadow: 0 6px 16px rgba(37, 99, 235, 0.28);
}

.seamlessmd-latest-posts__load-more.seamlessmd-btn--primary:hover {
	background: color-mix(in srgb, #2563eb 82%, #000);
	box-shadow: 0 10px 22px rgba(37, 99, 235, 0.34);
}