/*
Theme Name: Picks Signals
Description: A custom block theme scaffolded by Studio Code.
Requires at least: 6.7
Tested up to: 6.9
Requires PHP: 7.2
Version: 0.1.8
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: picks-signals
Tags: full-site-editing, block-patterns, block-styles, wide-blocks, accessibility-ready, style-variations
*/

/* WordPress inserts margin-block-start: var(--wp--style--block-gap) between the
   template's top-level sections (header part, main, footer part) — a gap that
   exists even when no markup asks for it. Zero it so sections butt edge-to-edge
   and own their vertical rhythm via padding; this does not affect block gaps
   inside nested layouts. */
.wp-site-blocks > * + * {
	margin-block-start: 0;
}

/* With that gap gone, main carries its own vertical padding so templates this
   theme does not author (WooCommerce shop, product, cart…) still clear the
   header and footer. A descendant selector, not a child one: WooCommerce wraps
   the single-product main in an extra group. Templates built from full-bleed
   sections opt out with is-flush and let the sections own the rhythm. */
.wp-site-blocks main {
	padding-block: var(--wp--preset--spacing--xl) var(--wp--preset--spacing--xxl);
}
.wp-site-blocks main.is-flush {
	padding-block: 0;
}
.signals-page-shell,
.signals-page-shell .wp-block-post-content {
	margin: 0;
	max-width: none;
	width: 100%;
}
.wp-site-blocks main.signals-page-shell.is-flush {
	padding-block: 48px 32px;
}
.signals-page-shell .picks-signal-embed--full {
	height: var(--picks-embed-height, 1200px);
}
@media (max-width: 767px) {
	.wp-site-blocks main.signals-page-shell.is-flush {
		padding-top: 32px;
	}
}

/* Picks.AI Design System tokens. WordPress presets own editor-facing values;
   these aliases keep the original design-system names available in CSS. */
:root {
	/* Brand, navy ramp, risk, and category colors. */
	--navy: var(--wp--preset--color--navy);
	--blue: var(--wp--preset--color--blue);
	--sky: var(--wp--preset--color--sky);
	--volt: var(--wp--preset--color--primary);
	--white: var(--wp--preset--color--paper);
	--navy-950: var(--wp--preset--color--navy-2);
	--navy-900: var(--navy);
	--navy-800: var(--wp--preset--color--navy-800);
	--navy-700: var(--wp--preset--color--navy-700);
	--navy-100: var(--wp--preset--color--navy-100);
	--navy-50: var(--wp--preset--color--navy-50);
	--risk: var(--wp--preset--color--risk);
	--risk-ink: var(--wp--preset--color--risk-ink);
	--cat-politics: var(--wp--preset--color--politics);
	--cat-crypto: var(--wp--preset--color--crypto);
	--cat-economics: var(--wp--preset--color--economics);
	--cat-sports: var(--wp--preset--color--sports);
	--cat-tech: var(--wp--preset--color--tech);
	--cat-other: var(--wp--preset--color--other);
	--cat-geopolitics: var(--wp--preset--color--geopolitics);

	/* Brand gradients. The site's --mesh variants below remain intentional. */
	--grad-spark: var(--wp--preset--gradient--spark);
	--grad-ocean: var(--wp--preset--gradient--ocean);
	--grad-glow-dark: var(--wp--preset--gradient--glow-dark);
	--grad-glow-light: var(--wp--preset--gradient--glow-light);

	/* Dark semantic values are the default for this signals site. */
	--surface-page: var(--wp--preset--color--background);
	--surface-card: var(--navy-900);
	--surface-raised: var(--navy-800);
	--text-heading: var(--white);
	--text-body: var(--wp--preset--color--text);
	--text-muted: #93A3BC;
	--text-faint: #5F7396;
	--ink-on-accent: var(--navy-900);
	--border: rgba(255,255,255,.12);
	--border-strong: rgba(255,255,255,.4);
	--accent: var(--volt);
	--link: var(--sky);
	--link-hover: var(--white);
	--pos: var(--volt);
	--pos-strong: var(--volt);
	--neg: var(--risk);
	--info: var(--sky);
	--focus-ring: 0 0 0 2px var(--surface-page),0 0 0 4px var(--sky);
	--shadow-card: none;

	/* Typography: the existing site-specific editor sizes remain available. */
	--font-display: var(--wp--preset--font-family--unbounded);
	--font-body: var(--wp--preset--font-family--jost);
	--font-mono: var(--wp--preset--font-family--jetbrains-mono);
	--font-accent: var(--font-display);
	--track-body: .05em;
	--track-caps: .14em;
	--text-xs: var(--wp--preset--font-size--text-xs);
	--text-sm: var(--wp--preset--font-size--text-sm);
	--text-md: var(--wp--preset--font-size--text-md);
	--text-lg: var(--wp--preset--font-size--text-lg);
	--display-sm: var(--wp--preset--font-size--display-sm);
	--display-md: var(--wp--preset--font-size--display-md);
	--display-lg: var(--wp--preset--font-size--display-lg);
	--display-xl: var(--wp--preset--font-size--display-xl);
	--leading-display: 1.02;
	--leading-body: 1.55;
	--num: tabular-nums;

	/* Spacing, radii, controls, motion, and layout. */
	--sp-1: var(--wp--preset--spacing--sp-1);
	--sp-2: var(--wp--preset--spacing--sp-2);
	--sp-3: var(--wp--preset--spacing--sp-3);
	--sp-4: var(--wp--preset--spacing--sp-4);
	--sp-5: var(--wp--preset--spacing--sp-5);
	--sp-6: var(--wp--preset--spacing--sp-6);
	--sp-8: var(--wp--preset--spacing--sp-8);
	--sp-10: var(--wp--preset--spacing--sp-10);
	--sp-12: var(--wp--preset--spacing--sp-12);
	--sp-16: var(--wp--preset--spacing--sp-16);
	--radius-sm: var(--wp--custom--rounded--sm);
	--radius-md: var(--wp--custom--rounded--md);
	--radius-lg: var(--wp--custom--rounded--lg);
	--radius-pill: var(--wp--custom--rounded--pill);
	--control-h: 40px;
	--control-h-sm: 32px;
	--control-h-lg: 48px;
	--ease: cubic-bezier(.2,.7,.3,1);
	--dur: 160ms;
	--container: 1160px;

	/* Existing theme vocabulary and visual treatments. */
	--ink: var(--text-heading);
	--muted: var(--text-muted);
	--faint: var(--text-faint);
	--fainter: #8B95A8;
	--hairline: var(--border);
	--hairline-soft: rgba(255, 255, 255, 0.08);
	--signal-inset: var(--wp--preset--color--navy-2);
	--signal-focus: var(--accent);
	--signal-hover: rgba(255, 255, 255, 0.035);
	--mesh: radial-gradient(120% 90% at 110% -5%, rgba(228, 255, 0, 0.30) 0%, rgba(228, 255, 0, 0) 45%),
		radial-gradient(100% 120% at 6% 110%, rgba(6, 124, 195, 0.55) 0%, rgba(6, 124, 195, 0) 62%),
		var(--wp--preset--color--navy-2);
	--mesh-2: radial-gradient(90% 80% at 0% 0%, rgba(228, 255, 0, 0.22) 0%, rgba(228, 255, 0, 0) 52%),
		radial-gradient(100% 100% at 100% 100%, rgba(78, 217, 255, 0.25) 0%, rgba(78, 217, 255, 0) 60%),
		var(--wp--preset--color--navy);
}

/* The design system's light semantics are opt-in; the site's default stays dark. */
[data-theme="light"] {
	--surface-page: var(--navy-50);
	--surface-card: var(--white);
	--surface-raised: var(--white);
	--text-heading: var(--navy-900);
	--text-body: #33415C;
	--text-muted: #5F6C85;
	--text-faint: #8B95A8;
	--border: rgba(10,36,71,.16);
	--border-strong: var(--navy-900);
	--link: var(--blue);
	--link-hover: var(--navy-900);
	--pos: #1E9E5A;
	--neg: var(--risk-ink);
	--info: var(--blue);
	--focus-ring: 0 0 0 2px var(--surface-page),0 0 0 4px var(--blue);
	--shadow-card: 0 1px 2px rgba(10,36,71,.08);
}

/* === base === */
body {
	background: var(--surface-page);
	color: var(--text-body);
	-webkit-font-smoothing: antialiased;
}
::selection {
	background: var(--accent);
	color: var(--ink-on-accent);
}
a {
	color: var(--link);
	transition: color var(--dur) var(--ease);
}
a:hover {
	color: var(--link-hover);
}
p {
	letter-spacing: 0.02em;
}
.eyebrow {
	font-family: var(--font-body);
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 0.18em;
	text-transform: uppercase;
	color: var(--accent);
}
.section-label {
	font-family: var(--font-body);
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 0.18em;
	text-transform: uppercase;
	color: var(--muted);
}

/* section title row */
.sect-row {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 16px;
	border-bottom: 1px solid var(--hairline);
	padding-bottom: 14px;
	margin-bottom: 28px;
}
.sect-row h1,
.sect-row h2 {
	margin: 0;
}
.sect-row > .section-label:empty {
	display: none;
}
.sect-row > p:last-child {
	white-space: nowrap;
}

