:root {
	--color-primary: #000000;
	--color-accent: #1b8bff;
	--color-accent-pressed: #0182f1;
	--color-bg: #09090d;
	--color-bg-elevated: #131320;
	--color-text: #ffffff;
	--color-text-muted: #bebebe;
	--color-gradient-light: #ceff06;
	--color-gradient-mid: #e22130;
	--color-border: rgba(255, 255, 255, 0.08);
	--color-border-strong: rgba(255, 255, 255, 0.16);
	--color-rg-banner: #dc2626;

	--font-display: 'Saira Semi Condensed', 'Inter', system-ui, sans-serif;
	--font-body: 'Saira Semi Condensed', 'Inter', system-ui, sans-serif;
	--fw-regular: 400;
	--fw-medium: 500;
	--fw-bold: 700;
	--fw-black: 900;

	--fs-micro: 12px;
	--fs-small: 14px;
	--fs-body: 17px;
	--fs-h5: 21px;
	--fs-h4: 26px;
	--fs-h3: 34px;
	--fs-h2: 46px;
	--fs-h1: 72px;

	--lh-tight: 1.12;
	--lh-normal: 1.5;
	--lh-loose: 1.72;
	--ls-tight: -0.01em;
	--ls-wide: 0.08em;

	--space-2xs: 4px;
	--space-xs: 8px;
	--space-sm: 12px;
	--space-md: 18px;
	--space-lg: 28px;
	--space-xl: 44px;
	--space-2xl: 72px;
	--space-3xl: 112px;

	--container-site: 1420px;
	--container-readable: 720px;
	--container-padding-desktop: 32px;
	--container-padding-mobile: 18px;

	--radius-sm: 4px;
	--radius-md: 8px;
	--radius-lg: 14px;
	--radius-pill: 999px;
	--radius-circle: 50%;

	--dur-base: 200ms;
	--ease-out: cubic-bezier(0.22, 1, 0.36, 1);

	--shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.4);
	--shadow-md: 0 8px 28px rgba(0, 0, 0, 0.55);

	--header-height-desktop: 132px;
	--header-height-mobile: 70px;
}

@media (max-width: 720px) {
	:root {
		--fs-h1: 40px;
		--fs-h2: 30px;
		--fs-h3: 24px;
		--fs-h4: 20px;
		--fs-h5: 18px;
		--fs-body: 16px;
		--space-2xl: 48px;
		--space-3xl: 72px;
		--space-xl: 32px;
	}
}

*, *::before, *::after { box-sizing: border-box; }
html, body { margin: 0; padding: 0; overflow-x: clip; }
html { scroll-behavior: smooth; }
body {
	font-family: var(--font-body);
	font-size: var(--fs-body);
	font-weight: var(--fw-regular);
	line-height: var(--lh-normal);
	color: var(--color-text);
	background: var(--color-bg);
	padding-top: var(--header-height-desktop);
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
@media (max-width: 980px) {
	body { padding-top: var(--header-height-mobile); }
}

img, picture, svg, video { max-width: 100%; height: auto; display: block; }
a { color: var(--color-accent); text-decoration: none; }
a:hover { color: var(--color-accent-pressed); }

h1, h2, h3, h4, h5, h6 {
	margin: 0;
	font-family: var(--font-display);
	font-weight: var(--fw-bold);
	line-height: var(--lh-tight);
	color: var(--color-text);
	letter-spacing: var(--ls-tight);
}
p { margin: 0 0 var(--space-md); }
ul, ol { margin: 0 0 var(--space-md); padding-inline-start: var(--space-lg); }
ul li, ol li { margin-block-end: var(--space-xs); }
strong { font-weight: var(--fw-bold); color: var(--color-text); }

.skip-link {
	position: fixed;
	top: -200px !important;
	left: 16px;
	background: var(--color-accent);
	color: var(--color-bg);
	padding: 10px 16px;
	border-radius: var(--radius-md);
	z-index: 200;
	font-weight: var(--fw-bold);
}
.skip-link:focus { top: 16px !important; }

.sr-only {
	position: absolute;
	width: 1px; height: 1px;
	padding: 0; margin: -1px;
	overflow: hidden; clip: rect(0,0,0,0);
	white-space: nowrap; border: 0;
}

@media (prefers-reduced-motion: reduce) {
	*, *::before, *::after { animation-duration: 0.001ms !important; transition-duration: 0.001ms !important; }
	html { scroll-behavior: auto; }
}

/* ===== Header HEAD-03 (Compact Top Bar + Main Bar) ===== */
.zoneBunch {
	position: fixed;
	top: 0; left: 0; right: 0;
	z-index: 100;
	background: var(--color-bg);
	border-bottom: 1px solid var(--color-border);
	backdrop-filter: blur(8px);
	background: rgba(9, 9, 13, 0.95);
}
.zoneBunch-topbar {
	background: var(--color-primary);
	border-bottom: 1px solid var(--color-border);
}
.zoneBunch-topbar-inner {
	max-width: 1440px;
	margin: 0 auto;
	padding: 8px var(--container-padding-desktop);
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--space-md);
	font-size: var(--fs-micro);
	letter-spacing: var(--ls-wide);
	text-transform: uppercase;
	color: var(--color-text-muted);
}
.zoneBunch-info { font-family: var(--font-display); font-weight: var(--fw-medium); }
.zoneBunch-info::before {
	content: '';
	display: inline-block;
	width: 8px; height: 8px;
	background: var(--color-gradient-light);
	border-radius: var(--radius-circle);
	margin-inline-end: 8px;
	vertical-align: middle;
	box-shadow: 0 0 8px var(--color-gradient-light);
}
.zoneBunch-cta-mini {
	color: var(--color-accent);
	font-family: var(--font-display);
	font-weight: var(--fw-bold);
	letter-spacing: var(--ls-wide);
}
.zoneBunch-cta-mini:hover { color: var(--color-text); }

