@font-face {
	font-family: 'Playfair Display';
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url('/frames/playfair-display-latin-ext-700-normal.woff2') format('woff2');
	unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
	font-family: 'Playfair Display';
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url('/frames/playfair-display-latin-700-normal.woff2') format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
	font-family: 'Source Sans 3';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url('/frames/source-sans-3-latin-ext-400-normal.woff2') format('woff2');
	unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
	font-family: 'Source Sans 3';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url('/frames/source-sans-3-latin-400-normal.woff2') format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
	font-family: 'Source Sans 3';
	font-style: italic;
	font-weight: 400;
	font-display: swap;
	src: url('/frames/source-sans-3-latin-ext-400-italic.woff2') format('woff2');
	unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
	font-family: 'Source Sans 3';
	font-style: italic;
	font-weight: 400;
	font-display: swap;
	src: url('/frames/source-sans-3-latin-400-italic.woff2') format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
	font-family: 'Source Sans 3';
	font-style: normal;
	font-weight: 600;
	font-display: swap;
	src: url('/frames/source-sans-3-latin-ext-600-normal.woff2') format('woff2');
	unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
	font-family: 'Source Sans 3';
	font-style: normal;
	font-weight: 600;
	font-display: swap;
	src: url('/frames/source-sans-3-latin-600-normal.woff2') format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
	--k-root: #0c3fff;
	--k-action: #1d1f2c;
	--k-spot-deep: #0e0e14;
	--k-sheet: #1b1c29;
	--k-surface-2: #232537;
	--k-letters: #ffffff;
	--k-text-muted: #bfbebe;
	--k-rule: rgba(255, 255, 255, 0.12);
	--k-rule-bold: rgba(255, 255, 255, 0.26);
	--k-ramp-start: #4d4e72;
	--k-ramp-end: #2e2f47;
	--k-caution: #a71e34;
	--k-beam: #7d9dff;
	--k-mist: #202235;
	--k-quill: #262941;

	--g-1: 4px;
	--g-2: 12px;
	--g-3: 20px;
	--g-4: 36px;
	--g-5: 56px;
	--g-6: 84px;
	--g-7: 120px;
	--g-8: 180px;

	--r-stadium: 0;
	--r-circle: 50%;
	--r-1: 0;
	--r-2: 0;
	--r-3: 0;
	--r-4: 0;
	--r-5: 0;
	--r-6: 0;
	--r-7: 0;
	--r-8: 0;

	--f-lead: 'Playfair Display', Georgia, 'Times New Roman', serif;
	--f-copy: 'Source Sans 3', 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;

	--z-h1: 52px;
	--z-xl-2: 32px;
	--z-h3: 24px;
	--z-sub-2: 19px;
	--z-sm-2: 16px;
	--z-micro-head: 14px;
	--z-base: 17px;
	--z-fine: 14px;
	--z-legal: 12px;

	--l-compact: 1.15;
	--l-normal: 1.55;
	--l-open: 1.7;

	--w-plain: 400;
	--w-mid: 500;
	--w-bold: 700;

	--e-packed: 0;
	--e-regular: 0;
	--e-wide: 0.02em;

	--d-1: none;
	--d-2: none;
	--d-3: 0 1px 0 rgba(0, 0, 0, 0.08);
	--d-4: 0 2px 0 rgba(0, 0, 0, 0.12);
	--d-5: 0 4px 0 rgba(0, 0, 0, 0.16);
	--d-6: 0 6px 0 rgba(0, 0, 0, 0.2);
	--d-7: 0 10px 0 rgba(0, 0, 0, 0.24);
	--d-8: 0 14px 0 rgba(0, 0, 0, 0.28);

	--t-snap: 237ms;
	--t-steady: 400ms;
	--t-slow: 743ms;

	--x-land: cubic-bezier(0.29, 0.92, 0.42, 0.97);
	--x-even: cubic-bezier(0.55, 0.04, 0.54, 0.89);
	--x-spring: cubic-bezier(0.38, 1.25, 0.75, 1);

	--v-outer: 1420px;
	--v-inner: 1420px;
	--v-tight: 440px;
	--v-padding-desktop: 48px;
	--v-edge-mid: 32px;
	--v-pad-sm: 16px;

	--b-thin: 1px;
	--b-even: 2px;
	--b-strong: 4px;

	--h-tall: 74px;
	--h-short: 64px;

	--pv-rg: 40px;

	interpolate-size: allow-keywords;
	color-scheme: dark;
}

/* ---------- reset / base ---------- */

*,
*::before,
*::after {
	box-sizing: border-box;
}

html,
body {
	overflow-x: clip;
}

html {
	-webkit-text-size-adjust: 100%;
}

body {
	background-color: var(--k-sheet);
	color: var(--k-letters);
	font-family: var(--f-copy);
	font-size: var(--z-base);
	font-weight: var(--w-plain);
	line-height: var(--l-normal);
	letter-spacing: var(--e-regular);
	margin: 0;
	padding: 0;
}

img {
	max-width: 100%;
}

[id] {
	scroll-margin-top: calc(var(--pv-rg) + var(--h-tall) + var(--g-3));
}

h1,
h2,
h3,
h4,
h5,
h6 {
	overflow-wrap: anywhere;
	letter-spacing: var(--e-packed);
	line-height: var(--l-compact);
	margin: 0;
}

h1 {
	font-family: var(--f-lead);
	font-size: clamp(30px, 1.4rem + 2.6vw, var(--z-h1));
	font-weight: var(--w-bold);
}

h2 {
	font-family: var(--f-lead);
	font-size: clamp(24px, 1.2rem + 0.9vw, var(--z-xl-2));
	font-weight: var(--w-bold);
}

h3 {
	font-family: var(--f-copy);
	font-size: clamp(20px, 1.05rem + 0.5vw, var(--z-h3));
	font-weight: var(--w-mid);
}

p {
	margin: 0;
	overflow-wrap: anywhere;
}

ul,
ol {
	margin: 0;
}

a {
	color: var(--k-beam);
	text-decoration-thickness: 1px;
	text-underline-offset: 3px;
	transition: color var(--t-snap) var(--x-land), text-decoration-thickness var(--t-snap) var(--x-land);
}

a:hover {
	color: var(--k-letters);
	text-decoration-thickness: 2px;
}

a:focus-visible,
button:focus-visible,
summary:focus-visible,
input:focus-visible,
textarea:focus-visible {
	outline: 3px solid var(--k-beam);
	outline-offset: 2px;
}

button {
	font: inherit;
}

.skiplink {
	background-color: var(--k-root);
	color: var(--k-letters);
	font-family: var(--f-copy);
	font-size: var(--z-fine);
	font-weight: var(--w-bold);
	left: var(--g-3);
	padding: var(--g-2) var(--g-3);
	position: fixed;
	top: var(--g-3);
	z-index: 200;
}