/* === header === */
.site-header {
	position: sticky;
	top: 0;
	z-index: 50;
	border-bottom: 1px solid var(--hairline-soft);
}
.site-header-inner {
	width: 100%;
	max-width: 100% !important;
	margin-inline: auto;
	min-height: 60px;
	padding-left: var(--wp--style--root--padding-left);
	padding-right: var(--wp--style--root--padding-right);
}
.site-header .site-logo img {
	display: block;
	width: auto;
	height: 34px;
}
.site-footer .site-logo img {
	display: block;
	width: auto;
	height: auto;
	max-width: 200px;
}
.site-header .wp-block-navigation {
	color: var(--muted);
}
.site-header .wp-block-navigation-item__content,
.site-header .wp-block-navigation .wp-block-navigation-item a {
	color: var(--muted);
	font-weight: 500;
	letter-spacing: 0.03em;
}
.site-header .wp-block-navigation-item__content:hover,
.site-header .wp-block-navigation .wp-block-navigation-item a:hover {
	color: var(--ink);
}

/* Dropdown (submenu) for nav parents: dark to match the site, good contrast. */
.site-nav .wp-block-navigation__submenu-container {
	background-color: var(--navy-950) !important;
	border: 1px solid var(--hairline) !important;
	border-radius: var(--radius-sm) !important;
	padding: 6px;
	box-shadow: none;
}
.site-nav .wp-block-navigation__submenu-container .wp-block-navigation-item__content,
.site-nav .wp-block-navigation__submenu-container .wp-block-navigation-item a {
	color: var(--muted);
}
.site-nav .wp-block-navigation__submenu-container .wp-block-navigation-item__content:hover,
.site-nav .wp-block-navigation__submenu-container .wp-block-navigation-item a:hover {
	color: var(--accent);
}
.site-header .header-cta .wp-element-button {
	padding: 11px 20px;
}

/* Navigation uses the legacy navy2 preset slug. Core renders that slug as
   has-navy2-background-color on overlays, while preset CSS normalizes it to
   has-navy-2-background-color. Set the open panel explicitly so its background
   stays in sync with the preset and overrides Core's white fallback. */
.site-nav .wp-block-navigation__responsive-container.is-menu-open {
	background-color: var(--navy-950) !important;
	color: var(--text-body);
}
.site-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-dialog {
	min-height: 100%;
}
.site-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content {
	align-items: center;
	padding: clamp(64px, 12vh, 112px) 0 48px;
}
.site-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container {
	gap: var(--wp--preset--spacing--sm);
	width: 100%;
	max-width: 420px;
	align-items: center;
}
.site-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content {
	padding: 10px 16px;
	font-size: var(--wp--preset--font-size--text-md);
	letter-spacing: 0.03em;
	text-align: center;
}
.site-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container > .wp-block-navigation-item > .wp-block-navigation-item__content {
	color: var(--text-heading);
	font-weight: 600;
}
.site-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content:hover,
.site-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content:focus-visible {
	color: var(--accent);
}
/* Core expands submenus inline on mobile. Remove the desktop dropdown frame. */
.site-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container {
	background: transparent !important;
	border: 0 !important;
	padding: 4px 0 0 !important;
	gap: 2px;
}
.site-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
	color: var(--muted);
	font-size: var(--wp--preset--font-size--text-sm);
}
.site-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container .wp-block-navigation-item__content:hover {
	color: var(--accent);
}
/* Toggle buttons inherit the header's muted tone; the close lifts to paper. */
.site-nav .wp-block-navigation__responsive-container-open,
.site-nav .wp-block-navigation__responsive-container-close {
	color: var(--muted);
}
.site-nav .wp-block-navigation__responsive-container-close:hover {
	color: var(--ink);
}
.site-header .site-nav .wp-block-navigation-item__content[aria-current="page"],
.site-header .site-nav .wp-block-navigation-item__content.is-current-section {
	color: var(--accent);
	font-weight: 600;
}
.site-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container > .wp-block-navigation-item > .wp-block-navigation-item__content[aria-current="page"],
.site-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container > .wp-block-navigation-item > .wp-block-navigation-item__content.is-current-section,
.site-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container .wp-block-navigation-item__content[aria-current="page"] {
	color: var(--accent);
}

/* On small screens the nav collapses to the hamburger overlay; drop the
   "Get alerts" CTA so the header keeps a single clean logo + menu row instead
   of wrapping the button onto a second line. */
@media (max-width: 600px) {
	.site-header .header-cta {
		display: none;
	}
}

/* === buttons === */
.wp-block-button.is-style-ghost .wp-element-button {
	background: transparent;
	color: var(--text-body);
	border: 1px solid rgba(255, 255, 255, 0.28);
}
.wp-block-button.is-style-ghost .wp-element-button:hover {
	background: rgba(255, 255, 255, 0.06);
	border-color: rgba(255, 255, 255, 0.5);
	color: var(--ink);
}

/* Primary (volt) buttons: keep navy text and transition the background on hover,
   instead of the global a:hover turning the text white. The ghost rule above is
   more specific, so ghost buttons keep their own hover treatment. */
.wp-element-button {
	transition: background-color 160ms cubic-bezier(.2, .7, .3, 1), color 160ms cubic-bezier(.2, .7, .3, 1);
}
.wp-element-button:hover {
	color: var(--navy);
	background-color: #C9E500;
}

/* === footer === */
.site-footer {
	border-top: 1px solid var(--hairline-soft);
	color: var(--muted);
}
.site-footer-grid,
.site-footer > .wp-block-group:last-child {
	grid-template-columns: 1.3fr 1fr 1fr 1.2fr;
	max-width: 100% !important;
	margin-inline: 0;
	padding-left: var(--wp--style--root--padding-left) !important;
	padding-right: var(--wp--style--root--padding-right) !important;
}
.footer-col-h {
	font-family: var(--font-body);
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 0.18em;
	text-transform: uppercase;
	color: var(--ink);
	margin-bottom: 16px;
}
.footer-blurb {
	color: var(--muted);
	font-size: 15px;
	margin-top: var(--wp--preset--spacing--md);
}
.footer-link {
	margin: 0 0 10px;
}
.footer-link a {
	color: var(--muted);
}
.footer-link a:hover {
	color: var(--ink);
}
.footer-faint {
	color: var(--faint);
}
.footer-rule {
	max-width: 100% !important;
	margin-top: 40px;
	height: 1px;
}

/* === signal card === */
.is-style-signal-card {
	display: flex;
	flex-direction: column;
	background: var(--navy);
	border: 1px solid var(--hairline);
	border-radius: var(--radius-md);
	overflow: hidden;
	color: var(--text-body);
	min-width: 0;
	transition: border-color 160ms ease-out, background-color 160ms ease-out;
}
.is-style-signal-card:hover {
	border-color: rgba(78, 217, 255, 0.34);
	background-color: color-mix(in srgb, var(--navy) 96%, white);
}
.sig-bar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	padding: 10px 16px;
	background: var(--navy-950);
	border-bottom: 1px solid var(--hairline-soft);
}
.sig-status {
	display: flex;
	align-items: center;
	gap: 8px;
	font-family: var(--font-body);
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: var(--accent);
	white-space: nowrap;
}
.sig-status .dot {
	color: var(--accent);
}
.sig-status--investigate {
	color: var(--risk);
}
.sig-status--investigate .dot {
	color: var(--risk);
}
.sig-status--dismiss {
	color: var(--fainter);
}
.sig-status--dismiss .dot {
	color: var(--fainter);
}
.sig-meta {
	font-family: var(--font-mono);
	font-size: 11px;
	color: var(--fainter);
	white-space: nowrap;
}
.sig-bet {
	font-size: 11px;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	color: var(--sky);
	white-space: nowrap;
	font-weight: 500;
}
.sig-body {
	display: flex;
	gap: 16px;
	padding: 16px 16px 14px;
}
.sig-score {
	text-align: center;
	min-width: 52px;
}
.sig-score .n {
	font-family: var(--font-display);
	font-weight: 400;
	font-size: 30px;
	line-height: 1;
	color: var(--ink);
	font-variant-numeric: tabular-nums;
}
.sig-score .n--hot {
	color: var(--accent);
}
.sig-score .n--cool {
	color: var(--fainter);
}
.sig-score .lbl {
	font-family: var(--font-body);
	font-size: 9px;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: var(--fainter);
	margin-top: 6px;
}
.sig-main {
	flex: 1;
	min-width: 0;
}
.sig-title {
	font-family: var(--font-body);
	font-weight: 600;
	font-size: 17px;
	line-height: 1.4;
	color: var(--ink);
	margin: 0 0 8px;
	text-transform: none;
	letter-spacing: 0;
}
.sig-trade {
	font-size: 14px;
	margin-bottom: 10px;
}
.sig-trade .who {
	display: block;
	margin-bottom: 2px;
}
.sig-trade .who {
	font-family: var(--font-mono);
	font-size: 12px;
	color: var(--ink);
}
.sig-trade .tot {
	color: var(--fainter);
}
.sig-move {
	display: flex;
	align-items: center;
	gap: 12px;
}
.sig-delta {
	font-family: var(--font-mono);
	font-size: 11px;
	white-space: nowrap;
}
.sig-delta--up {
	color: var(--accent);
}
.sig-delta--down {
	color: var(--risk);
}
.sig-prob {
	display: flex;
	align-items: center;
	gap: 8px;
	flex: 1;
}
.sig-prob .pct {
	font-size: 10px;
	color: var(--fainter);
	font-variant-numeric: tabular-nums;
	margin: 0;
}
.sig-prob-track {
	flex: 1;
	height: 4px;
	background: rgba(255, 255, 255, 0.14);
	border-radius: 999px;
	overflow: hidden;
}
.sig-prob-fill {
	height: 100%;
	border-radius: 999px;
}
.pf-25 { width: 25%; }
.pf-33 { width: 33%; }
.pf-40 { width: 40%; }
.pf-50 { width: 50%; }
.pf-60 { width: 60%; }
.pf-75 { width: 75%; }
.sig-setup {
	font-size: 13.5px;
	line-height: 1.5;
	color: var(--muted);
	padding: 0 16px 16px;
}
.sig-setup b {
	color: var(--ink);
	font-weight: 600;
}
.sig-foot {
	padding: 0 16px 16px;
	margin-top: auto;
}