.zoneBunch-main {
	background: transparent;
}
.zoneBunch-main-inner {
	max-width: 1440px;
	margin: 0 auto;
	padding: 12px var(--container-padding-desktop);
	display: flex;
	align-items: center;
	gap: var(--space-lg);
}

.zoneBunch-logo {
	display: inline-flex;
	align-items: center;
	flex-shrink: 0;
	margin-right: auto;
}
.zoneBunch-logo, .zoneBunch-logo img { flex-shrink: 0; }
.zoneBunch-logo-pill {
	display: inline-flex;
	align-items: center;
	background: #ffffff;
	padding: 8px 18px;
	border-radius: var(--radius-md);
	box-shadow: 0 4px 14px rgba(27, 139, 255, 0.18);
}
.zoneBunch-logo-img {
	height: 88px;
	width: auto;
	display: block;
}

.zoneBunch-nav {
	display: flex;
	align-items: center;
	gap: var(--space-lg);
	flex-wrap: nowrap;
}
.zoneBunch-nav-list {
	list-style: none;
	margin: 0; padding: 0;
	display: flex;
	gap: var(--space-lg);
	align-items: center;
	flex-wrap: nowrap;
}
.zoneBunch-nav-list a {
	font-family: var(--font-body);
	font-weight: var(--fw-medium);
	font-size: var(--fs-small);
	color: var(--color-text-muted);
	text-transform: uppercase;
	letter-spacing: var(--ls-wide);
	padding: 8px 4px;
	border-bottom: 2px solid transparent;
	transition: color var(--dur-base) var(--ease-out), border-color var(--dur-base) var(--ease-out);
}
.zoneBunch-nav-list a:hover,
.zoneBunch-nav-list a[aria-current='page'] {
	color: var(--color-text);
	border-bottom-color: var(--color-accent);
}

.zoneBunch-toggle {
	display: none;
	margin-left: auto !important;
	background: transparent;
	border: 1px solid var(--color-border-strong);
	border-radius: var(--radius-md);
	color: var(--color-text);
	width: 44px; height: 44px;
	cursor: pointer;
	padding: 0;
	align-items: center;
	justify-content: center;
}
.zoneBunch-toggle svg { width: 22px; height: 22px; }

.zoneBunch-mobile {
	display: none;
	position: fixed;
	inset: var(--header-height-mobile) 0 0 0;
	background: rgba(9, 9, 13, 0.98);
	backdrop-filter: blur(12px);
	z-index: 99;
	padding: var(--space-xl) var(--container-padding-mobile);
	overflow-y: auto;
}
.zoneBunch-mobile.is-open { display: block; }
.zoneBunch-mobile-list { list-style: none; margin: 0; padding: 0; }
.zoneBunch-mobile-list li { margin-block-end: var(--space-md); }
.zoneBunch-mobile-list a {
	display: block;
	font-family: var(--font-display);
	font-weight: var(--fw-bold);
	font-size: var(--fs-h4);
	color: var(--color-text);
	text-transform: uppercase;
	letter-spacing: var(--ls-wide);
	padding: 14px 0;
	border-bottom: 1px solid var(--color-border);
}
.zoneBunch-mobile-list a[aria-current='page'] { color: var(--color-accent); }

@media (max-width: 980px) {
	.zoneBunch-topbar { display: none; }
	.zoneBunch-main-inner { padding: 10px var(--container-padding-mobile); }
	.zoneBunch-logo-img { height: 60px; }
	.zoneBunch-logo-pill { padding: 5px 12px; }
	.zoneBunch-nav { display: none; }
	.zoneBunch-toggle { display: inline-flex; }
}

