/**
 * DolphX Group — front-end styles.
 *
 * theme.json owns the raw tokens (color/type/spacing) as CSS custom properties.
 * This file styles the theme's components on top of them and implements dark
 * mode by overriding those properties under html[data-theme="dark"]. Light is
 * the default; dark is opt-in via the header toggle (persisted) — we do not
 * auto-switch on the OS setting.
 */

:root {
	--dphx-ui: var(--wp--preset--font-family--ui);
	--dphx-elevated: #ffffff;
	--dphx-scrim: linear-gradient(180deg, rgba(8,10,14,0) 28%, rgba(8,10,14,0.82) 100%);
	--dphx-shadow: var(--wp--custom--dphx--shadow--raised);
	--dphx-header-bg: rgba(255,255,255,0.82);
}

html[data-theme="dark"] {
	--wp--preset--color--base: #0A0C10;
	--wp--preset--color--surface: #11151C;
	--wp--preset--color--elevated: #161B24;
	--wp--preset--color--border: #232b37;
	--wp--preset--color--contrast: #F2F5F8;
	--wp--preset--color--contrast-soft: #9AA5B3;
	--wp--preset--color--primary: #5AA0FF;
	--dphx-elevated: #161B24;
	--dphx-shadow: 0 18px 40px -18px rgba(0,0,0,0.72);
	--dphx-header-bg: rgba(10,12,16,0.74);
	color-scheme: dark;
}

/* ---- Base ---- */
body { background: var(--wp--preset--color--base); color: var(--wp--preset--color--contrast); transition: background .3s ease, color .3s ease; }
a { text-decoration: none; }
a:hover { text-decoration: none; }

@media (prefers-reduced-motion: reduce) {
	*, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; scroll-behavior: auto !important; }
}

.skip-link { position: absolute; left: -9999px; z-index: 999; padding: .75rem 1rem; background: var(--wp--preset--color--contrast); color: var(--wp--preset--color--base); border-radius: var(--wp--custom--dphx--radius--md); }
.skip-link:focus { left: 1rem; top: 1rem; }
img, video { max-width: 100%; height: auto; }
.screen-reader-text { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(1px,1px,1px,1px); clip-path: inset(50%); border: 0; }

@view-transition { navigation: auto; }

/* ---- Reveal-on-scroll ---- */
@media (prefers-reduced-motion: no-preference) {
	.js .dphx-reveal { opacity: 0; transform: translateY(14px); transition: opacity .6s ease, transform .6s ease; }
	.js .dphx-reveal.is-visible { opacity: 1; transform: none; }
}

/* =========================================================================
 * Header (template part)
 * ====================================================================== */
.dphx-header {
	position: sticky; top: 0; z-index: 80;
	background: var(--dphx-header-bg);
	-webkit-backdrop-filter: saturate(160%) blur(12px);
	backdrop-filter: saturate(160%) blur(12px);
	border-bottom: 1px solid var(--wp--preset--color--border);
	padding-block: var(--wp--preset--spacing--30) !important;
}
.dphx-header .wp-block-site-title { font-family: var(--wp--preset--font-family--heading); font-weight: 900; letter-spacing: -.03em; }
.dphx-header .wp-block-site-title a { color: var(--wp--preset--color--contrast); }
.dphx-header .wp-block-site-tagline { font-family: var(--dphx-ui); color: var(--wp--preset--color--contrast-soft); }
.dphx-header .wp-block-navigation { font-family: var(--dphx-ui); font-weight: 600; }
.dphx-header .wp-block-navigation a { color: var(--wp--preset--color--contrast); text-transform: uppercase; letter-spacing: .04em; font-size: var(--wp--preset--font-size--small); position: relative; }
.dphx-header .wp-block-navigation a:hover { color: var(--wp--preset--color--accent-ink); }

/* Theme toggle (added via wp:html in header.html) */
.dphx-theme-toggle {
	appearance: none; cursor: pointer; width: 42px; height: 42px; line-height: 1;
	display: inline-grid; place-items: center; font-size: 18px;
	border: 1px solid var(--wp--preset--color--border);
	border-radius: var(--wp--custom--dphx--radius--md);
	background: var(--wp--preset--color--elevated); color: var(--wp--preset--color--contrast);
	transition: transform .15s ease, background .2s ease;
}
.dphx-theme-toggle:hover { background: var(--wp--preset--color--surface); }
.dphx-theme-toggle:active { transform: scale(.92); }
.dphx-theme-toggle .ico-dark { display: none; }
html[data-theme="dark"] .dphx-theme-toggle .ico-dark { display: inline; }
html[data-theme="dark"] .dphx-theme-toggle .ico-light { display: none; }

/* =========================================================================
 * Article card (shared markup, used everywhere)
 * ====================================================================== */
.dphx-card { display: flex; flex-direction: column; gap: var(--wp--preset--spacing--20); min-width: 0; }
.dphx-card__media { display: block; position: relative; overflow: hidden; border-radius: var(--wp--custom--dphx--radius--md); aspect-ratio: 16/10; background: var(--wp--preset--color--surface); }
.dphx-card__img { width: 100%; height: 100%; object-fit: cover; transition: transform .5s ease; }
@media (hover: hover) and (prefers-reduced-motion: no-preference) {
	.dphx-card:hover .dphx-card__img { transform: scale(1.06); }
}
.dphx-card:has(a:hover) .dphx-card__title, .dphx-card:has(a:focus-visible) .dphx-card__title { color: var(--wp--preset--color--accent-ink); }
.dphx-card__kicker { display: inline-block; font-family: var(--dphx-ui); font-size: var(--wp--preset--font-size--x-small); font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--wp--preset--color--accent-ink); }
.dphx-card__title { margin: 0; font-family: var(--wp--preset--font-family--heading); font-weight: 700; font-size: var(--wp--preset--font-size--large); line-height: 1.16; letter-spacing: -.01em; }
.dphx-card__title a { color: inherit; transition: color var(--wp--custom--dphx--transition--base); }
.dphx-card__title a::after { content: ""; position: absolute; inset: 0; }
.dphx-card__body { position: relative; display: flex; flex-direction: column; gap: 7px; }
.dphx-card__excerpt { margin: 0; font-size: var(--wp--preset--font-size--small); color: var(--wp--preset--color--contrast-soft); line-height: 1.5; }
.dphx-card__meta { font-family: var(--dphx-ui); font-size: var(--wp--preset--font-size--x-small); color: var(--wp--preset--color--contrast-soft); display: flex; gap: .5em; align-items: center; }