.skiplink:not(:focus) {
	top: -200px !important;
}

.sr-only {
	clip: rect(0 0 0 0);
	clip-path: inset(50%);
	height: 1px;
	overflow: hidden;
	position: absolute;
	white-space: nowrap;
	width: 1px;
}

.pageMain {
	display: block;
}

/* ---------- .arrowCarousel — items grid GRID-07 ---------- */

.arrowCarousel {
	background-color: var(--k-sheet);
	color: var(--k-letters);
	padding-block: var(--g-5) var(--g-4);
}

.arrowCarousel-shell {
	margin-inline: auto;
	max-width: calc(var(--v-outer) + 2 * var(--v-padding-desktop));
	padding-inline: var(--v-padding-desktop);
}

.arrowCarousel-caption {
	color: var(--k-letters);
	margin-block-end: var(--g-4);
}

.arrowCarousel-chain {
	display: flex;
	flex-direction: column;
	gap: var(--g-5);
}

.arrowCarousel-piece {
	display: block;
}

.arrowCarousel-head {
	align-items: center;
	color: var(--k-letters);
	display: flex;
	font-family: var(--f-lead);
	font-weight: var(--w-bold);
	gap: var(--g-2);
}

.arrowCarousel-glyph {
	fill: var(--k-beam);
	flex-shrink: 0;
	height: 1.15em;
	width: 1.15em;
}

.arrowCarousel-word {
	display: inline-block;
}

.arrowCarousel-rule {
	background-color: var(--k-root);
	height: 2px;
	margin-block: var(--g-2);
	width: 60px;
}

.arrowCarousel-note {
	color: var(--k-text-muted);
	font-size: var(--z-base);
	line-height: var(--l-open);
}

.arrowCarousel-keys {
	align-items: flex-start;
	display: flex;
	flex-direction: column;
	gap: var(--g-2);
	padding-block: var(--g-2);
}

.arrowCarousel-cap {
	color: var(--k-text-muted);
	font-size: var(--z-legal);
	letter-spacing: var(--e-wide);
	line-height: var(--l-normal);
}

/* ---------- .cellModule — hero HERO-09 ---------- */

.cellModule {
	background-color: var(--k-spot-deep);
	background-image: linear-gradient(140deg, var(--k-ramp-start) 0%, var(--k-ramp-end) 55%, var(--k-spot-deep) 100%);
	background-position: center;
	background-size: cover;
	color: var(--k-letters);
	padding-block: var(--h-tall) var(--g-4);
	position: relative;
}

.cellModule-lit {
	background-image: linear-gradient(105deg, rgba(14, 14, 20, 0.94) 0%, rgba(14, 14, 20, 0.72) 46%, rgba(27, 28, 41, 0.42) 100%), url('/frames/slide.webp');
}

.cellModule-shell {
	align-items: center;
	display: grid;
	gap: var(--g-5);
	/* Было 60% / 40%: проценты в сумме дают всю ширину, а промежуток между
	   колонками добавляется сверху — правая колонка вылезала за край экрана
	   на величину gap. Доли делят остаток УЖЕ после вычитания промежутка. */
	grid-template-columns: 6fr 4fr;
	margin-inline: auto;
	max-width: calc(var(--v-outer) + 2 * var(--v-padding-desktop));
	padding-block: var(--pv-rg) 0;
	padding-inline: var(--v-padding-desktop);
	position: relative;
}

.cellModule-meat {
	padding-block: var(--g-4);
}

.cellModule-head {
	color: var(--k-letters);
	margin-block-end: var(--g-3);
}

.cellModule-lead {
	color: var(--k-text-muted);
	font-size: var(--z-sub-2);
	line-height: var(--l-normal);
	margin-block-end: var(--g-4);
	max-width: var(--v-tight);
}

.cellModule-keys {
	align-items: flex-start;
	display: flex;
	flex-direction: column;
	gap: var(--g-2);
}

.cellModule-cap {
	color: var(--k-text-muted);
	font-size: var(--z-legal);
	letter-spacing: var(--e-wide);
	line-height: var(--l-normal);
	max-width: var(--v-tight);
}

.cellModule-chain {
	display: flex;
	flex-direction: column;
	gap: var(--g-2);
	list-style: none;
	margin: 0;
	padding: 0;
}

.cellModule-piece {
	align-items: baseline;
	background-color: var(--k-quill);
	border-inline-start: var(--b-strong) solid var(--k-root);
	display: flex;
	gap: var(--g-2);
	padding: var(--g-3);
}

.cellModule-num {
	color: var(--k-beam);
	flex-shrink: 0;
	font-family: var(--f-lead);
	font-size: var(--z-h3);
	font-weight: var(--w-bold);
	line-height: var(--l-compact);
}

.cellModule-caption {
	color: var(--k-letters);
	font-size: var(--z-base);
	font-weight: var(--w-bold);
	line-height: var(--l-compact);
}

/* ---------- .componentBlock — data table TABLE-02 ---------- */

.componentBlock {
	background-color: var(--k-sheet);
	color: var(--k-letters);
	padding-block: var(--g-5) var(--g-4);
}

.componentBlock-shell {
	margin-inline: auto;
	max-width: calc(var(--v-outer) + 2 * var(--v-padding-desktop));
	padding-inline: var(--v-padding-desktop);
}

.componentBlock-caption {
	color: var(--k-letters);
	margin-block-end: var(--g-4);
}

.componentBlock-scroll {
	overflow-x: auto;
}

.componentBlock-grid {
	border-collapse: collapse;
	min-width: 520px;
	width: 100%;
}

.componentBlock-grid th[scope='col'] {
	border-block-end: var(--b-even) solid var(--k-root);
	color: var(--k-letters);
	font-family: var(--f-lead);
	font-size: var(--z-fine);
	font-weight: var(--w-bold);
	letter-spacing: var(--e-wide);
	padding-block: var(--g-2);
	padding-inline: var(--g-2);
	text-align: start;
	text-transform: uppercase;
}

.componentBlock-grid th[scope='row'] {
	color: var(--k-letters);
	font-weight: var(--w-mid);
	text-align: start;
}

.componentBlock-grid td,
.componentBlock-grid th[scope='row'] {
	border-block-end: var(--b-thin) solid rgba(255, 255, 255, 0.08);
	font-size: var(--z-fine);
	padding: var(--g-2);
}

.componentBlock-grid td {
	color: var(--k-text-muted);
}

.componentBlock-grid tbody tr:last-child td,
.componentBlock-grid tbody tr:last-child th[scope='row'] {
	border-block-end: none;
}

/* ---------- .crateFooter — author card AUTH-05 ---------- */

.crateFooter {
	background-color: var(--k-sheet);
	color: var(--k-letters);
	padding-block: var(--g-5) var(--g-4);
}