/* ===== HERO HERO-08 (Magazine Cover) ===== */
.courtBunch {
	position: relative;
	min-height: 100vh;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	margin-top: calc(var(--header-height-desktop) * -1);
	padding-top: var(--header-height-desktop);
	color: #ffffff;
}
@media (max-width: 980px) {
	.courtBunch {
		margin-top: calc(var(--header-height-mobile) * -1);
		padding-top: var(--header-height-mobile);
		min-height: 88vh;
	}
}
.courtBunch-img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	z-index: 0;
}
.courtBunch-overlay {
	position: absolute;
	inset: 0;
	background: linear-gradient(0deg, rgba(0,0,0,0.92) 0%, rgba(0,0,0,0.55) 55%, rgba(9, 9, 13, 0.35) 100%);
	z-index: 1;
}
.courtBunch-overlay::after {
	content: '';
	position: absolute; inset: 0;
	background: radial-gradient(circle at 20% 20%, rgba(206, 255, 6, 0.12), transparent 50%),
		radial-gradient(circle at 80% 70%, rgba(226, 33, 48, 0.16), transparent 55%);
	mix-blend-mode: screen;
}
.courtBunch-cover {
	position: relative;
	z-index: 2;
	text-align: center;
	max-width: calc(var(--container-site) + 2 * var(--container-padding-desktop));
	width: 100%;
	padding: var(--space-3xl) var(--container-padding-desktop);
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: var(--space-lg);
}
.courtBunch-issue-info {
	font-family: var(--font-display);
	font-size: var(--fs-micro);
	letter-spacing: var(--ls-wide);
	text-transform: uppercase;
	color: rgba(255, 255, 255, 0.72);
	display: inline-flex;
	align-items: center;
	gap: 10px;
}
.courtBunch-issue-info::before,
.courtBunch-issue-info::after {
	content: '';
	width: 32px;
	height: 1px;
	background: rgba(255, 255, 255, 0.4);
}
.courtBunch-h1 {
	font-size: var(--fs-h1);
	font-weight: var(--fw-black);
	line-height: var(--lh-tight);
	max-width: 980px;
	color: #ffffff;
	text-transform: uppercase;
}
.courtBunch-h1 em {
	font-style: normal;
	background: linear-gradient(135deg, var(--color-gradient-light), var(--color-accent));
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
}
.courtBunch-deck {
	font-size: var(--fs-h5);
	line-height: var(--lh-normal);
	color: rgba(255, 255, 255, 0.86);
	max-width: 720px;
	margin: 0;
}
.courtBunch-meta {
	display: flex;
	gap: var(--space-md);
	align-items: center;
	font-size: var(--fs-small);
	color: rgba(255, 255, 255, 0.7);
	letter-spacing: var(--ls-wide);
	text-transform: uppercase;
	flex-wrap: wrap;
	justify-content: center;
}
.courtBunch-meta span + span::before {
	content: '·';
	margin-inline-end: var(--space-md);
	color: var(--color-accent);
}
.courtBunch-scroll-hint {
	position: absolute;
	bottom: 28px;
	left: 50%;
	transform: translateX(-50%);
	z-index: 2;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 6px;
	color: rgba(255, 255, 255, 0.6);
	font-size: var(--fs-micro);
	letter-spacing: var(--ls-wide);
	text-transform: uppercase;
}
.courtBunch-scroll-hint svg {
	width: 18px; height: 18px;
	animation: courtBunch-bounce 1.6s var(--ease-out) infinite;
}
@keyframes courtBunch-bounce {
	0%, 100% { transform: translateY(0); opacity: 0.65; }
	50% { transform: translateY(6px); opacity: 1; }
}

/* ===== PAGE-HEADER PHEAD-04 (Two-Column) ===== */
.nookStrip {
	background: var(--color-bg);
	border-bottom: 1px solid var(--color-border);
}
.nookStrip-inner {
	max-width: calc(var(--container-site) + 2 * var(--container-padding-desktop));
	margin: 0 auto;
	padding: var(--space-2xl) var(--container-padding-desktop);
	display: grid;
	grid-template-columns: 1.2fr 1fr;
	gap: var(--space-2xl);
	align-items: end;
}
.nookStrip-title {
	font-size: var(--fs-h1);
	font-weight: var(--fw-black);
	color: var(--color-text);
	line-height: var(--lh-tight);
	text-transform: uppercase;
}
.nookStrip-eyebrow {
	display: inline-block;
	font-family: var(--font-display);
	font-size: var(--fs-micro);
	font-weight: var(--fw-bold);
	color: var(--color-accent);
	text-transform: uppercase;
	letter-spacing: var(--ls-wide);
	margin-block-end: var(--space-md);
	padding: 6px 14px;
	border: 1px solid var(--color-accent);
	border-radius: var(--radius-pill);
}
.nookStrip-description {
	font-size: var(--fs-h5);
	color: var(--color-text-muted);
	line-height: var(--lh-normal);
	margin: 0;
}
@media (max-width: 980px) {
	.nookStrip-inner { grid-template-columns: 1fr; gap: var(--space-md); padding-block: var(--space-xl); }
}

/* ===== Prose PROSE-06 (Centered Quiet) ===== */
.vectorTile {
	background: var(--color-bg);
}
.vectorTile-inner {
	max-width: calc(var(--container-site) + 2 * var(--container-padding-desktop));
	margin: 0 auto;
	padding: var(--space-2xl) var(--container-padding-desktop);
	text-align: center;
}
.vectorTile h2 {
	font-size: var(--fs-h3);
	font-family: var(--font-display);
	font-weight: var(--fw-bold);
	margin-block: var(--space-xl) var(--space-md);
	text-transform: uppercase;
	color: var(--color-text);
}
.vectorTile h2:first-child { margin-block-start: 0; }
.vectorTile p {
	font-size: var(--fs-body);
	color: var(--color-text-muted);
	line-height: var(--lh-loose);
	margin-inline: auto;
	margin-block-end: var(--space-md);
}
.vectorTile ul, .vectorTile ol {
	text-align: left;
	color: var(--color-text-muted);
	line-height: var(--lh-loose);
	max-width: 900px;
	margin-inline: auto;
	padding-inline-start: var(--space-xl);
}
.vectorTile strong { color: var(--color-text); }