/* Hero: cinematic overlay */
.dphx-card--hero { position: relative; min-height: clamp(360px, 44vw, 520px); border-radius: var(--wp--custom--dphx--radius--lg); overflow: hidden; box-shadow: var(--dphx-shadow); gap: 0; }
.dphx-card--hero .dphx-card__media { position: absolute; inset: 0; aspect-ratio: auto; border-radius: 0; height: 100%; }
.dphx-card--hero .dphx-card__media::after { content: ""; position: absolute; inset: 0; background: var(--dphx-scrim); }
.dphx-card--hero .dphx-card__body { position: absolute; inset-inline: 0; bottom: 0; z-index: 2; padding: clamp(20px, 3vw, 36px); gap: 10px; }
.dphx-card--hero .dphx-card__kicker { color: #fff; }
.dphx-card--hero .dphx-card__title { font-size: clamp(1.9rem, 1.2rem + 2.6vw, 3.25rem); font-weight: 800; color: #fff; }
.dphx-card--hero .dphx-card__title a { color: #fff; }
.dphx-card--hero .dphx-card__excerpt { color: rgba(255,255,255,.86); font-size: var(--wp--preset--font-size--medium); max-width: 60ch; }
.dphx-card--hero .dphx-card__meta { color: rgba(255,255,255,.82); }

/* Horizontal + compact */
.dphx-card--horizontal { flex-direction: row; align-items: flex-start; gap: var(--wp--preset--spacing--30); }
.dphx-card--horizontal .dphx-card__media { flex: 0 0 40%; max-width: 240px; }
.dphx-card--compact { flex-direction: row; align-items: center; gap: var(--wp--preset--spacing--30); }
.dphx-card--compact .dphx-card__media { flex: 0 0 88px; aspect-ratio: 1; border-radius: var(--wp--custom--dphx--radius--sm); }
.dphx-card--compact .dphx-card__title { font-size: var(--wp--preset--font-size--small); }

/* =========================================================================
 * Modules
 * ====================================================================== */
.dphx-module__head { display: flex; align-items: center; justify-content: space-between; gap: var(--wp--preset--spacing--30); margin-block-end: var(--wp--preset--spacing--40); }
.dphx-module__title { position: relative; margin: 0; padding-inline-start: 16px; font-family: var(--wp--preset--font-family--heading); font-weight: 800; font-size: var(--wp--preset--font-size--x-large); letter-spacing: -.02em; }
.dphx-module__title::before { content: ""; position: absolute; inset-inline-start: 0; top: .12em; bottom: .12em; width: 5px; border-radius: 3px; background: var(--wp--preset--color--accent); }
.dphx-module__more { font-family: var(--dphx-ui); font-size: var(--wp--preset--font-size--small); font-weight: 600; color: var(--wp--preset--color--primary); white-space: nowrap; }

.dphx-grid { display: grid; gap: var(--wp--preset--spacing--50); grid-template-columns: repeat(var(--dphx-cols, 3), minmax(0, 1fr)); }
@media (max-width: 1024px) { .dphx-grid { grid-template-columns: repeat(2, minmax(0,1fr)); } }
@media (max-width: 600px) { .dphx-grid { grid-template-columns: 1fr; } }

.dphx-list { display: flex; flex-direction: column; counter-reset: dphx-rank; }
.dphx-list > .dphx-card { padding-block: var(--wp--preset--spacing--30); border-block-end: 1px solid var(--wp--preset--color--border); }
.dphx-list > .dphx-card:last-child { border-block-end: 0; }

/* Tabbed module */
.dphx-module__tabs { display: flex; flex-wrap: wrap; gap: 4px; margin-block-end: var(--wp--preset--spacing--40); border-block-end: 1px solid var(--wp--preset--color--border); }
.dphx-module__tab { appearance: none; background: transparent; border: 0; border-block-end: 3px solid transparent; margin-block-end: -1px; padding: 10px 14px; font-family: var(--wp--preset--font-family--heading); font-weight: 700; font-size: var(--wp--preset--font-size--medium); color: var(--wp--preset--color--contrast-soft); cursor: pointer; transition: color .2s ease, border-color .2s ease; }
.dphx-module__tab:hover { color: var(--wp--preset--color--contrast); }
.dphx-module__tab[aria-selected="true"] { color: var(--wp--preset--color--contrast); border-block-end-color: var(--wp--preset--color--accent); }
.dphx-module__tab:focus-visible { outline: 2px solid var(--wp--preset--color--primary); outline-offset: 3px; border-radius: 4px; }
.dphx-module__empty { color: var(--wp--preset--color--contrast-soft); font-size: var(--wp--preset--font-size--small); }

/* Carousel */
.dphx-carousel { position: relative; display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: var(--wp--preset--spacing--20); }
.dphx-carousel__rail { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(280px, 1fr); gap: var(--wp--preset--spacing--50); margin: 0; padding: 4px; list-style: none; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; overscroll-behavior-x: contain; }
.dphx-carousel__rail::-webkit-scrollbar { display: none; }
.dphx-carousel__item { scroll-snap-align: start; min-width: 0; }
.dphx-carousel__nav { display: grid; place-items: center; width: 46px; height: 46px; font-size: 1.4rem; line-height: 1; color: var(--wp--preset--color--contrast); background: var(--wp--preset--color--elevated); border: 1px solid var(--wp--preset--color--border); border-radius: var(--wp--custom--dphx--radius--pill); box-shadow: var(--wp--custom--dphx--shadow--card); cursor: pointer; transition: transform var(--wp--custom--dphx--transition--base), background var(--wp--custom--dphx--transition--base); }
.dphx-carousel__nav:hover { background: var(--wp--preset--color--surface); }
.dphx-carousel__nav:active { transform: scale(.9); }
@media (hover: none), (max-width: 640px) { .dphx-carousel { grid-template-columns: 1fr; } .dphx-carousel__nav { display: none; } }

/* =========================================================================
 * Sections
 * ====================================================================== */
.dphx-section { padding-block: var(--wp--preset--spacing--60); }
.dphx-section--surface { background: var(--wp--preset--color--surface); }
.dphx-section--contrast { background: var(--wp--preset--color--contrast); color: var(--wp--preset--color--base); }
.dphx-section--contrast .dphx-card__excerpt, .dphx-section--contrast .dphx-card__meta { color: rgba(255,255,255,.7); }
.dphx-section__label { margin: 0 auto var(--wp--preset--spacing--30); max-width: var(--wp--style--global--wide-size, 1200px); font-family: var(--dphx-ui); font-size: var(--wp--preset--font-size--x-small); font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--wp--preset--color--accent-ink); }

/* =========================================================================
 * Retention engine bits
 * ====================================================================== */
.dphx-progress { position: fixed; inset-block-start: 0; inset-inline: 0; z-index: 100; height: 3px; background: transparent; pointer-events: none; }
.dphx-progress__bar { display: block; height: 100%; width: 0; background: linear-gradient(90deg, var(--wp--preset--color--accent), var(--wp--preset--color--live)); transition: width 80ms linear; }

.dphx-read-time { display: inline-flex; align-items: center; gap: .35em; font-family: var(--dphx-ui); font-size: var(--wp--preset--font-size--small); color: var(--wp--preset--color--contrast-soft); }
.dphx-byline { align-items: center; color: var(--wp--preset--color--contrast-soft); font-family: var(--dphx-ui); }

.dphx-tldr { border: 1px solid var(--wp--preset--color--border); border-inline-start: 4px solid var(--wp--preset--color--accent); border-radius: var(--wp--custom--dphx--radius--md); background: var(--wp--preset--color--surface); padding: var(--wp--preset--spacing--40); }
.dphx-tldr__eyebrow { margin: 0 0 var(--wp--preset--spacing--20); font-family: var(--dphx-ui); font-size: var(--wp--preset--font-size--x-small); font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--wp--preset--color--accent-ink); }
.dphx-tldr__summary { margin: 0 0 var(--wp--preset--spacing--30); font-weight: 600; }
.dphx-tldr__list { margin: 0; padding-inline-start: 1.2em; display: flex; flex-direction: column; gap: var(--wp--preset--spacing--20); }

/* Article */
.dphx-article--appended { margin-block-start: var(--wp--preset--spacing--70); }
.dphx-article__divider { border: 0; border-block-start: 1px solid var(--wp--preset--color--border); margin-block-end: var(--wp--preset--spacing--50); }
.dphx-article__header { display: flex; flex-direction: column; gap: var(--wp--preset--spacing--20); margin-block-end: var(--wp--preset--spacing--40); }
.dphx-article__title { margin: 0; font-family: var(--wp--preset--font-family--heading); font-weight: 800; font-size: var(--wp--preset--font-size--xx-large); line-height: 1.1; letter-spacing: -.02em; }
.dphx-article__title a { color: inherit; }
.dphx-article__media { margin: 0 0 var(--wp--preset--spacing--40); }
.dphx-article__media img { width: 100%; height: auto; border-radius: var(--wp--custom--dphx--radius--lg); }
.dphx-ilink { color: var(--wp--preset--color--primary); text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 2px; }

.dphx-infinite { min-height: 1px; }
.dphx-infinite__sentinel { height: 1px; }
.dphx-infinite__status { text-align: center; color: var(--wp--preset--color--contrast-soft); font-family: var(--dphx-ui); font-size: var(--wp--preset--font-size--small); }

/* =========================================================================
 * Entity hub
 * ====================================================================== */
.dphx-entity { display: flex; gap: var(--wp--preset--spacing--40); align-items: center; padding: var(--wp--preset--spacing--50); background: var(--wp--preset--color--surface); border-radius: var(--wp--custom--dphx--radius--lg); }
.dphx-entity__image { width: 120px; height: 120px; border-radius: var(--wp--custom--dphx--radius--md); object-fit: cover; flex: none; }
.dphx-entity__type { margin: 0 0 6px; font-family: var(--dphx-ui); font-size: var(--wp--preset--font-size--x-small); font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--wp--preset--color--accent-ink); }
.dphx-entity__name { margin: 0; font-family: var(--wp--preset--font-family--heading); font-weight: 900; font-size: var(--wp--preset--font-size--xx-large); letter-spacing: -.02em; }
.dphx-entity__desc { margin: .4rem 0 0; color: var(--wp--preset--color--contrast-soft); }
.dphx-entity__links { display: flex; flex-wrap: wrap; gap: .5em; list-style: none; margin: var(--wp--preset--spacing--20) 0 0; padding: 0; font-family: var(--dphx-ui); font-size: var(--wp--preset--font-size--small); }
.dphx-entity__links a { background: var(--wp--preset--color--elevated); border: 1px solid var(--wp--preset--color--border); border-radius: var(--wp--custom--dphx--radius--pill); padding: .25em .85em; color: var(--wp--preset--color--contrast-soft); }
@media (max-width: 560px) { .dphx-entity { flex-direction: column; align-items: flex-start; } }

