/*
GNews — custom block styles.
Styles that WP can't express via theme.json settings.
v2.3 — clean broadsheet: Iowan/Palatino masthead, topbar, dateline,
     3-col politics (auto-shrinks to 2 or 1 as posts appear), 4-col band,
     stacked all-stories. Lead=H1, Politics/All=H2, Band=H3.
v5.1 — typefaces: Playfair Display (titles) + Open Sans (body), Iowan masthead reserved.
*/

/* ── TYPEFACE SYSTEM (locked) ────────────────────────────────────
   Titles  → Playfair Display  (display serif, Google Fonts webfont)
   Body    → Open Sans         (sans, Google Fonts webfont)
   Masthead→ Iowan Old Style   (OS-native, site-name only, reserved)

   theme.json routes body/UI text through var(--wp--…--gnews-sans)
   and headings through var(--wp--…--gnews-serif). We override both
   variables here with the REAL stacks so typography renders
   correctly even if the theme.json var output is stripped, and
   @import the webfonts directly so this is fully independent of
   edge/page cache.
   ──────────────────────────────────────────────────────────────── */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400;1,500;1,700&family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,400&display=swap');

html:root,
:root {
	--wp--preset--font-family--gnews-serif: 'Playfair Display','Iowan Old Style',Georgia,'Times New Roman',serif;
	--wp--preset--font-family--gnews-sans:  'Open Sans','Segoe UI',Helvetica,Arial,sans-serif;
}