.crateFooter-shell {
	display: flex;
	gap: var(--g-3);
	margin-inline: auto;
	max-width: calc(var(--v-outer) + 2 * var(--v-padding-desktop));
	padding-inline: var(--v-padding-desktop);
}

.crateFooter-avatar {
	border-radius: var(--r-circle);
	flex-shrink: 0;
	height: 96px;
	object-fit: cover;
	width: 96px;
}

.crateFooter-meat {
	background-color: var(--k-surface-2);
	display: flex;
	flex-direction: column;
	gap: var(--g-1);
	max-width: var(--v-tight);
	padding: var(--g-3);
}

.crateFooter-credit {
	color: var(--k-beam);
	font-size: var(--z-legal);
	letter-spacing: var(--e-wide);
	text-transform: uppercase;
}

.crateFooter-handle {
	color: var(--k-letters);
	font-family: var(--f-lead);
	font-size: var(--z-h3);
	font-weight: var(--w-bold);
}

.crateFooter-note {
	color: var(--k-text-muted);
	font-size: var(--z-fine);
	line-height: var(--l-open);
}

.crateFooter-articles {
	margin-inline: auto;
	max-width: calc(var(--v-outer) + 2 * var(--v-padding-desktop));
	padding-block-start: var(--g-4);
	padding-inline: var(--v-padding-desktop);
}

.crateFooter-articles-caption {
	color: var(--k-letters);
	margin-block-end: var(--g-3);
}

.crateFooter-articles-chain {
	display: flex;
	flex-direction: column;
	gap: var(--g-2);
	list-style: none;
	padding: 0;
}

.crateFooter-articles-piece {
	border-block-end: var(--b-thin) solid var(--k-rule);
	padding-block-end: var(--g-2);
}

.crateFooter-articles-hop {
	color: var(--k-beam);
	font-size: var(--z-sm-2);
}

.crateFooter-articles-hop:hover {
	color: var(--k-letters);
}

/* ---------- .dartBody — breadcrumbs BREAD-06 ---------- */

.dartBody {
	background-color: var(--k-surface-2);
	color: var(--k-text-muted);
	display: block;
	padding-block: var(--g-3);
}

.dartBody-shell {
	margin-inline: auto;
	max-width: calc(var(--v-outer) + 2 * var(--v-padding-desktop));
	padding-inline: var(--v-padding-desktop);
}

.dartBody-chain {
	display: flex;
	flex-wrap: wrap;
	gap: var(--g-1);
	list-style: none;
	padding: 0;
}

.dartBody-piece {
	color: var(--k-text-muted);
	font-size: var(--z-fine);
}

.dartBody-piece + .dartBody-piece::before {
	content: '›';
	margin-inline: var(--g-1);
}

.dartBody-hop {
	color: var(--k-text-muted);
}

.dartBody-hop:hover {
	color: var(--k-letters);
}

.dartBody-now {
	color: var(--k-letters);
}

/* ---------- .dartSpan — legal LEGAL-01 ---------- */

.dartSpan {
	background-color: var(--k-sheet);
	color: var(--k-letters);
	padding-block: var(--g-5) var(--g-4);
}

.dartSpan-shell {
	margin-inline: auto;
	max-width: calc(var(--v-outer) + 2 * var(--v-padding-desktop));
	padding-inline: var(--v-padding-desktop);
}

.dartSpan-lead {
	color: var(--k-letters);
	font-size: var(--z-sm-2);
	line-height: var(--l-normal);
	margin-block-end: var(--g-3);
}

.dartSpan-day {
	color: var(--k-text-muted);
	font-size: var(--z-legal);
	letter-spacing: var(--e-wide);
	margin-block-end: var(--g-4);
	text-transform: uppercase;
}

.dartSpan-part {
	border-block-start: var(--b-thin) solid rgba(255, 255, 255, 0.08);
	padding-block-start: var(--g-4);
}

.dartSpan-part:first-of-type {
	border-block-start: none;
	padding-block-start: 0;
}

.dartSpan-head {
	color: var(--k-letters);
	margin-block-end: var(--g-2);
}

.dartSpan-note {
	color: var(--k-text-muted);
	line-height: var(--l-open);
	margin-block-end: var(--g-2);
}

.dartSpan-helpbox {
	background-color: var(--k-surface-2);
	margin-block-start: var(--g-4);
	padding: var(--g-3);
}

.dartSpan-chain {
	display: flex;
	flex-direction: column;
	gap: var(--g-2);
	list-style: none;
	margin-block-start: var(--g-2);
	padding: 0;
}

.dartSpan-piece {
	color: var(--k-text-muted);
	font-size: var(--z-fine);
	line-height: var(--l-normal);
}

.dartSpan-hop {
	color: var(--k-beam);
}

.dartSpan-hop:hover {
	color: var(--k-letters);
}

.dartSpan-warn {
	background-color: var(--k-quill);
	border-inline-start: var(--b-strong) solid var(--k-caution);
	color: var(--k-text-muted);
	font-size: var(--z-fine);
	line-height: var(--l-normal);
	margin-block-start: var(--g-4);
	padding: var(--g-3);
}

/* ---------- .districtSlider — header HEAD-OVER ---------- */

.districtSlider {
	background-color: transparent;
	color: var(--k-letters);
	height: 74px;
	inset-inline: 0;
	position: fixed;
	top: var(--pv-rg);
	transition: background-color var(--t-steady) var(--x-land), box-shadow var(--t-steady) var(--x-land);
	z-index: 100;
}

.districtSlider.is-stuck {
	background-color: var(--k-spot-deep);
	box-shadow: var(--d-5);
}

.districtSlider-bar {
	align-items: center;
	display: flex;
	gap: var(--g-3);
	height: 100%;
	margin-inline: auto;
	max-width: calc(var(--v-outer) + 2 * var(--v-padding-desktop));
	padding-inline: var(--g-3);
}

.districtSlider-sign {
	align-items: center;
	background-color: rgba(9, 10, 16, 0.55);
	border: var(--b-thin) solid var(--k-rule);
	display: inline-flex;
	flex-shrink: 0;
	padding: var(--g-1) var(--g-2);
}

.districtSlider-art {
	display: block;
	flex-shrink: 0;
	height: 52px;
	width: auto;
}

.districtSlider-menu-knob {
	background-color: rgba(125, 157, 255, 0.16);
	border: var(--b-thin) solid var(--k-rule-bold);
	color: var(--k-letters);
	cursor: pointer;
	display: none;
	flex-shrink: 0;
	font-family: var(--f-copy);
	font-size: var(--z-legal);
	font-weight: 600;
	letter-spacing: var(--e-wide);
	margin-left: auto;
	min-height: 44px;
	order: 3;
	padding: var(--g-1) var(--g-2);
	text-transform: uppercase;
	white-space: nowrap;
}

.districtSlider-links {
	display: flex;
	flex: 1 1 auto;
	justify-content: flex-end;
	min-width: 0;
	order: 2;
}