/* ===== Items Grid GRID-11 (Mixed Block Sizes) ===== */
.stubStrip {
	background: var(--color-bg);
	border-top: 1px solid var(--color-border);
	border-bottom: 1px solid var(--color-border);
}
.stubStrip-inner {
	max-width: calc(var(--container-site) + 2 * var(--container-padding-desktop));
	margin: 0 auto;
	padding: var(--space-2xl) var(--container-padding-desktop);
}
.stubStrip-heading {
	font-size: var(--fs-h2);
	font-weight: var(--fw-black);
	text-transform: uppercase;
	margin-block-end: var(--space-xl);
	display: flex;
	align-items: baseline;
	gap: var(--space-md);
}
.stubStrip-heading::before {
	content: '';
	width: 12px; height: 12px;
	background: var(--color-accent);
	border-radius: var(--radius-circle);
	display: inline-block;
	box-shadow: 0 0 14px var(--color-accent);
}
.stubStrip-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-auto-rows: minmax(180px, auto);
	gap: var(--space-md);
}
.stubStrip-item {
	background: linear-gradient(140deg, var(--color-bg-elevated), rgba(19, 19, 32, 0.4));
	border: 1px solid var(--color-border);
	border-radius: var(--radius-lg);
	padding: var(--space-lg);
	transition: transform var(--dur-base) var(--ease-out), border-color var(--dur-base) var(--ease-out);
	display: flex;
	flex-direction: column;
	gap: var(--space-sm);
	position: relative;
	overflow: hidden;
}
.stubStrip-item:hover {
	transform: translateY(-3px);
	border-color: var(--color-accent);
}
.stubStrip-item::before {
	content: counter(stubStripItem, decimal-leading-zero);
	counter-increment: stubStripItem;
	position: absolute;
	top: var(--space-sm);
	right: var(--space-md);
	font-family: var(--font-display);
	font-weight: var(--fw-black);
	font-size: var(--fs-h2);
	color: rgba(255, 255, 255, 0.04);
}
.stubStrip-grid { counter-reset: stubStripItem; }
.stubStrip-item--xl {
	grid-column: span 2;
	grid-row: span 2;
	background: linear-gradient(140deg, rgba(27, 139, 255, 0.18), rgba(19, 19, 32, 0.8));
	border-color: rgba(27, 139, 255, 0.45);
}
.stubStrip-item--md { grid-row: span 1; }
.stubStrip-item--wide { grid-column: span 2; }
.stubStrip-item-title {
	font-family: var(--font-display);
	font-size: var(--fs-h4);
	font-weight: var(--fw-bold);
	color: var(--color-text);
	margin: 0;
	text-transform: uppercase;
	letter-spacing: var(--ls-tight);
}
.stubStrip-item--xl .stubStrip-item-title { font-size: var(--fs-h2); }
.stubStrip-item-text {
	font-size: var(--fs-body);
	color: var(--color-text-muted);
	line-height: var(--lh-normal);
	margin: 0;
}
@media (max-width: 1100px) {
	.stubStrip-grid { grid-template-columns: repeat(2, 1fr); }
	.stubStrip-item--xl { grid-column: span 2; grid-row: span 1; }
	.stubStrip-item--wide { grid-column: span 2; }
}
@media (max-width: 640px) {
	.stubStrip-grid { grid-template-columns: 1fr; }
	.stubStrip-item--xl, .stubStrip-item--wide { grid-column: span 1; }
}

/* ===== FAQ FAQ-04 (Side-Numbered Accordion) ===== */
.crateTrack {
	background: var(--color-bg);
}
.crateTrack-inner {
	max-width: calc(var(--container-site) + 2 * var(--container-padding-desktop));
	margin: 0 auto;
	padding: var(--space-2xl) var(--container-padding-desktop);
}
.crateTrack-heading {
	font-size: var(--fs-h2);
	font-weight: var(--fw-black);
	text-transform: uppercase;
	margin-block-end: var(--space-xl);
}
.crateTrack-list { list-style: none; margin: 0; padding: 0; }
.crateTrack-item {
	border-top: 1px solid var(--color-border);
	padding: var(--space-md) 0;
	counter-increment: crateTrackItem;
}
.crateTrack-list { counter-reset: crateTrackItem; }
.crateTrack-item:last-child { border-bottom: 1px solid var(--color-border); }
.crateTrack-question {
	display: grid;
	grid-template-columns: 64px 1fr 28px;
	gap: var(--space-md);
	align-items: center;
	width: 100%;
	background: transparent;
	border: none;
	color: inherit;
	cursor: pointer;
	padding: var(--space-sm) 0;
	font-family: var(--font-display);
	font-weight: var(--fw-bold);
	font-size: var(--fs-h5);
	text-align: left;
	color: var(--color-text);
	text-transform: none;
}
.crateTrack-num {
	font-family: var(--font-display);
	font-size: var(--fs-h3);
	font-weight: var(--fw-black);
	color: var(--color-accent);
	line-height: 1;
}
.crateTrack-num::before { content: counter(crateTrackItem, decimal-leading-zero); }
.crateTrack-arrow {
	transition: transform var(--dur-base) var(--ease-out);
	color: var(--color-accent);
	font-size: 18px;
	text-align: center;
}
.crateTrack-question[aria-expanded='true'] .crateTrack-arrow { transform: rotate(180deg); }
.crateTrack-answer {
	display: none;
	grid-template-columns: 64px 1fr 28px;
	gap: var(--space-md);
	padding-block: var(--space-sm) var(--space-md);
}
.crateTrack-question[aria-expanded='true'] + .crateTrack-answer { display: grid; }
.crateTrack-answer-text {
	grid-column: 2 / 3;
	color: var(--color-text-muted);
	line-height: var(--lh-loose);
	font-size: var(--fs-body);
	margin: 0;
}
@media (max-width: 640px) {
	.crateTrack-question { grid-template-columns: 42px 1fr 20px; font-size: var(--fs-body); }
	.crateTrack-num { font-size: var(--fs-h5); }
	.crateTrack-answer { grid-template-columns: 42px 1fr 20px; }
}