html:root { --wp--preset--color--black: #08090d !important; }

/* ── MASTER CONTENT COLUMN ──
   ONE bounded measure for the whole front page + article body.
   The body-level children (masthead, nav, wp-site-blocks) all share
   the same max-width and are centered, so nothing runs edge-to-edge.
   Sub-sections (cards, lists) keep their own narrower text measure
   and simply center inside this column. */
body > .wp-site-blocks {
	max-width: 1140px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 24px;
	padding-right: 24px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
/* Nav wrap: body-level child bound to the same 1140px column.
   Inner flex row spans the full 1092px visible width (items centered
   by the .gnews-nav rule) so the bar reads as the full-width rail that
   replaced the old dateline strip.
   Air below the rail: the content column (.site-content) carries its own
   64px top padding (WP spacing token) and the first block's margin collapses
   out of it — so the gap was effectively 0. Give the rail a margin-bottom
   that clears that padding; the margin then collapses against the
   Lead query block, putting this exact amount of air between the nav
   and the first article (nav → lead = 64px, lead → politics = 48px
   is the existing section rhythm). */
.gnews-nav-wrap {
	max-width: 1140px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 24px;
	padding-right: 24px;
	margin-bottom: 36px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.gnews-nav-wrap .gnews-nav-inner {
	display: flex;
	width: 100%;
}
@media (max-width: 900px) {
	.gnews-nav-wrap { margin-bottom: 25px; }
}
/* FORCE every section to the full column width, overriding WP's
   constrained-layout text measure and any alignfull / wide-size defaults.
   This is the "everything below the lead = same width as the lead" rule.
   inline style="" from the block editor is beaten by !important. */
body > .wp-site-blocks > .wp-block-group,
body > .wp-site-blocks .gnews-section,
body > .wp-site-blocks .gnews-lead-wrap,
body > .wp-site-blocks .gnews-politics-query,
body > .wp-site-blocks .gnews-band-query,
body > .wp-site-blocks .gnews-all-query,
body > .wp-site-blocks .wp-block-query,
body > .wp-site-blocks .wp-block-post-template {
	width: 100% !important;
	max-width: 100% !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
}
/* The section header hairline spans the full column. */
.gnews-section__label::after {
	width: 100%;
}
/* The WP default text measure for constrained blocks used to be 720px
   (via theme.json contentSize); that's now 1092px to match the homepage,
   so sub-blocks fill the full column by default — no forced centering. */
.gnews-lead,
.gnews-section,
.gnews-leadlist {
	width: 100%;
	max-width: 100%;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   MASTHEAD (PHP-injected)
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

.gnews-masthead-block {
	width: 100%;
	max-width: 1140px;
	margin: 0 auto;
	padding: 0 24px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

/* ── Top strip: date (left) · reader's local clock (right) ── */
.gnews-topbar {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 16px;
	flex-wrap: wrap;
	font-family: var(--wp--preset--font-family--gnews-sans);
	font-size: 11px;
	letter-spacing: .14em;
	text-transform: uppercase;
	color: var(--wp--preset--color--faint);
	border-bottom: 1px solid var(--wp--preset--color--line);
	padding: 10px 0 9px;
	margin-bottom: 0;
}
.gnews-topbar b {
	color: var(--wp--preset--color--white);
	font-weight: 700;
}
/* Reader's local-time clock (right of the top strip) — filled by JS in
   the browser's own timezone, so it reads as "now, where you are". */
.gnews-topbar [data-gnews-local-time] {
	color: var(--wp--preset--color--body);
	font-weight: 600;
	font-variant-numeric: tabular-nums;
}

/* ── Masthead name + tagline ── */
.gnews-mast {
	text-align: center;
	padding: 20px 0 28px;
}
.gnews-mast-name {
	display: block;
	font-family: 'Iowan Old Style','Palatino Linotype','Palatino','Book Antiqua',Georgia,'Times New Roman',serif;
	font-weight: 500;
	font-size: clamp(48px, 8.2vw, 96px);
	line-height: .98;
	letter-spacing: .005em;
	color: var(--wp--preset--color--white);
	text-decoration: none;
	margin: 0;
	transition: color .12s ease;
}
.gnews-mast-name:hover { color: var(--wp--preset--color--white); }
.gnews-mast-logo {
	display: block;
	margin: 0 auto 10px;
	width: 36px;
	height: 36px;
	opacity: .9;
	transition: opacity .12s ease;
}
.gnews-mast-logo:hover { opacity: 1; }
.gnews-mast-tag {
	margin-top: 12px;
	font-family: var(--wp--preset--font-family--gnews-sans);
	font-size: 11.5px;
	letter-spacing: .24em;
	text-transform: uppercase;
	color: var(--wp--preset--color--faint);
}

/* ── Non-front-page site header (smaller masthead + full-width nav) ──
   Width = full column (1140px) to match the homepage frame.
   Name ≈ 44px ≈ half the home masthead (96px) so the interior header
   reads as "the same paper, smaller masthead" — proportional, not tiny.
   The nav stretches to the same 1092px visible width as the name. */
.gnews-site-head {
	max-width: 1140px;
	margin: 0 auto;
	padding: 20px 24px 0;
	box-sizing: border-box;
	text-align: center;
}
.gnews-site-name {
	display: block;
	font-family: 'Iowan Old Style','Palatino Linotype','Palatino','Book Antiqua',Georgia,'Times New Roman',serif;
	font-size: clamp(28px, 3.2vw, 44px);
	font-weight: 500;
	letter-spacing: .005em;
	line-height: 1.05;
	color: var(--wp--preset--color--white);
	text-decoration: none;
	margin: 0 0 10px;
}
/* Interior nav: full column width (1092px inside the 1140px column),
   same as the name. Items stay centered via justify-content:center. */
.gnews-site-head .gnews-nav {
	width: 100%;
	max-width: none;
	margin-bottom: 18px;
}
@media (max-width: 720px) {
	.gnews-site-head .gnews-nav { width: 100%; }
}

/* ── Full-width navigation bar slot ──
   The old "Vol / Tel Aviv / Price: Free / The day in context" dateline
   strip (and its two hairline rules) was removed in the masthead
   rebuild; the section nav (.gnews-nav) now occupies that slot, rendered
   by custom_gnews_render_nav into .gnews-nav-wrap right after the name. */

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   SECTION HEADERS
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

.gnews-section__label {
	text-align: left;
	font-family: var(--wp--preset--font-family--gnews-sans);
	font-size: 10px;
	letter-spacing: .28em;
	text-transform: uppercase;
	color: var(--wp--preset--color--faint);
	font-weight: 600;
	position: relative;
	padding-bottom: 6px;
	margin-bottom: 20px;
}
.gnews-section__label::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	border-top: 1px solid var(--wp--preset--color--line);
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   LEAD
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

.gnews-lead {
	display: grid;
	grid-template-columns: 8fr 4fr;
	gap: 32px;
	border-bottom: 1px solid var(--wp--preset--color--line);
	padding-bottom: 32px;
}
.gnews-leadlist { list-style: none; margin: 0; padding: 0; }
.gnews-leadlist > li { list-style: none; }

/* ── Lead media (image + placeholder) ── */
/* 1.5:1 photo box — crops via object-fit: cover, stays inside the margins. */
.gnews-lead {
	grid-template-columns: 5fr 4fr;
}
.gnews-lead-media {
	background: var(--wp--preset--color--black);
	border: 1px solid var(--wp--preset--color--line-strong);
	overflow: hidden;
	position: relative;
	min-height: 0;
	aspect-ratio: 1.5 / 1;
	display: flex;
	align-items: flex-end;
}
.gnews-lead-media .wp-block-post-featured-image {
	margin: 0;
	line-height: 0;
	position: absolute;
	inset: 0;
	height: 100%;
}
.gnews-lead-media .wp-block-post-featured-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}
/* Hide the placeholder when a real image exists */
.gnews-lead-media .wp-block-post-featured-image:not(:empty) ~ .gnews-lead-ph {
	display: none;
}
.gnews-lead-ph {
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	gap: 4px;
	padding: 14px 16px;
	width: 100%;
	background: linear-gradient(180deg, transparent, rgba(8,9,13,.82));
}
.gnews-lead-ph__mark {
	font-family: 'Playfair Display','Iowan Old Style',Georgia,'Times New Roman',serif;
	font-style: italic;
	font-size: 12px;
	color: var(--wp--preset--color--faint);
	letter-spacing: .06em;
	margin: 0;
}
.gnews-lead-ph__sub {
	font-family: var(--wp--preset--font-family--gnews-sans);
	font-size: 10px;
	letter-spacing: .3em;
	text-transform: uppercase;
	color: var(--wp--preset--color--line-strong);
	margin: 0;
}

/* ── Lead body ── */
.gnews-lead-body {
	display: flex;
	flex-direction: column;
	gap: 14px;
}
.gnews-lead-kicker a, .gnews-lead-kicker {
	font-size: 11px;
	letter-spacing: .16em;
	text-transform: uppercase;
	text-decoration: none;
	font-family: var(--wp--preset--font-family--gnews-sans);
	font-weight: 700;
}
.gnews-lead-title,
.gnews-lead-title a {
	font-family: 'Playfair Display','Iowan Old Style',Georgia,'Times New Roman',serif;
	font-weight: 500;
	font-size: clamp(28px, 3.6vw, 44px);
	line-height: 1.1;
	letter-spacing: -.01em;
	color: var(--wp--preset--color--white);
	text-decoration: none;
	margin: 0;
	transition: color .12s ease;
}
.gnews-lead-title a:hover { color: var(--wp--preset--color--cyan); }
.gnews-lead-dek, .gnews-lead-dek p {
	margin: 0;
	font-family: var(--wp--preset--font-family--gnews-sans);
	font-size: 17px;
	line-height: 1.6;
	color: var(--wp--preset--color--body);
}
.gnews-chip,
.gnews-chip a {
	font-family: var(--wp--preset--font-family--gnews-sans);
	font-size: 11px;
	font-weight: 700;
	letter-spacing: .16em;
	text-transform: uppercase;
	color: var(--wp--preset--color--faint);
	text-decoration: none;
}
.gnews-chip a { color: var(--wp--preset--color--body); }
.gnews-chip a:hover { color: var(--wp--preset--color--cyan); }
.wp-block-post-excerpt__more-link {
	font-family: var(--wp--preset--font-family--gnews-sans);
	font-size: 13px;
	font-weight: 500;
	letter-spacing: 0;
	text-transform: none;
	color: var(--wp--preset--color--cyan);
	text-decoration: underline;
	text-underline-offset: 3px;
}
.wp-block-post-excerpt__more-link:hover { color: var(--wp--preset--color--white); }
/* ── Category / archive page (v6.25) ─────────────────────────── */
/* 1) Gradient section title: solid white left 50% → pink right 50% */
h1.gnews-cat-title, .gnews-cat-title {
	font-size: clamp(22px, 3.2vw, 30px);
	line-height: 1.15;
	font-weight: 400;
	letter-spacing: .005em;
	background: linear-gradient(90deg, var(--wp--preset--color--white) 0%, var(--wp--preset--color--white) 50%, var(--wp--preset--color--pink) 100%);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	color: transparent;
}
/* 2) Article row: text sized to sit alongside the thumbnail */
.gnews-cat-row { display: flex; align-items: center; }
.gnews-cat-text { text-align: left; }
.gnews-cat-art, .gnews-cat-art h3 {
	font-size: 21px;
	line-height: 1.2;
	margin: 0 0 4px;
}
.gnews-cat-art:hover h3, .gnews-cat-art h3:hover { color: var(--wp--preset--color--pink); }
.gnews-cat-excerpt p, .gnews-cat-excerpt .wp-block-post-excerpt__excerpt {
	font-family: var(--wp--preset--font-family--gnews-sans);
	font-size: 14px;
	line-height: 1.45;
	margin: 0;
}
.gnews-cat-excerpt .wp-block-post-excerpt__more-link { margin-left: 2px; }
.gnews-cat-thumb { flex: 0 0 200px; width: 200px; }
.gnews-cat-thumb figure, .gnews-cat-thumb .wp-block-post-featured-image { margin: 0; }
.gnews-cat-thumb img {
	width: 100%;
	height: 100%;
	max-height: 156px;
	object-fit: cover;
	object-position: center;
}
@media (max-width: 720px) {
	.gnews-cat-row { flex-direction: column; align-items: flex-start; }
	.gnews-cat-thumb, .gnews-cat-thumb img { width: 100%; flex-basis: auto; max-height: 240px; }
}
.gnews-lead-byline {
	display: flex;
	gap: 8px;
	align-items: center;
	font-family: var(--wp--preset--font-family--gnews-sans);
	font-size: 11px;
	letter-spacing: .14em;
	text-transform: uppercase;
	color: var(--wp--preset--color--faint);
}
.gnews-lead-byline b { color: var(--wp--preset--color--body); font-weight: 700; }
.gnews-lead-byline__sep { color: var(--wp--preset--color--line-strong); }

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   POLITICS — 3-COL GRID
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

/* The FSE query renders:
   ul (outer, display:block, one <li> per post)
     li.post
       ul (inner, inline-style display:grid, one <li> child per post)
         li  ← the actual stub group
   Strategy:
   1. Make the OUTER UL a grid with our column count.
   2. Make each post LI display:contents so it doesn't consume a grid slot.
   3. Make each INNER UL display:contents so it doesn't nest another grid.
   4. The stub LI (the inner UL's child) inherits nothing and becomes the
      effective grid item. But it's inside a UL that's display:contents, so
      the browser still applies the outer grid — and each stub is a grid cell.
   Actually the simpler mental model: we want the stub LI to BE the grid item.
   Outer grid has N columns. Each stub LI fills one cell.
   Post LI: display:contents   → transparent wrapper
   Inner UL: display:contents  → transparent wrapper
   Stub LI:  becomes a grid item in the outer grid
*/

/* Outer UL: become the grid */
.gnews-politics-query > ul {
	display: grid !important;
	grid-template-columns: repeat(3, 1fr);
	column-gap: 0 !important;
	row-gap: 0 !important;
	border-bottom: 1px solid var(--wp--preset--color--line);
}
/* When fewer than 3 posts, auto-shrink to fill available space */
.gnews-politics-query > ul:has(> li:nth-child(2):not(:last-child)):not(:has(> li:nth-child(3))) {
	grid-template-columns: repeat(2, 1fr);
}
.gnews-politics-query > ul:has(> li:nth-child(1):only-child) {
	grid-template-columns: 1fr;
}
.gnews-band-query > ul {
	display: grid !important;
	grid-template-columns: repeat(4, 1fr) !important;
	column-gap: 0 !important;
	row-gap: 0 !important;
}
.gnews-all-query > ul {
	display: block !important;
}

/* Post LI: transparent (it wraps inner UL only) */
.gnews-politics-query > ul > li,
.gnews-band-query > ul > li {
	display: contents !important;
}
.gnews-all-query > ul > li {
	display: list-item !important;
}

/* Inner UL: transparent */
.gnews-politics-query ul ul,
.gnews-band-query ul ul {
	display: contents !important;
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
}
.gnews-all-query ul ul {
	display: contents !important;
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
}

.gnews-stub {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;  /* top-align so all columns align at the hairline above */
	gap: 10px;
	padding: 24px !important;  /* overrides the inline 32px/22px asymmetric padding; symmetric so justify-content:center balances the text */
	border-left: 1px solid var(--wp--preset--color--line);
	list-style: none;
	background: var(--wp--preset--color--black);
	transition: background .15s ease;
	position: relative;
}
/* v6.11: hover box fills up to the hairline above and paints BEHIND the text (z-index negative) */
.gnews-stub::before {
	content: "" !important;
	position: absolute;
	/* measured: hairline is ~25px above stub top → extend box up exactly 25px to abut it */
	top: -25px; left: -1px; right: -1px; bottom: 0;
	background: transparent;
	transition: background .15s ease;
	pointer-events: none;
	z-index: -1;  /* paint BEHIND the text so the hover box never covers the title/kicker/dek */
}
.gnews-stub:hover::before { background: #0d0f16; }
.gnews-stub:hover { background: #0d0f16 !important; }
.gnews-stub:first-child { border-left: 0; }
.gnews-stub-kicker a, .gnews-stub-kicker {
	font-size: 11px;
	letter-spacing: .14em;
	text-transform: uppercase;
	text-decoration: none;
	font-family: var(--wp--preset--font-family--gnews-sans);
	font-weight: 700;
	margin: 0;
	display: inline;
}
.gnews-stub-title, .gnews-stub-title a {
	margin: 0;
	font-family: 'Playfair Display','Iowan Old Style',Georgia,'Times New Roman',serif;
	font-weight: 500;
	font-size: 19px;
	line-height: 1.22;
	letter-spacing: -.005em;
	color: var(--wp--preset--color--white);
	text-decoration: none;
	transition: color .12s ease;
}
.gnews-stub-title a:hover { color: var(--wp--preset--color--cyan); }
.gnews-stub-dek, .gnews-stub-dek p {
	margin: 0;
	font-size: 13.5px;
	line-height: 1.55;
	color: var(--wp--preset--color--body);
	font-family: var(--wp--preset--font-family--gnews-sans);
}
.gnews-stub-meta {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: 0 0.9em;
	margin: 0;
}
.gnews-stub-date {
	color: var(--wp--preset--color--faint);
	font-size: 11px;
	font-weight: 700;
	letter-spacing: .14em;
	text-transform: uppercase;
	font-family: var(--wp--preset--font-family--gnews-sans);
	margin: 0;
}
.gnews-stub-date:first-child {
	margin-left: 0;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   AROUND THE SIGNAL — 4-COL BAND
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

.gnews-band {
	display: flex;
	flex-direction: column;
	gap: 10px;
	padding: 22px 20px;
	border-left: 1px solid var(--wp--preset--color--line);
	list-style: none;
	background: var(--wp--preset--color--black);
	transition: background .15s ease;
}
.gnews-band:hover { background: #0d0f16; }
.gnews-band:first-child { border-left: 0; }
.gnews-band-ph {
	aspect-ratio: 3/2;
	overflow: hidden;
	background: linear-gradient(120deg, #0d0f16, #08090d);
	border: 1px solid var(--wp--preset--color--line);
	position: relative;
	display: flex;
	align-items: flex-end;
}
.gnews-band-ph .wp-block-post-featured-image {
	margin: 0;
	line-height: 0;
	position: absolute;
	inset: 0;
}
.gnews-band-ph .wp-block-post-featured-image img {
	width: 100%; height: 100%; object-fit: cover;
}
.gnews-band-ph:not(:has(.wp-block-post-featured-image img)) .gnews-bandph__lbl { display: block; }
.gnews-bandph__lbl {
	font-size: 10px;
	font-style: italic;
	color: var(--wp--preset--color--faint);
	padding: 8px 10px;
	margin: 0;
	font-family: var(--wp--preset--font-family--gnews-serif);
}
.gnews-band-kicker a, .gnews-band-kicker {
	font-size: 10px;
	letter-spacing: .12em;
	text-transform: uppercase;
	text-decoration: none;
	margin: 0;
	font-family: var(--wp--preset--font-family--gnews-sans);
	font-weight: 700;
	display: block;
}
.gnews-band-title, .gnews-band-title a {
	margin: 0;
	font-family: 'Playfair Display','Iowan Old Style',Georgia,'Times New Roman',serif;
	font-weight: 500;
	font-size: 16px;
	line-height: 1.25;
	letter-spacing: -.005em;
	color: var(--wp--preset--color--white);
	text-decoration: none;
	transition: color .12s ease;
}
.gnews-band-title a:hover { color: var(--wp--preset--color--cyan); }
.gnews-band-date {
	color: var(--wp--preset--color--faint);
	font-size: 10.5px;
	letter-spacing: .08em;
	text-transform: uppercase;
	font-family: var(--wp--preset--font-family--gnews-sans);
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   ALL STORIES — STACKED LIST
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

.gnews-allitem {
	padding: 22px 0;
	border-bottom: 1px solid var(--wp--preset--color--line);
	list-style: none;
}
.gnews-allitem:last-child { border-bottom: 0; }
.gnews-all-kicker a, .gnews-all-kicker {
	font-size: 11px;
	letter-spacing: .14em;
	text-transform: uppercase;
	text-decoration: none;
	font-family: var(--wp--preset--font-family--gnews-sans);
	font-weight: 700;
	display: inline-block;
	margin: 0 0 6px;
}
.gnews-all-title, .gnews-all-title a {
	margin: 0 0 8px;
	font-family: 'Playfair Display','Iowan Old Style',Georgia,'Times New Roman',serif;
	font-weight: 500;
	font-size: 22px;
	line-height: 1.22;
	letter-spacing: -.005em;
	color: var(--wp--preset--color--white);
	text-decoration: none;
	transition: color .12s ease;
}
.gnews-all-title a:hover { color: var(--wp--preset--color--cyan); }
.gnews-all-dek, .gnews-all-dek p {
	margin: 0;
	font-size: 14px;
	line-height: 1.55;
	color: var(--wp--preset--color--body);
	font-family: var(--wp--preset--font-family--gnews-sans);
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   SECTION NAV — the all-caps furniture bar under the dateline.
   Neutral links at rest; cyan underline + white text on hover;
   active section = cyan text, a short pink rule, one pink diamond.
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.gnews-nav {
	display: flex;
	justify-content: center;
	align-items: stretch;
	gap: 0;
	width: 100%;
	max-width: none;
	border-top: 1px solid var(--wp--preset--color--line-strong);
	border-bottom: 1px solid var(--wp--preset--color--line-strong);
	background: var(--wp--preset--color--black);
	font-family: var(--wp--preset--font-family--gnews-sans, "Segoe UI", system-ui, sans-serif);
}
.gnews-nav a {
	position: relative;
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 11px 18px;
	text-decoration: none;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: .18em;
	text-transform: uppercase;
	color: var(--wp--preset--color--faint);
	white-space: nowrap;
	transition: color .14s ease;
}
.gnews-nav a + a { border-left: 1px solid var(--wp--preset--color--line); }
/* underline that grows from the left on hover */
.gnews-nav a:not(.gnews-nav__util)::after {
	content: "";
	position: absolute;
	left: 18px; right: 18px; bottom: -1px;
	height: 2px;
	background: var(--wp--preset--color--cyan);
	transform: scaleX(0);
	transform-origin: left;
	transition: transform .18s cubic-bezier(.4,0,.2,1);
	pointer-events: none;
}
.gnews-nav a:hover { color: var(--wp--preset--color--white); }
.gnews-nav a:hover:not(.gnews-nav__util)::after { transform: scaleX(1); }

/* active section */
.gnews-nav a[aria-current="page"] { color: var(--wp--preset--color--cyan); }
.gnews-nav a[aria-current="page"]::after { transform: scaleX(1); background: var(--wp--preset--color--pink); }
.gnews-nav__dm {
	width: 0; height: 0; opacity: 0;
	display: inline-block;
	transition: width .14s ease, height .14s ease, opacity .14s ease;
}
.gnews-nav a[aria-current="page"] .gnews-nav__dm {
	width: 6px; height: 6px;
	background: var(--wp--preset--color--pink);
	opacity: 1;
	transform: rotate(45deg);
	box-shadow: 0 0 0 3px rgba(255, 95, 213, .14);
}
/* search + rss utilities (quiet, no underline animation) */
.gnews-nav .gnews-nav__sep { width: 1px; background: var(--wp--preset--color--line); align-self: stretch; margin: 5px 0; }
.gnews-nav a.gnews-nav__util {
	font-weight: 600;
	letter-spacing: .14em;
	color: var(--wp--preset--color--faint);
	font-size: 10px;
}
.gnews-nav a.gnews-nav__util:hover { color: var(--wp--preset--color--cyan); }
/* on a category archive, mark that section active via <body> .term-<slug> */
body.term-politics .gnews-nav a[href*="/category/politics/"],
body.term-conflict .gnews-nav a[href*="/category/conflict/"],
body.term-tech-ai .gnews-nav a[href*="/category/tech-ai/"],
body.term-money-markets .gnews-nav a[href*="/category/money-markets/"] {
	color: var(--wp--preset--color--cyan);
}
body.term-politics .gnews-nav a[href*="/category/politics/"]::after,
body.term-conflict .gnews-nav a[href*="/category/conflict/"]::after,
body.term-tech-ai .gnews-nav a[href*="/category/tech-ai/"]::after,
body.term-money-markets .gnews-nav a[href*="/category/money-markets/"]::after {
	transform: scaleX(1);
	background: var(--wp--preset--color--pink);
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   RESPONSIVE
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

@media (max-width: 900px) {
	.gnews-lead { grid-template-columns: 1fr; }
	.gnews-lead-media { min-height: 240px; aspect-ratio: 1.5 / 1; }
	.gnews-nav {
		flex-wrap: wrap;
		justify-content: center;
		gap: 0;
		width: auto;
		max-width: 96%;
		padding: 0 10px;
	}
	.gnews-nav a { padding: 10px 14px; font-size: 10.5px; }
	.gnews-nav a + a { border-left: none; }
	.gnews-nav .gnews-nav__sep { display: none; }
	.gnews-politics-grid { grid-template-columns: 1fr 1fr !important; }
	.gnews-politics-grid > li:nth-child(3) { border-left: 0; border-top: 1px solid var(--wp--preset--color--line); }
	.gnews-band-grid { grid-template-columns: 1fr 1fr !important; }
	.gnews-band-grid > li:nth-child(3) { border-left: 0; border-top: 1px solid var(--wp--preset--color--line); }
}
@media (max-width: 600px) {
	.gnews-politics-grid { grid-template-columns: 1fr !important; }
	.gnews-politics-grid > li { border-left: 0; border-top: 1px solid var(--wp--preset--color--line); }
	.gnews-politics-grid > li:first-child { border-top: 0; }
	.gnews-band-grid { grid-template-columns: 1fr !important; }
	.gnews-band-grid > li { border-left: 0; border-top: 1px solid var(--wp--preset--color--line); }
	.gnews-band-grid > li:first-child { border-top: 0; }
	/* the section nav was full-width; keep it full-width on small screens */
	.gnews-masthead-block { padding: 0 16px; }
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   SHARED / SINGLE POST / UTILITIES
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

.is-style-outline > a {
	color: var(--wp--preset--color--white);
	text-decoration: none;
	transition: color 0.12s ease;
}
.is-style-outline > a:hover,
.is-style-outline > a:focus-visible {
	color: var(--wp--preset--color--cyan);
	outline: none;
}

.entry-content p, .wp-block-post-content p {
	font-size: 17.5px;
	line-height: 1.8;
	color: var(--wp--preset--color--body);
	font-family: var(--wp--preset--font-family--gnews-sans);
}
.entry-content a, .wp-block-post-content a {
	color: var(--wp--preset--color--cyan);
	text-decoration: none;
	transition: color .12s ease;
}
.entry-content a:hover { text-decoration: underline; text-decoration-color: var(--wp--preset--color--cyan); }
.entry-content blockquote {
	border-left: 2px solid var(--wp--preset--color--pink);
	padding-left: 24px;
	margin: 32px 0;
	font-family: 'Playfair Display','Iowan Old Style',Georgia,'Times New Roman',serif;
	font-size: 22px;
	line-height: 1.4;
	font-style: italic;
	color: var(--wp--preset--color--white);
}
.entry-content blockquote cite, .entry-content blockquote footer {
	display: block;
	font-family: var(--wp--preset--font-family--gnews-sans);
	font-size: 13px;
	font-style: normal;
	margin-top: 16px;
	color: var(--wp--preset--color--faint);
}

hr.wp-block-separator { border-color: var(--wp--preset--color--line); }

pre {
	border: 1px solid var(--wp--preset--color--line);
	padding: 24px;
	overflow-x: auto;
	font-family: 'SF Mono', 'Cascadia Code', 'Fira Code', 'Consolas', monospace;
	font-size: 14px;
}
code { color: var(--wp--preset--color--pink); }
pre code { color: var(--wp--preset--color--body); }

table { width: 100%; border-collapse: collapse; margin: 32px 0; }
th, td { padding: 16px 24px; border-bottom: 1px solid var(--wp--preset--color--line); text-align: left; font-size: 15px; }
th { color: var(--wp--preset--color--white); font-weight: 600; letter-spacing: .02em; }
td { color: var(--wp--preset--color--body); }

.wp-block-search .wp-block-search__input {
	background: transparent; border: 1px solid var(--wp--preset--color--line); border-radius: 0;
	color: var(--wp--preset--color--white); font-family: var(--wp--preset--font-family--gnews-sans); font-size: 15px; padding: 12px 16px;
}
.wp-block-search .wp-block-search__input::placeholder { color: var(--wp--preset--color--faint); }
.wp-block-search .wp-block-search__button {
	background: var(--wp--preset--color--cyan); border: none; border-radius: 0;
	color: var(--wp--preset--color--black); font-family: var(--wp--preset--font-family--gnews-sans);
	font-size: 12px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase;
	padding: 12px 24px; cursor: pointer; transition: opacity .12s ease;
}
.wp-block-search .wp-block-search__button:hover { opacity: .85; }

.skip-link {
	position: absolute; top: -100px; left: -100px;
	background: var(--wp--preset--color--cyan); color: var(--wp--preset--color--black);
	padding: 8px 16px; z-index: 9999; font-family: var(--wp--preset--font-family--gnews-sans);
	font-size: 12px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase;
}
.skip-link:focus { top: 8px; left: 8px; }

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   SINGLE POST — post content column (matches homepage 1092px frame)
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

/* single post — content column: match the homepage (1140px column, 1092px visible)
   No fixed width — let the body-level .wp-site-blocks max-width (1140px) do the work,
   same as the homepage. theme.json contentSize/wideSize are both 1092px now,
   so the WP constrained layout variable --wp--style--global--content-size
   no longer caps the body at an old 720px. */
body.singular .site-content {
	width: auto !important;
	max-width: 100% !important;
}
/* The WP .wp-block-post-content block has its own max-width:720px inline rule — wipe it
   on singular posts so the body fills the full 1092px article frame. */
body.singular .site-content .wp-block-post-content,
body.singular .site-content .entry-content {
	width: 100% !important;
	max-width: 100% !important;
}
/* homepage .site-content is the full-width container — don't collapse it */
body.home .site-content {
	width: auto;
	max-width: none;
}
body.home .site-content > * {
	max-width: 100%;
}
/* single post — in-body headings: site serif, not Times */
/* single post — in-body headings: site display serif, not Times.
   Targeted at the actual article DOM (.entry-content / wp-block-post-content),
   not .blog (this site is not under a .blog wrapper). */
.entry-content h2,
.entry-content h3,
.entry-content h4,
.wp-block-post-content h2,
.wp-block-post-content h3,
.wp-block-post-content h4 {
	font-family: 'Playfair Display','Iowan Old Style',Georgia,'Times New Roman',serif;
	font-weight: 400;
	letter-spacing: -.01em;
	color: var(--wp--preset--color--white);
}
.entry-content h2, .wp-block-post-content h2 { font-size: clamp(22px, 3.4vw, 30px); line-height: 1.2; }
.entry-content h3, .wp-block-post-content h3 { font-size: clamp(18px, 2.6vw, 22px); line-height: 1.35; }


/* date — slightly bigger, same modern sans as the site */
.gnews-post-date {
	font-size: 13.5px;
	font-weight: 600;
	letter-spacing: .06em;
	text-transform: uppercase;
	margin: 0 0 4px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   SINGLE POST — SOURCES (inline-styled div in post body)
   Strips the top border + lines, keeps the text well-spaced.
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

.wp-block-post-content > div[style*="border-top"],
.wp-block-post-content > div[style*="border-top"] * {
	border-top: none !important;
	border-bottom: none !important;
}
.wp-block-post-content > div[style*="border-top"] {
	margin-top: 3em;
	padding-top: 0;
}
.wp-block-post-content > div[style*="border-top"] p {
	opacity: 1 !important;
	font-size: 13.5px !important;
	letter-spacing: .03em;
	line-height: 1.8;
	text-transform: none;
	font-family: var(--wp--preset--font-family--gnews-sans);
}
/* the "Sources" label inside that div */
.wp-block-post-content > div[style*="border-top"] p[style*="text-transform:uppercase"] {
	font-size: 10px !important;
	letter-spacing: .22em !important;
	text-transform: uppercase;
	margin-bottom: .6em;
	font-family: var(--wp--preset--font-family--gnews-sans);
	font-weight: 700;
	opacity: .55 !important;
}
.wp-block-post-content > div[style*="border-top"] a {
	color: var(--wp--preset--color--cyan);
	text-decoration: none;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   SINGLE POST — MORE STORIES
   Fills the full 1092px article frame, ends with an item not a line.
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

.gnews-related {
	width: auto;
	max-width: 100%;
	margin: 0 auto;
}
.gnews-related__label {
	text-transform: uppercase;
}
.gnews-related-list {
	list-style: none;
	margin: 0;
	padding: 0;
}
.gnews-related-item {
	padding: 18px 0;
	border-bottom: 1px solid var(--wp--preset--color--line);
}
.gnews-related-item:last-child {
	border-bottom: none;
	padding-bottom: 0;
}
.gnews-related-title,
.gnews-related-title a {
	font-family: 'Playfair Display','Iowan Old Style',Georgia,'Times New Roman',serif;
	font-weight: 400;
	font-size: 15.5px;
	line-height: 1.3;
	letter-spacing: -.005em;
	color: var(--wp--preset--color--white);
	text-decoration: none;
}
.gnews-related-item:hover .gnews-related-title a,
.gnews-related-title a:hover {
	color: var(--wp--preset--color--cyan);
}
.gnews-related__empty {
	color: var(--wp--preset--color--faint);
	font-size: 13px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   CAPTIONS — modern small (applies to figcaption and WP captions)
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

.wp-block-post-featured-image figcaption,
img + .wp-block-paragraph[style*="font-style:italic"],
.wp-caption,
figcaption.wp-element-caption {
	font-size: 12.5px !important;
	line-height: 1.5 !important;
	font-family: var(--wp--preset--font-family--gnews-sans) !important;
	font-style: normal !important;
	letter-spacing: .01em;
	color: var(--wp--preset--color--faint) !important;
	padding-top: 8px;
	margin-top: 0;
}
/* featured image block — keep caption tight */
.wp-block-post-featured-image {
	margin-bottom: 40px;
}


.gnews-lead-badge {
	margin-bottom: 14px; font-family: var(--wp--preset--font-family--gnews-sans);
	font-size: 11px; letter-spacing: .14em; text-transform: uppercase; color: var(--wp--preset--color--pink);
}

.wp-block-post-featured-image img {
	border-radius: 0; filter: saturate(0.92); transition: filter .2s ease;
}
.wp-block-post-featured-image img:hover { filter: saturate(1); }

.comments-area {
	margin-top: 80px; padding-top: 48px;
	border-top: 1px solid var(--wp--preset--color--line);
}




/* ══════════════════════════════════════════════════════════════
   FOOTER — 3-column broadsheet (v6.13)
   Tokens: --wp--preset--*  ·  fonts: gnews-mast / gnews-serif / gnews-sans
   ══════════════════════════════════════════════════════════════ */

.gnews-foot {
  width: 100%;
  padding: 0 32px 30px;
  margin-top: 8px;
}
.gnews-foot-in {
  width: 100%;
  max-width: 1140px;
  margin: 0 auto;
}

/* gradient rule (cyan -> pink) — user-chosen */
.gnews-foot-rule {
  height: 2px;
  width: 100%;
  margin-bottom: 26px;
  background: linear-gradient(90deg, var(--wp--preset--color--cyan), var(--wp--preset--color--pink));
}

/* grid */
.gnews-foot-grid {
  display: grid;
  grid-template-columns: 1.1fr 1fr 1.1fr;
  gap: 0 44px;
  align-items: start;
  padding-bottom: 40px;
}
.gnews-foot-col { min-width: 0; }

/* shared: small-caps title + the offset spacer that pushes Search/Newsletter
   down to align with the "Sections" word under the brand name */
.gnews-foot-title {
  margin: 0 0 16px;
  font-family: var(--wp--preset--font-family--gnews-sans);
  font-size: 11px;
  letter-spacing: .2em;
  text-transform: uppercase;
  color: var(--wp--preset--color--faint);
  font-weight: 700;
}
.gnews-foot-spacer { height: 64px; }

/* 1 · brand */
.gnews-foot-name {
  display: inline-block;
  font-family: var(--wp--preset--font-family--gnews-mast);
  font-weight: 500;
  font-size: 30px;
  line-height: 1;
  color: var(--wp--preset--color--white);
  letter-spacing: .004em;
  text-decoration: none;
  margin-bottom: 0;
}
.gnews-foot-name:hover { text-decoration: underline; text-underline-offset: 5px; }
.gnews-foot-word {
  font-family: var(--wp--preset--font-family--gnews-sans);
  font-size: 11px;
  letter-spacing: .2em;
  text-transform: uppercase;
  font-weight: 700;
  color: var(--wp--preset--color--faint);
  margin: 34px 0 16px;
}
.gnews-foot-nav {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 2px;
}
.gnews-foot-nav a {
  display: block;
  padding: 6px 0;
  font-family: var(--wp--preset--font-family--gnews-sans);
  font-size: 13px;
  letter-spacing: .03em;
  color: var(--wp--preset--color--body);
  text-decoration: none;
  transition: color .12s;
  position: relative;
}
.gnews-foot-nav a::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 4px;
  height: 1px;
  width: 0;
  background: var(--wp--preset--color--cyan);
  transition: width .18s ease;
}
.gnews-foot-nav a:hover { color: var(--wp--preset--color--white); }
.gnews-foot-nav a:hover::after { width: 26px; }

/* shared box (search + newsletter) */
.gnews-foot-form {
  display: flex;
  align-items: stretch;
  gap: 0;
  border: 1px solid var(--wp--preset--color--line-strong);
  background: transparent;
  transition: border-color .12s;
}
.gnews-foot-form:focus-within { border-color: var(--wp--preset--color--cyan); }
.gnews-foot-input {
  flex: 1 1 auto;
  min-width: 0;
  border: 0;
  outline: 0;
  background: transparent;
  padding: 12px 14px;
  font-family: var(--wp--preset--font-family--gnews-sans);
  font-size: 12px;
  letter-spacing: .03em;
  color: var(--wp--preset--color--white);
}
.gnews-foot-input::placeholder { color: var(--wp--preset--color--faint); }
.gnews-foot-btn {
  border: 0;
  outline: 0;
  cursor: pointer;
  padding: 0 16px;
  font-family: var(--wp--preset--font-family--gnews-sans);
  font-size: 10.5px;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
  transition: background-color .12s;
}
.gnews-foot-btn.has-cyan  { background: var(--wp--preset--color--cyan);  color: #06121a; }
.gnews-foot-btn.has-cyan:hover  { filter: brightness(1.08); }
.gnews-foot-btn.has-pink { background: var(--wp--preset--color--pink);   color: #1a0417; }
.gnews-foot-btn[disabled] { opacity: .85; cursor: default; }

/* search house note */
.gnews-foot-note {
  margin: 18px 0 0;
  font-family: var(--wp--preset--font-family--gnews-serif);
  font-style: italic;
  font-size: 13px;
  line-height: 1.6;
  color: var(--wp--preset--color--faint);
}

/* newsletter extras */
.gnews-foot-lede {
  margin: 18px 0 10px;
  font-family: var(--wp--preset--font-family--gnews-serif);
  font-size: 17px;
  font-weight: 400;
  line-height: 1.3;
  color: var(--wp--preset--color--white);
}
.gnews-foot-copy {
  margin: 0;
  font-family: var(--wp--preset--font-family--gnews-sans);
  font-size: 12.5px;
  line-height: 1.65;
  color: var(--wp--preset--color--faint);
}
.gnews-foot-badge {
  display: inline-flex;
  align-items: center;
  margin: 22px 0 0;
  padding: 7px 12px;
  border: 1px solid color-mix(in srgb, var(--wp--preset--color--pink) 55%, transparent);
  color: var(--wp--preset--color--pink);
  font-family: var(--wp--preset--font-family--gnews-sans);
  font-size: 10.5px;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
}

/* legal bar — tight against the last full-width line, all caps */
.gnews-foot-legal {
  border-top: 1px solid var(--wp--preset--color--line);
  padding: 12px 0 4px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  text-transform: uppercase;
}
.gnews-foot-legal p {
  margin: 0;
  font-family: var(--wp--preset--font-family--gnews-sans);
  font-size: 10.5px;
  letter-spacing: .12em;
  color: var(--wp--preset--color--faint);
}
.gnews-foot-legal__r {
  display: flex;
  align-items: center;
  font-family: var(--wp--preset--font-family--gnews-sans);
  font-size: 10.5px;
  letter-spacing: .12em;
  color: var(--wp--preset--color--faint);
}
.gnews-foot-legal__sep {
  width: 1px;
  height: 12px;
  background: var(--wp--preset--color--line-strong);
  margin: 0 12px;
}
.gnews-foot-heart { display: inline-flex; align-items: center; color: var(--wp--preset--color--pink); margin: 0 8px; }
.gnews-foot-heart svg { display: block; }
.gnews-foot-heart path { fill: var(--wp--preset--color--pink); }

/* nav — replace the "Search" word with a magnifier glyph that scrolls to the footer search */
.gnews-nav a.gnews-nav__jump {
  display: inline-block;
  background: none;
  border: 0;
  cursor: pointer;
  padding: 12px 14px;
  line-height: 1;
  opacity: .8;
}
.gnews-nav a.gnews-nav__jump:hover { opacity: 1; color: var(--wp--preset--color--cyan); }
.gnews-nav a.gnews-nav__jump svg { display: block; }
.gnews-nav a.gnews-nav__jump path { stroke: var(--wp--preset--color--body); transition: stroke .12s; }
.gnews-nav a.gnews-nav__jump:hover path { stroke: var(--wp--preset--color--cyan); }

/* responsive */
@media (max-width: 920px) {
  .gnews-foot-grid { grid-template-columns: 1fr; gap: 36px; padding-bottom: 34px; }
  .gnews-foot-spacer { height: 0; }
  .gnews-foot { padding: 0 16px 26px; }
  .gnews-foot-legal { flex-direction: column; align-items: flex-start; gap: 8px; }
}
@media (max-width: 520px) {
  .gnews-foot { padding: 0 12px 22px; }
  .gnews-foot-name { font-size: 25px; }
}