/*
 * GetDailyTrend, direction "Night Studio" (2026-10-26): dark navy ground, a blue-to-magenta gradient for the one big headline and the
 * buttons, pastel article cards with dark ink, pill labels, very round corners. Inspired by the layout of the Figma concept
 * "Lunchpiration" (no image, logo or 3D figure of that file is used). Dark is the default; the toggle switches to the light palette.
 * Presets come from theme.json (--wp--preset--*, light values). This file holds components, the dark theme, right-to-left and motion.
 */

:root {
	--gdt-ease: var(--wp--custom--motion--ease, cubic-bezier(0.2, 0.7, 0.2, 1));
	--gdt-fast: var(--wp--custom--motion--fast, 180ms);
	--gdt-base: var(--wp--custom--motion--base, 240ms);
	--gdt-enter: var(--wp--custom--motion--enter, 320ms);
	--gdt-chip-tint: 10%;
	--gdt-gutter: var(--wp--custom--gutter, 16px);
	--gdt-r-lg: 28px;
	--gdt-angle: 100deg;
	--gdt-grad: linear-gradient(var(--gdt-angle), #2f55e0 0%, #7a3df0 55%, #b52fd0 100%);
	--gdt-grad-text: linear-gradient(var(--gdt-angle), #2f56d9 0%, #7a35d6 55%, #b5179e 100%);
	scroll-padding-top: 88px;
}
/* Tokens built from the colour presets live on body: WordPress prints the presets there, so they must be resolved there to follow the theme. */
body {
	--gdt-pillar: var(--wp--preset--color--accent-ink);
	--gdt-btn-hover: var(--wp--preset--color--accent);
	--gdt-on-band: var(--wp--preset--color--heading);
	--gdt-on-band-muted: var(--wp--preset--color--muted);
	--gdt-surface-2: color-mix(in srgb, var(--wp--preset--color--heading) 5%, var(--wp--preset--color--surface));
	--gdt-line: var(--wp--preset--color--border);
	--gdt-code-bg: color-mix(in srgb, var(--wp--preset--color--heading) 5%, var(--wp--preset--color--background));
	--gdt-glow-a: rgb(47 85 224 / 0.12);
	--gdt-glow-b: rgb(122 61 240 / 0.1);
	--gdt-glow-c: rgb(181 47 208 / 0.08);
}

/* Pastel tones for article cards and boxes. The ink is fixed (dark) whatever the theme, so the text keeps its contrast on the light gradient. */
.gdt-tone--mint { --gdt-tone-a: #d9fff2; --gdt-tone-b: #b7e3ef; --gdt-ink: #11233a; --gdt-ink-soft: #3b5166; --gdt-pill-ink: #0b6a66; }
.gdt-tone--peach { --gdt-tone-a: #fff0da; --gdt-tone-b: #ffd3a8; --gdt-ink: #3a1d08; --gdt-ink-soft: #68472b; --gdt-pill-ink: #964500; }
.gdt-tone--sun { --gdt-tone-a: #fff9c9; --gdt-tone-b: #fff08c; --gdt-ink: #3a3205; --gdt-ink-soft: #5f5416; --gdt-pill-ink: #725400; }
.gdt-tone--lilac { --gdt-tone-a: #f3e6ff; --gdt-tone-b: #d5b6ff; --gdt-ink: #261244; --gdt-ink-soft: #4e3775; --gdt-pill-ink: #6529b8; }
.gdt-tone--rose { --gdt-tone-a: #ffe8f5; --gdt-tone-b: #f6c4f0; --gdt-ink: #3a0f33; --gdt-ink-soft: #68375f; --gdt-pill-ink: #9f1d7a; }
.gdt-tone--mint, .gdt-tone--peach, .gdt-tone--sun, .gdt-tone--lilac, .gdt-tone--rose {
	--gdt-link-on-tone: #17399b;
	color: var(--gdt-ink);
	background: linear-gradient(135deg, var(--gdt-tone-a), var(--gdt-tone-b));
}

@media (prefers-reduced-motion: no-preference) {
	html { scroll-behavior: smooth; }
}

/* Pillar colour carriers */
.pillar-tech { --gdt-pillar: var(--wp--preset--color--pillar-tech); }
.pillar-business { --gdt-pillar: var(--wp--preset--color--pillar-business); }
.pillar-home { --gdt-pillar: var(--wp--preset--color--pillar-home); }
.pillar-travel { --gdt-pillar: var(--wp--preset--color--pillar-travel); }
.pillar-trending { --gdt-pillar: var(--wp--preset--color--pillar-trending); }

/* ------------------------------------------------------------------ Dark theme (the default) */
html:not([data-theme="light"]) { color-scheme: dark; }
html:not([data-theme="light"]) body:not(.editor-styles-wrapper) {
	--wp--preset--color--background: #0d1426;
	--wp--preset--color--surface: #141c33;
	--wp--preset--color--text: #e4e9f5;
	--wp--preset--color--muted: #a7b2cc;
	--wp--preset--color--border: #26304d;
	--wp--preset--color--control-border: #5d6b8c;
	--wp--preset--color--heading: #ffffff;
	--wp--preset--color--primary: #2f55e0;
	--wp--preset--color--on-primary: #ffffff;
	--wp--preset--color--secondary: #86abff;
	--wp--preset--color--accent: #b57cff;
	--wp--preset--color--accent-ink: #c9a2ff;
	--wp--preset--color--cta-text: #ffffff;
	--wp--preset--color--ad-ground: #182039;
	--wp--preset--color--pillar-tech: #7aa2ff;
	--wp--preset--color--pillar-business: #e0b050;
	--wp--preset--color--pillar-home: #f08b6c;
	--wp--preset--color--pillar-travel: #6fcf76;
	--wp--preset--color--pillar-trending: #2dd4bf;
	--wp--preset--shadow--float: 0 12px 32px rgb(0 0 0 / 0.45);
	--gdt-chip-tint: 16%;
	--gdt-grad-text: linear-gradient(var(--gdt-angle), #4a7bff 0%, #8f5bff 52%, #e04cf0 100%);
	--gdt-glow-a: rgb(59 91 219 / 0.42);
	--gdt-glow-b: rgb(147 64 255 / 0.32);
	--gdt-glow-c: rgb(236 72 153 / 0.2);
}

/* ------------------------------------------------------------------ Base */
:where(.wp-site-blocks) > * { margin-block-start: 0; }
:focus-visible { outline: 3px solid var(--gdt-focus, var(--wp--preset--color--secondary)); outline-offset: 2px; }
[class*="gdt-tone--"], .gdt-key-takeaways, .gdt-callout, .gdt-newsletter { --gdt-focus: #17399b; } /* The light blue ring is too faint on the pastel grounds */
img { height: auto; }
.gdt-wrap { padding-inline: var(--gdt-gutter); }
.gdt-main { padding-block: var(--wp--preset--spacing--xl) var(--wp--preset--spacing--xxl); }
.wp-site-blocks { min-height: 100vh; min-height: 100dvh; display: flex; flex-direction: column; }
.gdt-footer__col:not(:has(.wp-block-navigation-item, .gdt-footer__links li)) { display: none; }
.gdt-sr, .screen-reader-text:not(:focus) { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
/* Buttons: the gradient is the one loud thing on the page; white text keeps at least 5:1 on every stop */
:root .wp-element-button, :root .wp-block-button__link, .gdt-btn {
	box-sizing: border-box;
	min-height: 48px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	padding: 0.75rem 1.5rem;
	border: 0;
	border-radius: var(--wp--custom--radius--sm);
	background: var(--gdt-grad);
	color: #ffffff;
	font: 600 1rem/1.2 var(--wp--preset--font-family--ui);
	text-decoration: none;
	cursor: pointer;
	box-shadow: 0 12px 28px -12px rgb(122 61 240 / 0.7);
	transition: transform var(--gdt-fast) var(--gdt-ease), filter var(--gdt-fast) var(--gdt-ease);
}
:root .wp-element-button:hover, :root .wp-block-button__link:hover, .gdt-btn:hover { background-color: transparent; filter: brightness(1.1); }
:root .wp-element-button:active, :root .wp-block-button__link:active, .gdt-btn:active { transform: translateY(2px); }
:root .is-style-outline > .wp-block-button__link {
	background: transparent;
	color: var(--wp--preset--color--heading);
	border: 1px solid currentColor;
	box-shadow: none;
}

/* ------------------------------------------------------------------ Header */
.gdt-header {
	position: sticky;
	top: 0;
	z-index: 50;
	background: transparent;
}
/* The frosted bar is its own layer: a blur on the header itself would trap the phone menu (a fixed panel) inside the bar */
.gdt-header::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: -1;
	background: color-mix(in srgb, var(--wp--preset--color--background) 80%, transparent);
	-webkit-backdrop-filter: blur(16px);
	backdrop-filter: blur(16px);
	border-bottom: 1px solid color-mix(in srgb, var(--gdt-line) 80%, transparent);
	transition: box-shadow var(--gdt-base) var(--gdt-ease);
}
.admin-bar .gdt-header { top: var(--wp-admin--admin-bar--height, 32px); }
.gdt-header.is-scrolled::before { box-shadow: var(--wp--preset--shadow--float); }
.gdt-header__bar {
	max-width: var(--wp--style--global--wide-size, 1200px);
	margin-inline: auto;
	padding-inline: var(--gdt-gutter);
	min-height: 68px;
	gap: var(--wp--preset--spacing--md);
}
@media (min-width: 1024px) { .gdt-header__bar { min-height: 80px; } }
.gdt-header__tools { gap: var(--wp--preset--spacing--sm); margin-inline-start: auto; }
.gdt-logo { margin: 0; font: 800 clamp(1.25rem, 5.6vw, 1.6rem)/1 var(--wp--preset--font-family--heading); letter-spacing: -0.02em; }
.gdt-logo, .gdt-logo a { direction: ltr; unicode-bidi: isolate; } /* The name and its dot read left to right in every language */
.gdt-logo a { display: inline-block; padding-block: 12px; margin-block: -12px; color: var(--wp--preset--color--heading); text-decoration: none; }
.gdt-logo a::after {
	content: "." / "";
	color: var(--wp--preset--color--accent);
	background: var(--gdt-grad-text);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
}
.gdt-progress {
	position: absolute;
	inset-inline: 0;
	bottom: -1px;
	height: 3px;
	pointer-events: none;
}
.gdt-progress span { display: block; height: 100%; background: var(--gdt-grad); transform: scaleX(0); transform-origin: left; }
[dir="rtl"] .gdt-progress span { transform-origin: right; }
body:not(.single-post) .gdt-progress { display: none; }

.gdt-theme-toggle, .gdt-search .wp-block-search__button {
	min-width: 44px;
	min-height: 44px;
	display: inline-grid;
	place-items: center;
	padding: 0;
	border: 0;
	border-radius: var(--wp--custom--radius--pill);
	background: transparent;
	color: var(--wp--preset--color--heading);
	cursor: pointer;
}
.gdt-theme-toggle:hover, .gdt-search .wp-block-search__button:hover { background: var(--gdt-surface-2); }
/* Language menu: a native details element, so it works without scripts */
.gdt-lang { position: relative; }
.gdt-lang__menu > summary {
	list-style: none;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	min-width: 44px;
	min-height: 44px;
	padding-inline: 14px;
	box-sizing: border-box;
	border-radius: var(--wp--custom--radius--pill);
	background: var(--gdt-surface-2);
	color: var(--wp--preset--color--heading);
	font: 700 0.8125rem/1 var(--wp--preset--font-family--ui);
	cursor: pointer;
}
.gdt-lang__menu > summary::-webkit-details-marker { display: none; }
.gdt-lang__menu > summary:hover, .gdt-lang__menu[open] > summary { box-shadow: inset 0 0 0 1px var(--wp--preset--color--control-border); }
.gdt-lang__menu ul {
	position: absolute;
	inset-block-start: calc(100% + 8px);
	inset-inline-end: 0;
	z-index: 60;
	min-width: 10.5rem;
	margin: 0;
	padding: 8px;
	list-style: none;
	background: var(--wp--preset--color--surface);
	border: 1px solid var(--gdt-line);
	border-radius: 20px;
	box-shadow: 0 18px 44px rgb(5 10 25 / 0.35);
}
.gdt-lang__menu li { margin: 0; }
.gdt-lang__menu li a {
	display: flex;
	align-items: center;
	min-height: 44px;
	padding-inline: 14px;
	border-radius: 12px;
	color: var(--wp--preset--color--heading);
	font: 600 0.9375rem/1.2 var(--wp--preset--font-family--ui);
	text-decoration: none;
}
.gdt-lang__flag { display: block; flex: none; width: 22px; height: 15px; border-radius: 3px; object-fit: cover; box-shadow: 0 0 0 1px rgb(0 0 0 / 0.18); }
.gdt-lang__menu li a { gap: 10px; }
.gdt-lang__menu li a:hover { background: var(--gdt-surface-2); }
.gdt-lang__menu li a[aria-current="true"] { box-shadow: inset 0 0 0 2px var(--wp--preset--color--accent); }
.gdt-search .wp-block-search__inside-wrapper { align-items: center; }
.gdt-search .wp-block-search__input {
	min-height: 44px;
	border: 1px solid var(--wp--preset--color--control-border);
	border-radius: var(--wp--custom--radius--pill);
	background: var(--wp--preset--color--surface);
	color: var(--wp--preset--color--text);
	padding-inline: 16px;
}

/* Navigation: one line from 1024px, overlay panel below */
.gdt-nav { font: 500 0.9375rem/1 var(--wp--preset--font-family--ui); }
.gdt-nav .wp-block-navigation-item__content { color: var(--wp--preset--color--heading); text-decoration: none; padding-block: 8px; }
.gdt-nav .wp-block-navigation-item__content:hover { color: var(--wp--preset--color--accent-ink); }
.gdt-nav .current-menu-item > a, .gdt-nav [aria-current="page"] { box-shadow: inset 0 -2px 0 var(--wp--preset--color--accent); }
@media (max-width: 1023.98px) {
	.gdt-nav .wp-block-navigation__responsive-container-open:not(.always-shown) { display: flex !important; }
	.gdt-nav .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) { display: none !important; }
	/* Core paints the open panel white and black unless the menu has its own colours; it must follow the theme (dark mode) instead */
	.wp-block-navigation.gdt-nav:not(.has-background):not(.has-text-color) .wp-block-navigation__responsive-container.is-menu-open {
		background: var(--wp--preset--color--background);
		color: var(--wp--preset--color--heading);
		padding: var(--wp--preset--spacing--lg);
		animation: gdt-slide-in var(--gdt-base) var(--gdt-ease);
	}
	.gdt-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content { font-size: 1.25rem; padding-block: 12px; }
}
.gdt-nav .wp-block-navigation__responsive-container-open,
.gdt-nav .wp-block-navigation__responsive-container-close { min-width: 44px; min-height: 44px; color: var(--wp--preset--color--heading); }
@media (max-width: 1023.98px) {
	.gdt-header__tools { order: 2; margin-inline-start: auto; }
	.gdt-nav { order: 3; }
}
/* Narrow phones: the name and the four controls share one row down to 320px */
@media (max-width: 479.98px) {
	.gdt-header__bar { gap: var(--wp--preset--spacing--xs); }
	.gdt-header__tools { gap: 0; }
	.gdt-logo { min-width: 0; overflow-wrap: anywhere; } /* a user's own text spacing may widen the name: it wraps rather than push the menu button off screen */
	.gdt-theme-toggle, .gdt-search .wp-block-search__button, .gdt-nav .wp-block-navigation__responsive-container-open { min-width: 40px; min-height: 40px; }
	.gdt-lang__menu > summary { min-width: 40px; min-height: 40px; padding-inline: 10px; gap: 4px; }
}
@media (max-width: 359.98px) {
	.gdt-header__bar { padding-inline: 12px; }
	.gdt-logo { font-size: 1.0625rem; }
	.gdt-lang__code { display: none; }
}
@keyframes gdt-slide-in { from { opacity: 0; transform: translateY(-8px); } to { opacity: 1; transform: none; } }

/* ------------------------------------------------------------------ Mega menu (Explore panel) */
@media (min-width: 1024px) {
	.gdt-nav { flex: 1 1 auto; min-width: 0; }
	.gdt-nav .wp-block-navigation__container { flex-wrap: nowrap; gap: 6px 26px; white-space: nowrap; }
	.gdt-nav.gdt-mega-on .wp-block-navigation__container > .gdt-cat { display: none; }
	/* The menu is rendered as two lists (the topics, then "More"): they sit side by side on one line */
	.gdt-nav .wp-block-navigation__responsive-container-content { display: flex; flex-wrap: nowrap; align-items: center; justify-content: flex-start; gap: 26px; }
	.gdt-nav .wp-block-navigation__responsive-container-content > .wp-block-navigation__container { flex: 0 0 auto; }
}
.gdt-nav li.gdt-more > .wp-block-navigation-item__content { color: var(--wp--preset--color--heading); cursor: pointer; }
.gdt-nav li.gdt-more > .wp-block-navigation-item__content:hover { color: var(--wp--preset--color--accent-ink); }
.gdt-mega-li { list-style: none; }
.gdt-mega-btn {
	display: inline-flex; align-items: center; gap: 10px; padding: 9px 16px 9px 12px; border-radius: var(--wp--custom--radius--pill, 999px);
	border: 1px solid var(--gdt-line); background: var(--gdt-surface-2); color: var(--wp--preset--color--heading); cursor: pointer;
	font: 700 0.9375rem/1 var(--wp--preset--font-family--ui);
	transition: background var(--gdt-base) var(--gdt-ease), border-color var(--gdt-base) var(--gdt-ease), transform var(--gdt-base) var(--gdt-ease);
}
.gdt-mega-btn:hover, .gdt-mega-btn.is-open { border-color: var(--wp--preset--color--accent); background: color-mix(in srgb, var(--wp--preset--color--accent) 12%, var(--wp--preset--color--surface)); }
.gdt-mega-btn:focus-visible { outline: 2px solid var(--wp--preset--color--accent); outline-offset: 3px; }
.gdt-mega-btn__dots { display: grid; grid-template-columns: repeat(2, 6px); gap: 3px; transition: transform 420ms var(--gdt-ease); }
.gdt-mega-btn__dots i { display: block; inline-size: 6px; block-size: 6px; border-radius: 2px; background: var(--wp--preset--color--accent); transition: border-radius 420ms var(--gdt-ease), background var(--gdt-base); }
.gdt-mega-btn__dots i:nth-child(2) { background: var(--wp--preset--color--pillar-travel, #2dd4bf); }
.gdt-mega-btn__dots i:nth-child(3) { background: var(--wp--preset--color--pillar-business, #e0b050); }
.gdt-mega-btn__dots i:nth-child(4) { background: var(--wp--preset--color--pillar-home, #f08b6c); }
.gdt-mega-btn:hover .gdt-mega-btn__dots i, .gdt-mega-btn.is-open .gdt-mega-btn__dots i { border-radius: 50%; }
.gdt-mega-btn.is-open .gdt-mega-btn__dots { transform: rotate(90deg); }

.gdt-mega-scrim { position: fixed; inset: 0; z-index: 40; background: color-mix(in srgb, #000 38%, transparent); opacity: 0; transition: opacity 240ms var(--gdt-ease); }
.gdt-mega-scrim.is-open { opacity: 1; }
.gdt-mega-scrim[hidden], .gdt-mega[hidden] { display: none; }
.gdt-mega {
	position: absolute; inset-inline: 0; top: 100%; z-index: 51; padding: 0 var(--gdt-gutter);
	opacity: 0; transform: translateY(-10px) scale(0.985); transform-origin: top center; pointer-events: none;
	transition: opacity 220ms var(--gdt-ease), transform 260ms var(--gdt-ease);
}
.gdt-mega.is-open { opacity: 1; transform: none; pointer-events: auto; }
.gdt-mega__inner {
	max-width: var(--wp--style--global--wide-size, 1200px); margin-inline: auto; padding: 22px;
	max-height: calc(100vh - 140px); overflow: auto; overscroll-behavior: contain;
	background: var(--wp--preset--color--background); color: var(--wp--preset--color--text);
	border: 1px solid var(--gdt-line); border-radius: 22px; box-shadow: var(--wp--preset--shadow--float, 0 24px 60px rgba(0, 0, 0, 0.35));
}
.gdt-mega__top { display: flex; align-items: center; gap: 16px; margin-block-end: 18px; }
.gdt-mega__filter {
	flex: 1 1 auto; min-height: 46px; padding-inline: 18px; border-radius: 999px; border: 1px solid var(--gdt-line);
	background: var(--gdt-surface-2); color: var(--wp--preset--color--heading); font: 500 1rem/1 var(--wp--preset--font-family--ui);
}
.gdt-mega__filter:focus-visible { outline: 2px solid var(--wp--preset--color--accent); outline-offset: 2px; }
.gdt-mega__count { flex: none; font: 600 0.8125rem/1 var(--wp--preset--font-family--ui); color: var(--wp--preset--color--text); opacity: 0.75; white-space: nowrap; }
.gdt-mega__grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); gap: 14px; }
.gdt-mega__card {
	position: relative; padding: 16px 16px 18px; border-radius: 16px; border: 1px solid var(--gdt-line); overflow: hidden;
	background: linear-gradient(160deg, color-mix(in srgb, var(--gdt-pillar) 14%, var(--wp--preset--color--surface)), var(--wp--preset--color--surface) 70%);
	transition: transform var(--gdt-base) var(--gdt-ease), border-color var(--gdt-base) var(--gdt-ease), box-shadow var(--gdt-base) var(--gdt-ease);
}
.gdt-mega__card::before { content: ""; position: absolute; inset-inline-start: 0; inset-block: 0; inline-size: 4px; background: var(--gdt-pillar); }
.gdt-mega__card:hover, .gdt-mega__card:focus-within { transform: translateY(-3px); border-color: var(--gdt-pillar); box-shadow: 0 14px 30px color-mix(in srgb, var(--gdt-pillar) 22%, transparent); }
.gdt-mega__card[hidden] { display: none; }
.pillar-accent { --gdt-pillar: var(--wp--preset--color--accent); }
.gdt-mega.is-open .gdt-mega__card { animation: gdt-mega-card 420ms var(--gdt-ease) both; animation-delay: calc(var(--i, 0) * 55ms + 60ms); }
@keyframes gdt-mega-card { from { opacity: 0; transform: translateY(14px) scale(0.97); } to { opacity: 1; transform: none; } }
.gdt-mega__title { margin: 0 0 12px; font: 800 1.0625rem/1.2 var(--wp--preset--font-family--heading); }
.gdt-mega__title-link { color: var(--wp--preset--color--heading); text-decoration: none; display: inline-flex; align-items: center; gap: 8px; }
.gdt-mega__title-link::after { content: "→"; color: var(--gdt-pillar); opacity: 0; transform: translateX(-6px); transition: opacity var(--gdt-base), transform var(--gdt-base) var(--gdt-ease); }
[dir="rtl"] .gdt-mega__title-link::after { content: "←"; transform: translateX(6px); }
.gdt-mega__card:hover .gdt-mega__title-link::after, .gdt-mega__title-link:focus-visible::after { opacity: 1; transform: none; }
.gdt-mega__title-link:focus-visible, .gdt-mega__chip:focus-visible { outline: 2px solid var(--gdt-pillar); outline-offset: 3px; border-radius: 8px; }
.gdt-mega__chips { display: flex; flex-wrap: wrap; gap: 7px; }
.gdt-mega__chip {
	padding: 7px 12px; border-radius: 999px; border: 1px solid color-mix(in srgb, var(--gdt-pillar) 35%, var(--gdt-line));
	background: color-mix(in srgb, var(--wp--preset--color--background) 70%, transparent); color: var(--wp--preset--color--heading);
	font: 600 0.8125rem/1.1 var(--wp--preset--font-family--ui); text-decoration: none; white-space: normal;
	transition: background var(--gdt-base), color var(--gdt-base), transform var(--gdt-base) var(--gdt-ease), opacity var(--gdt-base);
}
.gdt-mega__chip.is-deep { border-style: dashed; }
.gdt-mega__chip:hover { background: var(--gdt-pillar); color: #0b0b0f; transform: translateY(-1px); }
.gdt-mega__chip.is-dim { opacity: 0.28; }
.gdt-mega__empty { margin: 8px 0 0; padding: 18px; text-align: center; color: var(--wp--preset--color--text); }
@media (max-width: 1023.98px) { .gdt-mega, .gdt-mega-scrim, .gdt-mega-li { display: none !important; } }
@media (prefers-reduced-motion: reduce) {
	.gdt-mega, .gdt-mega-scrim, .gdt-mega__card, .gdt-mega-btn__dots, .gdt-mega-btn__dots i { transition: none; animation: none !important; }
}

/* ------------------------------------------------------------------ Footer */
.gdt-footer { margin-block-start: auto; padding: var(--wp--preset--spacing--xl) var(--gdt-gutter) var(--wp--preset--spacing--lg); color: var(--gdt-on-band); }
.gdt-footer a { color: var(--gdt-on-band); }
.gdt-footer__inner {
	box-sizing: border-box;
	max-width: var(--wp--style--global--wide-size, 1200px);
	margin-inline: auto;
	padding: clamp(24px, 4vw, 48px);
	background: var(--wp--preset--color--surface);
	border: 1px solid var(--gdt-line);
	border-radius: var(--gdt-r-lg);
}
.gdt-footer__grid { gap: var(--wp--preset--spacing--xl); }
.gdt-footer__title { font: 700 0.75rem/1.2 var(--wp--preset--font-family--ui) !important; letter-spacing: 0.06em; text-transform: uppercase; color: var(--gdt-on-band-muted) !important; margin-bottom: var(--wp--preset--spacing--sm); }
.gdt-footer__tag { color: var(--gdt-on-band-muted); margin-top: var(--wp--preset--spacing--sm); max-width: 32ch; }
.gdt-logo--footer a { color: var(--gdt-on-band); }
.gdt-footer__links ul { list-style: none; margin: 0; padding: 0; }
.gdt-footer__links li { margin: 0; }
.gdt-footer__links a { display: inline-block; padding-block: 6px; color: var(--gdt-on-band); text-decoration: none; }
.gdt-footer__links a:hover { text-decoration: underline; }
.gdt-publisher { display: grid; gap: 8px; margin-block: var(--wp--preset--spacing--md); padding: var(--wp--preset--spacing--md); background: var(--wp--preset--color--surface); border: 1px solid var(--wp--preset--color--border); border-radius: var(--wp--custom--radius--md); }
.gdt-publisher dt { font: 700 var(--wp--preset--font-size--label)/1.2 var(--wp--preset--font-family--ui); letter-spacing: 0.06em; text-transform: uppercase; color: var(--wp--preset--color--muted); }
.gdt-publisher dd { margin: 2px 0 0; }
.gdt-legal-date { margin-top: var(--wp--preset--spacing--lg); font-size: var(--wp--preset--font-size--small); color: var(--wp--preset--color--muted); }
.gdt-footer__nav .wp-block-navigation-item__content { color: var(--gdt-on-band); text-decoration: none; padding-block: 6px; }
.gdt-footer__nav .wp-block-navigation-item__content:hover { text-decoration: underline; }
.gdt-footer__bottom { border-top: 1px solid var(--gdt-line); padding-block: var(--wp--preset--spacing--md) 0; margin-top: var(--wp--preset--spacing--lg); font-size: var(--wp--preset--font-size--small); color: var(--gdt-on-band-muted); }

/* ------------------------------------------------------------------ Chips and cards */
.gdt-chip, .gdt-chips a, .wp-block-post-terms.gdt-chips a {
	display: inline-flex;
	align-items: center;
	min-height: 28px;
	font: 600 0.8125rem/1 var(--wp--preset--font-family--ui);
	letter-spacing: 0.01em;
	text-decoration: none;
	padding: 7px 14px;
	border-radius: var(--wp--custom--radius--pill);
	color: var(--gdt-pillar);
	background: color-mix(in srgb, var(--gdt-pillar) var(--gdt-chip-tint), var(--wp--preset--color--surface));
}
.gdt-chips { display: flex; flex-wrap: wrap; gap: 8px; }
.gdt-chips .wp-block-post-terms__separator { display: none; }

.gdt-card { display: grid; gap: var(--wp--preset--spacing--sm); align-content: start; min-width: 0; }
.gdt-card__media {
	display: block;
	aspect-ratio: 16 / 9;
	border-radius: 20px;
	overflow: hidden;
	background: var(--wp--preset--color--border);
}
.gdt-card__media img, .gdt-card__ph { width: 100%; height: 100%; object-fit: cover; display: block; }
.gdt-card__media img { transition: transform var(--gdt-base) var(--gdt-ease); }
.gdt-card:hover .gdt-card__media img { transform: scale(1.03); }
.gdt-card__ph {
	position: relative;
	display: block;
	background:
		radial-gradient(70% 90% at 85% 12%, color-mix(in srgb, #ffffff 22%, transparent), transparent 62%),
		linear-gradient(135deg, var(--gdt-pillar), var(--wp--preset--color--primary));
}
.gdt-ph-note { position: absolute; inset: auto 10px 10px 10px; padding: 6px 8px; border-radius: 6px; font: 600 var(--wp--preset--font-size--label)/1.3 var(--wp--preset--font-family--ui); color: #ffffff; background: color-mix(in srgb, #0b1f44 60%, transparent); }
.gdt-card__body { display: grid; gap: 10px; justify-items: start; }
.gdt-card__title { margin: 0; font-size: 1.2rem; line-height: 1.25; }
.gdt-card__title a { padding-block: 3px; color: var(--wp--preset--color--heading); text-decoration: none; }
.gdt-card__title a:hover { text-decoration: underline; text-underline-offset: 0.18em; }
.gdt-card__excerpt { margin: 0; color: var(--wp--preset--color--muted); font-size: 0.9375rem; }
.gdt-card__meta { margin: 0; color: var(--wp--preset--color--muted); font-size: var(--wp--preset--font-size--small); }

/* Pastel cards: a gradient ground, dark ink, the topic label as a white pill above the picture. The whole card is one link. */
.gdt-card--pastel {
	position: relative;
	box-sizing: border-box;
	height: 100%;
	padding: clamp(18px, 2.4vw, 28px);
	gap: 14px;
	border-radius: var(--gdt-r-lg);
	grid-template-columns: minmax(0, 1fr);
	transition: transform var(--gdt-base) var(--gdt-ease), box-shadow var(--gdt-base) var(--gdt-ease);
}
.gdt-card--pastel:hover { transform: translateY(-4px); box-shadow: 0 22px 44px -22px rgb(2 6 20 / 0.7); }
.gdt-card--pastel .gdt-card__body { display: contents; }
.gdt-card--pastel .gdt-chip { order: 1; justify-self: start; position: relative; z-index: 1; background: rgb(255 255 255 / 0.88); color: var(--gdt-pill-ink); }
.gdt-card--pastel .gdt-card__media { order: 2; box-shadow: 0 14px 30px -16px rgb(17 35 58 / 0.55); }
.gdt-card--pastel .gdt-card__title { order: 3; margin-top: 6px; color: var(--gdt-ink); font-size: 1.3rem; }
.gdt-card--pastel .gdt-card__title a { color: var(--gdt-ink); }
.gdt-card--pastel .gdt-card__title a::after { content: ""; position: absolute; inset: 0; border-radius: inherit; }
.gdt-card--pastel .gdt-card__title a:focus-visible { outline: none; }
.gdt-card--pastel:has(.gdt-card__title a:focus-visible) { outline: 3px solid var(--gdt-focus); outline-offset: 3px; }
.gdt-card--pastel .gdt-card__excerpt { order: 4; color: var(--gdt-ink-soft); }
.gdt-card--pastel .gdt-card__meta { order: 5; color: var(--gdt-ink-soft); }
.gdt-card--pastel .gdt-card__ph {
	background:
		radial-gradient(60% 80% at 80% 18%, rgb(255 255 255 / 0.75), transparent 62%),
		linear-gradient(135deg, color-mix(in srgb, var(--gdt-tone-b) 70%, #ffffff), var(--gdt-tone-b));
}
.gdt-card--lead { gap: 16px; }
.gdt-card--lead .gdt-card__title { font-size: clamp(1.5rem, 1.15rem + 1.5vw, 2.25rem); line-height: 1.15; letter-spacing: -0.02em; }
.gdt-card--lead .gdt-card__excerpt { font-size: 1.0625rem; max-width: 60ch; }
.gdt-card--row { grid-template-columns: minmax(0, 1fr); }
.gdt-card--rail .gdt-card__title { font-size: 1.125rem; }

/* Plain cards: small thumbnail beside the title, on the dark surface (lists of other stories, most popular) */
.gdt-card--compact, .gdt-card--ranked {
	grid-template-columns: 96px minmax(0, 1fr);
	gap: 0 16px;
	align-items: center;
	padding: 12px;
	background: var(--wp--preset--color--surface);
	border: 1px solid var(--gdt-line);
	border-radius: 22px;
}
.gdt-card--compact .gdt-card__media, .gdt-card--ranked .gdt-card__media { border-radius: 14px; }
.gdt-card--compact .gdt-card__body, .gdt-card--ranked .gdt-card__body { gap: 6px; }
.gdt-card--compact .gdt-card__title, .gdt-card--ranked .gdt-card__title { font-size: 1rem; line-height: 1.3; }
.gdt-card--compact .gdt-chip, .gdt-card--ranked .gdt-chip { padding: 5px 10px; font-size: 0.75rem; min-height: 24px; }
.gdt-card--compact .gdt-card__meta, .gdt-card--ranked .gdt-card__meta { font-size: 0.8125rem; }
.gdt-feed .wp-block-post-template { gap: var(--wp--preset--spacing--lg) var(--wp--preset--spacing--lg); }
.gdt-feed .wp-block-post-template > li { margin: 0; }

.gdt-reveal { opacity: 0; transform: translateY(12px); }
.gdt-reveal.is-visible { opacity: 1; transform: none; transition: opacity var(--gdt-enter) var(--gdt-ease), transform var(--gdt-enter) var(--gdt-ease); }

/* Pagination */
.wp-block-query-pagination { gap: var(--wp--preset--spacing--sm); margin-top: var(--wp--preset--spacing--xl); font-weight: 600; }
.wp-block-query-pagination a, .wp-block-query-pagination .page-numbers {
	min-width: 44px; min-height: 44px; display: inline-grid; place-items: center; padding-inline: 16px;
	border: 1px solid var(--gdt-line); border-radius: var(--wp--custom--radius--pill);
	color: var(--wp--preset--color--heading); text-decoration: none; background: var(--gdt-surface-2);
}
.wp-block-query-pagination .page-numbers.current { background: var(--gdt-grad); color: #ffffff; border-color: transparent; }

/* ------------------------------------------------------------------ Archive heads, breadcrumbs */
.gdt-archive-head { padding-bottom: var(--wp--preset--spacing--lg); margin-bottom: var(--wp--preset--spacing--xl); }
.gdt-archive-head::after { content: ""; display: block; width: 96px; height: 4px; margin-top: var(--wp--preset--spacing--lg); border-radius: 4px; background: var(--gdt-grad); }
.gdt-archive-head h1 { margin: 0; }
.gdt-archive-head .wp-block-term-description { color: var(--wp--preset--color--muted); max-width: 62ch; font-size: 1.0625rem; }
.gdt-breadcrumbs { font-size: var(--wp--preset--font-size--small); color: var(--wp--preset--color--muted); }
.gdt-breadcrumbs a { display: inline-block; padding-block: 3px; color: var(--wp--preset--color--muted); }
.gdt-breadcrumbs ol, .gdt-breadcrumbs ul { display: flex; flex-wrap: wrap; gap: 6px; padding: 0; margin: 0; list-style: none; }

/* ------------------------------------------------------------------ Article */
.gdt-article { --wp--style--block-gap: var(--wp--preset--spacing--md); }
.gdt-article__title { margin: 0; line-height: 1.1; }
.gdt-subtitle { margin: 12px 0 0; font: 500 1.25rem/1.5 var(--wp--preset--font-family--ui); color: var(--wp--preset--color--muted); }
.gdt-article__meta { gap: var(--wp--preset--spacing--sm) var(--wp--preset--spacing--md); align-items: center; color: var(--wp--preset--color--muted); font-size: var(--wp--preset--font-size--small); }
.gdt-article__meta .wp-block-post-author { align-items: center; gap: 10px; }
.gdt-article__meta .wp-block-post-author__avatar img { border-radius: 50%; }
.gdt-article__meta .wp-block-post-author__content { display: flex; flex-wrap: wrap; align-items: baseline; gap: 0 5px; }
.gdt-article__meta .wp-block-post-author__byline, .gdt-article__meta .wp-block-post-author__name { width: auto; margin: 0; font-size: inherit; opacity: 1; }
.gdt-article__meta .wp-block-post-author__name a { display: inline-block; padding-block: 3px; font-weight: 600; }
.gdt-article__image img { border-radius: var(--gdt-r-lg); width: 100%; }
.gdt-trust { display: flex; flex-wrap: wrap; gap: 6px 16px; margin: 0; padding: 0; list-style: none; font-size: var(--wp--preset--font-size--small); color: var(--wp--preset--color--muted); }
.gdt-trust li { display: inline-flex; align-items: center; gap: 6px; }
.gdt-trust strong { color: var(--wp--preset--color--accent-ink); font-weight: 700; }

.gdt-prose { margin-top: var(--wp--preset--spacing--md); line-height: 1.75; }
.gdt-prose > :where(h2) { margin-top: var(--wp--preset--spacing--xl); }
.gdt-prose > :where(h3) { margin-top: var(--wp--preset--spacing--lg); }
.gdt-prose :where(a) { text-underline-offset: 0.18em; }
.gdt-prose :where(img) { border-radius: 20px; }
.gdt-prose :where(figcaption) { font: 500 var(--wp--preset--font-size--small)/1.4 var(--wp--preset--font-family--ui); color: var(--wp--preset--color--muted); margin-top: 8px; }
.gdt-prose :where(ul, ol) { padding-inline-start: 1.4em; }
.gdt-prose :where(li) { margin-block: 0.35em; }
.gdt-prose :where(blockquote) { margin: var(--wp--preset--spacing--lg) 0; padding-inline-start: var(--wp--preset--spacing--lg); border-inline-start: 4px solid var(--wp--preset--color--accent); }
.gdt-prose .wp-block-pullquote { border: 0; padding: 0; margin-block: var(--wp--preset--spacing--xl); }
.gdt-prose .wp-block-pullquote blockquote { border-inline-start: 4px solid var(--wp--preset--color--accent); padding-inline-start: var(--wp--preset--spacing--lg); margin: 0; font: 700 1.5rem/1.3 var(--wp--preset--font-family--heading); font-style: normal; letter-spacing: -0.01em; color: var(--wp--preset--color--heading); text-align: start; }
.gdt-prose .wp-block-pullquote cite { display: block; margin-top: 10px; font: 500 var(--wp--preset--font-size--small)/1.4 var(--wp--preset--font-family--ui); color: var(--wp--preset--color--muted); font-style: normal; }
.gdt-prose .wp-block-table { overflow-x: auto; border: 1px solid var(--gdt-line); border-radius: 20px; }
.gdt-prose table { border-collapse: collapse; width: 100%; font: 500 0.9375rem/1.5 var(--wp--preset--font-family--ui); }
.gdt-prose table :is(th, td) { border: 0; border-bottom: 1px solid var(--gdt-line); padding: 12px 16px; text-align: start; }
.gdt-prose table tr:last-child td { border-bottom: 0; }
.gdt-prose table th { background: var(--gdt-surface-2); color: var(--wp--preset--color--heading); }
.gdt-prose .wp-block-table thead { border-bottom: 0; }
/* Code and prompts: a recessed panel, the text wraps instead of running off the screen */
.gdt-prose :where(pre, .wp-block-code) { box-sizing: border-box; margin-block: var(--wp--preset--spacing--lg); padding: 18px 20px; overflow-x: auto; background: var(--gdt-code-bg); border: 1px solid var(--gdt-line); border-radius: 18px; font-size: 0.9375rem; line-height: 1.6; color: var(--wp--preset--color--text); }
.gdt-prose :where(pre code) { background: none; padding: 0; font-size: inherit; white-space: pre-wrap; overflow-wrap: anywhere; }
.gdt-prose :where(:not(pre) > code) { padding: 0.15em 0.4em; border-radius: 6px; background: var(--gdt-surface-2); font-size: 0.9em; }
.gdt-prose :where(hr) { border: 0; height: 1px; background: var(--gdt-line); margin-block: var(--wp--preset--spacing--xl); }

/* Reusable boxes */
.gdt-key-takeaways, .gdt-callout, .gdt-disclaimer, .gdt-sources, .gdt-related, .gdt-author-box {
	border-radius: var(--gdt-r-lg);
	font-family: var(--wp--preset--font-family--ui);
}
.gdt-key-takeaways { --gdt-tone-a: #f3e6ff; --gdt-tone-b: #d5b6ff; --gdt-ink: #261244; --gdt-ink-soft: #4e3775; --gdt-link-on-tone: #17399b; background: linear-gradient(135deg, var(--gdt-tone-a), var(--gdt-tone-b)); color: var(--gdt-ink); border: 0; padding: var(--wp--preset--spacing--lg) clamp(20px, 3vw, 32px); margin-block: var(--wp--preset--spacing--lg); }
.gdt-key-takeaways ul { font-family: var(--wp--preset--font-family--body); font-size: 1.0625rem; line-height: 1.6; margin: 0; }
.gdt-box-title { font: 800 1.0625rem/1.3 var(--wp--preset--font-family--heading) !important; margin: 0 0 8px !important; color: var(--gdt-ink, var(--wp--preset--color--heading)); }
.gdt-callout { --gdt-tone-a: #d9fff2; --gdt-tone-b: #b7e3ef; --gdt-ink: #11233a; --gdt-ink-soft: #3b5166; --gdt-link-on-tone: #17399b; background: linear-gradient(135deg, var(--gdt-tone-a), var(--gdt-tone-b)); color: var(--gdt-ink); border: 0; padding: var(--wp--preset--spacing--lg) clamp(20px, 3vw, 32px); margin-block: var(--wp--preset--spacing--lg); }
.gdt-key-takeaways :where(p, li, strong, em, h2, h3), .gdt-callout :where(p, li, strong, em, h2, h3) { color: var(--gdt-ink); }
.gdt-key-takeaways :where(a), .gdt-callout :where(a) { color: var(--gdt-link-on-tone); }

/* Tutorial components: numbered step cards, pro-tip and caution boxes, copyable materials list, step chips */
.gdt-prose { counter-reset: gdt-step; }
.gdt-callout--tip { --gdt-tone-a: #fff3d1; --gdt-tone-b: #ffd98a; --gdt-ink: #3a2400; --gdt-ink-soft: #5e3f08; }
.gdt-callout--warn { --gdt-tone-a: #ffe3dc; --gdt-tone-b: #ffb9a8; --gdt-ink: #3d140b; --gdt-ink-soft: #66291b; }
.gdt-step {
	position: relative; counter-increment: gdt-step; margin-block: var(--wp--preset--spacing--lg); padding: 22px clamp(18px, 3vw, 30px) 22px clamp(18px, 3vw, 30px);
	border: 1px solid var(--gdt-line); border-radius: 20px; background: var(--gdt-surface-2); scroll-margin-top: 110px;
	transition: border-color var(--gdt-base) var(--gdt-ease), box-shadow var(--gdt-base) var(--gdt-ease);
}
.gdt-step:hover, .gdt-step:focus-within { border-color: var(--wp--preset--color--accent); box-shadow: 0 12px 28px color-mix(in srgb, var(--wp--preset--color--accent) 16%, transparent); }
.gdt-step > .gdt-box-title { display: flex; align-items: center; gap: 12px; font-size: 1.25rem !important; }
.gdt-step > .gdt-box-title::before {
	content: counter(gdt-step); flex: none; display: inline-grid; place-items: center; inline-size: 38px; block-size: 38px; border-radius: 50%;
	background: var(--gdt-grad, var(--wp--preset--color--accent)); color: #fff; font: 800 1rem/1 var(--wp--preset--font-family--heading);
}
.gdt-step .wp-block-image { margin-block: 16px 4px; }
.gdt-step .wp-block-image img { border-radius: 14px; }
.gdt-materials { margin-block: var(--wp--preset--spacing--lg); padding: 22px clamp(18px, 3vw, 30px); border-radius: 20px; border: 1px dashed var(--wp--preset--color--accent); background: color-mix(in srgb, var(--wp--preset--color--accent) 7%, var(--wp--preset--color--surface)); }
.gdt-materials ul { margin: 0; padding-inline-start: 1.25rem; }
.gdt-copy-row { margin: 14px 0 0; }
.gdt-copy { min-height: 44px; padding: 0 20px; border-radius: 999px; border: 1px solid var(--wp--preset--color--accent); background: transparent; color: var(--wp--preset--color--heading); font: 700 0.9375rem/1 var(--wp--preset--font-family--ui); cursor: pointer; transition: background var(--gdt-base), color var(--gdt-base); }
.gdt-copy:hover, .gdt-copy.is-done { background: var(--wp--preset--color--accent); color: #fff; }
.gdt-copy:focus-visible { outline: 2px solid var(--wp--preset--color--accent); outline-offset: 3px; }
.gdt-stepnav { display: flex; flex-wrap: wrap; gap: 8px; margin-block: 0 var(--wp--preset--spacing--md); padding: 0; list-style: none; }
.gdt-stepnav a { display: inline-flex; align-items: center; gap: 8px; min-height: 40px; padding: 0 14px 0 8px; border-radius: 999px; border: 1px solid var(--gdt-line); background: var(--gdt-surface-2); color: var(--wp--preset--color--heading); font: 600 0.875rem/1 var(--wp--preset--font-family--ui); text-decoration: none; transition: border-color var(--gdt-base), background var(--gdt-base); }
.gdt-stepnav a:hover, .gdt-stepnav a.is-current { border-color: var(--wp--preset--color--accent); background: color-mix(in srgb, var(--wp--preset--color--accent) 12%, var(--wp--preset--color--surface)); }
.gdt-stepnav b { display: inline-grid; place-items: center; inline-size: 26px; block-size: 26px; border-radius: 50%; background: var(--wp--preset--color--accent); color: #fff; font-size: 0.8125rem; }
.gdt-disclaimer { background: var(--gdt-surface-2); border: 1px solid var(--gdt-line); padding: var(--wp--preset--spacing--md) var(--wp--preset--spacing--lg); font-size: var(--wp--preset--font-size--small); color: var(--wp--preset--color--text); }
.gdt-disclaimer strong { display: block; margin-bottom: 4px; color: var(--wp--preset--color--heading); }
.gdt-disclaimer p { margin: 0; }
.gdt-sources { font-size: 0.9375rem; padding: var(--wp--preset--spacing--lg) clamp(20px, 3vw, 32px); background: var(--wp--preset--color--surface); border: 1px solid var(--gdt-line); }
.gdt-sources h2 { font-size: 1.125rem; margin: 0 0 8px; }
.gdt-sources ol { margin: 0; padding-inline-start: 1.3em; display: grid; gap: 6px; }
.gdt-sources .gdt-source__meta { color: var(--wp--preset--color--muted); }
.gdt-sources a { padding-block: 3px; }
.gdt-share { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.gdt-share__label { font-weight: 700; margin-inline-end: 4px; color: var(--wp--preset--color--heading); }
.gdt-share a, .gdt-share button {
	min-height: 44px; display: inline-flex; align-items: center; padding-inline: 18px;
	font: 600 0.875rem/1 var(--wp--preset--font-family--ui); text-decoration: none; cursor: pointer;
	color: var(--wp--preset--color--heading); background: var(--gdt-surface-2);
	border: 1px solid var(--gdt-line); border-radius: var(--wp--custom--radius--pill);
	transition: border-color var(--gdt-fast) var(--gdt-ease), transform var(--gdt-fast) var(--gdt-ease);
}
.gdt-share a:hover, .gdt-share button:hover { border-color: var(--wp--preset--color--control-border); }
.gdt-share a:active, .gdt-share button:active { transform: translateY(2px); }
.gdt-author-box { box-sizing: border-box; display: grid; grid-template-columns: auto minmax(0, 1fr); gap: var(--wp--preset--spacing--md); align-items: start; padding: var(--wp--preset--spacing--lg); background: var(--wp--preset--color--surface); border: 1px solid var(--gdt-line); }
@media (max-width: 479px) { .gdt-author-box { grid-template-columns: minmax(0, 1fr); padding: var(--wp--preset--spacing--md); } }
.gdt-author-box__img, .gdt-author-head__img, .gdt-author-card__img { display: block; border-radius: 50%; object-fit: cover; background: var(--wp--preset--color--border); }
.gdt-author-box__text > p { margin: 0; }
.gdt-author-box__label { font-size: var(--wp--preset--font-size--label); letter-spacing: 0.06em; text-transform: uppercase; color: var(--wp--preset--color--muted); }
.gdt-author-box__name { font: 800 1.125rem/1.3 var(--wp--preset--font-family--heading); }
.gdt-author-box__name a { padding-block: 3px; color: var(--wp--preset--color--heading); text-decoration: none; }
.gdt-author-box__name a:hover, .gdt-author-card__name a:hover { text-decoration: underline; text-underline-offset: 0.18em; }
.gdt-author-box__job { font-size: var(--wp--preset--font-size--small); font-weight: 600; color: var(--wp--preset--color--accent-ink); }
.gdt-author-box__bio { margin-top: 6px !important; font-size: 0.9375rem; color: var(--wp--preset--color--muted); }
.gdt-author-box__more { margin-top: 8px !important; font-size: var(--wp--preset--font-size--small); font-weight: 600; }
.gdt-author-box__more a { padding-block: 3px; }
.gdt-related { padding-top: var(--wp--preset--spacing--lg); border-top: 1px solid var(--gdt-line); border-radius: 0; }
.gdt-related h2 { font-size: 1.375rem; margin: 0 0 var(--wp--preset--spacing--md); }
.gdt-related__grid { display: grid; gap: var(--wp--preset--spacing--lg); grid-template-columns: minmax(0, 1fr); }
@media (min-width: 640px) { .gdt-related__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 900px) { .gdt-related__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }

/* ------------------------------------------------------------------ Table of contents and FAQ */
.gdt-toc, .gdt-prose .wp-block-rank-math-toc-block {
	border: 1px solid var(--gdt-line);
	border-radius: 24px;
	background: var(--wp--preset--color--surface);
	font-family: var(--wp--preset--font-family--ui);
}
.gdt-toc summary { box-sizing: border-box; cursor: pointer; padding: 16px 20px; min-height: 44px; font-weight: 800; color: var(--wp--preset--color--heading); }
.gdt-toc ol { margin: 0; padding: 0 20px 18px 2.4em; display: grid; gap: 4px; font-size: 0.9375rem; }
.gdt-toc a { display: inline-block; padding-block: 3px; color: var(--wp--preset--color--text); text-decoration: none; }
.gdt-toc a:hover, .gdt-toc a.is-active { color: var(--wp--preset--color--accent-ink); text-decoration: underline; text-underline-offset: 0.18em; }
.gdt-toc ol ol { padding: 4px 0 0 1.2em; }
/* Rank Math table of contents block (the one the long guides use): two columns on wide screens, no bullets because the chapter titles carry their numbers */
.gdt-prose .wp-block-rank-math-toc-block { padding: 20px 24px; margin-block: var(--wp--preset--spacing--lg); }
.gdt-prose .wp-block-rank-math-toc-block > :where(h2, h3, p):first-child { margin: 0 0 12px; font: 800 1.125rem/1.3 var(--wp--preset--font-family--heading); color: var(--wp--preset--color--heading); }
.gdt-prose .wp-block-rank-math-toc-block :where(ul, ol) { list-style: none; margin: 0; padding: 0; }
.gdt-prose .wp-block-rank-math-toc-block li { margin: 0; break-inside: avoid; }
.gdt-prose .wp-block-rank-math-toc-block a { display: inline-block; padding-block: 5px; color: var(--wp--preset--color--text); text-decoration: none; font-size: 0.9375rem; line-height: 1.4; }
.gdt-prose .wp-block-rank-math-toc-block a:hover { color: var(--wp--preset--color--accent-ink); text-decoration: underline; text-underline-offset: 0.18em; }
@media (min-width: 720px) { .gdt-prose .wp-block-rank-math-toc-block nav > :where(ul, ol), .gdt-prose .wp-block-rank-math-toc-block > :where(ul, ol) { columns: 2; column-gap: 32px; } }
/* Rank Math FAQ block: one card per question */
.gdt-prose .rank-math-block .rank-math-list { display: grid; gap: 12px; margin-block: var(--wp--preset--spacing--lg); }
.gdt-prose .rank-math-list-item { padding: 18px 22px; background: var(--wp--preset--color--surface); border: 1px solid var(--gdt-line); border-radius: 22px; font-family: var(--wp--preset--font-family--ui); }
.gdt-prose .rank-math-question { margin: 0 0 8px; font: 700 1.0625rem/1.35 var(--wp--preset--font-family--heading); letter-spacing: -0.005em; color: var(--wp--preset--color--heading); }
.gdt-prose .rank-math-answer { color: var(--wp--preset--color--text); font-family: var(--wp--preset--font-family--body); font-size: 1rem; line-height: 1.7; }
.gdt-prose .rank-math-answer p { margin: 0; }

/* ------------------------------------------------------------------ Newsletter band */
.gdt-newsletter { --gdt-tone-a: #f3e6ff; --gdt-tone-b: #d5b6ff; --gdt-ink: #261244; --gdt-ink-soft: #4e3775; background: linear-gradient(135deg, var(--gdt-tone-a), var(--gdt-tone-b)); color: var(--gdt-ink); border-radius: var(--gdt-r-lg); }
.gdt-footer > .gdt-newsletter { max-width: calc(var(--wp--style--global--wide-size, 1200px) - 2 * var(--gdt-gutter)); margin: 0 auto var(--wp--preset--spacing--lg); }
.gdt-newsletter__inner { max-width: var(--wp--style--global--wide-size, 1200px); margin-inline: auto; padding: var(--wp--preset--spacing--xl) clamp(20px, 4vw, 48px); display: grid; gap: var(--wp--preset--spacing--md); }
.gdt-newsletter h2 { color: var(--gdt-ink); margin: 0; font-size: var(--wp--preset--font-size--section); max-width: 24ch; }
.gdt-newsletter p { margin: 0; color: var(--gdt-ink-soft); max-width: 52ch; }
.gdt-newsletter form { display: flex; flex-wrap: wrap; gap: 8px; max-width: 520px; }
.gdt-newsletter input[type="email"] { flex: 1 1 220px; min-height: 48px; padding-inline: 16px; border-radius: var(--wp--custom--radius--sm); border: 1px solid #7d62a8; background: #ffffff; color: #151b26; font: 1rem var(--wp--preset--font-family--ui); }
.gdt-newsletter button { min-height: 48px; padding-inline: 24px; border: 0; border-radius: var(--wp--custom--radius--sm); background: var(--gdt-grad); color: #ffffff; font: 600 1rem var(--wp--preset--font-family--ui); cursor: pointer; transition: transform var(--gdt-fast) var(--gdt-ease), filter var(--gdt-fast) var(--gdt-ease); }
.gdt-newsletter button:hover { filter: brightness(1.1); }
.gdt-newsletter button:active { transform: translateY(2px); }
.gdt-newsletter small { color: var(--gdt-ink-soft); }
.gdt-newsletter--inline { border-radius: var(--gdt-r-lg); }
.gdt-newsletter--editor-note { background: transparent; color: var(--wp--preset--color--muted); border: 1px dashed var(--wp--preset--color--control-border); border-radius: var(--wp--custom--radius--md); padding: 16px; font-size: var(--wp--preset--font-size--small); }
.gdt-hp { position: absolute; inset-inline-start: -9999px; width: 1px; height: 1px; overflow: hidden; }

/* ------------------------------------------------------------------ Ad slots (collapsed unless configured) */
.gdt-ad { position: relative; display: grid; place-items: center; background: var(--wp--preset--color--ad-ground); border-radius: var(--wp--custom--radius--sm); overflow: hidden; margin-block: var(--wp--preset--spacing--lg); }
.gdt-ad::before { content: attr(data-label); position: absolute; top: 4px; inset-inline-start: 8px; font: 500 12px/1 var(--wp--preset--font-family--ui); letter-spacing: 0.04em; text-transform: uppercase; color: var(--wp--preset--color--muted); }
.ad-slot-header { min-height: 120px; }
.ad-slot-content { min-height: 300px; }
.ad-slot-between { min-height: 270px; }
.ad-slot-footer { min-height: 270px; }
.ad-slot-sidebar { min-height: 620px; }
.gdt-ad:has(ins.adsbygoogle[data-ad-status="unfilled"]) { display: none; }
.gdt-ad ins.adsbygoogle { min-width: 1px; }
.gdt-ad--preview { border: 1px dashed var(--wp--preset--color--control-border); color: var(--wp--preset--color--muted); font-size: var(--wp--preset--font-size--small); }
@media (max-width: 1023.98px) { .ad-slot-sidebar { display: none; } }

/* ------------------------------------------------------------------ Pillar list (search, 404) */
.gdt-pillars { display: flex; flex-wrap: wrap; gap: 8px; margin: 0; padding: 0; list-style: none; }
.gdt-pillars a { display: inline-flex; align-items: center; min-height: 44px; padding-inline: 18px; border-radius: var(--wp--custom--radius--pill); border: 1px solid var(--gdt-line); background: var(--gdt-surface-2); color: var(--wp--preset--color--heading); font-weight: 700; text-decoration: none; }
.gdt-pillars a:hover { border-color: var(--wp--preset--color--control-border); }

/* ------------------------------------------------------------------ Search page */
.gdt-main .wp-block-search__inside-wrapper { gap: 8px; padding: 0; border: 0; }
.gdt-main .wp-block-search__button { border-radius: var(--wp--custom--radius--pill); }
.gdt-main .wp-block-search__input { min-height: 48px; border: 1px solid var(--wp--preset--color--control-border); border-radius: var(--wp--custom--radius--pill); padding-inline: 20px; background: var(--wp--preset--color--surface); color: var(--wp--preset--color--text); }

/* ------------------------------------------------------------------ Homepage */
.gdt-home { padding-block-end: var(--wp--preset--spacing--xxl); }
.gdt-container { max-width: var(--wp--style--global--wide-size, 1200px); margin-inline: auto; padding-inline: var(--gdt-gutter); }
.gdt-section { padding-block-start: var(--wp--preset--spacing--xl); }
@media (min-width: 1024px) { .gdt-section { padding-block-start: var(--wp--preset--spacing--xxl); } }
.gdt-section__head { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 28px; }
.gdt-section__head h2 { margin: 0; font-size: var(--wp--preset--font-size--section); }
.gdt-pillar .gdt-section__head h2::before { content: ""; display: inline-block; inline-size: 12px; block-size: 12px; margin-inline-end: 12px; border-radius: 50%; background: var(--gdt-pillar); }
.gdt-more { display: inline-flex; align-items: center; min-height: 44px; font-weight: 600; color: var(--wp--preset--color--secondary); text-decoration: none; white-space: nowrap; }
.gdt-more::after { content: "\2192" / ""; margin-inline-start: 6px; transition: transform var(--gdt-fast) var(--gdt-ease); }
[dir="rtl"] .gdt-more::after { content: "\2190" / ""; }
.gdt-more:hover { text-decoration: underline; text-underline-offset: 0.18em; }
.gdt-more:hover::after { transform: translateX(3px); }
[dir="rtl"] .gdt-more:hover::after { transform: translateX(-3px); }
.gdt-empty { margin: 0; padding-block: var(--wp--preset--spacing--xxl); text-align: center; color: var(--wp--preset--color--muted); }

/* Hero: the site's own line in gradient letters, one button, and the lead story as a pastel card. The glows are plain radial gradients (no image to load). */
.gdt-hero { position: relative; isolation: isolate; padding-block-start: clamp(28px, 5vw, 64px); }
.gdt-hero::before {
	content: "";
	position: absolute;
	z-index: -1;
	inset: -140px 0 -40px;
	pointer-events: none;
	background:
		radial-gradient(38% 55% at 6% 62%, var(--gdt-glow-a), transparent 72%),
		radial-gradient(34% 50% at 92% 28%, var(--gdt-glow-b), transparent 72%),
		radial-gradient(28% 40% at 58% 98%, var(--gdt-glow-c), transparent 72%);
}
.gdt-hero__grid { display: grid; gap: 40px; align-items: center; }
@media (min-width: 900px) { .gdt-hero__grid { grid-template-columns: minmax(0, 6fr) minmax(0, 5fr); gap: 56px; } }
.gdt-hero__eyebrow { display: inline-flex; align-items: center; margin: 0 0 20px; padding: 7px 14px; border-radius: var(--wp--custom--radius--pill); font: 600 0.8125rem/1 var(--wp--preset--font-family--ui); color: var(--wp--preset--color--accent-ink); background: color-mix(in srgb, var(--wp--preset--color--accent) 16%, var(--wp--preset--color--surface)); }
.gdt-hero__title {
	margin: 0;
	padding-bottom: 0.12em;
	font: 800 clamp(2.1rem, 1.2rem + 3.4vw, 3.6rem)/1.1 var(--wp--preset--font-family--heading);
	letter-spacing: -0.025em;
	text-wrap: balance;
	color: var(--wp--preset--color--accent-ink);
	background: var(--gdt-grad-text);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
}
:lang(ar) .gdt-hero__title { letter-spacing: 0; line-height: 1.35; font-weight: 700; }
.gdt-hero__cta { margin: 32px 0 0; }

/* Latest articles: a bento of pastel cards, 7+5 then 5+7 columns of twelve */
.gdt-bento { list-style: none; margin: 0; padding: 0; display: grid; gap: 24px; grid-template-columns: minmax(0, 1fr); }
.gdt-bento > li { margin: 0; min-width: 0; }
@media (min-width: 900px) {
	.gdt-bento { grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 32px; }
	.gdt-bento > li { grid-column: span 6; }
	.gdt-bento > li:nth-child(4n+1), .gdt-bento > li:nth-child(4n+4) { grid-column: span 7; }
	.gdt-bento > li:nth-child(4n+2), .gdt-bento > li:nth-child(4n+3) { grid-column: span 5; }
	.gdt-bento > li.gdt-bento__wide { grid-column: 1 / -1; }
	.gdt-bento__wide .gdt-card--pastel { grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); column-gap: 36px; align-content: center; }
	.gdt-bento__wide .gdt-card__media { grid-column: 1; grid-row: 1 / span 4; }
	.gdt-bento__wide .gdt-chip, .gdt-bento__wide .gdt-card__title, .gdt-bento__wide .gdt-card__excerpt, .gdt-bento__wide .gdt-card__meta { grid-column: 2; }
}

/* Trending: a horizontal rail */
.gdt-rail { list-style: none; margin: 0; padding: 0 0 16px; display: grid; grid-auto-flow: column; grid-auto-columns: min(80%, 300px); gap: var(--wp--preset--spacing--md); overflow-x: auto; scroll-snap-type: x mandatory; overscroll-behavior-x: contain; scrollbar-width: thin; }
.gdt-rail > li { margin: 0; scroll-snap-align: start; min-width: 0; }
@media (min-width: 1024px) { .gdt-rail { grid-auto-columns: calc((100% - 3 * var(--wp--preset--spacing--md)) / 4); } }

/* Topic sections: one lead story and up to three others, the same module for every topic */
.gdt-pillar__grid { display: grid; gap: var(--wp--preset--spacing--lg) var(--wp--preset--spacing--xl); }
@media (min-width: 900px) { .gdt-pillar__grid { grid-template-columns: minmax(0, 6fr) minmax(0, 5fr); align-items: start; } }
.gdt-pillar__side, .gdt-hero__side { list-style: none; margin: 0; padding: 0; display: grid; gap: 14px; }
.gdt-pillar__side > li, .gdt-hero__side > li { margin: 0; }

/* Editor's picks */
.gdt-picks { margin-block-start: 0; }
.gdt-picks__grid { list-style: none; margin: 0; padding: 0; display: grid; gap: var(--wp--preset--spacing--lg) var(--wp--preset--spacing--lg); grid-template-columns: repeat(auto-fit, minmax(min(100%, 22rem), 1fr)); }
.gdt-picks__grid > li { margin: 0; }

/* Most popular: a ranked list */
.gdt-ranked { list-style: none; margin: 0; padding: 0; counter-reset: gdt-rank; display: grid; gap: 14px; }
.gdt-ranked > li { counter-increment: gdt-rank; display: grid; grid-template-columns: 2.75rem minmax(0, 1fr); gap: 0 8px; align-items: center; margin: 0; }
.gdt-ranked > li::before { content: counter(gdt-rank); font: 800 1.75rem/1 var(--wp--preset--font-family--heading); color: var(--wp--preset--color--accent-ink); background: var(--gdt-grad-text); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; text-align: center; }
@media (min-width: 900px) { .gdt-ranked { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: var(--wp--preset--spacing--xl); } }

/* ------------------------------------------------------------------ Topic pages and the Trending hub */
.gdt-archive-head .gdt-archive-intro, .gdt-archive-head .wp-block-post-content { margin: 0; color: var(--wp--preset--color--muted); max-width: 62ch; font-size: 1.0625rem; }
.gdt-archive-head .wp-block-post-content > * + * { margin-top: var(--wp--preset--spacing--sm); }
.gdt-subnav { margin-bottom: var(--wp--preset--spacing--xl); }
.gdt-pillars a[aria-current="page"] { background: var(--gdt-grad); color: #ffffff; border-color: transparent; }
.gdt-top { margin-bottom: var(--wp--preset--spacing--xxl); }
.gdt-top__grid { display: grid; gap: var(--wp--preset--spacing--xl); }
@media (min-width: 900px) { .gdt-top__grid:not(.gdt-top--solo) { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); align-items: start; } }
.gdt-top--solo .gdt-top__lead { max-width: 760px; }
.gdt-top__title, .gdt-latest-title { margin: 0 0 var(--wp--preset--spacing--md); padding-bottom: 10px; border-bottom: 1px solid var(--gdt-line); font-size: 1.125rem; }
.gdt-latest-title { margin-bottom: var(--wp--preset--spacing--lg); font-size: var(--wp--preset--font-size--section); }
.gdt-popular--topic { margin-top: var(--wp--preset--spacing--xxl); padding-top: 0; }
.gdt-about { margin-top: var(--wp--preset--spacing--xxl); padding-top: var(--wp--preset--spacing--xl); border-top: 1px solid var(--wp--preset--color--border); max-width: 760px; }
.gdt-main .gdt-about { max-width: 760px; margin-inline: 0 !important; }
.gdt-about h2 { margin: 0 0 var(--wp--preset--spacing--md); font-size: var(--wp--preset--font-size--section); }
.gdt-about__text { font: 400 1.0625rem/1.7 var(--wp--preset--font-family--body); color: var(--wp--preset--color--text); }
.gdt-about__text > * + * { margin-top: var(--wp--preset--spacing--md); }
.gdt-feed-grid { display: grid; gap: var(--wp--preset--spacing--lg); grid-template-columns: repeat(auto-fill, minmax(min(17rem, 100%), 1fr)); }
.gdt-topic-empty, .gdt-trending-empty { display: grid; gap: var(--wp--preset--spacing--md); justify-items: start; }
.gdt-topic-empty .gdt-empty, .gdt-trending-empty .gdt-empty { padding-block: var(--wp--preset--spacing--lg) 0; text-align: start; }
.gdt-empty__action { margin: 0; }
.gdt-empty__action a { text-decoration: none; }

/* ------------------------------------------------------------------ Article: reading extras */
.gdt-article__body { --wp--style--block-gap: var(--wp--preset--spacing--md); }
.gdt-share [hidden] { display: none !important; }
.gdt-share--rail { display: none; }
.gdt-inline-related {
	display: grid;
	gap: 4px;
	margin-block: var(--wp--preset--spacing--lg);
	padding: 14px 18px;
	background: var(--gdt-surface-2);
	border: 1px solid var(--gdt-line);
	border-inline-start: 4px solid var(--gdt-pillar);
	border-radius: 22px;
	font-family: var(--wp--preset--font-family--ui);
}
.gdt-inline-related__label { font: 700 var(--wp--preset--font-size--label)/1.2 var(--wp--preset--font-family--ui); letter-spacing: 0.06em; text-transform: uppercase; color: var(--gdt-pillar); }
.gdt-inline-related__title { padding-block: 3px; font: 800 1.125rem/1.3 var(--wp--preset--font-family--heading); letter-spacing: -0.01em; color: var(--wp--preset--color--heading); text-decoration: none; }
.gdt-inline-related__title:hover { text-decoration: underline; text-underline-offset: 0.18em; }
.gdt-inline-related__meta { font-size: var(--wp--preset--font-size--small); color: var(--wp--preset--color--muted); }
.gdt-comments { margin-top: var(--wp--preset--spacing--xl); font-family: var(--wp--preset--font-family--ui); }
.gdt-comments h2 { font-size: 1.375rem; }
.gdt-comment { gap: 12px; padding-block: 16px; border-top: 1px solid var(--wp--preset--color--border); }
.gdt-comment .wp-block-avatar img { border-radius: 50%; display: block; }
.gdt-comment .wp-block-comment-author-name { font-weight: 700; color: var(--wp--preset--color--heading); }
.gdt-comment .wp-block-comment-date { font-size: var(--wp--preset--font-size--small); color: var(--wp--preset--color--muted); }
.gdt-comments :where(textarea, input[type="text"], input[type="email"], input[type="url"]) { width: 100%; min-height: 44px; padding: 10px 12px; border: 1px solid var(--wp--preset--color--control-border); border-radius: 14px; background: var(--wp--preset--color--surface); color: var(--wp--preset--color--text); font: 1rem var(--wp--preset--font-family--ui); }
.gdt-comments input[type="submit"] { min-height: 48px; padding-inline: 24px; border: 0; border-radius: var(--wp--custom--radius--sm); background: var(--gdt-grad); color: #ffffff; font: 600 1rem var(--wp--preset--font-family--ui); cursor: pointer; }

/* Wide screens: share rail beside the text, table of contents on the other side, both sticky inside the article body */
@media (min-width: 1400px) {
	.gdt-article__body > .gdt-share--rail {
		display: grid;
		gap: 8px;
		float: inline-start;
		position: sticky;
		top: 112px;
		width: 44px;
		max-width: 44px !important;
		margin-inline-start: -80px !important;
		margin-inline-end: 0 !important;
		margin-block-start: 0 !important;
	}
	.gdt-share--rail a, .gdt-share--rail button { width: 44px; min-width: 44px; padding: 0; justify-content: center; border-radius: 50%; font-size: 0.8125rem; }
	.gdt-article__body > .wp-block-gdt-toc {
		float: inline-end;
		position: sticky;
		top: 112px;
		width: 230px;
		max-width: 230px !important;
		margin-inline-start: 24px !important;
		margin-inline-end: -262px !important;
		margin-block-start: 0 !important;
	}
	.gdt-article__body > .wp-block-gdt-toc .gdt-toc { max-height: calc(100vh - 140px); overflow-y: auto; }
}

/* ------------------------------------------------------------------ Authors */
.gdt-author-head { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--wp--preset--spacing--lg); align-items: start; }
@media (min-width: 700px) { .gdt-author-head { grid-template-columns: 160px minmax(0, 1fr); gap: var(--wp--preset--spacing--xl); } }
.gdt-author-head__img { width: 120px; height: 120px; }
@media (min-width: 700px) { .gdt-author-head__img { width: 160px; height: 160px; } }
.gdt-author-head h1 { margin: 0; }
.gdt-author-head__job { margin: 4px 0 0; font-weight: 700; color: var(--wp--preset--color--accent-ink); }
.gdt-author-head__bio { margin-top: 12px; max-width: 62ch; font: 400 1.0625rem/1.7 var(--wp--preset--font-family--body); }
.gdt-author-head__bio > * + * { margin-top: var(--wp--preset--spacing--md); }
.gdt-author-head__count { margin: 12px 0 0; font-size: var(--wp--preset--font-size--small); color: var(--wp--preset--color--muted); }
.gdt-tags { display: flex; flex-wrap: wrap; gap: 6px; margin: 12px 0 0; padding: 0; list-style: none; }
.gdt-tags li { margin: 0; padding: 7px 10px; border-radius: var(--wp--custom--radius--pill); background: color-mix(in srgb, var(--wp--preset--color--heading) 8%, var(--wp--preset--color--surface)); color: var(--wp--preset--color--heading); font: 600 0.8125rem/1 var(--wp--preset--font-family--ui); }
.gdt-author-links { margin-top: 14px; }
.gdt-reviewed { margin-top: var(--wp--preset--spacing--xxl); }
.gdt-authors { list-style: none; margin: 0; padding: 0; display: grid; gap: var(--wp--preset--spacing--lg); grid-template-columns: repeat(auto-fill, minmax(min(18rem, 100%), 1fr)); }
.gdt-authors > li { margin: 0; }
.gdt-author-card { box-sizing: border-box; display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 16px; align-items: center; padding: 16px; background: var(--wp--preset--color--surface); border: 1px solid var(--gdt-line); border-radius: 22px; }
.gdt-author-card__name { margin: 0; font-size: 1.125rem; }
.gdt-author-card__name a { padding-block: 3px; color: var(--wp--preset--color--heading); text-decoration: none; }
.gdt-author-card__job, .gdt-author-card__count { margin: 0; font-size: var(--wp--preset--font-size--small); color: var(--wp--preset--color--muted); }

/* ------------------------------------------------------------------ Right to left and Arabic */
:lang(ar) {
	--wp--preset--font-family--heading: "IBM Plex Sans Arabic", "Plus Jakarta Sans", "Plus Jakarta Sans Fallback", system-ui, sans-serif;
	--wp--preset--font-family--ui: "IBM Plex Sans Arabic", "Plus Jakarta Sans", "Plus Jakarta Sans Fallback", system-ui, sans-serif;
	--wp--preset--font-family--body: "Noto Naskh Arabic", "Source Serif 4", "Source Serif 4 Fallback", Georgia, serif;
}
:lang(ar) .wp-block-post-content, :lang(ar) .gdt-prose { font-size: 1.25rem; line-height: 1.9; }
:lang(ar) h1, :lang(ar) h2, :lang(ar) h3, :lang(ar) h4 { letter-spacing: 0; line-height: 1.3; font-weight: 700; }
:lang(ja) {
	--wp--preset--font-family--heading: "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Yu Gothic UI", "Yu Gothic", "Meiryo", "Noto Sans JP", "Plus Jakarta Sans", system-ui, sans-serif;
	--wp--preset--font-family--ui: "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Yu Gothic UI", "Yu Gothic", "Meiryo", "Noto Sans JP", "Plus Jakarta Sans", system-ui, sans-serif;
	--wp--preset--font-family--body: "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Yu Gothic UI", "Yu Gothic", "Meiryo", "Noto Sans JP", "Plus Jakarta Sans", system-ui, sans-serif;
	word-break: auto-phrase;
	line-break: strict;
}
:lang(ja) .wp-block-post-content, :lang(ja) .gdt-prose { font-size: 1.0625rem; line-height: 1.95; }
:lang(ja) h1, :lang(ja) h2, :lang(ja) h3, :lang(ja) h4, :lang(ja) .gdt-hero__title { letter-spacing: 0; line-height: 1.4; font-weight: 700; }
:lang(ja) .gdt-chip, :lang(ja) .gdt-chips a { letter-spacing: 0; }
[dir="rtl"] { --gdt-angle: 260deg; } /* The gradients run from the reading start, which is the right edge in Arabic */
[dir="rtl"] .gdt-chip, [dir="rtl"] .gdt-chips a { letter-spacing: 0; text-transform: none; }
[dir="rtl"] .wp-block-code code { direction: rtl; unicode-bidi: plaintext; } /* Each line takes the direction of its first letter: an Arabic prompt reads right to left, an XML tag line stays left to right */

/* ------------------------------------------------------------------ Windows high contrast and forced colours */
@media (forced-colors: active) {
	.gdt-chip, .gdt-chips a, .gdt-card, .gdt-author-box, .gdt-author-card, .gdt-tags li, .gdt-callout, .gdt-key-takeaways, .gdt-toc, .gdt-lang__menu ul, .gdt-footer__inner, .gdt-newsletter, .gdt-prose .wp-block-rank-math-toc-block, .gdt-prose .rank-math-list-item { border: 1px solid CanvasText; }
	.gdt-card__ph, .gdt-hero::before { display: none; }
	.gdt-hero__title, .gdt-logo a::after, .gdt-ranked > li::before { background: none; -webkit-text-fill-color: currentColor; }
	:root .wp-element-button, :root .wp-block-button__link, .gdt-btn, .wp-block-query-pagination .page-numbers.current { border: 1px solid ButtonText; }
	.gdt-progress span { background: Highlight; forced-color-adjust: none; }
	:focus-visible { outline-color: Highlight; }
	.gdt-footer, .gdt-newsletter { border-top: 1px solid CanvasText; }
}

/* ------------------------------------------------------------------ Motion and print */
@keyframes gdt-fade-up { from { opacity: 0; transform: translateY(12px); } to { opacity: 1; transform: none; } }
@media (prefers-reduced-motion: reduce) {
	*, *::before, *::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; scroll-behavior: auto !important; }
	.gdt-reveal { opacity: 1; transform: none; }
}
@media print {
	.gdt-header, .gdt-footer, .gdt-share, .gdt-ad, .gdt-newsletter, .gdt-progress, .gdt-related { display: none !important; }
}

/* FitProgress Pro banner inside articles (promotes one listed product; clean, no popup) */
.gdt-fp { margin-block: 2.25rem; border-radius: 24px; color: #fff; background: linear-gradient(135deg, #0b1f44 0%, #0a5d6e 55%, #0a7f76 100%); box-shadow: 0 14px 34px rgb(5 20 40 / 0.28); overflow: hidden; }
.gdt-fp__body { padding: clamp(1.25rem, 4vw, 2.25rem); max-width: 46rem; }
.gdt-fp__tag { display: inline-block; margin: 0 0 0.75rem; padding: 0.3rem 0.8rem; border-radius: 999px; background: rgb(255 255 255 / 0.16); font: 700 0.75rem/1 var(--wp--preset--font-family--ui); letter-spacing: 0.08em; text-transform: uppercase; }
.gdt-fp__title { margin: 0 0 0.5rem; font: 800 clamp(1.4rem, 3.4vw, 1.9rem)/1.2 var(--wp--preset--font-family--heading, var(--wp--preset--font-family--ui)); color: #fff; }
.gdt-fp__text { margin: 0 0 1rem; color: #e6f1f4; font-size: 1.0625rem; line-height: 1.55; }
.gdt-fp__list { margin: 0 0 1.4rem; padding: 0; list-style: none; display: grid; gap: 0.5rem; }
.gdt-fp__list li { position: relative; padding-inline-start: 1.7rem; color: #fff; line-height: 1.45; }
.gdt-fp__list li::before { content: ""; position: absolute; inset-inline-start: 0; inset-block-start: 0.2rem; width: 1.1rem; height: 1.1rem; border-radius: 50%; background: #ffd66b; }
.gdt-fp__list li::after { content: ""; position: absolute; inset-inline-start: 0.36rem; inset-block-start: 0.37rem; width: 0.3rem; height: 0.55rem; border: solid #0b1f44; border-width: 0 2px 2px 0; transform: rotate(45deg); }
.gdt-fp__action { margin: 0; }
.gdt-fp__cta { display: inline-flex; align-items: center; gap: 0.35rem; min-height: 48px; padding: 0.75rem 1.5rem; border-radius: 999px; background: #ffd66b; color: #1a1a1a; font: 800 1rem/1.2 var(--wp--preset--font-family--ui); text-decoration: none; transition: transform 0.18s ease, box-shadow 0.18s ease, background 0.18s ease; }
.gdt-fp__cta:hover, .gdt-fp__cta:focus-visible { background: #ffe08f; transform: translateY(-2px); box-shadow: 0 8px 18px rgb(0 0 0 / 0.28); color: #1a1a1a; }
.gdt-fp__cta:focus-visible { outline: 3px solid #fff; outline-offset: 3px; }
[dir="rtl"] .gdt-fp__cta span { display: inline-block; transform: scaleX(-1); }
@media (prefers-reduced-motion: reduce) { .gdt-fp__cta { transition: none; } .gdt-fp__cta:hover, .gdt-fp__cta:focus-visible { transform: none; } }
@media (forced-colors: active) { .gdt-fp { border: 1px solid CanvasText; } .gdt-fp__cta { border: 2px solid ButtonText; } }