/* === rail + panels + mesh === */
.is-style-rail-module {
	background: var(--navy);
	border: 1px solid var(--hairline);
	border-radius: 14px;
	overflow: hidden;
}
.is-style-panel {
	background: var(--navy);
	border: 1px solid var(--hairline);
	border-radius: 14px;
	padding: 24px;
}
.is-style-mesh {
	background: var(--mesh);
}
.rail-mod-h {
	font-family: var(--font-body);
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 0.18em;
	text-transform: uppercase;
	color: var(--muted);
	border-bottom: 1px solid var(--hairline-soft);
	padding: 10px 16px;
	background: rgba(6, 24, 48, 0.4);
}
/* The rail uses compact signals as one list, with two predictable meta rows. */
.rail-signals .rail-mod-h,
.rail-signals .rail-cta {
	margin: 0;
}
.rail-signals-summary {
	margin: 0;
	padding: 18px 16px;
	color: var(--muted);
	font-size: 14px;
}
.rail-signals .picks-live-signals-grid--compact {
	gap: 0;
	margin: 0;
}
.rail-signals .picks-live-signal--compact,
.rail-signals .picks-live-signal--compact:hover {
	background: transparent;
	border: 0;
	border-top: 1px solid var(--hairline-soft);
	border-radius: 0;
}
.rail-signals .picks-live-signal--compact .sig-bar {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	align-items: center;
	gap: 6px 10px;
	padding: 12px 16px;
}
.rail-signals .picks-live-signal--compact .picks-signal-bar-left {
	display: contents;
}
.rail-signals .picks-live-signal--compact .sig-status,
.rail-signals .picks-live-signal--compact .sig-meta {
	margin: 0;
}
.rail-signals .picks-live-signal--compact .sig-status {
	grid-column: 1;
	grid-row: 1;
}
.rail-signals .picks-live-signal--compact .sig-meta--detected {
	grid-column: 2;
	grid-row: 1;
	justify-self: end;
}
.rail-signals .picks-live-signal--compact .sig-meta--resolves {
	grid-column: 1;
	grid-row: 2;
}
.rail-signals .picks-live-signal--compact .sig-bet {
	grid-column: 2;
	grid-row: 2;
	justify-self: end;
	margin: 0;
}
.rail-signals .picks-compact-body,
.rail-signals .picks-live-signals-grid--compact .picks-compact-body {
	grid-template-columns: 42px minmax(0, 1fr);
	gap: 4px 12px;
	padding: 14px 16px 16px;
}
.rail-signals .picks-compact-score {
	grid-column: 1;
	grid-row: 1 / span 2;
	align-self: center;
}
.rail-signals .picks-compact-title {
	grid-column: 2;
	font-size: 13px;
}
.rail-signals .picks-signal-category,
.rail-signals .picks-live-signals-grid--compact .picks-signal-category {
	grid-column: 2;
	margin: 0;
}
.rail-signals .rail-cta {
	border-top: 1px solid var(--hairline-soft);
	padding: 14px 16px;
	font-size: 13px;
}
.wrow {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 11px 16px;
}
.wrow + .wrow {
	border-top: 1px solid var(--hairline-soft);
}
.wring {
	width: 34px;
	height: 34px;
	border: 1px solid var(--hairline);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: var(--font-display);
	font-size: 14px;
	font-weight: 400;
	color: var(--ink);
	flex: 0 0 34px;
	font-variant-numeric: tabular-nums;
}
.wring--hot {
	color: var(--accent);
	border-color: rgba(228, 255, 0, 0.4);
}
.wrow-title {
	flex: 1;
	min-width: 0;
}
.wrow-title .t {
	color: var(--ink);
	font-size: 13.5px;
	line-height: 1.3;
	margin: 0 0 2px;
}
.wrow-title .c {
	font-size: 12px;
	color: var(--muted);
	margin: 0;
}

/* === score legend cards === */
.score-card {
	border: 1px solid var(--hairline);
	border-radius: 14px;
	background: var(--navy);
	padding: 22px;
}
.score-card .num {
	font-family: var(--font-display);
	font-size: 34px;
	font-weight: 400;
	line-height: 1;
}
.score-card .num--hot {
	color: var(--accent);
}
.score-card .num--warm {
	color: var(--ink);
}
.score-card .num--cool {
	color: var(--fainter);
}

/* === hero === */
.hero {
	background: var(--mesh);
	padding-block: clamp(56px, 9vw, 110px);
}
.hero h1 {
	font-size: clamp(34px, 6vw, 64px);
	margin: 0 0 22px;
}
.hero-lede {
	font-size: 19px;
	color: var(--muted);
	max-width: 46ch;
	line-height: 1.5;
	margin: 0 0 30px;
}
.hero.is-layout-constrained > * {
	margin-left: 0 !important;
	margin-right: auto !important;
}
.hero .sig-count {
	font-family: var(--font-mono);
	font-size: 13px;
	color: var(--ink);
}

/* === tool === */
.tool {
	border: 1px solid var(--hairline);
	border-radius: var(--radius-md);
	overflow: hidden;
	background: var(--navy);
}
.tool-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	padding: 16px 20px;
	border-bottom: 1px solid var(--hairline-soft);
}
.tool-head h2 { margin: 0; font-size: 18px; letter-spacing: -.01em; }
.tool > .picks-signal-embed {
	width: calc(100% - 20px);
	margin: 10px;
}
.tool-filters {
	padding: 12px 20px 14px;
	margin-top: 0;
}
.tool-filters .filters-row {
	margin-left: 0 !important;
	margin-right: 0 !important;
	max-width: none !important;
	width: 100%;
}
.tool-search {
	padding: 14px 20px;
	border-bottom: 1px solid var(--hairline-soft);
}
.tool-search p {
	margin: 0;
}
.sig-grid {
	padding: 18px 20px 20px;
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 336px), 1fr));
	gap: 16px;
}
.sig-grid.is-layout-flow > * + * {
	margin-top: 0;
}
.sig-grid .is-style-signal-card {
	height: 100%;
}
.sig-grid--two {
	grid-template-columns: repeat(2, 1fr);
}
.sig-grid--one {
	grid-template-columns: 1fr;
}
.active-count {
	display: flex;
	align-items: center;
	gap: 10px;
	text-align: left;
	border: 1px solid var(--hairline);
	border-radius: 10px;
	padding: 8px 12px;
	min-width: 0;
	background: var(--signal-inset);
}
.active-count .n {
	font-family: var(--font-display);
	font-size: 28px;
	font-weight: 400;
	line-height: 1;
	color: var(--accent);
	margin: 0;
}
.active-count .c {
	font-family: var(--font-body);
	font-size: 9px;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: var(--muted);
	margin: 0;
}