/* =========================================================================
 * Footer (template part)
 * ====================================================================== */
.dphx-footer { background: #06080B; color: #cfd6df; }
.dphx-footer .wp-block-site-title a { color: #fff; }
.dphx-footer a { color: #aeb7c2; }
.dphx-footer a:hover { color: var(--wp--preset--color--accent-ink); }

/* Editor placeholders */
.dphx-progress-placeholder { display: flex; align-items: center; gap: .75rem; color: var(--wp--preset--color--contrast-soft); }
.dphx-progress-placeholder__bar { flex: 1; height: 3px; background: linear-gradient(to right, var(--wp--preset--color--accent) 40%, var(--wp--preset--color--border) 40%); }
.dphx-infinite-placeholder { border: 1px dashed var(--wp--preset--color--border); border-radius: var(--wp--custom--dphx--radius--md); padding: var(--wp--preset--spacing--40); color: var(--wp--preset--color--contrast-soft); text-align: center; }

/* ---- Primary navigation (config-driven categories) ---- */
.dphx-primary-nav__list { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: var(--wp--preset--spacing--40); }
.dphx-primary-nav a { position: relative; font-family: var(--dphx-ui); font-weight: 600; font-size: var(--wp--preset--font-size--small); text-transform: uppercase; letter-spacing: .05em; color: var(--wp--preset--color--contrast); }
.dphx-primary-nav a::after { content: ""; position: absolute; left: 0; right: 100%; bottom: -4px; height: 2px; background: var(--wp--preset--color--accent); transition: right .25s ease; }
.dphx-primary-nav a:hover { color: var(--wp--preset--color--accent-ink); }
.dphx-primary-nav a:hover::after { right: 0; }
@media (max-width: 600px) { .dphx-primary-nav__list { gap: var(--wp--preset--spacing--30); } }

/* =========================================================================
 * Layout Builder sections
 * ====================================================================== */
.dphx-layout > .dphx-sec:first-child { padding-top: var(--wp--preset--spacing--50); }
.dphx-sec { padding-block: var(--wp--preset--spacing--60); }
.dphx-sec--surface { background: var(--wp--preset--color--surface); }
.dphx-sec--contrast { background: var(--wp--preset--color--contrast); color: var(--wp--preset--color--base); }
.dphx-sec--contrast .dphx-card__excerpt, .dphx-sec--contrast .dphx-card__meta { color: rgba(255,255,255,.72); }
.dphx-sec--contrast .dphx-module__title, .dphx-sec--contrast .dphx-card__title a { color: #fff; }
.dphx-sec__in { max-width: var(--wp--style--global--wide-size, 1200px); margin-inline: auto; padding-inline: var(--wp--preset--spacing--40); }
.dphx-ticker.dphx-sec, .dphx-sec--ticker { padding-block: 0; }

/* Hero split */
.dphx-hero { display: grid; grid-template-columns: 1.6fr 1fr; gap: var(--wp--preset--spacing--50); }
.dphx-hero__side { display: flex; flex-direction: column; }
.dphx-hero__side .dphx-card { padding-block: var(--wp--preset--spacing--30); border-block-end: 1px solid var(--wp--preset--color--border); }
.dphx-hero__side .dphx-card:first-child { padding-top: 0; }
.dphx-hero__side .dphx-card:last-child { border-block-end: 0; }
.dphx-feature { position: relative; display: flex; align-items: flex-end; min-height: clamp(360px, 42vw, 500px); border-radius: var(--wp--custom--dphx--radius--lg); overflow: hidden; background-image: var(--bg); background-size: cover; background-position: center; box-shadow: var(--wp--custom--dphx--shadow--raised); }
.dphx-feature__scrim { position: absolute; inset: 0; background: linear-gradient(180deg, transparent 35%, rgba(7,9,12,.86)); }
.dphx-feature__bd { position: relative; z-index: 2; padding: clamp(20px,3vw,34px); color: #fff; }
.dphx-feature__title { color: #fff; font-family: var(--wp--preset--font-family--heading); font-weight: 800; font-size: clamp(1.8rem,1.1rem+2.4vw,3rem); line-height: 1.08; margin: .35rem 0 0; }
@media (max-width: 880px) { .dphx-hero { grid-template-columns: 1fr; } }

/* Mosaic */
.dphx-mosaic { display: grid; grid-template-columns: repeat(4, 1fr); grid-auto-rows: 168px; gap: var(--wp--preset--spacing--40); }
.dphx-mosaic .dphx-card { height: 100%; }
.dphx-mosaic .dphx-card .dphx-card__media { height: 100%; aspect-ratio: auto; }
.dphx-mosaic__big { grid-column: span 2; grid-row: span 2; }
.dphx-mosaic__big .dphx-card__title { font-size: var(--wp--preset--font-size--x-large); }
@media (max-width: 880px) { .dphx-mosaic { grid-template-columns: repeat(2, 1fr); } .dphx-mosaic__big { grid-column: span 2; } }
@media (max-width: 560px) { .dphx-mosaic { grid-template-columns: 1fr; } .dphx-mosaic__big { grid-column: span 1; } }

/* Ranked */
.dphx-ranked { display: grid; grid-template-columns: repeat(2, 1fr); gap: 0 var(--wp--preset--spacing--60); }
.dphx-rk { display: grid; grid-template-columns: auto 1fr; gap: var(--wp--preset--spacing--30); align-items: center; padding: var(--wp--preset--spacing--30) 0; border-block-end: 1px solid var(--wp--preset--color--border); }
.dphx-rk__n { font-family: var(--wp--preset--font-family--heading); font-weight: 900; font-size: 2.1rem; line-height: 1; color: transparent; -webkit-text-stroke: 1.6px var(--wp--preset--color--accent); min-width: 42px; }
.dphx-rk__title { margin: 0; font-family: var(--wp--preset--font-family--heading); font-weight: 700; font-size: var(--wp--preset--font-size--small); line-height: 1.2; }
.dphx-rk:hover .dphx-rk__title { color: var(--wp--preset--color--accent-ink); }
@media (max-width: 700px) { .dphx-ranked { grid-template-columns: 1fr; } }

/* Gallery */
.dphx-gal { display: grid; grid-template-columns: repeat(5, 1fr); gap: var(--wp--preset--spacing--20); }
.dphx-gal__item { display: block; aspect-ratio: 1; overflow: hidden; border-radius: var(--wp--custom--dphx--radius--sm); }
.dphx-gal__item img { width: 100%; height: 100%; object-fit: cover; transition: transform .4s ease; }
.dphx-gal__item:hover img { transform: scale(1.07); }
@media (max-width: 700px) { .dphx-gal { grid-template-columns: repeat(3, 1fr); } }

/* Ticker */
.dphx-ticker { display: flex; align-items: center; gap: 0; background: var(--wp--preset--color--accent); color: #160a04; font-family: var(--dphx-ui); font-weight: 700; overflow: hidden; }
.dphx-ticker__lab { flex: none; align-self: stretch; display: flex; align-items: center; background: #160a04; color: var(--wp--preset--color--accent); padding: 10px 16px; font-size: 12px; letter-spacing: .12em; text-transform: uppercase; }
.dphx-ticker__in { display: flex; gap: 38px; white-space: nowrap; padding: 10px 24px; animation: dphx-tick 30s linear infinite; }
.dphx-ticker__in a { color: #160a04; font-size: 13px; }
@keyframes dphx-tick { from { transform: translateX(0); } to { transform: translateX(-50%); } }
@media (prefers-reduced-motion: reduce) { .dphx-ticker__in { animation: none; } }

/* Newsletter band */
.dphx-nl { background: var(--wp--preset--color--contrast); color: var(--wp--preset--color--base); border-radius: var(--wp--custom--dphx--radius--lg); padding: clamp(28px,5vw,52px); text-align: center; }
.dphx-nl__title { color: var(--wp--preset--color--base); font-size: var(--wp--preset--font-size--xx-large); margin: 0 0 8px; }
.dphx-nl__text { font-family: var(--dphx-ui); color: rgba(255,255,255,.72); margin: 0 0 20px; }
.dphx-sec--surface .dphx-nl, .dphx-sec--base .dphx-nl { }
.dphx-nl__form { display: flex; gap: 10px; justify-content: center; flex-wrap: wrap; }
.dphx-nl__form input { font-family: var(--dphx-ui); font-size: 15px; padding: 13px 16px; border-radius: var(--wp--custom--dphx--radius--md); border: 0; min-width: 280px; }
.dphx-nl__form button { font-family: var(--dphx-ui); font-weight: 700; font-size: 15px; padding: 13px 22px; border-radius: var(--wp--custom--dphx--radius--md); border: 0; background: var(--wp--preset--color--accent); color: #160a04; cursor: pointer; }

/* =========================================================================
 * Header presets (dphx/site-header)
 * ====================================================================== */
.dphx-header { position: static; }
.dphx-header.is-sticky { position: sticky; top: 0; }
.dphx-header__in { max-width: var(--wp--style--global--wide-size, 1200px); margin-inline: auto; padding: var(--wp--preset--spacing--30) var(--wp--preset--spacing--40); display: grid; align-items: center; gap: var(--wp--preset--spacing--40); }
.dphx-brand { display: inline-flex; align-items: center; gap: 10px; color: var(--wp--preset--color--contrast); }
.dphx-brand img { max-height: 40px; width: auto; }
.dphx-brand__name { font-family: var(--wp--preset--font-family--heading); font-weight: 900; font-size: 1.35rem; letter-spacing: -.03em; display: block; line-height: 1; }
.dphx-brand__tag { font-family: var(--dphx-ui); font-size: var(--wp--preset--font-size--x-small); color: var(--wp--preset--color--contrast-soft); display: block; }
.dphx-header__actions { display: inline-flex; align-items: center; gap: 10px; justify-content: flex-end; }
.dphx-search { display: inline-flex; align-items: center; border: 1px solid var(--wp--preset--color--border); border-radius: var(--wp--custom--dphx--radius--pill); overflow: hidden; background: var(--wp--preset--color--elevated); }
.dphx-search input { border: 0; background: transparent; color: var(--wp--preset--color--contrast); font-family: var(--dphx-ui); font-size: 13px; padding: 8px 12px; width: 130px; outline: none; }
.dphx-search button { border: 0; background: transparent; color: var(--wp--preset--color--contrast-soft); cursor: pointer; padding: 0 12px; font-size: 16px; }

/* classic: brand | nav | actions */
.dphx-header--classic .dphx-header__in { grid-template-columns: auto 1fr auto; }
.dphx-header--classic .dphx-header__nav { justify-self: end; }
/* split: nav | brand | actions */
.dphx-header--split .dphx-header__in { grid-template-columns: 1fr auto 1fr; }
.dphx-header--split .dphx-header__brand { justify-self: center; text-align: center; }
.dphx-header--split .dphx-header__actions { justify-self: end; }
/* centered: stacked, centered, nav below */
.dphx-header--centered .dphx-header__in { grid-template-columns: 1fr; justify-items: center; text-align: center; gap: var(--wp--preset--spacing--20); }
.dphx-header--centered .dphx-brand__name { font-size: 1.7rem; }
.dphx-header--centered .dphx-header__actions { order: 3; }
/* minimal: brand | actions */
.dphx-header--minimal .dphx-header__in { grid-template-columns: auto 1fr; }
.dphx-header--minimal .dphx-header__actions { grid-column: 2; }
@media (max-width: 700px) {
	.dphx-header__in { grid-template-columns: auto 1fr !important; }
	.dphx-header__nav { display: none; }
	.dphx-search input { width: 0; padding: 0; }
}

/* =========================================================================
 * Footer presets (dphx/site-footer)
 * ====================================================================== */
.dphx-footer { background: #06080B; color: #cfd6df; margin-top: var(--wp--preset--spacing--60); }
.dphx-footer__in { max-width: var(--wp--style--global--wide-size, 1200px); margin-inline: auto; padding: var(--wp--preset--spacing--60) var(--wp--preset--spacing--40) var(--wp--preset--spacing--50); }
.dphx-footer .dphx-brand__name, .dphx-footer .dphx-brand { color: #fff; }
.dphx-footer__about { font-family: var(--dphx-ui); font-size: var(--wp--preset--font-size--small); color: #94a0ad; margin: 10px 0 0; max-width: 320px; }
.dphx-footer__cols { display: grid; grid-template-columns: 2fr 1fr 1fr; gap: var(--wp--preset--spacing--50); }
.dphx-footer__col h4 { font-family: var(--dphx-ui); font-size: 12px; letter-spacing: .12em; text-transform: uppercase; color: #6b7686; margin: 0 0 12px; }
.dphx-footer ul { list-style: none; margin: 0; padding: 0; }
.dphx-footer a { color: #aeb7c2; font-family: var(--dphx-ui); font-size: 14px; display: inline-block; padding: 5px 0; }
.dphx-footer a:hover { color: var(--wp--preset--color--accent); }
.dphx-footer__simple { text-align: center; display: flex; flex-direction: column; align-items: center; gap: 6px; }
.dphx-footer__simple .dphx-footer__about { margin-inline: auto; }
.dphx-footer--cta .dphx-nl { margin-bottom: var(--wp--preset--spacing--50); }
.dphx-footer__copy { border-top: 1px solid rgba(255,255,255,.08); margin-top: var(--wp--preset--spacing--50); padding-top: var(--wp--preset--spacing--40); font-family: var(--dphx-ui); font-size: 12.5px; color: #6b7686; text-align: center; }
@media (max-width: 760px) { .dphx-footer__cols { grid-template-columns: 1fr; gap: var(--wp--preset--spacing--40); } }

/* =========================================================================
 * WordPress menus rendered in chrome (.dphx-menu)
 * ====================================================================== */
.dphx-menu { list-style: none; margin: 0; padding: 0; }
.dphx-menu--header { display: flex; flex-wrap: wrap; gap: var(--wp--preset--spacing--40); align-items: center; }
.dphx-menu--header a { position: relative; font-family: var(--dphx-ui); font-weight: 600; font-size: var(--wp--preset--font-size--small); text-transform: uppercase; letter-spacing: .05em; color: var(--wp--preset--color--contrast); }
.dphx-menu--header a::after { content: ""; position: absolute; left: 0; right: 100%; bottom: -4px; height: 2px; background: var(--wp--preset--color--accent); transition: right .25s ease; }
.dphx-menu--header a:hover { color: var(--wp--preset--color--accent-ink); }
.dphx-menu--header a:hover::after { right: 0; }
.dphx-menu--header .sub-menu { display: none; }
.dphx-menu--footer a { color: #aeb7c2; font-family: var(--dphx-ui); font-size: 14px; display: inline-block; padding: 5px 0; }
.dphx-menu--footer a:hover { color: var(--wp--preset--color--accent); }
.dphx-header--centered .dphx-menu--header { justify-content: center; }
@media (max-width: 700px) { .dphx-menu--header { display: none; } }

/* =========================================================================
 * Single article (dphx/single, options-driven)
 * ====================================================================== */
.dphx-article.is-narrow { max-width: var(--wp--style--global--content-size, 720px); margin-inline: auto; }
.dphx-article.is-wide { max-width: var(--wp--style--global--wide-size, 1200px); margin-inline: auto; }
.dphx-article__content { font-size: 1.12rem; line-height: 1.75; }
.dphx-article__content > * { margin-block: 0 1.2em; }
.dphx-article__content h2 { font-size: var(--wp--preset--font-size--x-large); margin-block: 1.6em .5em; }
.dphx-article__content h3 { font-size: var(--wp--preset--font-size--large); margin-block: 1.4em .4em; }
.dphx-article__content blockquote { margin: 1.5em 0; padding-inline-start: var(--wp--preset--spacing--40); border-inline-start: 4px solid var(--wp--preset--color--accent); font-size: var(--wp--preset--font-size--large); font-style: italic; }
.dphx-article__content img { border-radius: var(--wp--custom--dphx--radius--md); }

.dphx-share { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-block: var(--wp--preset--spacing--40); padding-block: var(--wp--preset--spacing--30); border-block: 1px solid var(--wp--preset--color--border); }
.dphx-share__label { font-family: var(--dphx-ui); font-weight: 700; font-size: var(--wp--preset--font-size--x-small); text-transform: uppercase; letter-spacing: .1em; color: var(--wp--preset--color--contrast-soft); margin-inline-end: 4px; }
.dphx-share__btn { font-family: var(--dphx-ui); font-weight: 600; font-size: 13px; padding: 7px 14px; border-radius: var(--wp--custom--dphx--radius--pill); border: 1px solid var(--wp--preset--color--border); background: var(--wp--preset--color--elevated); color: var(--wp--preset--color--contrast); cursor: pointer; transition: background var(--wp--custom--dphx--transition--base); }
.dphx-share__btn:hover { background: var(--wp--preset--color--accent); color: #160a04; border-color: transparent; }
.dphx-tags { display: flex; flex-wrap: wrap; gap: 8px; margin-block-start: var(--wp--preset--spacing--40); }
.dphx-tags a { font-family: var(--dphx-ui); font-size: 13px; padding: 5px 12px; border-radius: var(--wp--custom--dphx--radius--pill); background: var(--wp--preset--color--surface); border: 1px solid var(--wp--preset--color--border); color: var(--wp--preset--color--contrast-soft); text-decoration: none; }
.dphx-tags a:hover { color: var(--wp--preset--color--accent-ink); }

/* ---- Newsletter extras ---- */
.dphx-nl__hint { font-size: 12px; color: rgba(255,255,255,.55); margin-top: 10px; }
.dphx-nl-inline { margin-block: var(--wp--preset--spacing--50); }
.dphx-nl-inline .dphx-nl { border-radius: var(--wp--custom--dphx--radius--lg); }
.dphx-exit { position: fixed; inset: 0; z-index: 200; display: grid; place-items: center; background: rgba(7,9,12,.6); padding: 20px; }
.dphx-exit__box { position: relative; max-width: 480px; width: 100%; }
.dphx-exit__close { position: absolute; top: 10px; right: 14px; z-index: 2; background: none; border: 0; color: #fff; font-size: 26px; line-height: 1; cursor: pointer; }

/* ---- Ad zones ---- */
.dphx-ad { margin: var(--wp--preset--spacing--40) auto; text-align: center; max-width: var(--wp--style--global--wide-size, 1200px); }
.dphx-ad__label { display: block; font-family: var(--dphx-ui); font-size: 10px; letter-spacing: .12em; text-transform: uppercase; color: var(--wp--preset--color--soft, var(--wp--preset--color--contrast-soft)); opacity: .7; margin-bottom: 6px; }
.dphx-ad--in_article { margin-block: var(--wp--preset--spacing--50); }

/* =========================================================================
 * Milestone 4 — a11y + enrichments + feed
 * ====================================================================== */
:where(a, button, input, select, textarea, [tabindex]):focus-visible {
	outline: 2px solid var(--wp--preset--color--primary);
	outline-offset: 2px;
	border-radius: 3px;
}

/* Breadcrumbs */
.dphx-crumbs { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; font-family: var(--dphx-ui); font-size: var(--wp--preset--font-size--x-small); color: var(--wp--preset--color--contrast-soft); margin-block-end: var(--wp--preset--spacing--30); }
.dphx-crumbs a { color: var(--wp--preset--color--contrast-soft); text-decoration: none; }
.dphx-crumbs a:hover { color: var(--wp--preset--color--accent-ink); }
.dphx-crumbs__sep { opacity: .5; }

/* Author box */
.dphx-authorbox { display: flex; gap: var(--wp--preset--spacing--30); align-items: flex-start; margin-block: var(--wp--preset--spacing--50); padding: var(--wp--preset--spacing--40); background: var(--wp--preset--color--surface); border-radius: var(--wp--custom--dphx--radius--lg); }
.dphx-authorbox__avatar { border-radius: 50%; flex: none; }
.dphx-authorbox__name { font-family: var(--wp--preset--font-family--heading); font-weight: 800; margin: 0 0 4px; }
.dphx-authorbox__desc { margin: 0 0 8px; color: var(--wp--preset--color--contrast-soft); font-size: var(--wp--preset--font-size--small); }
.dphx-authorbox__link { font-family: var(--dphx-ui); font-weight: 600; font-size: var(--wp--preset--font-size--small); }

/* Prev / next */
.dphx-prevnext { display: grid; grid-template-columns: 1fr 1fr; gap: var(--wp--preset--spacing--30); margin-block: var(--wp--preset--spacing--50); }
.dphx-prevnext__item { display: flex; flex-direction: column; gap: 4px; padding: var(--wp--preset--spacing--30) var(--wp--preset--spacing--40); border: 1px solid var(--wp--preset--color--border); border-radius: var(--wp--custom--dphx--radius--md); text-decoration: none; color: var(--wp--preset--color--contrast); transition: border-color var(--wp--custom--dphx--transition--base); }
.dphx-prevnext__item:hover { border-color: var(--wp--preset--color--accent); }
.dphx-prevnext__item span { font-family: var(--dphx-ui); font-size: var(--wp--preset--font-size--x-small); color: var(--wp--preset--color--accent-ink); text-transform: uppercase; letter-spacing: .08em; }
.dphx-prevnext__item strong { font-family: var(--wp--preset--font-family--heading); font-weight: 700; font-size: var(--wp--preset--font-size--small); line-height: 1.2; }
.dphx-prevnext__next { text-align: right; }
@media (max-width: 600px) { .dphx-prevnext { grid-template-columns: 1fr; } }

/* Feed pagination + empty */
.dphx-empty { color: var(--wp--preset--color--contrast-soft); }
.dphx-feed .wp-block-query-pagination, .dphx-feed .navigation.pagination { margin-block-start: var(--wp--preset--spacing--50); display: flex; justify-content: center; }
.dphx-feed .nav-links { display: flex; gap: 6px; flex-wrap: wrap; align-items: center; font-family: var(--dphx-ui); }
.dphx-feed .page-numbers { display: inline-grid; place-items: center; min-width: 38px; height: 38px; padding: 0 10px; border: 1px solid var(--wp--preset--color--border); border-radius: var(--wp--custom--dphx--radius--md); text-decoration: none; color: var(--wp--preset--color--contrast); }
.dphx-feed .page-numbers.current { background: var(--wp--preset--color--accent); color: #160a04; border-color: transparent; }
.dphx-feed .page-numbers:hover:not(.current) { background: var(--wp--preset--color--surface); }

/* ---- Live blog ---- */
.dphx-lb { border: 1px solid var(--wp--preset--color--border); border-radius: var(--wp--custom--dphx--radius--lg); padding: var(--wp--preset--spacing--40); margin-block: var(--wp--preset--spacing--40); background: var(--wp--preset--color--surface); }
.dphx-lb__head { display: flex; align-items: center; gap: 10px; margin-block-end: var(--wp--preset--spacing--30); }
.dphx-lb__live { font-family: var(--dphx-ui); font-weight: 800; font-size: 11px; letter-spacing: .12em; color: #fff; background: var(--wp--preset--color--live); padding: 3px 9px; border-radius: 20px; display: inline-flex; align-items: center; gap: 6px; }
.dphx-lb__live::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: #fff; animation: dphx-pulse 1.4s infinite; }
@keyframes dphx-pulse { 0%,100% { opacity: 1; } 50% { opacity: .3; } }
.dphx-lb__auto { font-family: var(--dphx-ui); font-size: var(--wp--preset--font-size--x-small); color: var(--wp--preset--color--contrast-soft); }
.dphx-lb__list { list-style: none; margin: 0; padding: 0; }
.dphx-lb__item { display: grid; grid-template-columns: 84px 1fr; gap: var(--wp--preset--spacing--30); padding-block: var(--wp--preset--spacing--30); border-block-start: 1px solid var(--wp--preset--color--border); }
.dphx-lb__meta { display: flex; align-items: center; gap: 8px; font-family: var(--dphx-ui); font-weight: 700; font-size: var(--wp--preset--font-size--x-small); color: var(--wp--preset--color--accent-ink); }
.dphx-lb__dot { width: 9px; height: 9px; border-radius: 50%; background: var(--wp--preset--color--accent); flex: none; }
.dphx-lb__title { margin: 0 0 6px; font-family: var(--wp--preset--font-family--heading); font-weight: 800; font-size: var(--wp--preset--font-size--large); }
.dphx-lb__text > * { margin: 0 0 .6em; }
@media (max-width: 560px) { .dphx-lb__item { grid-template-columns: 1fr; gap: 6px; } }

/* ---- Language switcher ---- */
.dphx-lang { display: inline-flex; gap: 2px; border: 1px solid var(--wp--preset--color--border); border-radius: var(--wp--custom--dphx--radius--pill); padding: 2px; }
.dphx-lang__item { font-family: var(--dphx-ui); font-weight: 700; font-size: 12px; padding: 5px 10px; border-radius: var(--wp--custom--dphx--radius--pill); color: var(--wp--preset--color--contrast-soft); text-decoration: none; }
.dphx-lang__item.is-current { background: var(--wp--preset--color--accent); color: var(--dphx-on-accent, #160a04); }

/* =========================================================================
 * RTL overrides (Arabic, Hebrew, …)
 * Most layout uses logical properties and flips automatically; these fix the
 * few physical-direction rules. Active when WordPress sets <html dir="rtl">.
 * ====================================================================== */
[dir="rtl"] .skip-link { left: auto; right: -9999px; }
[dir="rtl"] .skip-link:focus { right: 1rem; left: auto; }

[dir="rtl"] .dphx-primary-nav a::after,
[dir="rtl"] .dphx-menu--header a::after,
[dir="rtl"] .dphx-header .wp-block-navigation a::after { left: 100%; right: 0; }
[dir="rtl"] .dphx-primary-nav a:hover::after,
[dir="rtl"] .dphx-menu--header a:hover::after,
[dir="rtl"] .dphx-header .wp-block-navigation a:hover::after { left: 0; right: 0; }

[dir="rtl"] .dphx-prevnext__next { text-align: left; }
[dir="rtl"] .dphx-prevnext__prev { text-align: right; }

/* Flip the directional arrow glyphs in the carousel nav. */
[dir="rtl"] .dphx-carousel__nav { transform: scaleX(-1); }

/* Ticker scrolls toward the reading direction. */
[dir="rtl"] .dphx-ticker__in { animation-direction: reverse; }

/* ===== SEO/GEO: Author E-E-A-T ===== */
.dphx-byline__by{color:var(--wp--preset--color--muted,#6b7280)}
.dphx-byline__name{font-weight:600;color:inherit;text-decoration:none}
.dphx-byline__name:hover{text-decoration:underline}
.dphx-byline__role{color:var(--wp--preset--color--muted,#6b7280);font-size:.9em}
.dphx-byline__rev{color:var(--wp--preset--color--muted,#6b7280);font-size:.9em}
.dphx-byline__updated{color:var(--wp--preset--color--accent,var(--dphx-accent,#ff6b00));font-weight:600}
.dphx-authorbox{display:flex;gap:1rem;align-items:flex-start;margin:2rem 0;padding:1.25rem 1.5rem;background:var(--wp--preset--color--surface,#f8f9fa);border-radius:12px}
.dphx-authorbox__avatar{width:72px;height:72px;border-radius:50%;object-fit:cover;flex-shrink:0}
.dphx-authorbox__name{font-weight:700;font-size:1.1rem;margin:0}
.dphx-authorbox__role{color:var(--wp--preset--color--accent,var(--dphx-accent,#ff6b00));font-size:.9rem;margin:.1rem 0 .4rem}
.dphx-authorbox__desc{margin:0 0 .5rem;line-height:1.6}
.dphx-authorbox__chips{display:flex;flex-wrap:wrap;gap:.4rem;margin:.5rem 0}
.dphx-authorbox__chip{font-size:.75rem;padding:.15rem .6rem;border-radius:999px;background:color-mix(in srgb,var(--wp--preset--color--accent,#ff6b00) 14%,transparent);color:var(--wp--preset--color--accent,var(--dphx-accent,#ff6b00))}
.dphx-authorbox__links{display:flex;flex-wrap:wrap;gap:.5rem 1rem;align-items:center;margin:.5rem 0 0}
.dphx-authorbox__link{font-weight:600;text-decoration:none}
.dphx-author-social{display:inline-flex;gap:.6rem;flex-wrap:wrap}
.dphx-author-social__link{font-size:.82rem;color:var(--wp--preset--color--muted,#6b7280);text-decoration:none}
.dphx-author-social__link:hover{color:var(--wp--preset--color--accent,var(--dphx-accent,#ff6b00))}
.dphx-authorhead{display:flex;gap:1.5rem;align-items:flex-start;margin:0 0 2rem;padding:1.5rem;background:var(--wp--preset--color--surface,#f8f9fa);border-radius:16px}
.dphx-authorhead__photo{width:120px;height:120px;border-radius:50%;object-fit:cover;flex-shrink:0}
.dphx-authorhead__name{margin:0;font-size:2rem;line-height:1.1}
.dphx-authorhead__role{color:var(--wp--preset--color--accent,var(--dphx-accent,#ff6b00));font-weight:600;margin:.3rem 0}
.dphx-authorhead__bio{margin:.5rem 0;max-width:60ch;line-height:1.6}
.dphx-authorhead__chips{display:flex;flex-wrap:wrap;gap:.4rem;margin:.6rem 0}
.dphx-authorhead__meta{display:flex;gap:1rem;align-items:center;flex-wrap:wrap;color:var(--wp--preset--color--muted,#6b7280);font-size:.9rem}
[data-dphx-mode="dark"] .dphx-authorbox,[data-dphx-mode="dark"] .dphx-authorhead{background:rgba(255,255,255,.05)}
.dphx-ilink{color:var(--wp--preset--color--primary,var(--dphx-primary));text-decoration:none;border-bottom:1px solid color-mix(in srgb,currentColor 30%,transparent)}
.dphx-ilink:hover{border-bottom-color:currentColor}
@media (max-width:600px){.dphx-authorhead{flex-direction:column;align-items:center;text-align:center}.dphx-authorhead__meta{justify-content:center}}

/* ===== SEO/GEO: TOC / FAQ / Sources (front-end, in case block styles defer) ===== */
.dphx-toc{margin:2rem 0;background:var(--wp--preset--color--surface,#f8f9fa);border:1px solid var(--wp--preset--color--border,#e5e7eb);border-radius:8px;overflow:hidden;font-size:.9rem}
.dphx-toc__summary{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:1rem 1.25rem;cursor:pointer;font-weight:600;list-style:none}
.dphx-toc__summary::-webkit-details-marker{display:none}
.dphx-toc__chevron{width:1.1em;height:1.1em;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s}
.dphx-toc__details[open] .dphx-toc__chevron{transform:rotate(180deg)}
.dphx-toc__body{padding:.5rem 1.25rem 1.25rem}
.dphx-toc__list,.dphx-toc__sub{margin:0;padding-inline-start:1.2em}
.dphx-toc__list{list-style:none;padding-inline-start:0}
.dphx-toc__sub{list-style:none}
.dphx-toc__item{margin:.3rem 0}
.dphx-toc__link{color:var(--wp--preset--color--primary,var(--dphx-primary));text-decoration:none}
.dphx-toc__link:hover{text-decoration:underline}
.dphx-toc__link.is-active{color:var(--wp--preset--color--accent,var(--dphx-accent));font-weight:600}

/* ===== Next-story popup (article reading navigation) ===== */
.dphx-nextpop{position:fixed;inset-inline-end:16px;bottom:24px;z-index:990;max-width:300px;padding:14px 38px 14px 16px;background:var(--wp--preset--color--elevated,#fff);color:var(--wp--preset--color--contrast,#111);border:1px solid var(--wp--preset--color--border,#e5e7eb);border-radius:var(--wp--custom--dphx--radius--md,12px);box-shadow:var(--wp--custom--dphx--shadow--raised,0 18px 40px -18px rgba(16,21,28,.3));opacity:0;transform:translateX(24px);transition:opacity .25s ease,transform .25s ease}
[dir="rtl"] .dphx-nextpop{transform:translateX(-24px)}
.dphx-nextpop.is-visible{opacity:1;transform:none}
.dphx-nextpop__label{display:block;font-family:var(--wp--preset--font-family--ui,sans-serif);font-size:.6875rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--wp--preset--color--accent,var(--dphx-accent,#ff6b00));margin-bottom:4px}
.dphx-nextpop__link{display:block;font-family:var(--wp--preset--font-family--heading,sans-serif);font-weight:700;font-size:.95rem;line-height:1.3;color:inherit;text-decoration:none}
.dphx-nextpop__link:hover{color:var(--wp--preset--color--primary,#1d4ed8)}
.dphx-nextpop__arrow{margin-inline-start:.35em}
[dir="rtl"] .dphx-nextpop__arrow{display:inline-block;transform:scaleX(-1)}
.dphx-nextpop__close{position:absolute;inset-inline-end:6px;top:6px;width:26px;height:26px;border:0;background:none;color:var(--wp--preset--color--contrast-soft,#6b7280);font-size:18px;line-height:1;cursor:pointer;border-radius:50%}
.dphx-nextpop__close:hover{background:var(--wp--preset--color--surface,#f3f4f6);color:var(--wp--preset--color--contrast,#111)}
@media (max-width:480px){.dphx-nextpop{inset-inline-end:10px;inset-inline-start:10px;max-width:none;bottom:12px}}
@media (prefers-reduced-motion:reduce){.dphx-nextpop{transition:none;transform:none}}