/* ===== CTA-01 (Full-Width Strip on Accent) ===== */
.labelTrack {
	width: 100vw;
	margin-inline: calc(50% - 50vw);
	background: linear-gradient(135deg, var(--color-accent), var(--color-accent-pressed));
	padding: var(--space-2xl) 0;
}
.labelTrack-inner {
	max-width: calc(var(--container-site) + 2 * var(--container-padding-desktop));
	margin: 0 auto;
	padding: 0 var(--container-padding-desktop);
	display: flex;
	gap: var(--space-xl);
	align-items: center;
	justify-content: space-between;
}
.labelTrack-text { max-width: 720px; }
.labelTrack-title {
	font-family: var(--font-display);
	font-weight: var(--fw-black);
	font-size: var(--fs-h2);
	text-transform: uppercase;
	color: #ffffff;
	letter-spacing: var(--ls-tight);
	margin: 0;
	max-width: 720px;
}
.labelTrack-description {
	font-family: var(--font-body);
	font-size: var(--fs-body);
	line-height: var(--lh-normal);
	color: rgba(255, 255, 255, 0.92);
	margin-top: var(--space-sm);
	max-width: 580px;
}
.labelTrack-button {
	min-width: 240px;
	height: 60px;
	padding: 0 var(--space-xl);
	background: #ffffff;
	color: var(--color-accent);
	font-family: var(--font-display);
	font-weight: var(--fw-black);
	text-transform: uppercase;
	letter-spacing: var(--ls-wide);
	font-size: var(--fs-body);
	border-radius: var(--radius-md);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	transition: transform var(--dur-base) var(--ease-out), background var(--dur-base) var(--ease-out), color var(--dur-base) var(--ease-out);
}
.labelTrack-button:hover {
	transform: scale(1.03);
	background: var(--color-bg);
	color: var(--color-text);
}
@media (max-width: 980px) {
	.labelTrack-inner { flex-direction: column; align-items: flex-start; gap: var(--space-lg); }
	.labelTrack-button { width: 100%; }
}

/* ===== Reviews REV-07 (skipped — no review data, kept selector for safety) ===== */
.cabinSlider, .cabinSlider-inner { display: none; }

/* ===== Data Table TABLE-04 ===== */
.capsuleGroup { padding-block: var(--space-2xl); }
.capsuleGroup-inner {
	max-width: calc(var(--container-site) + 2 * var(--container-padding-desktop));
	margin: 0 auto;
	padding-inline: var(--container-padding-desktop);
}
.capsuleGroup table { width: 100%; border-collapse: collapse; }
.capsuleGroup thead th {
	background: var(--color-primary);
	color: var(--color-text);
	padding: var(--space-md);
	text-align: left;
	font-family: var(--font-display);
	text-transform: uppercase;
	letter-spacing: var(--ls-wide);
	font-size: var(--fs-small);
}
.capsuleGroup td {
	padding: var(--space-md);
	color: var(--color-text-muted);
	border-top: 1px solid var(--color-border);
}
.capsuleGroup td:first-child {
	background: var(--color-primary);
	color: var(--color-text);
	font-weight: var(--fw-bold);
	border-right: 4px solid var(--color-accent);
}

/* ===== Legal-Section LEGAL-06 (Compact Multi-Page Style) ===== */
.pulseBlock {
	background: var(--color-bg);
	counter-reset: pulseBlock-sec;
}
.pulseBlock-inner {
	max-width: calc(var(--container-site) + 2 * var(--container-padding-desktop));
	margin: 0 auto;
	padding: var(--space-xl) var(--container-padding-desktop);
}
.pulseBlock-intro {
	font-size: var(--fs-body);
	line-height: var(--lh-loose);
	color: var(--color-text);
	max-width: 980px;
	margin-block-end: var(--space-lg);
	padding-block-end: var(--space-md);
	border-bottom: 1px solid var(--color-border);
}
.pulseBlock-section { padding-block: var(--space-md); }
.pulseBlock-section h2 {
	font-family: var(--font-display);
	font-size: var(--fs-h4);
	font-weight: var(--fw-bold);
	text-transform: uppercase;
	color: var(--color-text);
	margin-block-end: var(--space-sm);
	counter-increment: pulseBlock-sec;
}
.pulseBlock-section h2::before {
	content: '§ ' counter(pulseBlock-sec) '.';
	color: var(--color-accent);
	margin-inline-end: var(--space-xs);
	font-family: var(--font-display);
}
.pulseBlock-section p {
	font-size: var(--fs-small);
	line-height: var(--lh-loose);
	color: var(--color-text-muted);
	margin-block-end: var(--space-sm);
}
.pulseBlock-aside {
	margin-top: var(--space-xl);
	padding: var(--space-lg);
	border: 1px solid var(--color-border);
	border-left: 3px solid var(--color-accent);
	border-radius: var(--radius-md);
	background: var(--color-bg-elevated);
}
.pulseBlock-aside h3 {
	font-size: var(--fs-small);
	font-family: var(--font-display);
	text-transform: uppercase;
	letter-spacing: var(--ls-wide);
	margin-block-end: var(--space-sm);
	color: var(--color-text);
}
.pulseBlock-aside ul {
	margin: 0;
	padding-inline-start: var(--space-md);
	color: var(--color-text-muted);
	font-size: var(--fs-small);
}
.pulseBlock-aside li { margin-block-end: var(--space-xs); }
.pulseBlock-disclaimer {
	margin-top: var(--space-md);
	font-size: var(--fs-micro);
	color: var(--color-text-muted);
	font-style: italic;
}