.districtSlider-chain {
	align-items: center;
	display: flex;
	flex-wrap: nowrap;
	gap: var(--g-2);
	list-style: none;
	margin: 0;
	padding: 0;
}

.districtSlider-piece {
	align-items: center;
	display: flex;
	flex-shrink: 0;
}

.districtSlider-piece[hidden] {
	display: none;
}

.districtSlider-piece + .districtSlider-piece::before {
	color: rgba(255, 255, 255, 0.4);
	content: '·';
	margin-inline-end: var(--g-2);
}

.districtSlider-hop {
	color: var(--k-letters);
	display: inline-block;
	font-size: 15px;
	font-weight: 600;
	letter-spacing: var(--e-wide);
	line-height: var(--l-compact);
	padding-block: var(--g-2);
	text-decoration: none;
	text-transform: uppercase;
	white-space: nowrap;
}

.districtSlider-hop:hover {
	color: var(--k-beam);
}

.districtSlider-hop[aria-current='page'] {
	color: var(--k-letters);
	font-weight: var(--w-bold);
}

.districtSlider-extra {
	align-items: center;
	display: flex;
	flex-shrink: 0;
	position: relative;
}

.districtSlider-extra[hidden] {
	display: none;
}

.districtSlider-more {
	align-items: center;
	background-color: rgba(125, 157, 255, 0.16);
	border: var(--b-thin) solid var(--k-rule-bold);
	color: var(--k-letters);
	cursor: pointer;
	display: flex;
	justify-content: center;
	min-height: 34px;
	padding: var(--g-1) var(--g-2);
}

.districtSlider-dots {
	background-color: currentColor;
	border-radius: var(--r-circle);
	box-shadow: -7px 0 0 currentColor, 7px 0 0 currentColor;
	display: block;
	height: 4px;
	width: 4px;
}

.districtSlider-more-chain {
	background-color: var(--k-spot-deep);
	border: var(--b-thin) solid var(--k-rule);
	display: none;
	inset-inline-end: 0;
	list-style: none;
	margin: 0;
	min-width: 220px;
	padding: var(--g-2);
	position: absolute;
	top: calc(100% + var(--g-1));
	z-index: 120;
}

.districtSlider-more-chain.is-open {
	display: block;
}

.districtSlider-more-chain .districtSlider-piece {
	display: block;
}

.districtSlider-more-chain .districtSlider-piece + .districtSlider-piece::before {
	content: none;
	margin-inline-end: 0;
}

.districtSlider-more-chain .districtSlider-hop {
	display: block;
	padding-block: var(--g-2);
}

.districtSlider-keys {
	display: flex;
	flex-shrink: 0;
	gap: var(--g-2);
	order: 4;
}

.districtSlider-key {
	align-items: center;
	display: inline-flex;
	gap: 0.34em;
	justify-content: center;
	text-decoration: none;
	white-space: nowrap;
}

.districtSlider-tail {
	display: inline;
}

.districtSlider-quiet-button {
	align-items: center;
	background-color: transparent;
	border: var(--b-thin) solid var(--k-letters);
	color: var(--k-letters);
	display: inline-flex;
	font-size: var(--z-fine);
	font-weight: 600;
	justify-content: center;
	letter-spacing: var(--e-wide);
	min-height: 44px;
	padding-inline: var(--g-3);
	text-decoration: none;
	white-space: nowrap;
}

.districtSlider-quiet-button:hover {
	background-color: var(--k-letters);
	color: var(--k-spot-deep);
}

.districtSlider-pane {
	background-color: var(--k-spot-deep);
	border-block-start: var(--b-thin) solid var(--k-rule);
	display: none;
	inset-inline: 0;
	max-height: calc(100vh - var(--pv-rg) - var(--h-short) - var(--g-3));
	overflow-y: auto;
	position: absolute;
	top: 100%;
}

.districtSlider-pane.is-open {
	display: block;
}

.districtSlider-pane-links {
	display: block;
}

.districtSlider-pane-chain {
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
}

.districtSlider-pane-piece {
	border-block-end: var(--b-thin) solid var(--k-rule);
	display: block;
}

.districtSlider-pane-hop {
	color: var(--k-letters);
	display: block;
	font-size: var(--z-sm-2);
	font-weight: 600;
	letter-spacing: var(--e-wide);
	padding: var(--g-2) var(--g-3);
	text-decoration: none;
	text-transform: uppercase;
}

.districtSlider-pane-hop:hover {
	color: var(--k-beam);
}

.districtSlider-pane-hop[aria-current='page'] {
	color: var(--k-letters);
	font-weight: var(--w-bold);
}

/* ---------- .fragmentRail — reviews REV-04 ---------- */

.fragmentRail {
	background-color: var(--k-sheet);
	color: var(--k-letters);
	padding-block: var(--g-5) var(--g-4);
}

.fragmentRail-shell {
	margin-inline: auto;
	max-width: calc(var(--v-outer) + 2 * var(--v-padding-desktop));
	padding-inline: var(--v-padding-desktop);
}

.fragmentRail-caption {
	color: var(--k-letters);
	margin-block-end: var(--g-4);
}

.fragmentRail-lead {
	background-color: var(--k-quill);
	margin-block-end: var(--g-4);
	padding: var(--g-4);
}

.fragmentRail-quote {
	color: var(--k-letters);
	font-size: var(--z-sub-2);
	font-style: italic;
	line-height: var(--l-normal);
	margin: 0;
	margin-block: var(--g-2);
}

.fragmentRail-handle {
	color: var(--k-text-muted);
	font-size: var(--z-fine);
	font-style: normal;
	font-weight: var(--w-bold);
}

.fragmentRail-stars {
	display: inline-flex;
	flex-shrink: 0;
	gap: var(--g-1);
}

.fragmentRail-star {
	background-color: rgba(255, 255, 255, 0.18);
	clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);
	display: block;
	flex-shrink: 0;
	height: 16px;
	width: 16px;
}

.fragmentRail-star.is-on {
	background-color: var(--k-beam);
}

.fragmentRail-star.is-half {
	background-image: linear-gradient(90deg, var(--k-beam) 50%, rgba(255, 255, 255, 0.18) 50%);
}

.fragmentRail-stars-big .fragmentRail-star {
	height: 28px;
	width: 28px;
}

