/*
 * Chicken Road Game India — Desi Arcade Crossing visual system.
 * All selectors are locally scoped with the crgi- prefix.
 */

:root {
	--crgi-bg: #0f0824;
	--crgi-surface: #19112f;
	--crgi-card: #231840;
	--crgi-card-strong: #2d1d50;
	--crgi-saffron: #ff8a1f;
	--crgi-magenta: #c026d3;
	--crgi-teal: #20c997;
	--crgi-gold: #ffc857;
	--crgi-red: #ff5470;
	--crgi-text: #fff8e8;
	--crgi-muted: #c9bedd;
	--crgi-border: #4e3a6c;
	--crgi-focus: #7df9e6;
	--crgi-footer: #090516;
	--crgi-shadow: 0 22px 52px rgba( 5, 2, 18, .34 );
	--crgi-shadow-small: 0 12px 26px rgba( 5, 2, 18, .26 );
	--crgi-radius-sm: 12px;
	--crgi-radius-md: 20px;
	--crgi-radius-lg: 30px;
	--crgi-shell: min( 1180px, calc( 100% - 40px ) );
	--crgi-font: "Noto Sans Devanagari", "Nirmala UI", Mangal, Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

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

html {
	scroll-behavior: smooth;
	scroll-padding-top: 116px;
}

body {
	min-width: 320px;
	margin: 0;
	color: var( --crgi-text );
	background:
		radial-gradient( circle at 8% 8%, rgba( 192, 38, 211, .15 ) 0, transparent 25rem ),
		radial-gradient( circle at 92% 24%, rgba( 255, 138, 31, .13 ) 0, transparent 28rem ),
		linear-gradient( 180deg, #130a2c 0, var( --crgi-bg ) 45%, #0c061c 100% );
	font-family: var( --crgi-font );
	font-size: 16px;
	line-height: 1.68;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
}

body::before {
	position: fixed;
	z-index: -1;
	inset: 0;
	background-image:
		radial-gradient( circle, rgba( 255, 200, 87, .13 ) 1.2px, transparent 1.4px ),
		linear-gradient( 135deg, transparent 46%, rgba( 125, 249, 230, .035 ) 47%, rgba( 125, 249, 230, .035 ) 53%, transparent 54% );
	background-position: 0 0, 0 0;
	background-size: 32px 32px, 74px 74px;
	content: "";
	pointer-events: none;
}

body.crgi-drawer-open {
	overflow: hidden;
	overscroll-behavior: none;
}

::selection {
	color: var( --crgi-bg );
	background: var( --crgi-gold );
}

img,
svg {
	display: block;
	max-width: 100%;
}

img {
	height: auto;
}

a {
	color: var( --crgi-gold );
	text-underline-offset: .2em;
}

a:hover {
	color: var( --crgi-focus );
}

button,
input,
select,
textarea {
	font: inherit;
}

button,
a {
	-webkit-tap-highlight-color: transparent;
}

:where( a, button, input, select, textarea, summary, [tabindex] ):focus-visible {
	outline: 3px solid var( --crgi-focus );
	outline-offset: 4px;
}

h1,
h2,
h3,
h4 {
	margin-block: 0 .7em;
	font-weight: 850;
	line-height: 1.13;
	letter-spacing: -.025em;
}

h1 {
	font-size: clamp( 2.3rem, 5.4vw, 5rem );
}

h2 {
	font-size: clamp( 1.75rem, 3.2vw, 3rem );
}

h3 {
	font-size: clamp( 1.2rem, 2vw, 1.55rem );
}

h4 {
	font-size: 1.08rem;
}

p,
ul,
ol,
blockquote,
figure {
	margin-block: 0 1.25em;
}

.screen-reader-text {
	position: absolute !important;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect( 0, 0, 0, 0 );
	white-space: nowrap;
	border: 0;
}

.screen-reader-text:focus {
	z-index: 100000;
	top: 8px;
	left: 8px;
	width: auto;
	height: auto;
	padding: 12px 18px;
	clip: auto;
	color: var( --crgi-bg );
	background: var( --crgi-focus );
	font-weight: 800;
	white-space: normal;
}

.crgi-skip-link {
	position: fixed;
	z-index: 10000;
	top: 12px;
	left: 12px;
	padding: 12px 18px;
	border-radius: 10px;
	color: var( --crgi-bg );
	background: var( --crgi-focus );
	font-weight: 800;
	transform: translateY( -160% );
	transition: transform .18s ease;
}

.crgi-skip-link:focus {
	color: var( --crgi-bg );
	transform: translateY( 0 );
}

.crgi-shell,
.crgi-wrap {
	width: var( --crgi-shell );
	margin-inline: auto;
}

.crgi-shell--narrow {
	max-width: 830px;
}

/* Header and navigation */
.crgi-site-header {
	position: sticky;
	z-index: 900;
	top: 0;
	border-bottom: 1px solid rgba( 78, 58, 108, .65 );
	background: rgba( 15, 8, 36, .88 );
	box-shadow: 0 0 0 rgba( 0, 0, 0, 0 );
	-webkit-backdrop-filter: blur( 18px ) saturate( 125% );
	backdrop-filter: blur( 18px ) saturate( 125% );
	transition: box-shadow .2s ease, background-color .2s ease;
}

.crgi-site-header::after {
	position: absolute;
	right: 0;
	bottom: -1px;
	left: 0;
	height: 2px;
	background: linear-gradient( 90deg, transparent, var( --crgi-magenta ), var( --crgi-saffron ), var( --crgi-teal ), transparent );
	content: "";
	opacity: .55;
}

.crgi-site-header.is-scrolled {
	background: rgba( 9, 5, 22, .96 );
	box-shadow: 0 12px 34px rgba( 5, 2, 18, .38 );
}

.admin-bar .crgi-site-header {
	top: 32px;
}

.crgi-header__bar {
	display: flex;
	width: min( 1480px, calc( 100% - 32px ) );
	min-height: 78px;
	margin-inline: auto;
	align-items: center;
	gap: 22px;
}

.crgi-brand {
	display: inline-flex;
	flex: 0 0 auto;
	border-radius: 14px;
}

.crgi-brand img {
	width: clamp( 168px, 15.5vw, 216px );
	height: auto;
}

.crgi-nav {
	font-size: .91rem;
	font-weight: 730;
}

.crgi-nav--desktop {
	display: none;
	flex: 1 1 auto;
	align-items: center;
	justify-content: center;
	gap: 1px;
}

.crgi-nav__link {
	position: relative;
	display: inline-flex;
	min-height: 44px;
	padding: 10px 9px;
	align-items: center;
	justify-content: space-between;
	gap: 7px;
	border: 0;
	border-radius: 10px;
	color: var( --crgi-muted );
	background: transparent;
	text-decoration: none;
	cursor: pointer;
	transition: color .16s ease, background-color .16s ease;
}

.crgi-nav__link:hover,
.crgi-nav__link:focus-visible,
.crgi-nav__link.is-current,
.crgi-nav__dropdown.is-current > .crgi-nav__link,
.crgi-nav__dropdown.is-open > .crgi-nav__link {
	color: var( --crgi-text );
	background: rgba( 255, 255, 255, .07 );
}

.crgi-nav__link.is-current::after,
.crgi-nav__dropdown.is-current > .crgi-nav__link::after {
	position: absolute;
	right: 10px;
	bottom: 3px;
	left: 10px;
	height: 2px;
	border-radius: 3px;
	background: linear-gradient( 90deg, var( --crgi-saffron ), var( --crgi-magenta ) );
	content: "";
}

.crgi-nav__dropdown {
	position: relative;
}

.crgi-nav__dropdown-toggle svg,
.crgi-mobile-prediction__toggle svg {
	width: 14px;
	height: 14px;
	fill: none;
	stroke: currentColor;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 1.8;
	transition: transform .16s ease;
}

.crgi-nav__dropdown.is-open .crgi-nav__dropdown-toggle svg,
.crgi-mobile-prediction.is-open .crgi-mobile-prediction__toggle svg,
.crgi-mobile-prediction__toggle[aria-expanded="true"] svg {
	transform: rotate( 180deg );
}

.crgi-nav__dropdown-menu {
	position: absolute;
	top: calc( 100% + 13px );
	left: 50%;
	width: 250px;
	padding: 12px;
	border: 1px solid var( --crgi-border );
	border-radius: 18px;
	background: rgba( 25, 17, 47, .98 );
	box-shadow: var( --crgi-shadow );
	transform: translateX( -50% );
}

.crgi-nav__dropdown-menu::before {
	position: absolute;
	top: -7px;
	left: calc( 50% - 7px );
	width: 14px;
	height: 14px;
	border-top: 1px solid var( --crgi-border );
	border-left: 1px solid var( --crgi-border );
	background: var( --crgi-surface );
	content: "";
	transform: rotate( 45deg );
}

.crgi-nav__dropdown-menu[hidden] {
	display: none;
}

.crgi-nav__dropdown-menu .crgi-nav__link {
	display: flex;
	width: 100%;
	padding-inline: 12px;
}

.crgi-nav__dropdown-kicker {
	display: block;
	padding: 5px 12px 8px;
	color: var( --crgi-gold );
	font-size: .72rem;
	font-weight: 850;
	letter-spacing: .08em;
	text-transform: uppercase;
}

.crgi-header__actions {
	display: flex;
	margin-left: auto;
	align-items: center;
	gap: 9px;
}

.crgi-language-switch {
	display: inline-flex;
	min-height: 42px;
	padding: 9px 11px;
	align-items: center;
	gap: 7px;
	border: 1px solid rgba( 78, 58, 108, .9 );
	border-radius: 999px;
	color: var( --crgi-text );
	background: rgba( 35, 24, 64, .72 );
	font-size: .83rem;
	font-weight: 800;
	text-decoration: none;
}

.crgi-language-switch:hover {
	border-color: var( --crgi-teal );
	color: var( --crgi-focus );
}

.crgi-language-switch svg {
	width: 18px;
	height: 18px;
	fill: none;
	stroke: currentColor;
	stroke-width: 1.6;
}

.crgi-button {
	display: inline-flex;
	min-height: 48px;
	padding: 12px 20px;
	align-items: center;
	justify-content: center;
	gap: 9px;
	border: 1px solid transparent;
	border-radius: 13px;
	font-weight: 850;
	line-height: 1.2;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
	color: #1b0c24;
	background: linear-gradient( 135deg, var( --crgi-gold ), var( --crgi-saffron ) 72% );
	box-shadow: 0 9px 24px rgba( 255, 138, 31, .22 );
	transition: transform .16s ease, box-shadow .16s ease, background-color .16s ease, border-color .16s ease;
}

.crgi-button:hover {
	color: #14091c;
	box-shadow: 0 13px 30px rgba( 255, 138, 31, .34 );
	transform: translateY( -2px );
}

.crgi-button--primary {
	color: #1b0c24;
	background: linear-gradient( 135deg, var( --crgi-gold ), var( --crgi-saffron ) 72% );
	box-shadow: 0 9px 24px rgba( 255, 138, 31, .22 );
}

.crgi-button--primary:hover {
	color: #14091c;
	box-shadow: 0 13px 30px rgba( 255, 138, 31, .34 );
}

.crgi-button--secondary {
	border-color: var( --crgi-border );
	color: var( --crgi-text );
	background: rgba( 35, 24, 64, .75 );
}

.crgi-button--ghost {
	border-color: var( --crgi-border );
	color: var( --crgi-text );
	background: transparent;
	box-shadow: none;
}

.crgi-button--ghost:hover {
	border-color: var( --crgi-teal );
	color: var( --crgi-focus );
	background: rgba( 32, 201, 151, .08 );
	box-shadow: none;
}

.crgi-button--secondary:hover {
	border-color: var( --crgi-teal );
	color: var( --crgi-focus );
	background: rgba( 32, 201, 151, .08 );
}

.crgi-header__cta {
	display: none;
	min-height: 44px;
	padding: 10px 15px;
	font-size: .86rem;
	white-space: nowrap;
}

.crgi-menu-toggle {
	display: inline-flex;
	width: 46px;
	height: 46px;
	padding: 11px;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 5px;
	border: 1px solid var( --crgi-border );
	border-radius: 12px;
	color: var( --crgi-text );
	background: var( --crgi-card );
	cursor: pointer;
}

.crgi-menu-toggle span {
	display: block;
	width: 21px;
	height: 2px;
	border-radius: 2px;
	background: currentColor;
	transition: transform .18s ease, opacity .18s ease;
}

.crgi-menu-toggle[aria-expanded="true"] span:nth-child( 1 ) {
	transform: translateY( 7px ) rotate( 45deg );
}

.crgi-menu-toggle[aria-expanded="true"] span:nth-child( 2 ) {
	opacity: 0;
}

.crgi-menu-toggle[aria-expanded="true"] span:nth-child( 3 ) {
	transform: translateY( -7px ) rotate( -45deg );
}

.crgi-drawer-overlay {
	position: fixed;
	z-index: 960;
	inset: 0;
	background: rgba( 5, 2, 18, .74 );
	-webkit-backdrop-filter: blur( 4px );
	backdrop-filter: blur( 4px );
	opacity: 0;
	pointer-events: none;
	transition: opacity .22s ease;
}

.crgi-drawer-overlay[hidden] {
	display: none;
}

.crgi-drawer-overlay.is-open {
	opacity: 1;
	pointer-events: auto;
}

.crgi-mobile-drawer {
	position: fixed;
	z-index: 980;
	top: 0;
	right: 0;
	display: flex;
	width: min( 400px, 92vw );
	height: 100vh;
	height: 100dvh;
	padding: 18px;
	flex-direction: column;
	border-left: 1px solid var( --crgi-border );
	background:
		radial-gradient( circle at 100% 0, rgba( 255, 138, 31, .17 ), transparent 18rem ),
		var( --crgi-surface );
	box-shadow: -22px 0 70px rgba( 5, 2, 18, .62 );
	transform: translateX( 104% );
	visibility: hidden;
	transition: transform .24s cubic-bezier( .25, .8, .25, 1 ), visibility .24s;
}

.admin-bar .crgi-mobile-drawer {
	top: 32px;
	height: calc( 100vh - 32px );
	height: calc( 100dvh - 32px );
}

.crgi-mobile-drawer.is-open {
	transform: translateX( 0 );
	visibility: visible;
}

.crgi-mobile-drawer__head {
	display: flex;
	padding: 2px 0 14px;
	align-items: center;
	justify-content: space-between;
	border-bottom: 1px solid var( --crgi-border );
}

.crgi-mobile-drawer__title {
	color: var( --crgi-gold );
	font-size: 1.08rem;
	font-weight: 900;
}

.crgi-mobile-drawer__close {
	display: inline-grid;
	width: 44px;
	height: 44px;
	place-items: center;
	border: 1px solid var( --crgi-border );
	border-radius: 12px;
	color: var( --crgi-text );
	background: var( --crgi-card );
	cursor: pointer;
}

.crgi-mobile-drawer__close svg {
	width: 22px;
	height: 22px;
	fill: none;
	stroke: currentColor;
	stroke-linecap: round;
	stroke-width: 2;
}

.crgi-nav--mobile {
	min-height: 0;
	margin-block: 12px;
	padding-right: 4px;
	overflow-y: auto;
	overscroll-behavior: contain;
	touch-action: pan-y;
	-webkit-overflow-scrolling: touch;
}

.crgi-nav--mobile > .crgi-nav__link,
.crgi-mobile-prediction > .crgi-nav__link {
	display: flex;
	width: 100%;
	min-height: 48px;
	margin: 2px 0;
	padding: 10px 12px;
}

.crgi-mobile-prediction {
	margin-block: 4px;
	border: 1px solid rgba( 78, 58, 108, .7 );
	border-radius: 14px;
	background: rgba( 35, 24, 64, .45 );
}

.crgi-mobile-prediction__menu {
	padding: 0 7px 8px 22px;
}

.crgi-mobile-prediction__menu[hidden] {
	display: none;
}

.crgi-mobile-prediction__menu .crgi-nav__link {
	display: flex;
	min-height: 44px;
	padding-block: 8px;
}

.crgi-mobile-drawer__footer {
	display: grid;
	margin-top: auto;
	padding-top: 14px;
	gap: 10px;
	border-top: 1px solid var( --crgi-border );
}

.crgi-language-switch--mobile {
	justify-content: center;
}

.crgi-mobile-drawer__cta {
	width: 100%;
}

.crgi-independence-notice {
	position: relative;
	z-index: 3;
	border-bottom: 1px solid rgba( 255, 200, 87, .24 );
	color: #f5eeda;
	background: linear-gradient( 90deg, rgba( 255, 138, 31, .11 ), rgba( 192, 38, 211, .09 ), rgba( 32, 201, 151, .1 ) );
	font-size: clamp( .76rem, 1.6vw, .87rem );
}

.crgi-independence-notice .crgi-shell {
	display: flex;
	min-height: 44px;
	padding-block: 8px;
	align-items: center;
	justify-content: center;
	gap: 9px;
}

.crgi-independence-notice svg {
	width: 20px;
	min-width: 20px;
	height: 20px;
	fill: none;
	stroke: var( --crgi-gold );
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 1.7;
}

.crgi-independence-notice p {
	margin: 0;
	text-align: center;
}

/* Main layout and shared content components */
.crgi-site-main {
	min-height: 56vh;
	overflow: clip;
}

.crgi-page {
	padding-block: clamp( 54px, 7vw, 104px );
}

.crgi-section {
	position: relative;
	padding-block: clamp( 52px, 7vw, 92px );
}

.crgi-section--compact,
.crgi-section--tight {
	padding-block: clamp( 34px, 5vw, 60px );
}

.crgi-section--surface {
	border-block: 1px solid rgba( 78, 58, 108, .55 );
	background: rgba( 25, 17, 47, .62 );
}

.crgi-section-heading,
.crgi-section-head,
.crgi-page-heading {
	max-width: 820px;
	margin: 0 auto clamp( 30px, 5vw, 55px );
	text-align: center;
}

.crgi-page-heading h1,
.crgi-section-heading h2,
.crgi-hero h1 {
	background: linear-gradient( 110deg, var( --crgi-text ) 5%, #ffe6a2 50%, #f7cfff 100% );
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
}

.crgi-eyebrow {
	display: inline-flex;
	min-height: 31px;
	margin-bottom: 16px;
	padding: 5px 11px;
	align-items: center;
	gap: 7px;
	border: 1px solid rgba( 255, 200, 87, .3 );
	border-radius: 999px;
	color: var( --crgi-gold );
	background: rgba( 255, 200, 87, .075 );
	font-size: .78rem;
	font-weight: 900;
	letter-spacing: .07em;
	line-height: 1.2;
	text-transform: uppercase;
}

.crgi-lead,
.crgi-lede,
.crgi-hero__lead,
.crgi-page-hero__lead {
	max-width: 760px;
	margin-inline: auto;
	color: var( --crgi-muted );
	font-size: clamp( 1.05rem, 2vw, 1.27rem );
	line-height: 1.75;
}

.crgi-actions {
	display: flex;
	margin-top: 26px;
	flex-wrap: wrap;
	align-items: center;
	gap: 12px;
}

.crgi-page-heading .crgi-actions,
.crgi-section-heading .crgi-actions {
	justify-content: center;
}

.crgi-grid {
	display: grid;
	grid-template-columns: minmax( 0, 1fr );
	gap: 20px;
}

.crgi-grid--2,
.crgi-grid--3,
.crgi-grid--4,
.crgi-grid--two,
.crgi-grid--three,
.crgi-grid--four {
	grid-template-columns: minmax( 0, 1fr );
}

.crgi-card {
	position: relative;
	padding: clamp( 21px, 3.2vw, 34px );
	border: 1px solid var( --crgi-border );
	border-radius: var( --crgi-radius-md );
	background:
		linear-gradient( 145deg, rgba( 255, 255, 255, .035 ), transparent 40% ),
		var( --crgi-card );
	box-shadow: var( --crgi-shadow-small );
}

.crgi-card::before {
	position: absolute;
	top: -1px;
	left: 24px;
	width: 58px;
	height: 3px;
	border-radius: 0 0 4px 4px;
	background: linear-gradient( 90deg, var( --crgi-saffron ), var( --crgi-magenta ) );
	content: "";
}

.crgi-card > :last-child {
	margin-bottom: 0;
}

.crgi-card--teal::before {
	background: var( --crgi-teal );
}

.crgi-card--gold::before {
	background: var( --crgi-gold );
}

.crgi-card--magenta::before,
.crgi-card--accent::before,
.crgi-card--feature::before {
	background: var( --crgi-magenta );
}

.crgi-card--feature,
.crgi-card--wide {
	background:
		radial-gradient( circle at 100% 0, rgba( 255, 138, 31, .13 ), transparent 18rem ),
		var( --crgi-card-strong );
}

.crgi-card__number {
	display: inline-block;
	margin-bottom: 13px;
	color: var( --crgi-gold );
	font-size: .83rem;
	font-weight: 950;
	letter-spacing: .11em;
}

.crgi-card--interactive {
	transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}

.crgi-card--interactive:hover {
	border-color: rgba( 255, 200, 87, .58 );
	box-shadow: var( --crgi-shadow );
	transform: translateY( -4px );
}

.crgi-hero {
	position: relative;
	padding-block: clamp( 48px, 8vw, 112px );
}

.crgi-hero::before {
	position: absolute;
	top: 5%;
	left: 50%;
	width: min( 900px, 90vw );
	height: min( 500px, 60vw );
	border: 1px solid rgba( 192, 38, 211, .12 );
	border-radius: 46%;
	background: radial-gradient( ellipse, rgba( 192, 38, 211, .11 ), transparent 67% );
	content: "";
	pointer-events: none;
	transform: translateX( -50% ) rotate( -4deg );
}

.crgi-hero__grid {
	position: relative;
	display: grid;
	align-items: center;
	gap: clamp( 28px, 5vw, 64px );
}

.crgi-hero__copy {
	position: relative;
	z-index: 2;
}

.crgi-hero__copy .crgi-lead {
	margin-inline: 0;
}

.crgi-hero__media,
.crgi-hero__visual {
	position: relative;
	border: 1px solid var( --crgi-border );
	border-radius: var( --crgi-radius-lg );
	background: var( --crgi-card );
	box-shadow: var( --crgi-shadow );
	overflow: hidden;
}

.crgi-hero__media::after,
.crgi-hero__visual::after {
	position: absolute;
	inset: 0;
	border: 1px solid rgba( 255, 255, 255, .1 );
	border-radius: inherit;
	content: "";
	pointer-events: none;
}

.crgi-hero__media img,
.crgi-hero__visual img {
	width: 100%;
	aspect-ratio: 1.55 / 1;
	object-fit: cover;
}

.crgi-page-hero {
	position: relative;
	padding-bottom: clamp( 38px, 6vw, 72px );
}

.crgi-page-hero--compact {
	padding-bottom: clamp( 26px, 4vw, 48px );
}

.crgi-page-hero__grid,
.crgi-page-hero__inner {
	display: grid;
	align-items: center;
	gap: clamp( 24px, 5vw, 56px );
}

.crgi-page-hero__grid > img,
.crgi-wide-media img,
.crgi-media-card img,
.crgi-split__media img {
	width: 100%;
	border: 1px solid var( --crgi-border );
	border-radius: var( --crgi-radius-md );
	box-shadow: var( --crgi-shadow-small );
}

.crgi-media-card {
	margin: 0;
	padding: 0;
	border: 1px solid var( --crgi-border );
	border-radius: var( --crgi-radius-md );
	background: var( --crgi-card );
	box-shadow: var( --crgi-shadow-small );
	overflow: hidden;
}

.crgi-media-card img {
	border: 0;
	border-radius: 0;
	box-shadow: none;
}

.crgi-media-card figcaption {
	padding: 12px 16px;
	color: var( --crgi-muted );
	font-size: .82rem;
}

.crgi-wide-media {
	margin-block: 28px;
}

.crgi-bento {
	display: grid;
	grid-template-columns: repeat( 12, minmax( 0, 1fr ) );
	gap: 18px;
}

.crgi-bento > * {
	grid-column: span 12;
}

.crgi-bento__wide,
.crgi-bento__large {
	grid-column: span 12;
}

.crgi-card-grid,
.crgi-mode-grid,
.crgi-warning-grid {
	display: grid;
	grid-template-columns: repeat( auto-fit, minmax( min( 100%, 240px ), 1fr ) );
	gap: 18px;
}

.crgi-mode-card {
	position: relative;
	display: flex;
	min-height: 185px;
	padding: 24px;
	flex-direction: column;
	justify-content: flex-end;
	border: 1px solid var( --crgi-border );
	border-radius: var( --crgi-radius-md );
	color: var( --crgi-text );
	background: var( --crgi-card );
	box-shadow: var( --crgi-shadow-small );
	text-decoration: none;
	overflow: hidden;
	transition: transform .2s ease, border-color .2s ease;
}

.crgi-mode-card::before {
	position: absolute;
	top: -30px;
	right: -30px;
	width: 110px;
	height: 110px;
	border-radius: 50%;
	background: var( --crgi-teal );
	content: "";
	opacity: .15;
}

.crgi-mode-card--medium::before {
	background: var( --crgi-gold );
}

.crgi-mode-card--hard::before {
	background: var( --crgi-saffron );
}

.crgi-mode-card--hardcore::before {
	background: var( --crgi-red );
}

.crgi-mode-card:hover {
	border-color: var( --crgi-gold );
	color: var( --crgi-text );
	transform: translateY( -4px );
}

.crgi-mode-card span,
.crgi-mode-card small {
	color: var( --crgi-muted );
}

.crgi-mode-card strong {
	margin-block: 5px;
	font-size: 1.34rem;
}

.crgi-split {
	display: grid;
	align-items: center;
	gap: clamp( 28px, 6vw, 70px );
}

.crgi-split__content > :last-child {
	margin-bottom: 0;
}

.crgi-inline-facts {
	display: flex;
	margin-top: 24px;
	padding: 0;
	flex-wrap: wrap;
	gap: 8px;
	list-style: none;
}

.crgi-inline-facts li {
	padding: 5px 10px;
	border: 1px solid var( --crgi-border );
	border-radius: 999px;
	color: var( --crgi-muted );
	background: rgba( 35, 24, 64, .64 );
	font-size: .78rem;
}

.crgi-microcopy {
	margin-top: 15px;
	color: #a99dbd;
	font-size: .78rem;
}

.crgi-notice,
.crgi-notice-strip {
	border: 1px solid rgba( 255, 200, 87, .34 );
	border-radius: 15px;
	color: #f5eeda;
	background: linear-gradient( 110deg, rgba( 255, 200, 87, .1 ), rgba( 35, 24, 64, .75 ) );
}

.crgi-notice {
	padding: 16px 18px;
}

.crgi-notice-strip {
	width: var( --crgi-shell );
	margin: 0 auto clamp( 24px, 4vw, 48px );
}

.crgi-notice-strip .crgi-wrap {
	width: auto;
	padding: 15px 18px;
}

.crgi-notice-strip p {
	margin: 0;
}

.crgi-cta-panel,
.crgi-contact-panel {
	display: grid;
	padding: clamp( 25px, 5vw, 48px );
	align-items: center;
	gap: 24px;
	border: 1px solid rgba( 255, 200, 87, .4 );
	border-radius: var( --crgi-radius-lg );
	background:
		radial-gradient( circle at 100% 0, rgba( 192, 38, 211, .2 ), transparent 22rem ),
		linear-gradient( 120deg, rgba( 255, 138, 31, .1 ), var( --crgi-card ) );
	box-shadow: var( --crgi-shadow );
}

.crgi-cta-panel > :last-child,
.crgi-contact-panel > :last-child {
	margin-bottom: 0;
}

.crgi-breadcrumbs {
	display: flex;
	margin-bottom: 20px;
	flex-wrap: wrap;
	gap: 8px;
	color: var( --crgi-muted );
	font-size: .82rem;
}

.crgi-breadcrumbs a {
	color: var( --crgi-muted );
}

.crgi-on-page {
	display: flex;
	margin-bottom: 36px;
	padding: 14px 16px;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px 14px;
	border: 1px solid var( --crgi-border );
	border-radius: 14px;
	background: rgba( 35, 24, 64, .75 );
	font-size: .85rem;
}

.crgi-on-page a {
	color: var( --crgi-muted );
}

.crgi-article.crgi-shell > section {
	max-width: 900px;
	margin-inline: auto;
	padding-block: clamp( 27px, 4vw, 48px );
}

.crgi-article.crgi-shell > section + section {
	border-top: 1px solid rgba( 78, 58, 108, .45 );
}

.crgi-article.crgi-shell > .crgi-callout {
	max-width: 900px;
	margin: clamp( 28px, 5vw, 52px ) auto 0;
}

.crgi-prose--wide,
.crgi-prose--legal,
.crgi-legal-copy {
	max-width: 900px;
}

.crgi-content-notice {
	position: relative;
	padding: 20px 22px;
	border: 1px solid rgba( 255, 200, 87, .34 );
	border-radius: 16px;
	color: #e5daef;
	background:
		linear-gradient( 135deg, rgba( 255, 200, 87, .075 ), transparent 48% ),
		rgba( 35, 24, 64, .7 );
}

.crgi-content-notice::before {
	position: absolute;
	top: -1px;
	left: 21px;
	width: 52px;
	height: 3px;
	border-radius: 0 0 4px 4px;
	background: var( --crgi-gold );
	content: "";
}

.crgi-content-notice--responsible {
	border-color: rgba( 32, 201, 151, .36 );
	background:
		linear-gradient( 135deg, rgba( 32, 201, 151, .09 ), transparent 48% ),
		rgba( 35, 24, 64, .7 );
}

.crgi-content-notice--responsible::before {
	background: var( --crgi-teal );
}

.crgi-content-notice--reference {
	border-color: rgba( 192, 38, 211, .4 );
	background:
		linear-gradient( 135deg, rgba( 192, 38, 211, .1 ), transparent 48% ),
		rgba( 35, 24, 64, .7 );
}

.crgi-content-notice--reference::before {
	background: var( --crgi-magenta );
}

.crgi-content-notice h2,
.crgi-content-notice h3 {
	margin-bottom: 11px;
	color: var( --crgi-text );
	font-size: 1rem;
	letter-spacing: 0;
}

.crgi-content-notice p,
.crgi-content-notice ul {
	margin: 0;
	color: #cbbfda;
	font-size: .84rem;
	line-height: 1.7;
}

.crgi-content-notice ul {
	padding-left: 19px;
}

.crgi-content-notice li + li {
	margin-top: 6px;
}

.crgi-icon-badge {
	display: inline-grid;
	width: 48px;
	height: 48px;
	margin-bottom: 18px;
	place-items: center;
	border: 1px solid rgba( 255, 200, 87, .35 );
	border-radius: 14px;
	color: var( --crgi-bg );
	background: linear-gradient( 135deg, var( --crgi-gold ), var( --crgi-saffron ) );
	font-size: 1.35rem;
	font-weight: 900;
}

.crgi-icon-badge svg {
	width: 25px;
	height: 25px;
	fill: none;
	stroke: currentColor;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 1.8;
}

.crgi-stat-grid {
	display: grid;
	grid-template-columns: repeat( 2, minmax( 0, 1fr ) );
	gap: 12px;
}

.crgi-stat {
	padding: 17px;
	border: 1px solid rgba( 78, 58, 108, .75 );
	border-radius: 15px;
	background: rgba( 15, 8, 36, .6 );
}

.crgi-stat strong,
.crgi-stat__value {
	display: block;
	margin-bottom: 3px;
	color: var( --crgi-gold );
	font-size: clamp( 1.25rem, 3vw, 2rem );
	font-weight: 900;
	line-height: 1.2;
}

.crgi-stat span,
.crgi-stat__label {
	color: var( --crgi-muted );
	font-size: .88rem;
}

.crgi-check-list,
.crgi-cross-list {
	padding: 0;
	list-style: none;
}

.crgi-check-list li,
.crgi-cross-list li {
	position: relative;
	min-height: 30px;
	padding-left: 34px;
}

.crgi-check-list li::before,
.crgi-cross-list li::before {
	position: absolute;
	top: .2em;
	left: 0;
	display: grid;
	width: 23px;
	height: 23px;
	place-items: center;
	border-radius: 50%;
	font-size: .77rem;
	font-weight: 900;
}

.crgi-check-list li::before {
	color: #071d17;
	background: var( --crgi-teal );
	content: "✓";
}

.crgi-cross-list li::before {
	color: #290810;
	background: var( --crgi-red );
	content: "×";
}

.crgi-step-list {
	padding: 0;
	counter-reset: crgi-step;
	list-style: none;
}

.crgi-step-list > li {
	position: relative;
	min-height: 64px;
	padding: 6px 0 24px 74px;
	counter-increment: crgi-step;
}

.crgi-step-list > li::before {
	position: absolute;
	top: 0;
	left: 0;
	display: grid;
	width: 50px;
	height: 50px;
	place-items: center;
	border: 2px solid var( --crgi-saffron );
	border-radius: 16px;
	color: var( --crgi-gold );
	background: var( --crgi-card );
	font-weight: 900;
	content: counter( crgi-step, decimal-leading-zero );
}

.crgi-step-list > li:not( :last-child )::after {
	position: absolute;
	top: 50px;
	bottom: 0;
	left: 24px;
	width: 2px;
	background: linear-gradient( var( --crgi-saffron ), var( --crgi-magenta ) );
	content: "";
	opacity: .5;
}

.crgi-callout {
	position: relative;
	padding: clamp( 20px, 3vw, 30px );
	border: 1px solid rgba( 255, 200, 87, .38 );
	border-left: 5px solid var( --crgi-gold );
	border-radius: var( --crgi-radius-md );
	background: linear-gradient( 110deg, rgba( 255, 200, 87, .09 ), rgba( 35, 24, 64, .76 ) );
}

.crgi-callout--safe,
.crgi-callout--teal {
	border-color: rgba( 32, 201, 151, .42 );
	border-left-color: var( --crgi-teal );
	background: linear-gradient( 110deg, rgba( 32, 201, 151, .1 ), rgba( 35, 24, 64, .76 ) );
}

.crgi-callout--risk {
	border-color: rgba( 255, 84, 112, .38 );
	border-left-color: var( --crgi-red );
	background: linear-gradient( 110deg, rgba( 255, 84, 112, .1 ), rgba( 35, 24, 64, .76 ) );
}

.crgi-callout > :last-child {
	margin-bottom: 0;
}

.crgi-badge,
.crgi-pill,
.crgi-risk-label {
	display: inline-flex;
	min-height: 28px;
	padding: 4px 10px;
	align-items: center;
	border: 1px solid currentColor;
	border-radius: 999px;
	color: var( --crgi-gold );
	background: rgba( 255, 200, 87, .06 );
	font-size: .76rem;
	font-weight: 850;
	line-height: 1.2;
}

.crgi-risk-label--low,
.crgi-badge--teal {
	color: var( --crgi-teal );
	background: rgba( 32, 201, 151, .08 );
}

.crgi-risk-label--high,
.crgi-badge--red {
	color: var( --crgi-red );
	background: rgba( 255, 84, 112, .08 );
}

.crgi-table-wrap {
	max-width: 100%;
	border: 1px solid var( --crgi-border );
	border-radius: var( --crgi-radius-md );
	background: var( --crgi-card );
	overflow-x: auto;
	box-shadow: var( --crgi-shadow-small );
}

.crgi-table-wrap table,
.crgi-prose table {
	width: 100%;
	min-width: 620px;
	border-collapse: collapse;
}

.crgi-table-wrap th,
.crgi-table-wrap td,
.crgi-prose th,
.crgi-prose td {
	padding: 15px 17px;
	border-bottom: 1px solid rgba( 78, 58, 108, .65 );
	text-align: left;
	vertical-align: top;
}

.crgi-table-wrap th,
.crgi-prose th {
	color: var( --crgi-gold );
	background: rgba( 15, 8, 36, .5 );
	font-size: .85rem;
	letter-spacing: .03em;
}

.crgi-table-wrap tr:last-child td,
.crgi-prose tr:last-child td {
	border-bottom: 0;
}

.crgi-faq {
	display: grid;
	gap: 12px;
}

.crgi-faq details,
.crgi-faq__item {
	border: 1px solid var( --crgi-border );
	border-radius: 15px;
	background: var( --crgi-card );
	overflow: hidden;
}

.crgi-faq summary,
.crgi-faq__question {
	position: relative;
	padding: 18px 52px 18px 20px;
	color: var( --crgi-text );
	font-weight: 820;
	list-style: none;
	cursor: pointer;
}

.crgi-faq summary::-webkit-details-marker {
	display: none;
}

.crgi-faq summary::after {
	position: absolute;
	top: 50%;
	right: 20px;
	color: var( --crgi-gold );
	font-size: 1.4rem;
	content: "+";
	transform: translateY( -50% );
}

.crgi-faq details[open] summary::after {
	content: "−";
}

.crgi-faq details[open] summary {
	color: var( --crgi-gold );
	background: rgba( 255, 200, 87, .055 );
}

.crgi-faq details > div,
.crgi-faq__answer {
	padding: 0 20px 20px;
	color: var( --crgi-muted );
}

.crgi-breadcrumb {
	display: flex;
	margin-bottom: 24px;
	padding: 0;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
	color: var( --crgi-muted );
	font-size: .84rem;
	list-style: none;
}

.crgi-breadcrumb a {
	color: var( --crgi-muted );
}

.crgi-breadcrumb a:hover {
	color: var( --crgi-focus );
}

.crgi-global-breadcrumb {
	padding-top: 18px;
	margin-bottom: 0;
}

.crgi-breadcrumb__separator {
	color: var( --crgi-border );
}

.crgi-prose {
	font-size: 1.02rem;
}

.crgi-prose > :first-child {
	margin-top: 0;
}

.crgi-prose > :last-child {
	margin-bottom: 0;
}

.crgi-prose h2,
.crgi-prose h3,
.crgi-prose h4 {
	margin-top: 1.6em;
	color: var( --crgi-text );
}

.crgi-prose h2 {
	font-size: clamp( 1.55rem, 2.8vw, 2.25rem );
}

.crgi-prose h3 {
	color: #ffe6a2;
}

.crgi-prose p,
.crgi-prose li {
	color: #dfd5ed;
}

.crgi-prose li + li {
	margin-top: .45em;
}

.crgi-prose blockquote {
	margin-inline: 0;
	padding: 18px 20px;
	border-left: 4px solid var( --crgi-magenta );
	border-radius: 0 14px 14px 0;
	color: var( --crgi-text );
	background: rgba( 192, 38, 211, .08 );
}

.crgi-text-link {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	color: var( --crgi-gold );
	font-weight: 850;
	text-decoration: none;
}

.crgi-text-link:hover {
	color: var( --crgi-focus );
}

/* WordPress fallback views */
.crgi-post-grid {
	display: grid;
	grid-template-columns: repeat( auto-fit, minmax( min( 100%, 300px ), 1fr ) );
	gap: 20px;
}

.crgi-post-card {
	padding: 0;
	overflow: hidden;
}

.crgi-post-card__media {
	display: block;
	background: var( --crgi-surface );
}

.crgi-post-card__media img {
	width: 100%;
	aspect-ratio: 16 / 9;
	object-fit: cover;
}

.crgi-post-card__body {
	padding: 24px;
}

.crgi-post-card__body h2 {
	font-size: 1.42rem;
}

.crgi-post-card__body h2 a {
	color: var( --crgi-text );
	text-decoration: none;
}

.crgi-post-card__body h2 a:hover {
	color: var( --crgi-gold );
}

.crgi-post-card__meta {
	margin-bottom: 9px;
	color: var( --crgi-muted );
	font-size: .78rem;
}

.crgi-post-card__excerpt,
.crgi-post-card__body > p:not( .crgi-post-card__meta ) {
	color: var( --crgi-muted );
}

.crgi-pagination {
	margin-top: 36px;
}

.crgi-pagination .nav-links {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 8px;
}

.crgi-pagination .page-numbers {
	display: inline-grid;
	min-width: 43px;
	height: 43px;
	padding: 6px 10px;
	place-items: center;
	border: 1px solid var( --crgi-border );
	border-radius: 11px;
	color: var( --crgi-text );
	background: var( --crgi-card );
	font-weight: 800;
	text-decoration: none;
}

.crgi-pagination .page-numbers.current {
	border-color: var( --crgi-saffron );
	color: var( --crgi-bg );
	background: var( --crgi-gold );
}

.crgi-empty-state {
	text-align: center;
}

.crgi-article__image {
	margin-bottom: 28px;
	border: 1px solid var( --crgi-border );
	border-radius: var( --crgi-radius-md );
	overflow: hidden;
}

.crgi-post-navigation {
	display: flex;
	margin-top: 24px;
	justify-content: space-between;
	gap: 12px;
}

.crgi-post-navigation__item a {
	display: inline-flex;
	padding: 12px 14px;
	border: 1px solid var( --crgi-border );
	border-radius: 12px;
	color: var( --crgi-text );
	background: var( --crgi-card );
	font-weight: 750;
	text-decoration: none;
}

.crgi-search-form {
	display: flex;
	max-width: 600px;
	margin: 24px auto 0;
	align-items: stretch;
	gap: 9px;
}

.crgi-search-form label {
	display: flex;
	flex: 1 1 auto;
}

.crgi-search-form__input,
.crgi-comments input:not( [type="submit"] ),
.crgi-comments textarea {
	width: 100%;
	padding: 13px 15px;
	border: 1px solid var( --crgi-border );
	border-radius: 12px;
	color: var( --crgi-text );
	background: rgba( 15, 8, 36, .72 );
}

.crgi-search-form__input::placeholder,
.crgi-comments input::placeholder,
.crgi-comments textarea::placeholder {
	color: #9e91b5;
}

.crgi-error-card {
	position: relative;
	padding: clamp( 32px, 7vw, 70px );
	border: 1px solid var( --crgi-border );
	border-radius: var( --crgi-radius-lg );
	background: radial-gradient( circle at 85% 10%, rgba( 192, 38, 211, .18 ), transparent 18rem ), var( --crgi-card );
	box-shadow: var( --crgi-shadow );
	text-align: center;
	overflow: hidden;
}

.crgi-error-card__number {
	position: absolute;
	top: -18px;
	right: 18px;
	color: rgba( 255, 255, 255, .055 );
	font-size: clamp( 7rem, 24vw, 15rem );
	font-weight: 950;
	line-height: 1;
	pointer-events: none;
}

.crgi-error-card > *:not( .crgi-error-card__number ) {
	position: relative;
}

.crgi-error-card .crgi-actions {
	justify-content: center;
}

.crgi-comments {
	margin-top: 28px;
}

.crgi-comment-list {
	padding-left: 24px;
}

.crgi-comment-list li::marker {
	color: var( --crgi-saffron );
}

.crgi-comments label {
	display: block;
	margin-bottom: 5px;
	font-weight: 750;
}

/* Footer */
.crgi-site-footer {
	position: relative;
	padding-top: clamp( 55px, 8vw, 92px );
	border-top: 1px solid var( --crgi-border );
	background:
		linear-gradient( 135deg, rgba( 192, 38, 211, .06 ), transparent 35% ),
		var( --crgi-footer );
	overflow: hidden;
}

.crgi-footer__glow {
	position: absolute;
	top: -160px;
	left: 9%;
	width: 460px;
	height: 300px;
	border-radius: 50%;
	background: radial-gradient( ellipse, rgba( 255, 138, 31, .16 ), transparent 67% );
	pointer-events: none;
}

.crgi-footer__grid {
	position: relative;
	display: grid;
	grid-template-columns: minmax( 0, 1fr );
	gap: 36px 24px;
}

.crgi-footer__brand {
	max-width: 400px;
}

.crgi-footer__logo {
	display: inline-block;
	margin-bottom: 14px;
	border-radius: 14px;
}

.crgi-footer__logo img {
	width: 220px;
	height: auto;
}

.crgi-footer__brand p {
	color: var( --crgi-muted );
}

.crgi-footer__language {
	width: fit-content;
	margin-top: 12px;
}

.crgi-footer__nav h2 {
	margin-bottom: 16px;
	color: var( --crgi-gold );
	font-size: .9rem;
	letter-spacing: .06em;
	text-transform: uppercase;
}

.crgi-footer__nav ul {
	padding: 0;
	list-style: none;
}

.crgi-footer__nav li {
	margin: 0 0 8px;
}

.crgi-footer__nav a {
	color: var( --crgi-muted );
	font-size: .91rem;
	text-decoration: none;
}

.crgi-footer__nav a:hover {
	color: var( --crgi-focus );
}

.crgi-footer__notices {
	display: grid;
	margin-top: clamp( 42px, 6vw, 68px );
	grid-template-columns: minmax( 0, 1fr );
	gap: 14px;
}

.crgi-footer__bottom {
	display: grid;
	margin-top: 48px;
	padding-block: 22px 28px;
	gap: 10px;
	border-top: 1px solid rgba( 78, 58, 108, .52 );
	color: #9f92b6;
	font-size: .78rem;
}

.crgi-footer__bottom p {
	margin: 0;
}

@media ( min-width: 620px ) {
	.crgi-grid--2,
	.crgi-grid--3,
	.crgi-grid--4,
	.crgi-grid--two,
	.crgi-grid--three,
	.crgi-grid--four {
		grid-template-columns: repeat( 2, minmax( 0, 1fr ) );
	}

	.crgi-bento > * {
		grid-column: span 6;
	}

	.crgi-bento__wide,
	.crgi-bento__large {
		grid-column: span 12;
	}

	.crgi-footer__grid {
		grid-template-columns: repeat( 2, minmax( 0, 1fr ) );
	}

	.crgi-footer__brand {
		grid-column: span 2;
	}
}

@media ( min-width: 820px ) {
	.crgi-hero__grid,
	.crgi-page-hero__grid {
		grid-template-columns: minmax( 0, .9fr ) minmax( 360px, 1.1fr );
	}

	.crgi-grid--3,
	.crgi-grid--three {
		grid-template-columns: repeat( 3, minmax( 0, 1fr ) );
	}

	.crgi-grid--4,
	.crgi-grid--four {
		grid-template-columns: repeat( 4, minmax( 0, 1fr ) );
	}

	.crgi-split {
		grid-template-columns: repeat( 2, minmax( 0, 1fr ) );
	}

	.crgi-cta-panel {
		grid-template-columns: minmax( 0, 1fr ) auto;
	}

	.crgi-bento > * {
		grid-column: span 4;
	}

	.crgi-bento__wide {
		grid-column: span 8;
	}

	.crgi-bento__large {
		grid-column: span 8;
		grid-row: span 2;
	}

	.crgi-footer__grid {
		grid-template-columns: minmax( 260px, 1.4fr ) repeat( 3, minmax( 140px, .7fr ) );
	}

	.crgi-footer__brand {
		grid-column: auto;
	}

	.crgi-footer__bottom {
		grid-template-columns: 1fr auto;
		align-items: end;
	}

	.crgi-footer__notices {
		grid-template-columns: 1.35fr 1fr 1fr;
	}

	.crgi-footer__copyright {
		text-align: right;
	}
}

@media ( min-width: 1280px ) {
	.crgi-nav--desktop {
		display: flex;
	}

	.crgi-header__cta {
		display: inline-flex;
	}

	.crgi-menu-toggle {
		display: none;
	}

	.crgi-mobile-drawer,
	.crgi-drawer-overlay {
		display: none !important;
	}
}

@media ( max-width: 1279px ) {
	body {
		/* The fixed mobile header is removed from normal flow. */
		padding-top: 79px;
	}

	.crgi-site-header {
		position: fixed;
		right: 0;
		left: 0;
	}

	.crgi-header__bar {
		width: min( 100% - 24px, 1180px );
	}
}

@media ( max-width: 782px ) {
	.admin-bar .crgi-site-header {
		top: 46px;
	}

	.admin-bar .crgi-mobile-drawer {
		top: 46px;
		height: calc( 100vh - 46px );
		height: calc( 100dvh - 46px );
	}
}

@media ( max-width: 600px ) {
	:root {
		--crgi-shell: min( 100% - 26px, 1180px );
	}

	body {
		padding-top: 69px;
	}

	.admin-bar .crgi-site-header {
		/* WordPress makes its mobile Admin Bar absolute at this breakpoint.
		 * JS reduces this offset to zero as that bar scrolls out of view. */
		top: var( --crgi-mobile-admin-offset, 46px );
	}

	.admin-bar .crgi-mobile-drawer {
		top: var( --crgi-mobile-admin-offset, 46px );
		height: calc( 100vh - var( --crgi-mobile-admin-offset, 46px ) );
		height: calc( 100dvh - var( --crgi-mobile-admin-offset, 46px ) );
	}

	.crgi-header__bar {
		min-height: 68px;
	}

	.crgi-brand img {
		width: 154px;
	}

	.crgi-header__actions {
		gap: 6px;
	}

	.crgi-header__actions > .crgi-language-switch span {
		display: none;
	}

	.crgi-header__actions > .crgi-language-switch {
		width: 42px;
		padding: 9px;
		justify-content: center;
	}

	.crgi-independence-notice .crgi-shell {
		align-items: flex-start;
		justify-content: flex-start;
	}

	.crgi-independence-notice p {
		text-align: left;
	}

	.crgi-actions,
	.crgi-search-form,
	.crgi-post-navigation {
		align-items: stretch;
		flex-direction: column;
	}

	.crgi-actions .crgi-button,
	.crgi-search-form .crgi-button {
		width: 100%;
	}

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

	.crgi-card {
		border-radius: 17px;
	}

	.crgi-step-list > li {
		padding-left: 62px;
	}

	.crgi-step-list > li::before {
		width: 43px;
		height: 43px;
		border-radius: 13px;
		font-size: .8rem;
	}

	.crgi-step-list > li:not( :last-child )::after {
		top: 43px;
		left: 21px;
	}

	.crgi-table-wrap {
		margin-inline: -2px;
	}
}

@media ( prefers-reduced-motion: reduce ) {
	html {
		scroll-behavior: auto;
	}

	*,
	*::before,
	*::after {
		scroll-behavior: auto !important;
		transition-duration: .01ms !important;
		animation-duration: .01ms !important;
		animation-iteration-count: 1 !important;
	}
}

@media ( forced-colors: active ) {
	.crgi-card,
	.crgi-callout,
	.crgi-site-header,
	.crgi-site-footer,
	.crgi-mobile-drawer {
		border: 1px solid CanvasText;
	}

	.crgi-page-heading h1,
	.crgi-section-heading h2,
	.crgi-hero h1 {
		color: CanvasText;
		background: none;
	}
}