/* ===== Contact Form FORM-08 (Asymmetric Wide Submit) ===== */
.hingeTile { background: var(--color-bg); }
.hingeTile-inner {
	max-width: calc(var(--container-site) + 2 * var(--container-padding-desktop));
	margin: 0 auto;
	padding: var(--space-2xl) var(--container-padding-desktop);
}
.hingeTile-intro {
	color: var(--color-text-muted);
	font-size: var(--fs-h5);
	line-height: var(--lh-normal);
	max-width: 880px;
	margin-block-end: var(--space-lg);
}
.hingeTile-form {
	background: var(--color-bg-elevated);
	padding: var(--space-xl);
	border-radius: var(--radius-lg);
	border: 1px solid var(--color-border);
	display: flex;
	flex-direction: column;
	gap: var(--space-md);
	max-width: 880px;
}
.hingeTile-field { display: flex; flex-direction: column; gap: 6px; }
.hingeTile-field label {
	font-family: var(--font-display);
	text-transform: uppercase;
	letter-spacing: var(--ls-wide);
	font-size: var(--fs-small);
	color: var(--color-text);
}
.hingeTile-field input,
.hingeTile-field textarea {
	background: var(--color-bg);
	border: 1px solid var(--color-border-strong);
	border-radius: var(--radius-md);
	padding: 14px 16px;
	color: var(--color-text);
	font-family: var(--font-body);
	font-size: var(--fs-body);
	transition: border-color var(--dur-base) var(--ease-out);
}
.hingeTile-field textarea { min-height: 160px; resize: vertical; }
.hingeTile-field input:focus,
.hingeTile-field textarea:focus {
	outline: none;
	border-color: var(--color-accent);
	box-shadow: 0 0 0 3px rgba(27, 139, 255, 0.18);
}
.hingeTile-submit {
	width: 100%;
	height: 72px;
	background: var(--color-accent);
	color: #ffffff;
	border: none;
	border-radius: var(--radius-md);
	font-family: var(--font-display);
	font-weight: var(--fw-black);
	font-size: var(--fs-h4);
	text-transform: uppercase;
	letter-spacing: var(--ls-wide);
	cursor: pointer;
	transition: background var(--dur-base) var(--ease-out), color var(--dur-base) var(--ease-out);
}
.hingeTile-submit:hover { background: var(--color-accent-pressed); color: #ffffff; }
.hingeTile-success {
	display: none;
	margin-top: var(--space-md);
	padding: var(--space-md);
	background: rgba(27, 139, 255, 0.1);
	border: 1px solid var(--color-accent);
	border-radius: var(--radius-md);
	color: var(--color-text);
}
.hingeTile-success.is-visible { display: block; }

/* ===== Author Byline BYLINE-01 (Compact Inline) ===== */
.chamberBar {
	border-top: 1px solid var(--color-border);
	border-bottom: 1px solid var(--color-border);
	background: rgba(19, 19, 32, 0.4);
}
.chamberBar-inner {
	max-width: calc(var(--container-site) + 2 * var(--container-padding-desktop));
	margin: 0 auto;
	padding: var(--space-md) var(--container-padding-desktop);
	display: flex;
	align-items: center;
	gap: var(--space-md);
}
.chamberBar-portrait {
	display: inline-flex;
	width: 56px; height: 56px;
	border-radius: var(--radius-circle);
	overflow: hidden;
	flex-shrink: 0;
	border: 2px solid var(--color-accent);
}
.chamberBar-portrait img {
	width: 100%; height: 100%;
	object-fit: cover; object-position: center top;
}
.chamberBar-text { display: flex; flex-direction: column; gap: 2px; }
.chamberBar-attribution {
	margin: 0;
	font-size: var(--fs-body);
	color: var(--color-text-muted);
}
.chamberBar-name {
	color: var(--color-accent);
	text-decoration: underline;
	font-weight: var(--fw-bold);
}
.chamberBar-role {
	margin: 0;
	font-size: var(--fs-small);
	font-style: italic;
	color: var(--color-text-muted);
}

/* ===== Author Card AUTH-01 (Horizontal Card with Round Portrait) ===== */
.fragmentList { padding-block: var(--space-xl); }
.fragmentList-inner {
	max-width: calc(var(--container-site) + 2 * var(--container-padding-desktop));
	margin: 0 auto;
	padding-inline: var(--container-padding-desktop);
}
.fragmentList-card {
	background: var(--color-bg-elevated);
	padding: var(--space-xl) var(--space-lg);
	border-radius: var(--radius-lg);
	box-shadow: var(--shadow-sm);
	display: grid;
	grid-template-columns: 180px 1fr;
	gap: var(--space-xl);
	align-items: start;
	border: 1px solid var(--color-border);
}
.fragmentList-portrait {
	width: 180px; height: 180px;
	border-radius: var(--radius-circle);
	overflow: hidden;
	border: 3px solid var(--color-accent);
}
.fragmentList-portrait img {
	width: 100%; height: 100%;
	object-fit: cover; object-position: center top;
}
.fragmentList-body {
	display: flex;
	flex-direction: column;
	gap: var(--space-md);
}
.fragmentList-job {
	font-family: var(--font-body);
	font-weight: var(--fw-medium);
	font-size: var(--fs-small);
	text-transform: uppercase;
	letter-spacing: var(--ls-wide);
	color: var(--color-accent);
	margin: 0;
}
.fragmentList-name {
	font-size: var(--fs-h2);
	font-family: var(--font-display);
	font-weight: var(--fw-black);
	margin: 0;
	text-transform: uppercase;
}
.fragmentList-bio {
	font-size: var(--fs-body);
	line-height: var(--lh-loose);
	color: var(--color-text-muted);
	margin: 0;
}
.fragmentList-expertise {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	list-style: none;
	padding: 0;
	margin: 0;
}
.fragmentList-expertise li {
	padding: 6px 14px;
	background: var(--color-primary);
	color: var(--color-text);
	border: 1px solid var(--color-border-strong);
	border-radius: var(--radius-pill);
	font-size: var(--fs-micro);
	text-transform: uppercase;
	letter-spacing: var(--ls-wide);
	margin: 0;
}
@media (max-width: 720px) {
	.fragmentList-card { grid-template-columns: 1fr; gap: var(--space-md); padding: var(--space-md); }
	.fragmentList-portrait { width: 140px; height: 140px; margin-inline: auto; }
	.fragmentList-name, .fragmentList-job { text-align: center; }
}

/* ===== Cookie Banner COOK-06 (Detailed with Preferences Link) ===== */
.bayGrid {
	position: fixed;
	left: 50%;
	bottom: 24px;
	transform: translateX(-50%);
	width: min(calc(100vw - 48px), 880px);
	z-index: 110;
	background: var(--color-bg-elevated);
	border: 1px solid var(--color-border-strong);
	border-radius: var(--radius-lg);
	box-shadow: var(--shadow-md);
	padding: var(--space-lg);
	display: none;
}
.bayGrid.is-visible { display: block; }
.bayGrid-inner {
	display: flex;
	gap: var(--space-lg);
	align-items: center;
}
.bayGrid-title {
	font-family: var(--font-display);
	text-transform: uppercase;
	letter-spacing: var(--ls-wide);
	font-size: var(--fs-small);
	color: var(--color-accent);
	margin-block-end: var(--space-xs);
}
.bayGrid-message {
	font-size: var(--fs-small);
	color: var(--color-text-muted);
	margin: 0;
	flex: 1;
}
.bayGrid-actions {
	display: flex;
	gap: var(--space-sm);
	align-items: center;
	flex-shrink: 0;
}
.bayGrid-prefs {
	font-size: var(--fs-small);
	color: var(--color-text-muted);
	text-decoration: underline;
}
.bayGrid-decline {
	background: transparent;
	border: 1px solid var(--color-border-strong);
	color: var(--color-text);
	padding: 10px 18px;
	border-radius: var(--radius-md);
	font-family: var(--font-display);
	text-transform: uppercase;
	letter-spacing: var(--ls-wide);
	font-size: var(--fs-small);
	cursor: pointer;
}
.bayGrid-accept {
	background: var(--color-accent);
	color: #ffffff;
	border: none;
	padding: 10px 22px;
	border-radius: var(--radius-md);
	font-family: var(--font-display);
	font-weight: var(--fw-bold);
	text-transform: uppercase;
	letter-spacing: var(--ls-wide);
	font-size: var(--fs-small);
	cursor: pointer;
}
.bayGrid-accept:hover { background: var(--color-accent-pressed); }
.bayGrid-decline:hover { border-color: var(--color-accent); color: var(--color-text); }
@media (max-width: 720px) {
	.bayGrid {
		padding: 12px 14px !important;
		gap: 8px !important;
		font-size: 13px !important;
		line-height: 1.35 !important;
		width: calc(100vw - 24px);
		bottom: 12px;
	}
	.bayGrid-title, .bayGrid-heading { display: none !important; }
	.bayGrid-inner { flex-direction: column; align-items: stretch; gap: 8px !important; }
	.bayGrid-actions { flex-wrap: wrap; justify-content: stretch; }
	.bayGrid-accept, .bayGrid-decline {
		padding: 8px 14px !important;
		font-size: 12px !important;
		min-height: 36px !important;
		flex: 1 1 auto;
	}
}

/* ===== Error Block ERR-01 (Centered Hero-Style) ===== */
.regionTrack {
	padding-block: var(--space-3xl);
	text-align: center;
	min-height: calc(100vh - 360px);
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.regionTrack-inner {
	max-width: 720px;
	margin: 0 auto;
	padding-inline: var(--container-padding-desktop);
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: var(--space-lg);
}
.regionTrack-num {
	font-family: var(--font-display);
	font-weight: var(--fw-black);
	font-size: clamp(80px, 18vw, 200px);
	color: var(--color-accent);
	line-height: var(--lh-tight);
	margin: 0;
	background: linear-gradient(135deg, var(--color-gradient-light), var(--color-accent), var(--color-gradient-mid));
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
}
.regionTrack-title {
	font-size: var(--fs-h2);
	font-family: var(--font-display);
	font-weight: var(--fw-black);
	color: var(--color-text);
	text-transform: uppercase;
	margin: 0;
	max-width: 720px;
}
.regionTrack-text {
	font-size: var(--fs-h5);
	color: var(--color-text-muted);
	line-height: var(--lh-normal);
	margin: 0;
	max-width: 600px;
}
.regionTrack-btn {
	height: 56px;
	padding: 0 var(--space-xl);
	background: var(--color-accent);
	color: #ffffff;
	font-family: var(--font-display);
	font-weight: var(--fw-bold);
	text-transform: uppercase;
	letter-spacing: var(--ls-wide);
	border-radius: var(--radius-md);
	display: inline-flex;
	align-items: center;
	transition: background var(--dur-base) var(--ease-out), color var(--dur-base) var(--ease-out);
}
.regionTrack-btn:hover { background: var(--color-accent-pressed); color: #ffffff; }

/* ===== Footer FOOT-05 (Four-Column Information-Dense) ===== */
.axisZone {
	width: 100vw;
	margin-inline: calc(50% - 50vw);
	background: var(--color-primary);
	padding-block: var(--space-2xl);
	margin-top: var(--space-2xl);
	border-top: 1px solid var(--color-border-strong);
}
.axisZone-inner {
	max-width: calc(var(--container-site) + 2 * var(--container-padding-desktop));
	margin: 0 auto;
	padding-inline: var(--container-padding-desktop);
}
.axisZone-grid {
	display: grid;
	grid-template-columns: 1.5fr 1fr 1fr 1fr;
	gap: var(--space-xl);
	padding-block-end: var(--space-xl);
}
.axisZone-brand { display: flex; flex-direction: column; gap: var(--space-md); }
.axisZone-logo {
	display: inline-flex;
	align-items: center;
	background: #ffffff;
	padding: 8px 16px;
	border-radius: var(--radius-md);
	width: max-content;
}
.axisZone-logo img {
	height: 80px;
	width: auto;
	display: block;
}
.axisZone-tagline {
	font-size: var(--fs-small);
	color: var(--color-text-muted);
	max-width: 320px;
	line-height: var(--lh-normal);
	margin: 0;
}
.axisZone-rg-badge {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	background: var(--color-rg-banner);
	color: #ffffff;
	padding: 8px 14px;
	border-radius: var(--radius-md);
	font-family: var(--font-display);
	font-weight: var(--fw-bold);
	font-size: var(--fs-small);
	text-transform: uppercase;
	letter-spacing: var(--ls-wide);
	width: max-content;
}
.axisZone-col h6 {
	font-family: var(--font-display);
	font-weight: var(--fw-bold);
	font-size: var(--fs-small);
	text-transform: uppercase;
	letter-spacing: var(--ls-wide);
	color: var(--color-text);
	margin-block-end: var(--space-md);
}
.axisZone-col ul { list-style: none; margin: 0; padding: 0; }
.axisZone-col li { margin-block-end: var(--space-xs); }
.axisZone-col a {
	font-family: var(--font-body);
	font-weight: var(--fw-regular);
	font-size: var(--fs-small);
	color: var(--color-text-muted);
	transition: color var(--dur-base) var(--ease-out);
}
.axisZone-col a:hover { color: var(--color-accent); }
.axisZone-bottom {
	border-top: 1px solid var(--color-border);
	padding-block-start: var(--space-md);
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: var(--space-md);
	font-size: var(--fs-micro);
	color: var(--color-text-muted);
	letter-spacing: var(--ls-wide);
	flex-wrap: wrap;
}
.axisZone-copyright { margin: 0; }
@media (max-width: 1100px) {
	.axisZone-grid { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 640px) {
	.axisZone-grid { grid-template-columns: 1fr; gap: var(--space-lg); }
	.axisZone-bottom { flex-direction: column; align-items: flex-start; }
}

/* ===== Body sections wrapper (the prose-like body H2 blocks rendered inside main) ===== */
.bodySection {
	background: var(--color-bg);
}
.bodySection-inner {
	max-width: calc(var(--container-site) + 2 * var(--container-padding-desktop));
	margin: 0 auto;
	padding: var(--space-2xl) var(--container-padding-desktop);
}
.bodySection h2 {
	font-size: var(--fs-h2);
	font-family: var(--font-display);
	font-weight: var(--fw-black);
	text-transform: uppercase;
	letter-spacing: var(--ls-tight);
	margin-block-end: var(--space-md);
	max-width: 1080px;
}
.bodySection h2 + p { margin-top: 0; }
.bodySection p {
	font-size: var(--fs-body);
	line-height: var(--lh-loose);
	color: var(--color-text-muted);
	margin-block-end: var(--space-md);
	max-width: 1080px;
}
.bodySection ul, .bodySection ol {
	max-width: 1080px;
	color: var(--color-text-muted);
	line-height: var(--lh-loose);
	font-size: var(--fs-body);
}
.bodySection strong { color: var(--color-text); }
.bodySection a { color: var(--color-accent); }
.bodySection a:hover { color: var(--color-accent-pressed); }
.bodySection--alt {
	background: linear-gradient(180deg, var(--color-bg) 0%, rgba(19, 19, 32, 0.4) 100%);
	border-top: 1px solid var(--color-border);
	border-bottom: 1px solid var(--color-border);
}