.fragmentRail-chain {
	display: grid;
	gap: var(--g-3);
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.fragmentRail-piece {
	border-block-start: var(--b-thin) solid var(--k-rule);
	padding: var(--g-3);
}

.fragmentRail-tag {
	align-items: center;
	display: flex;
	gap: var(--g-2);
	justify-content: space-between;
	margin-block-end: var(--g-1);
}

.fragmentRail-note {
	color: var(--k-text-muted);
	font-size: var(--z-fine);
	line-height: var(--l-normal);
}

.fragmentRail-keys {
	align-items: flex-start;
	display: flex;
	flex-direction: column;
	gap: var(--g-2);
	padding-block-start: var(--g-4);
}

.fragmentRail-cap {
	color: var(--k-text-muted);
	font-size: var(--z-legal);
	letter-spacing: var(--e-wide);
	line-height: var(--l-normal);
}

/* ---------- .guardRibbon — RG-05 ---------- */

.guardRibbon {
	background-color: var(--k-spot-deep);
	border-block-end: var(--b-thin) solid var(--k-rule);
	color: var(--k-letters);
	inset-inline: 0;
	position: fixed;
	top: 0;
	z-index: 110;
}

.guardRibbon-bar {
	align-items: center;
	display: flex;
	gap: var(--g-2);
	justify-content: center;
	margin-inline: auto;
	max-width: calc(var(--v-outer) + 2 * var(--v-padding-desktop));
	padding: var(--g-1) var(--g-3);
}

.guardRibbon-mark {
	background-color: var(--k-caution);
	color: var(--k-letters);
	display: inline-flex;
	flex-shrink: 0;
	font-family: var(--f-copy);
	font-size: var(--z-legal);
	font-weight: var(--w-bold);
	letter-spacing: var(--e-wide);
	min-height: 26px;
	min-width: 40px;
	padding: var(--g-1) var(--g-1);
	align-items: center;
	justify-content: center;
}

.guardRibbon-note {
	color: var(--k-letters);
	font-size: var(--z-legal);
	line-height: var(--l-normal);
	text-align: center;
}

.guardRibbon-hop {
	color: var(--k-beam);
}

.guardRibbon-hop:hover {
	color: var(--k-letters);
}

/* ---------- .meshBlock — faq FAQ-08 ---------- */

.meshBlock {
	background-color: var(--k-sheet);
	color: var(--k-letters);
	padding-block: var(--g-5) var(--g-4);
}

.meshBlock-shell {
	margin-inline: auto;
	max-width: calc(var(--v-outer) + 2 * var(--v-padding-desktop));
	padding-inline: var(--v-padding-desktop);
}

.meshBlock-caption {
	color: var(--k-letters);
	margin-block-end: var(--g-4);
}

.meshBlock-chain {
	background-color: var(--k-mist);
	border: var(--b-thin) solid var(--k-rule);
	padding: var(--g-4);
}

.meshBlock-piece {
	border-block-end: var(--b-thin) solid rgba(255, 255, 255, 0.08);
	box-shadow: inset 4px 0 0 var(--k-root);
	overflow: clip;
	padding-inline-start: var(--g-4);
}

.meshBlock-piece:last-child {
	border-block-end: none;
}

.meshBlock-sum {
	align-items: center;
	cursor: pointer;
	display: flex;
	gap: var(--g-2);
	justify-content: space-between;
	list-style: none;
	padding-block: var(--g-3);
}

.meshBlock-sum::-webkit-details-marker {
	display: none;
}

.meshBlock-sum::after {
	border-inline-end: var(--b-even) solid var(--k-beam);
	border-block-end: var(--b-even) solid var(--k-beam);
	content: '';
	flex-shrink: 0;
	height: 9px;
	transform: rotate(45deg);
	transition: transform var(--t-steady) var(--x-land);
	width: 9px;
}

.meshBlock-piece[open] .meshBlock-sum::after {
	transform: rotate(-135deg);
}

.meshBlock-head {
	color: var(--k-letters);
	font-family: var(--f-copy);
	font-size: var(--z-sm-2);
	font-weight: 600;
	margin: 0;
}

.meshBlock-meat {
	padding-block-end: var(--g-3);
}

.meshBlock-note {
	color: var(--k-text-muted);
	font-size: var(--z-fine);
	line-height: var(--l-open);
}

.meshBlock-piece::details-content {
	block-size: 0;
	opacity: 0;
	overflow: hidden;
	transition: block-size var(--t-steady) var(--x-land), opacity var(--t-steady) var(--x-land), content-visibility var(--t-steady) allow-discrete;
}

.meshBlock-piece[open]::details-content {
	block-size: auto;
	opacity: 1;
}

/* ---------- .nodeDisplay — cta block CTA-09 ---------- */

.nodeDisplay {
	background-color: var(--k-action);
	color: var(--k-letters);
	padding-block: var(--g-5) var(--g-4);
}

.nodeDisplay-shell {
	margin-inline: auto;
	max-width: calc(var(--v-outer) + 2 * var(--v-padding-desktop));
	padding-inline: var(--v-padding-desktop);
}

.nodeDisplay-meat {
	display: block;
}

.nodeDisplay-brow {
	color: var(--k-beam);
	display: block;
	font-size: var(--z-legal);
	letter-spacing: var(--e-wide);
	margin-block-end: var(--g-2);
	text-transform: uppercase;
}

.nodeDisplay-caption {
	color: var(--k-letters);
	margin-block-end: var(--g-2);
}

.nodeDisplay-note {
	color: var(--k-text-muted);
	line-height: var(--l-open);
	max-width: var(--v-tight);
}

.nodeDisplay-keys {
	align-items: flex-start;
	display: flex;
	flex-direction: column;
	gap: var(--g-2);
	padding-block-start: var(--g-3);
}

.nodeDisplay-cap {
	color: var(--k-text-muted);
	font-size: var(--z-legal);
	letter-spacing: var(--e-wide);
	line-height: var(--l-normal);
}

/* ---------- .pinTrack — contact form FORM-05 ---------- */

.pinTrack {
	background-color: var(--k-sheet);
	color: var(--k-letters);
	padding-block: var(--g-5) var(--g-4);
}

.pinTrack-shell {
	margin-inline: auto;
	max-width: calc(var(--v-outer) + 2 * var(--v-padding-desktop));
	padding-inline: var(--v-padding-desktop);
}

.pinTrack-caption {
	color: var(--k-letters);
	margin-block-end: var(--g-2);
}

.pinTrack-note {
	color: var(--k-text-muted);
	line-height: var(--l-open);
	margin-block-end: var(--g-4);
}

.pinTrack-body {
	border: var(--b-even) solid var(--k-root);
	display: flex;
	flex-direction: column;
	gap: var(--g-3);
	padding: var(--g-4);
}

.pinTrack-slot {
	display: flex;
	flex-direction: column;
	gap: var(--g-1);
}

.pinTrack-cap {
	color: var(--k-text-muted);
	font-size: var(--z-legal);
	letter-spacing: var(--e-wide);
	text-transform: uppercase;
}

.pinTrack-input {
	background-color: transparent;
	border: none;
	border-block-end: var(--b-thin) solid rgba(255, 255, 255, 0.22);
	color: var(--k-letters);
	font-family: var(--f-copy);
	font-size: var(--z-sub-2);
	padding-block: var(--g-2);
	width: 100%;
}

.pinTrack-area {
	resize: vertical;
}

.pinTrack-send {
	align-self: flex-start;
	background-color: var(--k-root);
	border: none;
	color: var(--k-letters);
	cursor: pointer;
	font-family: var(--f-copy);
	font-size: var(--z-sm-2);
	font-weight: 600;
	letter-spacing: var(--e-wide);
	min-height: 46px;
	padding-inline: var(--g-4);
	transition: background-color var(--t-snap) var(--x-land), color var(--t-snap) var(--x-land);
}

.pinTrack-send:hover {
	background-color: var(--k-beam);
	color: var(--k-spot-deep);
}

.pinTrack-done {
	background-color: var(--k-surface-2);
	color: var(--k-letters);
	margin-block-start: var(--g-3);
	padding: var(--g-3);
}

.pinTrack-tag {
	color: var(--k-text-muted);
	font-size: var(--z-fine);
	margin-block-start: var(--g-3);
}

.pinTrack-hop {
	color: var(--k-beam);
}

.pinTrack-hop:hover {
	color: var(--k-letters);
}

/* ---------- .podPanel — prose PROSE-25 ---------- */

.podPanel {
	background-color: var(--k-sheet);
	color: var(--k-letters);
	padding-block: var(--g-5) var(--g-4);
}

.podPanel-shell {
	margin-inline: auto;
	max-width: calc(var(--v-outer) + 2 * var(--v-padding-desktop));
	padding-inline: var(--v-padding-desktop);
}

.podPanel-caption {
	background-color: var(--k-root);
	border-left: 6px solid var(--k-spot-deep);
	border-inline-start: 6px solid var(--k-spot-deep);
	color: var(--k-letters);
	display: block;
	font-weight: var(--w-bold);
	margin-block-end: var(--g-4);
	padding: var(--g-3) var(--g-4);
	text-align: start;
	width: 100%;
}

.podPanel-note {
	color: var(--k-text-muted);
	font-size: var(--z-base);
	line-height: var(--l-open);
	margin-block-end: var(--g-3);
}

.podPanel-chain {
	color: var(--k-text-muted);
	display: flex;
	flex-direction: column;
	gap: var(--g-2);
	line-height: var(--l-open);
	list-style: none;
	margin-block-end: var(--g-3);
	padding-inline-start: var(--g-4);
}

.podPanel-piece {
	position: relative;
}

.podPanel-piece::before {
	background-color: var(--k-root);
	content: '';
	height: 8px;
	inset-inline-start: calc(-1 * var(--g-3));
	position: absolute;
	top: 0.55em;
	width: 8px;
}

.podPanel-chain-num {
	counter-reset: podstep;
	list-style: none;
}

.podPanel-chain-num .podPanel-piece {
	counter-increment: podstep;
}

.podPanel-chain-num .podPanel-piece::before {
	background-color: transparent;
	color: var(--k-beam);
	content: counter(podstep) '.';
	font-weight: var(--w-bold);
	height: auto;
	top: 0;
	width: auto;
}

.podPanel-hop {
	color: var(--k-beam);
}

.podPanel-hop:hover {
	color: var(--k-letters);
}

.podPanel-artbox {
	margin: 0;
	margin-block: var(--g-4);
	margin-inline: auto;
	max-width: 640px;
}

.podPanel-artbox-even {
	max-width: 460px;
}

.podPanel-artbox-tall {
	max-width: 380px;
}

.podPanel-art {
	display: block;
	height: auto;
	width: 100%;
}

.podPanel-keys {
	align-items: flex-start;
	display: flex;
	flex-direction: column;
	gap: var(--g-2);
	padding-block-start: var(--g-3);
}

.podPanel-cap {
	color: var(--k-text-muted);
	font-size: var(--z-legal);
	letter-spacing: var(--e-wide);
	line-height: var(--l-normal);
}

.arrowCarousel-key,
.cellModule-key,
.fragmentRail-key,
.nodeDisplay-key,
.podPanel-key {
	text-align: center;
	text-decoration: none;
}

/* ---------- .precinctHeader — error ERR-04 ---------- */

.precinctHeader {
	align-items: center;
	background-color: var(--k-spot-deep);
	background-image: linear-gradient(180deg, rgba(14, 14, 20, 0.55) 0%, rgba(14, 14, 20, 0.9) 100%), url('/frames/slide.webp');
	background-position: center;
	background-size: cover;
	color: var(--k-letters);
	display: flex;
	min-height: 100vh;
	padding-block: var(--h-tall) var(--g-5);
}

.precinctHeader-shell {
	margin-inline: auto;
	max-width: calc(var(--v-outer) + 2 * var(--v-padding-desktop));
	padding-block: var(--pv-rg) 0;
	padding-inline: var(--v-padding-desktop);
	text-align: center;
	width: 100%;
}

.precinctHeader-head {
	color: var(--k-letters);
	margin-block-end: var(--g-3);
	margin-inline: auto;
	max-width: var(--v-tight);
}

.precinctHeader-note {
	color: var(--k-text-muted);
	line-height: var(--l-open);
	margin-block-end: var(--g-4);
	margin-inline: auto;
	max-width: var(--v-tight);
}

.precinctHeader-goto {
	background-color: var(--k-root);
	color: var(--k-letters);
	display: inline-flex;
	align-items: center;
	font-size: var(--z-sm-2);
	font-weight: 600;
	justify-content: center;
	letter-spacing: var(--e-wide);
	min-height: 46px;
	padding-inline: var(--g-4);
	text-decoration: none;
	transition: background-color var(--t-snap) var(--x-land), color var(--t-snap) var(--x-land);
}

.precinctHeader-goto:hover {
	background-color: var(--k-beam);
	color: var(--k-spot-deep);
}

/* ---------- .sectionSlider — footer FOOT-06 ---------- */

.sectionSlider {
	background-color: var(--k-sheet);
	border-block-start: var(--b-thin) solid var(--k-rule);
	color: var(--k-letters);
	padding-block: var(--g-5);
}

.sectionSlider-shell {
	margin-inline: auto;
	max-width: calc(var(--v-outer) + 2 * var(--v-padding-desktop));
	padding-inline: var(--v-padding-desktop);
}

.sectionSlider-manifesto {
	margin-inline: auto;
	max-width: var(--v-tight);
	text-align: center;
}

.sectionSlider-caption {
	color: var(--k-letters);
	font-family: var(--f-lead);
	font-weight: var(--w-bold);
	margin-block-end: var(--g-3);
}

.sectionSlider-invite {
	color: var(--k-letters);
	font-family: var(--f-lead);
	font-size: var(--z-sm-2);
	letter-spacing: var(--e-wide);
	text-decoration: underline;
	text-transform: uppercase;
}

.sectionSlider-invite:hover {
	color: var(--k-beam);
}

.sectionSlider-divider {
	background-color: rgba(255, 255, 255, 0.1);
	height: 1px;
	margin-block: var(--g-5);
}

.sectionSlider-tag {
	display: flex;
	flex-wrap: wrap;
	gap: var(--g-4);
	justify-content: space-between;
}

.sectionSlider-sign {
	display: inline-flex;
	flex-shrink: 0;
}

.sectionSlider-art {
	display: block;
	height: 44px;
	width: auto;
}

.sectionSlider-links,
.sectionSlider-legal-links {
	display: block;
	min-width: 0;
}

.sectionSlider-caption-sub {
	color: var(--k-letters);
	font-family: var(--f-lead);
	font-size: var(--z-fine);
	font-weight: var(--w-bold);
	letter-spacing: var(--e-wide);
	margin-block-end: var(--g-2);
	text-transform: uppercase;
}

.sectionSlider-chain {
	display: grid;
	gap: var(--g-1) var(--g-4);
	grid-template-columns: repeat(2, minmax(0, 1fr));
	list-style: none;
	padding: 0;
}

.sectionSlider-legal-chain {
	list-style: none;
	max-width: 320px;
	padding: 0;
}

.sectionSlider-piece {
	margin-block-end: var(--g-1);
}

.sectionSlider-hop {
	color: var(--k-text-muted);
	font-size: var(--z-fine);
	text-decoration: none;
}

.sectionSlider-hop:hover {
	color: var(--k-letters);
	text-decoration: underline;
}

.sectionSlider-note {
	color: var(--k-text-muted);
	display: block;
	flex-basis: 100%;
	font-size: var(--z-legal);
	line-height: var(--l-normal);
}

/* ---------- .streamLane — cookie COOK-01 ---------- */

.streamLane {
	display: none;
	inset-block-end: var(--g-4);
	inset-inline: var(--g-4);
	margin-inline: auto;
	max-width: var(--v-tight);
	position: fixed;
	z-index: 90;
}

.streamLane.is-live {
	animation: laneWipeIn var(--t-slow) var(--x-land) both;
	display: block;
}

.streamLane.is-gone {
	animation: laneWipeOut var(--t-steady) var(--x-even) both;
}

.streamLane-bar {
	align-items: center;
	background-color: var(--k-surface-2);
	border: var(--b-thin) solid var(--k-rule);
	box-shadow: var(--d-4);
	display: flex;
	flex-wrap: wrap;
	gap: var(--g-2);
	padding: var(--g-3);
}

.streamLane-copy {
	color: var(--k-text-muted);
	flex: 1 1 280px;
	font-family: var(--f-copy);
	font-size: var(--z-fine);
	line-height: var(--l-normal);
}

.streamLane-keys {
	display: flex;
	gap: var(--g-2);
}

.streamLane-approve {
	background-color: var(--k-root);
	border: none;
	color: var(--k-letters);
	cursor: pointer;
	font-family: var(--f-lead);
	font-size: var(--z-legal);
	font-weight: var(--w-bold);
	letter-spacing: var(--e-wide);
	min-height: 36px;
	padding-inline: var(--g-3);
	text-transform: uppercase;
	transition: background-color var(--t-snap) var(--x-land), color var(--t-snap) var(--x-land);
}

.streamLane-approve:hover {
	background-color: var(--k-spot-deep);
	color: var(--k-letters);
}

.streamLane-refuse {
	background-color: transparent;
	border: var(--b-thin) solid rgba(255, 255, 255, 0.2);
	color: var(--k-letters);
	cursor: pointer;
	font-family: var(--f-copy);
	font-size: var(--z-legal);
	letter-spacing: var(--e-wide);
	min-height: 36px;
	padding-inline: var(--g-3);
	transition: background-color var(--t-snap) var(--x-land), color var(--t-snap) var(--x-land);
}

.streamLane-refuse:hover {
	background-color: var(--k-spot-deep);
	color: var(--k-letters);
}

@keyframes laneWipeIn {
	from {
		clip-path: inset(0 100% 0 0);
	}

	to {
		clip-path: inset(0 0 0 0);
	}
}

@keyframes laneWipeOut {
	from {
		clip-path: inset(0 0 0 0);
	}

	to {
		clip-path: inset(0 0 0 100%);
	}
}

/* ---------- .stubHeader — author byline BYLINE-06 ---------- */

.stubHeader {
	background-color: var(--k-sheet);
	color: var(--k-letters);
	display: block;
	padding-block: var(--g-4);
}

.stubHeader-shell {
	align-items: center;
	display: flex;
	gap: var(--g-3);
	margin-inline: auto;
	max-width: calc(var(--v-outer) + 2 * var(--v-padding-desktop));
	padding-inline: var(--v-padding-desktop);
}

.stubHeader-note {
	color: var(--k-text-muted);
	flex: 1 1 auto;
	font-size: var(--z-fine);
	font-style: italic;
}

.stubHeader-lede {
	color: var(--k-text-muted);
}

.stubHeader-handle {
	color: var(--k-beam);
	text-decoration: underline;
}

.stubHeader-handle:hover {
	color: var(--k-letters);
	text-decoration-thickness: 2px;
}

.stubHeader-sep {
	color: var(--k-text-muted);
	margin-inline: var(--g-1);
}

.stubHeader-credit {
	color: var(--k-text-muted);
}

.stubHeader-day {
	color: var(--k-text-muted);
	display: inline-block;
	margin-inline-start: var(--g-2);
}

.stubHeader-avatar {
	border-radius: var(--r-circle);
	flex-shrink: 0;
	height: 40px;
	object-fit: cover;
	width: 40px;
}

/* ---------- .stubSlider — page header PHEAD-06 ---------- */

.stubSlider {
	background-color: var(--k-sheet);
	color: var(--k-letters);
	padding-block: var(--h-tall) var(--g-4);
}

.stubSlider-shell {
	margin-inline: auto;
	max-width: calc(var(--v-outer) + 2 * var(--v-padding-desktop));
	padding-block: var(--pv-rg) 0;
	padding-inline: var(--v-padding-desktop);
}

.stubSlider-head {
	color: var(--k-letters);
	margin-block: var(--g-4) var(--g-3);
}

.stubSlider-rule {
	background-color: rgba(255, 255, 255, 0.2);
	height: 1px;
	margin-block-end: var(--g-3);
	width: 40px;
}

.stubSlider-lead {
	color: var(--k-text-muted);
	font-family: var(--f-copy);
	font-size: var(--z-sm-2);
	font-style: italic;
	line-height: var(--l-normal);
	max-width: var(--v-tight);
}

/* ---------- narrow screens (desktop-first) ---------- */

@media (max-width: 1160px) {
	.cellModule-shell {
		gap: var(--g-4);
		grid-template-columns: 58% 42%;
	}

	.arrowCarousel-shell,
	.cellModule-shell,
	.componentBlock-shell,
	.crateFooter-articles,
	.crateFooter-shell,
	.dartBody-shell,
	.dartSpan-shell,
	.fragmentRail-shell,
	.meshBlock-shell,
	.nodeDisplay-shell,
	.pinTrack-shell,
	.podPanel-shell,
	.precinctHeader-shell,
	.sectionSlider-shell,
	.stubHeader-shell,
	.stubSlider-shell {
		padding-inline: var(--v-edge-mid);
	}
}

@media (max-width: 1024px) {
	.districtSlider-links {
		display: none;
	}

	.districtSlider-menu-knob {
		display: inline-flex;
		align-items: center;
		justify-content: center;
	}

	.districtSlider-art {
		height: 46px;
	}

	.cellModule-shell {
		grid-template-columns: minmax(0, 1fr);
	}

	.fragmentRail-chain {
		grid-template-columns: minmax(0, 1fr);
	}
}

@media (max-width: 860px) {
	.sectionSlider-tag {
		gap: var(--g-3);
	}

	.sectionSlider-chain {
		gap: var(--g-1) var(--g-3);
	}

	.crateFooter-shell {
		flex-direction: column;
	}
}

@media (max-width: 720px) {
	.streamLane {
		inset-block-end: var(--g-3);
		inset-inline: var(--g-3);
	}

	.streamLane-bar {
		font-size: 13px;
		gap: var(--g-2);
		line-height: 1.35;
		padding: var(--g-2);
	}

	.streamLane-copy {
		flex: 1 1 100%;
		font-size: 13px;
		line-height: 1.35;
	}

	.streamLane-approve,
	.streamLane-refuse {
		font-size: var(--z-legal);
		min-height: 36px;
		padding-inline: var(--g-2);
	}
}

@media (max-width: 580px) {
	:root {
		--z-h1: 30px;
		--z-xl-2: 24px;
		--z-h3: 20px;
		--z-sub-2: 17px;
		--z-sm-2: 15px;
		--z-micro-head: 13px;
		--z-base: 16px;
		--z-fine: 13px;
		--z-legal: 11px;
	}

	.districtSlider {
		height: 64px;
	}

	.districtSlider-art {
		height: 30px;
	}

	.districtSlider-bar {
		gap: var(--g-2);
		padding-inline: var(--v-pad-sm);
	}

	.districtSlider-menu-knob {
		min-height: 40px;
		padding: var(--g-1);
	}

	.arrowCarousel-shell,
	.cellModule-shell,
	.componentBlock-shell,
	.crateFooter-articles,
	.crateFooter-shell,
	.dartBody-shell,
	.dartSpan-shell,
	.fragmentRail-shell,
	.meshBlock-shell,
	.nodeDisplay-shell,
	.pinTrack-shell,
	.podPanel-shell,
	.precinctHeader-shell,
	.sectionSlider-shell,
	.stubHeader-shell,
	.stubSlider-shell {
		padding-inline: var(--v-pad-sm);
	}

	.arrowCarousel,
	.componentBlock,
	.crateFooter,
	.dartSpan,
	.fragmentRail,
	.meshBlock,
	.nodeDisplay,
	.pinTrack,
	.podPanel {
		padding-block: var(--g-4) var(--g-3);
	}

	.cellModule {
		padding-block: var(--h-short) var(--g-3);
	}

	.stubSlider {
		padding-block: var(--h-short) var(--g-3);
	}

	.meshBlock-chain {
		padding: var(--g-3);
	}

	.meshBlock-piece {
		padding-inline-start: var(--g-3);
	}

	.podPanel-caption {
		padding: var(--g-2) var(--g-3);
	}

	.fragmentRail-lead {
		padding: var(--g-3);
	}

	.fragmentRail-stars-big .fragmentRail-star {
		height: 20px;
		width: 20px;
	}

	.pinTrack-body {
		padding: var(--g-3);
	}

	.sectionSlider {
		padding-block: var(--g-4);
	}

	.sectionSlider-chain {
		grid-template-columns: minmax(0, 1fr);
	}

	.sectionSlider-divider {
		margin-block: var(--g-4);
	}

	.sectionSlider-tag {
		flex-direction: column;
	}

	.stubHeader-shell {
		gap: var(--g-2);
	}

	.crateFooter-avatar {
		height: 72px;
		width: 72px;
	}

	.podPanel-artbox-tall {
		max-width: 280px;
	}
}

@media (max-width: 430px) {
	.districtSlider-art {
		height: 22px;
	}

	.districtSlider-bar {
		gap: 8px;
		padding-inline: var(--g-2);
	}

	.districtSlider-sign {
		padding: 2px var(--g-1);
	}

	.districtSlider-menu-knob {
		font-size: 10px;
		min-height: 38px;
		padding: 2px 6px;
	}

	.districtSlider-keys .districtSlider-key {
		font-size: var(--z-legal);
		padding-inline: var(--g-2);
	}

	.districtSlider-tail {
		display: none;
	}

	.guardRibbon-bar {
		padding-inline: var(--g-2);
	}
}

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

/* ---------- offer buttons (scripts/cta-style.mjs, domain-rolled) ---------- */

.wagerSpark-act{display:inline-flex;align-items:center;justify-content:center;padding:0 var(--g-3);min-height:44px;border-radius:4px;border:var(--b-thin) solid var(--k-letters);font-size:var(--z-fine);font-weight:600;letter-spacing:var(--e-wide)}
.wagerSpark-act{
  background:#F59E0B;color:#0E0E14;text-decoration:none;
  transition:background var(--t-snap) var(--x-land),color var(--t-snap) var(--x-land);}
.wagerSpark-act.wagerSpark-act{color:#0E0E14;text-decoration:none;}
.wagerSpark-act:hover{background:#B45309;color:#FFFFFF;animation:none}
.wagerSpark-act.wagerSpark-act:hover{color:#FFFFFF;text-decoration:none}
.wagerSpark-act:hover::after{animation:none}
.wagerSpark-act:active{background:#92400E;color:#FFFFFF}
.wagerSpark-act:focus-visible{outline:3px solid #0E0E14;outline-offset:3px}
@keyframes wagerSpark-sway{0%{transform:translateX(0)}20.000%{transform:translateX(2px)}40.000%,100%{transform:translateX(0)}}
.wagerSpark-act{animation:wagerSpark-sway 2s var(--x-land) infinite}
@media (prefers-reduced-motion:reduce){.wagerSpark-act,.wagerSpark-act::after{animation:none!important;transition:none!important}}

.arrowCarousel-keys .wagerSpark-act {
	animation-delay: -0.35s;
}

.podPanel-keys .wagerSpark-act {
	animation-delay: -0.65s;
}

.fragmentRail-keys .wagerSpark-act {
	animation-delay: -1.1s;
}

.nodeDisplay-keys .wagerSpark-act {
	animation-delay: -1.45s;
}

@media (max-width: 489px) {
  .districtSlider-links,
  .districtSlider-chain,
  .districtSlider-hop { display: none !important; }
  .districtSlider-more { display: flex !important; }
}