/* === pills / chips === */
.filters-row {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	align-items: center;
}
.chip {
	font-family: var(--font-body);
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: var(--muted);
	border: 1px solid var(--hairline);
	border-radius: 999px;
	padding: 6px 13px;
	white-space: nowrap;
}
.research-filters > a.chip {
	display: inline-flex;
	align-items: center;
	text-decoration: none;
}
.chip a {
	color: inherit;
	text-decoration: none;
}
.chip--on {
	background: var(--accent);
	color: var(--navy);
	border-color: var(--accent);
}
.chip--on a {
	color: var(--navy);
}
.chip--on:hover {
	background: #cfe600;
}
/* Research hub "All" chip: fill with the brand spark gradient. */
.hub-wrap .filters-row .chip--on {
	background: var(--grad-spark);
	color: var(--navy);
	border-color: transparent;
}
.hub-wrap .filters-row .chip--on:hover {
	background: var(--grad-spark);
}
.cat-politics { color: var(--cat-politics); }
.cat-politics:hover { color: #fff; }
.cat-geopolitics { color: var(--wp--preset--color--geopolitics, var(--cat-politics)); }
.cat-geopolitics:hover { color: #fff; }
.cat-crypto { color: var(--cat-crypto); }
.cat-crypto:hover { color: #fff; }
.cat-economics { color: var(--cat-economics); }
.cat-economics:hover { color: #fff; }
.cat-sports { color: var(--cat-sports); }
.cat-sports:hover { color: #fff; }
.cat-tech { color: var(--cat-tech); }
.cat-tech:hover { color: #fff; }
.cat-other { color: var(--cat-other); }
.cat-other:hover { color: #fff; }

.verdict {
	font-family: var(--font-body);
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 0.14em;
	text-transform: uppercase;
}

/* === week cards === */
.wk-card {
	display: flex;
	flex-direction: column;
	border: 1px solid var(--hairline);
	border-radius: 14px;
	overflow: hidden;
	background: var(--navy);
	position: relative;
}
.wk-thumb {
	aspect-ratio: 16 / 9;
	background: var(--navy-950);
	position: relative;
}
.wk-body {
	padding: 18px;
	display: flex;
	flex-direction: column;
	flex: 1;
}
.wk-body h3 {
	font-size: 17px;
	font-family: var(--font-display);
	font-weight: 900;
	text-transform: uppercase;
	color: var(--ink);
	margin: 12px 0 8px;
	line-height: 1.2;
}
.wk-ledge {
	font-family: var(--font-mono);
	font-size: 12px;
	color: var(--accent);
	margin-top: auto;
}
/* Whole "This week" card is a single click target linking to its post. */
.wk-card .wp-block-heading a {
	color: var(--ink);
	text-decoration: none;
}
.wk-thumb img {
	transition: transform 0.35s ease;
}
.wk-card .wp-block-heading a::after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}
.wk-card:hover .wp-block-heading a {
	color: var(--accent);
}
.wk-card:hover .wk-thumb img {
	transform: scale(1.04);
}
/* Dynamic "This week" section — 3 latest posts as a card grid. */
.wk-query .wp-block-post-template.wk-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: var(--wp--preset--spacing--md);
	padding: 0;
	margin: 0;
	list-style: none;
}
.wk-query .wp-block-post-template.wk-grid > li {
	margin-top: 0;
}
.wk-query .wp-block-post {
	display: flex;
	flex-direction: column;
	border: 1px solid var(--hairline);
	border-radius: 14px;
	overflow: hidden;
	background: var(--navy);
	position: relative;
}
.wk-query .wk-thumb {
	aspect-ratio: 16 / 9;
	background: var(--navy-950);
}
.wk-query .wk-thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.35s ease;
}
.wk-query .wp-block-post:hover .wk-thumb img {
	transform: scale(1.04);
}
.wk-query .wk-body {
	padding: 18px;
	display: flex;
	flex-direction: column;
	flex: 1;
}
.wk-query .wk-verdict {
	margin: 0;
	font-family: var(--font-body);
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 0.14em;
	text-transform: uppercase;
}
.wk-query .wp-block-post-title {
	font-size: 17px;
	font-family: var(--font-display);
	font-weight: 900;
	text-transform: uppercase;
	color: var(--ink);
	margin: 12px 0 8px;
	line-height: 1.2;
}
.wk-query .wp-block-post-title a {
	color: var(--ink);
	text-decoration: none;
}
.wk-query .wp-block-post:hover .wp-block-post-title a {
	color: var(--accent);
}
/* Whole card is a single click target. */
.wk-query .wp-block-post-title a::after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}
.wk-query .post-excerpt {
	color: var(--muted);
	font-size: 14px;
}
.wk-query .post-excerpt a:last-child {
	color: var(--accent);
	font-family: var(--font-body);
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 0.08em;
	text-decoration: none;
}
@media (max-width: 782px) {
	.wk-query .wp-block-post-template.wk-grid {
		grid-template-columns: 1fr;
	}
}

/* === video === */
.video-wrap {
	aspect-ratio: 16 / 9;
	border-radius: 14px;
	overflow: hidden;
	background: var(--mesh-2);
	border: 1px solid var(--hairline);
	display: flex;
	align-items: center;
	justify-content: center;
}
.video-play {
	width: 64px;
	height: 64px;
	border-radius: 50%;
	background: var(--accent);
	color: var(--navy);
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 22px;
}

/* === bands === */
.band {
	padding-block: clamp(48px, 7vw, 88px);
}
.news-band {
	background: var(--mesh);
	border-radius: 24px;
	padding: clamp(40px, 6vw, 72px);
	text-align: center;
}
.news-band .footnote {
	color: var(--muted) !important;
	font-size: 13px;
}
.alerts-cta {
	background: var(--mesh);
	border-radius: 24px;
	padding: clamp(44px, 6vw, 80px);
	text-align: center;
}

/* === methodology rows === */
.method-row {
	border-bottom: 1px solid var(--hairline-soft);
	padding: 18px 4px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
}
.method-row:last-child {
	border-bottom: none;
}

/* === hub / article layouts === */
.wp-site-blocks main .hub-wrap,
.wp-site-blocks main .article-wrap {
	width: calc(100% - var(--wp--style--root--padding-left, 24px) - var(--wp--style--root--padding-right, 24px));
	max-width: var(--wp--style--global--wide-size, 1240px);
	margin-inline: auto;
}
.hub-wrap .sect-row {
	margin-bottom: 20px;
}
.hub-wrap .filters-row {
	margin-block: 0 28px;
}
.hub-wrap .hub-layout {
	margin-block-start: 0;
}
.hub-layout,
.article-layout {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 320px;
	gap: 48px;
	align-items: start;
}
.hub-main,
.article-main {
	min-width: 0;
}
.hub-layout > .wp-block-template-part,
.article-layout > .wp-block-template-part {
	min-width: 0;
	margin-block-start: 0;
}
.hub-main > .wp-block-query {
	width: 100%;
	max-width: none;
}
.article-main > .post-content {
	width: 100%;
	max-width: var(--wp--style--global--content-size, 760px);
	margin-inline: 0;
	padding-inline: 0;
	box-sizing: border-box;
}
.hub-rail,
.article-rail,
.site-rail {
	position: sticky;
	top: 84px;
	display: flex;
	flex-direction: column;
	gap: 20px;
	margin-block-start: 0;
}
.site-rail > .is-style-rail-module {
	width: 100% !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
}
.featured-card {
	border: 1px solid var(--hairline);
	border-radius: 14px;
	overflow: hidden;
	background: var(--navy);
}
.featured-card .fc-body {
	padding: 22px;
}
.featured-card h2 {
	margin: 14px 0 8px;
	font-size: 24px;
}
.featured-card .fc-thumb {
	aspect-ratio: 21 / 9;
	background: var(--navy-950);
}
.post-row {
	display: flex;
	gap: 16px;
	align-items: center;
	padding: 16px;
	border: 1px solid var(--hairline);
	border-radius: 14px;
	background: var(--navy);
	margin-bottom: 14px;
	text-decoration: none;
}
.post-row:hover {
	border-color: rgba(255, 255, 255, 0.32);
}
.hub-listing {
	list-style: none;
	margin: 0;
	padding: 0;
}
.hub-listing .wp-block-post {
	display: flex;
	align-items: center;
	gap: 24px;
	padding: 20px;
	border: 1px solid var(--hairline);
	border-radius: 14px;
	background: var(--navy);
	margin-bottom: 20px;
	box-sizing: border-box;
}
.hub-listing .hub-row-thumb {
	width: 180px;
	flex: 0 0 180px;
	margin: 0;
}
.hub-listing .hub-row-thumb img {
	width: 100%;
	height: 120px;
	object-fit: cover;
	border-radius: 10px;
	display: block;
}
.hub-listing .hub-row-body {
	flex: 1;
	min-width: 0;
}
.hub-listing .hub-row-body h3 {
	font-size: 18px;
	line-height: 1.25;
	margin: 8px 0 8px;
}
.hub-listing .hub-row-body p {
	color: var(--muted);
	font-size: 15px;
	line-height: 1.5;
	margin: 0;
}
.hub-listing .wp-block-post:first-child {
	flex-direction: column;
	align-items: stretch;
	padding: 0;
	overflow: hidden;
	gap: 0;
}
.hub-listing .wp-block-post:first-child .hub-row-thumb img {
	width: 100%;
	height: auto;
	aspect-ratio: 21 / 9;
	flex: 0 0 auto;
	border-radius: 0;
	object-fit: cover;
}
.hub-listing .wp-block-post:first-child .hub-row-thumb {
	width: 100%;
	flex: none;
}
.hub-listing .wp-block-post:first-child .hub-row-body {
	padding: 28px;
}
.hub-listing .wp-block-post:first-child .hub-row-body h3 {
	font-size: 24px;
}
.post-row .pr-body {
	flex: 1;
	min-width: 0;
}
.post-row h3 {
	font-size: 16px;
	margin: 8px 0 4px;
}
.post-row p {
	color: var(--muted);
	font-size: 14px;
	margin: 0;
}
.article-meta {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	align-items: center;
	margin-bottom: 20px;
}
	.article-kicker {
		font-family: var(--font-body);
		font-size: 11px;
		font-weight: 600;
		letter-spacing: 0.14em;
		text-transform: uppercase;
		color: var(--muted);
	}
.article-title {
	font-size: clamp(26px, 4.4vw, 44px);
	margin: 0 0 12px;
}
.post-content {
	font-size: 17px;
	line-height: 1.7;
	color: var(--muted);
}
.post-content p {
	color: var(--muted);
}
.post-content h2 {
	font-size: 24px;
	color: var(--ink);
	margin: 40px 0 14px;
}
.post-content h3 {
	font-size: 18px;
	color: var(--ink);
}
.post-content strong {
	color: var(--ink);
}
.teaser {
	border-left: 1px solid var(--accent);
	background: var(--navy);
	border-radius: 14px;
	padding: 18px 22px;
	margin: 26px 0;
}
.teaser .teaser-eyebrow {
	font-family: var(--font-body);
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: var(--accent);
	margin-bottom: 8px;
}
.teaser p {
	color: var(--ink);
	font-size: 15px;
	margin: 0;
}
.verdict-panel {
	border: 1px solid var(--hairline);
	border-radius: 14px;
	background: var(--navy);
	padding: 22px;
	margin-top: 28px;
}
.post-sig {
	margin: 26px 0;
}
.rail-latest .wp-block-post-template {
	list-style: none;
	margin: 0;
	padding: 0;
}
.rail-latest .wp-block-post {
	padding: 16px 18px;
}
.rail-latest .wp-block-post + .wp-block-post {
	border-top: 1px solid var(--hairline-soft);
}
.rail-post-t {
	font-family: var(--font-body);
	text-transform: none;
	font-size: 16px;
	font-weight: 600;
	line-height: 1.35;
	margin: 0 0 5px;
}
.rail-post-t a {
	color: var(--ink);
	text-decoration: none;
}
.rail-post-t a:hover {
	color: var(--sky);
}
.rail-post-d {
	color: var(--faint);
	margin: 0;
}
.alerts-mod .wp-block-buttons {
	padding: 0 16px 16px;
}

/* === responsive === */
@media (max-width: 980px) {
	.sig-grid {
		grid-template-columns: repeat(2, 1fr);
	}
	.hub-layout,
	.article-layout {
		grid-template-columns: 1fr;
	}
	.hub-rail,
	.article-rail,
	.site-rail {
		position: static;
	}
	.site-footer-grid {
		grid-template-columns: repeat(2, 1fr);
	}
}
@media (max-width: 760px) {
	.sig-grid,
	.sig-grid--two {
		grid-template-columns: 1fr;
	}
	.site-footer-grid {
		grid-template-columns: 1fr;
	}
	.tool-head {
		gap: 12px;
	}
	.tool > .picks-signal-embed {
		width: calc(100% - 16px);
		margin: 8px;
	}
	.active-count { gap: 8px; padding: 7px 10px; }
	.active-count .n { font-size: 22px; }
}
@media (max-width: 640px) {
	.sect-row > p:last-child {
		white-space: normal;
	}
	.hub-listing .wp-block-post {
		flex-direction: column;
		align-items: stretch;
		gap: 0;
		padding: 0;
		overflow: hidden;
	}
	.hub-listing .hub-row-thumb,
	.hub-listing .wp-block-post:first-child .hub-row-thumb {
		width: 100%;
		flex: none;
	}
	.hub-listing .hub-row-thumb img,
	.hub-listing .wp-block-post:first-child .hub-row-thumb img {
		width: 100%;
		height: auto;
		aspect-ratio: 16 / 9;
		border-radius: 0;
	}
	.hub-listing .hub-row-body,
	.hub-listing .wp-block-post:first-child .hub-row-body {
		padding: 20px;
	}
}
@media (prefers-reduced-motion: reduce) {
	* {
		animation: none !important;
		transition: none !important;
		scroll-behavior: auto !important;
	}
}

/* Homepage: evidence-led product introduction. */
.picks-home {
	--home-line: rgba(217, 225, 236, .18);
	--home-soft: #b6c5d8;
	color: var(--text-body);
	letter-spacing: 0;
}
.picks-home *, .picks-home *::before, .picks-home *::after { box-sizing: border-box; }
.picks-home h1, .picks-home h2, .picks-home h3, .picks-home p { margin: 0; }
.picks-home .wp-block-group > * + * { margin-block-start: 0; }
.picks-home a { text-underline-offset: .23em; }
.picks-home a:focus-visible { outline: 2px solid var(--sky); outline-offset: 4px; }
.picks-home .home-frame { width: min(100% - 80px, 1360px); margin-inline: auto; }
.picks-home .home-hero {
	background: radial-gradient(70% 90% at 95% 0%, rgba(6, 124, 195, .19), transparent 70%), #081222;
	padding-block: clamp(72px, 9vw, 132px) clamp(68px, 7vw, 104px);
}
.picks-home .home-hero-grid {
	display: grid;
	grid-template-columns: minmax(0, .94fr) minmax(0, 1.06fr);
	gap: clamp(48px, 6vw, 100px);
	align-items: center;
}
.picks-home .home-intro h1 {
	font-family: var(--font-display);
	font-weight: 900;
	font-size: clamp(3.15rem, 5.25vw, 5.6rem);
	line-height: 1.02;
	letter-spacing: -.035em;
	text-transform: none;
	max-width: 11.8ch;
	color: #f3f7fc;
}
.picks-home .home-intro-copy {
	font-size: clamp(1.05rem, 1.35vw, 1.3rem);
	line-height: 1.54;
	letter-spacing: 0;
	max-width: 52ch;
	color: var(--home-soft);
	margin-top: 30px;
}
.picks-home .home-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 27px; margin-top: 34px; }
.picks-home .home-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 24px;
	min-height: 54px;
	padding: 13px 24px;
	border-radius: 999px;
	font-family: var(--font-body);
	font-size: 13px;
	font-weight: 700;
	line-height: 1.1;
	letter-spacing: .07em;
	text-transform: uppercase;
	text-decoration: none;
	transition: background-color .18s var(--ease), transform .18s var(--ease);
}
.picks-home .home-button:hover { transform: translateY(-2px); }
.picks-home .home-button-primary { color: #0a2447; background: var(--volt); }
.picks-home .home-button-primary:hover { color: #0a2447; background: #f1ff72; }
.picks-home .home-button span, .picks-home .home-text-link span, .picks-home .home-premise a span, .picks-home .home-example-bottom a span { font-size: 1.25em; font-weight: 400; line-height: 0; }
.picks-home .home-text-link {
	color: #f3f7fc;
	font-size: 15px;
	font-weight: 600;
	letter-spacing: 0;
	text-decoration-color: rgba(243, 247, 252, .5);
	text-decoration-thickness: 1px;
}
.picks-home .home-text-link:hover { color: var(--sky); }
.picks-home .home-intro-note { max-width: 44ch; margin-top: 32px; color: #9cafc7; font-size: 13px; line-height: 1.5; letter-spacing: .01em; }

.picks-home .home-example {
	min-width: 0;
	background: #0f2543;
	border: 1px solid rgba(190, 217, 243, .22);
	border-radius: 14px;
	overflow: hidden;
}
.picks-home .home-example-top {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 16px 24px;
	border-bottom: 1px solid var(--home-line);
	font-family: var(--font-mono);
	font-size: 11px;
	line-height: 1.3;
	letter-spacing: .08em;
	text-transform: uppercase;
	color: #d7e3f3;
}
.picks-home .home-example-date { margin-left: auto; }
.picks-home .home-example-top time { color: #aebfd3; white-space: nowrap; }
.picks-home .home-example-status { display: flex; align-items: center; gap: 10px; }
.picks-home .home-example-status::before { content: ''; width: 7px; height: 7px; border-radius: 50%; background: var(--volt); box-shadow: 0 0 0 4px rgba(228,255,0,.08); flex: none; }
.picks-home .home-example-pulse { width: 7px; height: 7px; border-radius: 50%; background: var(--volt); box-shadow: 0 0 0 4px rgba(228,255,0,.08); flex: none; }
.picks-home .home-example-market { padding: 29px 30px 27px; }
.picks-home .home-example-source { color: var(--sky); font-family: var(--font-mono); font-size: 11px; letter-spacing: .03em; }
.picks-home .home-example-source span { color: #8092aa; padding-inline: 5px; }
.picks-home .home-example-market h2 {
	margin-top: 12px;
	font-family: var(--font-display);
	font-size: clamp(1.15rem, 1.8vw, 1.8rem);
	font-weight: 500;
	line-height: 1.35;
	letter-spacing: -.025em;
	text-transform: none;
	color: #fff;
}
.picks-home .home-example-readout { display: grid; grid-template-columns: 1fr 1fr; border-top: 1px solid var(--home-line); border-bottom: 1px solid var(--home-line); }
.picks-home .home-example-score, .picks-home .home-example-verdict { display: flex; min-height: 118px; padding: 22px 30px; }
.picks-home .home-example-score { align-items: center; gap: 13px; border-right: 1px solid var(--home-line); }
.picks-home .home-example-score strong { font-family: var(--font-display); font-weight: 500; font-size: clamp(3rem, 4.4vw, 5rem); line-height: 1; letter-spacing: -.04em; color: var(--volt); font-variant-numeric: tabular-nums; }
.picks-home .home-example-score span { color: #bbcade; font-size: 12px; line-height: 1.3; letter-spacing: 0; }
.picks-home .home-example-verdict { flex-direction: column; justify-content: center; gap: 3px; }
.picks-home .home-example-verdict-label { font-family: var(--font-mono); color: #aebfd3; font-size: 10px; text-transform: uppercase; letter-spacing: .1em; }
.picks-home .home-example-verdict strong { color: #f1f6fb; font-family: var(--font-display); font-size: clamp(1.2rem, 1.9vw, 1.7rem); font-weight: 500; line-height: 1.2; text-transform: none; }
.picks-home .home-example-verdict-note { color: #b6c5d8; font-size: 11px; letter-spacing: 0; line-height: 1.3; }
.picks-home .home-example-trade { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 8px 16px; padding: 17px 30px; border-bottom: 1px solid var(--home-line); color: #aebfd3; font-family: var(--font-mono); font-size: 11px; line-height: 1.5; letter-spacing: 0; }
.picks-home .home-example-trade strong { color: #f3f7fc; font-weight: 500; }
.picks-home .home-example-explain { padding: 22px 30px 23px; color: #dce7f4; font-size: 14px; line-height: 1.54; letter-spacing: 0; }
.picks-home .home-example-bottom { display: flex; align-items: flex-start; justify-content: space-between; flex-wrap: wrap; gap: 8px 20px; padding: 15px 30px; background: #091b33; }
.picks-home .home-example-bottom a { color: var(--sky); font-size: 12px; font-weight: 700; letter-spacing: .02em; text-decoration: none; }
.picks-home .home-example-bottom a:hover { color: #fff; text-decoration: underline; }
.picks-home .home-example-bottom > p:last-child { color: #aebfd3; font-size: 11px; letter-spacing: 0; }

.picks-home .home-premise { border-top: 1px solid var(--home-line); border-bottom: 1px solid var(--home-line); background: #0a1b32; }
.picks-home .home-premise-inner { display: flex; align-items: center; justify-content: space-between; gap: 32px; padding-block: 26px; }
.picks-home .home-premise p { max-width: 77ch; color: #d2deeb; font-size: clamp(1rem, 1.5vw, 1.2rem); line-height: 1.45; letter-spacing: 0; }
.picks-home .home-premise p span { color: var(--volt); font-weight: 700; }
.picks-home .home-premise a { color: #fff; font-size: 13px; font-weight: 700; white-space: nowrap; text-decoration: none; }
.picks-home .home-premise a:hover { color: var(--sky); }

.picks-home .home-method { padding-block: clamp(88px, 10vw, 160px); }
.picks-home .home-method-grid { display: grid; grid-template-columns: .88fr 1.12fr; gap: clamp(70px, 10vw, 165px); }
.picks-home .home-method-intro h2, .picks-home .home-reading-heading h2, .picks-home .home-close h2 { font-family: var(--font-display); font-size: clamp(2.25rem, 3.8vw, 4.25rem); line-height: 1.09; letter-spacing: -.035em; text-transform: none; color: #f3f7fc; }
.picks-home .home-method-intro h2 { max-width: 14ch; }
.picks-home .home-method-intro p { max-width: 50ch; margin-top: 25px; color: var(--home-soft); font-size: 18px; line-height: 1.55; letter-spacing: 0; }
.picks-home .home-method-intro .home-text-link { display: inline-block; margin-top: 28px; }
.picks-home .home-lens-list { border-top: 1px solid var(--home-line); }
.picks-home .home-lens { display: grid; grid-template-columns: 13px minmax(135px, .75fr) minmax(0, 1.25fr); align-items: baseline; gap: 15px; border-bottom: 1px solid var(--home-line); padding-block: 23px; }
.picks-home .home-lens::before { content: ''; width: 6px; height: 6px; border-radius: 50%; background: var(--volt); align-self: center; }
.picks-home .home-lens h3 { font-family: var(--font-display); font-size: 15px; font-weight: 500; line-height: 1.4; letter-spacing: -.015em; text-transform: none; color: #f1f6fb; }
.picks-home .home-lens p { color: #b7c8dc; font-size: 14px; line-height: 1.5; letter-spacing: 0; }

.picks-home .home-reading { background: #102747; padding-block: clamp(82px, 9vw, 132px); }
.picks-home .home-reading-heading { display: flex; justify-content: space-between; align-items: end; gap: 30px; padding-bottom: 40px; border-bottom: 1px solid var(--home-line); }
.picks-home .home-reading-heading h2 { max-width: 17ch; }
.picks-home .home-reading-heading p { padding-bottom: 5px; color: #bccfe2; font-size: 17px; letter-spacing: 0; }
.picks-home .home-reading-grid { display: grid; grid-template-columns: repeat(3, 1fr); }
.picks-home .home-reading-item { padding: 43px 40px 18px 0; }
.picks-home .home-reading-item + .home-reading-item { border-left: 1px solid var(--home-line); padding-left: 40px; }
.picks-home .home-reading-value { display: block; min-height: 78px; color: var(--volt); font-family: var(--font-display); font-size: clamp(2.8rem, 4.4vw, 5rem); font-weight: 500; line-height: 1; letter-spacing: -.04em; font-variant-numeric: tabular-nums; }
.picks-home .home-reading-value span { font-size: .43em; letter-spacing: -.02em; }
.picks-home .home-reading-word { color: #f3f7fc; font-size: clamp(2rem, 2.8vw, 3rem); letter-spacing: -.035em; padding-top: 11px; }
.picks-home .home-reading-item h3 { color: #f3f7fc; font-family: var(--font-display); font-size: 14px; font-weight: 500; line-height: 1.3; text-transform: none; letter-spacing: -.01em; }
.picks-home .home-reading-item p:not(.home-reading-value) { max-width: 34ch; margin-top: 14px; color: #c1d0e1; font-size: 15px; line-height: 1.55; letter-spacing: 0; }
.picks-home .home-reading-footnote { margin-top: 38px; color: #aebfd3; font-family: var(--font-mono); font-size: 11px; letter-spacing: 0; }

.picks-home .home-blog { padding-block: clamp(86px, 9vw, 140px); background: #081222; }
.picks-home .home-blog-heading { display: flex; align-items: end; justify-content: space-between; gap: 30px; border-bottom: 1px solid var(--home-line); padding-bottom: 32px; }
.picks-home .home-blog-heading h2 { color: #f3f7fc; font-family: var(--font-display); font-size: clamp(2.25rem, 3.7vw, 4.1rem); line-height: 1.1; letter-spacing: -.035em; text-transform: none; }
.picks-home .home-blog-heading-copy > p { color: var(--home-soft); font-size: 17px; line-height: 1.5; letter-spacing: 0; margin-top: 16px; }
.picks-home .home-blog-all a { color: #fff; font-size: 14px; font-weight: 600; white-space: nowrap; text-decoration-color: rgba(255,255,255,.45); }
.picks-home .home-blog-all a:hover { color: var(--sky); }
.picks-home .home-blog-list { display: grid; grid-template-columns: 1.2fr .8fr; grid-template-rows: repeat(2, minmax(160px, auto)); gap: 0 50px; padding: 0; margin: 38px 0 0; list-style: none; }
.picks-home .home-blog-list > li { margin: 0; min-width: 0; }
.picks-home .home-blog-list > li:first-child { grid-row: span 2; background: #102747; padding: 0; border-radius: 14px; overflow: hidden; display: flex; flex-direction: column; }
.picks-home .home-blog-list > li:not(:first-child) { border-top: 1px solid var(--home-line); padding: 24px 0; }
.picks-home .home-blog-list > li:last-child { border-bottom: 1px solid var(--home-line); }
.picks-home .home-blog-item { height: 100%; display: flex; flex-direction: column; align-items: start; }
.picks-home .home-blog-image { display: none; }
.picks-home .home-blog-list > li:first-child .home-blog-image { display: block; width: 100%; height: clamp(190px, 22vw, 300px); margin: 0; overflow: hidden; }
.picks-home .home-blog-list > li:first-child .home-blog-image a { display: block; width: 100%; height: 100%; }
.picks-home .home-blog-list > li:first-child .home-blog-image img { display: block; width: 100%; height: 100%; object-fit: cover; }
.picks-home .home-blog-list > li:first-child :is(.home-blog-category, .home-blog-title, .home-blog-date) { margin-inline: clamp(30px, 4vw, 54px); }
.picks-home .home-blog-list > li:first-child .home-blog-category { margin-top: 28px; }
.picks-home .home-blog-category { color: var(--sky); font-family: var(--font-mono); font-size: 11px; line-height: 1.4; letter-spacing: .09em; text-transform: uppercase; }
.picks-home .home-blog-category a { color: inherit; text-decoration: none; }
.picks-home .home-blog-title { margin-top: 17px; font-family: var(--font-display); font-size: clamp(1.15rem, 1.7vw, 1.7rem); font-weight: 500; line-height: 1.33; letter-spacing: -.02em; text-transform: none; }
.picks-home .home-blog-list > li:first-child .home-blog-title { font-size: clamp(1.8rem, 2.6vw, 3.1rem); line-height: 1.16; max-width: 20ch; }
.picks-home .home-blog-title a { color: #f3f7fc; text-decoration: none; }
.picks-home .home-blog-title a:hover { color: var(--sky); text-decoration: underline; }
.picks-home .home-blog-excerpt { max-width: 40ch; margin-top: 12px; color: #c1d0e1; font-size: 14px; line-height: 1.45; letter-spacing: 0; }
.picks-home .home-blog-excerpt .wp-block-post-excerpt__excerpt { margin: 0; }
.picks-home .home-blog-list > li:first-child .home-blog-excerpt { display: none; }
.picks-home .home-blog-date { margin-top: auto; padding-top: 25px; color: #aebfd3; font-family: var(--font-mono); font-size: 11px; letter-spacing: .02em; }
.picks-home .home-blog-list > li:first-child .home-blog-date { padding-bottom: 32px; }

.picks-home .home-newsletter { background: radial-gradient(90% 120% at 100% 0%, rgba(228,255,0,.18), transparent 57%), radial-gradient(80% 100% at 0% 100%, rgba(6,124,195,.48), transparent 62%), #0d2340; padding-block: clamp(72px, 8vw, 114px); border-block: 1px solid var(--home-line); }
.picks-home .home-newsletter-grid { display: grid; grid-template-columns: 1.2fr .8fr; align-items: end; gap: 55px; }
.picks-home .home-newsletter h2 { color: #f3f7fc; font-family: var(--font-display); font-size: clamp(2.5rem, 4.4vw, 5.3rem); line-height: 1.04; letter-spacing: -.035em; text-transform: none; }
.picks-home .home-newsletter-copy > p { max-width: 55ch; margin-top: 22px; color: #d6e3f1; font-size: 18px; line-height: 1.55; letter-spacing: 0; }
.picks-home .home-newsletter-actions { display: flex; flex-direction: column; align-items: flex-end; justify-self: end; gap: 13px; }
.picks-home .home-newsletter-note { color: #bbcade; font-family: var(--font-mono); font-size: 11px; line-height: 1.4; letter-spacing: 0; }

.picks-home .home-close { padding-block: clamp(92px, 10vw, 150px); background: radial-gradient(55% 150% at 100% 0%, rgba(228, 255, 0, .13), transparent 70%), #081222; }
.picks-home .home-close-inner { display: flex; align-items: end; justify-content: space-between; gap: 60px; }
.picks-home .home-close h2 { max-width: 18ch; }
.picks-home .home-close p { max-width: 53ch; margin-top: 24px; color: var(--home-soft); font-size: 18px; line-height: 1.55; letter-spacing: 0; }
.picks-home .home-close .home-button { flex: none; }
.picks-home .home-close-action { flex: none; }

@media (max-width: 1100px) {
	.picks-home .home-frame { width: min(100% - 64px, 1360px); }
	.picks-home .home-method-grid { gap: 48px; }
	.picks-home .home-lens { grid-template-columns: 13px 1fr; gap: 5px 14px; }
	.picks-home .home-lens p { grid-column: 2; }
}
@media (max-width: 900px) {
	.picks-home .home-hero-grid { grid-template-columns: 1fr; gap: 60px; }
	.picks-home .home-intro h1 { max-width: 16ch; }
	.picks-home .home-example { max-width: 720px; }
}
@media (max-width: 760px) {
	.picks-home .home-frame { width: min(100% - 40px, 1360px); }
	.picks-home .home-hero { padding-block: 64px 72px; }
	.picks-home .home-intro h1 { font-size: clamp(2.65rem, 9.5vw, 4.4rem); max-width: 15ch; }
	.picks-home .home-intro-copy { font-size: 18px; margin-top: 25px; }
	.picks-home .home-hero-grid { gap: 46px; }
	.picks-home .home-premise-inner { display: block; }
	.picks-home .home-premise a { display: inline-block; margin-top: 15px; }
	.picks-home .home-method-grid { grid-template-columns: 1fr; gap: 45px; }
	.picks-home .home-method-intro h2 { max-width: 19ch; }
	.picks-home .home-reading-heading { display: block; }
	.picks-home .home-reading-heading p { margin-top: 18px; }
	.picks-home .home-reading-grid { grid-template-columns: 1fr; }
	.picks-home .home-reading-item { padding: 28px 0; }
	.picks-home .home-reading-item + .home-reading-item { border-left: 0; border-top: 1px solid var(--home-line); padding-left: 0; }
	.picks-home .home-reading-value { min-height: auto; margin-bottom: 22px; }
	.picks-home .home-blog-heading { display: block; }
	.picks-home .home-blog-all { margin-top: 22px; }
	.picks-home .home-blog-list { grid-template-columns: 1fr; grid-template-rows: auto; gap: 0; }
	.picks-home .home-blog-list > li:first-child { grid-row: auto; min-height: 265px; margin-bottom: 24px; }
	.picks-home .home-newsletter-grid { grid-template-columns: 1fr; gap: 32px; }
	.picks-home .home-newsletter-actions { align-items: flex-start; justify-self: start; }
	.picks-home .home-close-inner { display: block; }
	.picks-home .home-close .home-button { margin-top: 32px; }
}
@media (max-width: 480px) {
	.picks-home .home-actions { align-items: flex-start; flex-direction: column; gap: 22px; }
	.picks-home .home-example-top { padding-inline: 18px; }
	.picks-home .home-example-market { padding: 24px 20px; }
	.picks-home .home-example-score, .picks-home .home-example-verdict { padding: 18px 20px; min-height: 112px; }
	.picks-home .home-example-score { gap: 8px; }
	.picks-home .home-example-score strong { font-size: 3.15rem; }
	.picks-home .home-example-verdict strong { font-size: 1.1rem; }
	.picks-home .home-example-trade, .picks-home .home-example-explain, .picks-home .home-example-bottom { padding-inline: 20px; }
	.picks-home .home-lens { padding-block: 20px; }
}

/* Research index and articles extend the homepage's editorial blogroll. */
.wp-site-blocks main.research-surface {
	--research-line: rgba(217, 225, 236, .18);
	--research-soft: #b6c5d8;
	padding-block: 0 clamp(80px, 9vw, 128px);
	letter-spacing: 0;
}
.research-surface *, .research-surface *::before, .research-surface *::after { box-sizing: border-box; }
.research-surface :is(h1, h2, h3, p, figure) { margin-block: 0; }
.research-surface a { text-underline-offset: .23em; }
.research-surface a:focus-visible { outline: 2px solid var(--sky); outline-offset: 4px; }
.wp-site-blocks main.research-surface :is(.hub-wrap, .article-wrap) {
	width: min(100% - 80px, 1240px);
	max-width: 1240px;
}
.research-surface .research-header {
	padding-block: clamp(65px, 7vw, 100px) 35px;
	border-bottom: 1px solid var(--research-line);
}
.research-surface .research-header h1 {
	max-width: 18ch;
	color: #f3f7fc;
	font-family: var(--font-display);
	font-size: clamp(3rem, 5vw, 5rem);
	font-weight: 900;
	line-height: 1.05;
	letter-spacing: -.035em;
	text-transform: none;
}
.research-surface .research-header p {
	max-width: 54ch;
	margin-top: 20px;
	color: var(--research-soft);
	font-size: clamp(1rem, 1.5vw, 1.2rem);
	line-height: 1.5;
	letter-spacing: 0;
}
.research-surface .research-filters { gap: 10px; margin-block: 26px 46px; }
.research-surface .research-filters .chip {
	padding: 9px 16px;
	border-color: var(--research-line);
	background: transparent;
	font-size: 11px;
	letter-spacing: .08em;
	text-decoration: none;
	transition: background-color .18s ease-out, border-color .18s ease-out, color .18s ease-out;
}
.research-surface .research-filters .chip:not(.chip--on):not(.is-active-category):hover { border-color: var(--sky); color: #f3f7fc !important; }
.research-surface .hub-wrap .research-filters :is(.chip--on, .is-active-category) {
	background: var(--accent);
	border-color: var(--accent);
	color: var(--navy) !important;
}
.research-surface .hub-layout,
.research-surface .article-layout {
	grid-template-columns: minmax(0, 1fr) 280px;
	gap: clamp(40px, 5vw, 76px);
}
.research-surface .hub-main > .wp-block-query { margin: 0; }
.research-surface .hub-listing {
	display: grid;
	grid-template-columns: minmax(0, 1.08fr) minmax(0, .92fr);
	grid-template-rows: repeat(2, minmax(225px, auto));
	gap: 0 42px;
	margin: 0;
	padding: 0;
}
.research-surface .hub-listing > li,
.research-surface .hub-listing > li:first-child {
	display: block;
	min-width: 0;
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: transparent;
}
.research-surface .hub-listing > li:first-child {
	grid-row: span 2;
	background: #102747;
	border-radius: 14px;
	overflow: hidden;
}
.research-surface .hub-listing > li:nth-child(2),
.research-surface .hub-listing > li:nth-child(3) {
	padding-block: 24px;
	border-top: 1px solid var(--research-line);
}
.research-surface .hub-listing > li:nth-child(3) { border-bottom: 1px solid var(--research-line); }
.research-surface .hub-listing > li:nth-child(n+4) {
	grid-column: 1 / -1;
	padding-block: 28px;
	border-bottom: 1px solid var(--research-line);
}
.research-surface .hub-listing > li:nth-child(4) { margin-top: 36px; border-top: 1px solid var(--research-line); }
.research-surface .hub-listing .hub-row-thumb { display: none; margin: 0; }
.research-surface .hub-listing > li:first-child .hub-row-thumb { display: block; width: 100%; }
.research-surface .hub-listing > li:first-child .hub-row-thumb a { display: block; }
.research-surface .hub-listing > li:first-child .hub-row-thumb img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 16 / 9;
	border-radius: 0;
	object-fit: cover;
}
.research-surface .hub-listing .hub-row-body,
.research-surface .hub-listing > li:first-child .hub-row-body {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	min-height: 100%;
	margin: 0;
	padding: 0;
}
.research-surface .hub-listing > li:first-child .hub-row-body {
	min-height: 230px;
	padding: 28px clamp(28px, 3vw, 42px) 32px;
}
.research-surface .hub-listing .article-kicker,
.research-surface .article-meta .article-kicker {
	color: var(--sky);
	font-family: var(--font-mono);
	font-size: 11px;
	font-weight: 400;
	line-height: 1.4;
	letter-spacing: .08em;
	text-transform: uppercase;
}
.research-surface .article-kicker a { color: inherit; text-decoration: none; }
.research-surface .article-kicker a:hover { color: #f3f7fc; text-decoration: underline; }
.research-surface .hub-listing .wp-block-post-title,
.research-surface .hub-listing > li:first-child .wp-block-post-title {
	max-width: 30ch;
	margin-top: 15px;
	font-family: var(--font-display);
	font-size: clamp(1.15rem, 1.55vw, 1.55rem);
	font-weight: 500;
	line-height: 1.3;
	letter-spacing: -.02em;
	text-transform: none;
}
.research-surface .hub-listing > li:first-child .wp-block-post-title {
	max-width: 22ch;
	font-size: clamp(1.65rem, 2.2vw, 2.45rem);
	line-height: 1.17;
}
.research-surface .hub-listing .wp-block-post-title a { color: #f3f7fc; text-decoration: none; }
.research-surface .hub-listing .wp-block-post-title a:hover { color: var(--sky); text-decoration: underline; }
.research-surface .hub-listing .wp-block-post-excerpt { max-width: 48ch; margin-top: 12px; }
.research-surface .hub-listing .wp-block-post-excerpt__excerpt {
	margin: 0;
	color: #c1d0e1;
	font-size: 14px;
	line-height: 1.5;
	letter-spacing: 0;
}
.research-surface .hub-listing > li:first-child .wp-block-post-excerpt { display: none; }
.research-surface .hub-listing .research-post-date {
	margin-top: auto;
	padding-top: 22px;
	color: #aebfd3;
	font-family: var(--font-mono);
	font-size: 11px;
	letter-spacing: .02em;
}
.research-surface .research-pagination {
	display: flex;
	align-items: center;
	gap: 16px;
	margin-top: 48px;
	padding-top: 24px;
	border-top: 1px solid var(--research-line);
}
.research-surface .research-pagination :is(.wp-block-query-pagination-previous, .wp-block-query-pagination-next) {
	min-width: 100px;
	padding: 10px 16px;
	border: 1px solid var(--research-line);
	border-radius: 999px;
	color: #f3f7fc;
	font-size: 13px;
	font-weight: 600;
	text-align: center;
	text-decoration: none;
}
.research-surface .research-pagination .wp-block-query-pagination-next { margin-left: auto; }
.research-surface .research-pagination :is(.wp-block-query-pagination-previous, .wp-block-query-pagination-next):hover { border-color: var(--sky); color: var(--sky); }
.research-surface .wp-block-query-pagination-numbers { display: flex; gap: 4px; margin-inline: auto; }
.research-surface .wp-block-query-pagination-numbers :is(a, span) {
	display: grid;
	min-width: 36px;
	min-height: 36px;
	place-items: center;
	border-radius: 50%;
	color: var(--research-soft);
	font-family: var(--font-mono);
	font-size: 12px;
	text-decoration: none;
}
.research-surface .wp-block-query-pagination-numbers .current { background: var(--accent); color: var(--navy); }
.research-surface .wp-block-query-pagination-numbers a:hover { background: #102747; color: #f3f7fc; }
.research-surface .research-rail { position: sticky; top: 104px; display: flex; flex-direction: column; gap: 38px; }
.research-surface .research-rail-section { padding-top: 22px; border-top: 1px solid var(--research-line); }
.research-surface .research-rail-section h2 {
	color: #f3f7fc;
	font-family: var(--font-display);
	font-size: 17px;
	font-weight: 500;
	line-height: 1.3;
	letter-spacing: -.02em;
	text-transform: none;
}
.research-surface .research-rail-section > p { margin-top: 14px; color: var(--research-soft); font-size: 14px; line-height: 1.5; letter-spacing: 0; }
.research-surface .research-rail-section .research-rail-link { margin-top: 0; padding-block: 16px; border-bottom: 1px solid var(--research-line); }
.research-surface .research-rail-intro + .research-rail-link { margin-top: 18px; border-top: 1px solid var(--research-line); }
.research-surface .research-rail-link a { display: block; color: #f3f7fc; font-family: var(--font-display); font-size: 14px; font-weight: 500; text-decoration: none; }
.research-surface .research-rail-link a:hover { color: var(--sky); text-decoration: underline; }
.research-surface .research-rail-link span { display: block; margin-top: 5px; color: var(--research-soft); font-size: 12px; line-height: 1.45; }
.research-surface .research-rail-cta a { display: inline-block; margin-top: 8px; padding-bottom: 3px; color: var(--sky); font-weight: 600; text-decoration: none; border-bottom: 1px solid currentColor; }
.research-surface .research-rail-cta a:hover { color: #f3f7fc; }

.research-surface .article-wrap { padding-top: clamp(58px, 6vw, 90px); }
.research-surface .article-back a,
.research-surface .article-return a { color: var(--sky); font-size: 13px; font-weight: 600; text-decoration: underline; }
.research-surface .article-meta { gap: 14px; margin-top: 28px; margin-bottom: 16px; }
.research-surface .article-meta :is(.wp-block-post-date, .wp-block-shortcode) {
	color: #aebfd3;
	font-family: var(--font-mono);
	font-size: 11px;
	line-height: 1.4;
	letter-spacing: .02em;
	text-transform: uppercase;
}
.research-surface .article-title {
	max-width: 21ch;
	margin: 0;
	color: #f3f7fc;
	font-family: var(--font-display);
	font-size: clamp(2.5rem, 4.2vw, 4.25rem);
	font-weight: 900;
	line-height: 1.09;
	letter-spacing: -.035em;
	text-transform: none;
}
.research-surface .article-dek { max-width: 57ch; margin-top: 22px; }
.research-surface .article-dek .wp-block-post-excerpt__excerpt { color: #c1d0e1; font-size: clamp(1.1rem, 1.5vw, 1.3rem); line-height: 1.5; letter-spacing: 0; }
.research-surface .article-image { margin-top: 42px; overflow: hidden; border-radius: 14px; }
.research-surface .article-image img { display: block; width: 100%; height: auto; max-height: 500px; aspect-ratio: 16 / 9; object-fit: cover; }
.research-surface .article-main > .post-content {
	max-width: 720px;
	margin-top: 46px;
	color: #d6e3f1;
	font-size: 18px;
	line-height: 1.7;
	letter-spacing: 0;
}
.research-surface .post-content p { color: inherit; letter-spacing: 0; }
.research-surface .post-content :is(h2, h3) { color: #f3f7fc; font-family: var(--font-display); font-weight: 500; line-height: 1.3; letter-spacing: -.02em; text-transform: none; }
.research-surface .post-content a { color: var(--sky); }
.research-surface .article-return { max-width: 720px; margin-top: 58px; padding-top: 24px; border-top: 1px solid var(--research-line); }

@media (max-width: 980px) {
	.research-surface .hub-layout, .research-surface .article-layout { grid-template-columns: 1fr; gap: 64px; }
	.research-surface .research-rail { position: static; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 40px; }
}
@media (max-width: 700px) {
	.wp-site-blocks main.research-surface :is(.hub-wrap, .article-wrap) { width: min(100% - 40px, 1240px); }
	.research-surface .research-header { padding-block: 58px 28px; }
	.research-surface .research-header h1 { font-size: clamp(2.6rem, 10vw, 4rem); }
	.research-surface .research-filters { margin-bottom: 34px; }
	.research-surface .research-filters { gap: 6px; }
	.research-surface .research-filters .chip { padding: 8px 12px; }
	.research-surface .hub-listing { grid-template-columns: 1fr; grid-template-rows: auto; gap: 0; }
	.research-surface .hub-listing > li:first-child { grid-row: auto; margin-bottom: 24px; }
	.research-surface .hub-listing > li:nth-child(n+2) { grid-column: 1; padding-block: 25px; border-top: 1px solid var(--research-line); border-bottom: 0; margin-top: 0; }
	.research-surface .hub-listing > li:last-child { border-bottom: 1px solid var(--research-line); }
	.research-surface .hub-listing > li:first-child .hub-row-body { min-height: 0; }
	.research-surface .research-rail { grid-template-columns: 1fr; gap: 34px; }
	.research-surface .article-title { font-size: clamp(2.25rem, 8vw, 3.4rem); }
	.research-surface .article-main > .post-content { font-size: 17px; }
}
@media (max-width: 420px) {
	.research-surface .research-pagination { flex-wrap: wrap; }
	.research-surface .wp-block-query-pagination-numbers { order: -1; flex-basis: 100%; justify-content: center; }
	.research-surface .research-pagination :is(.wp-block-query-pagination-previous, .wp-block-query-pagination-next) { min-width: 0; flex: 1; }
}