@janga/norna 0.7.22 → 0.7.24

package/src/styles/global.css

@@ -1,2510 +1,6 @@
-*,
-*::before,
-*::after {
-	box-sizing: border-box;
-}
-
-:root {
-	--color-page: var(--palette-light-page-background, #fff);
-	--color-primary-text: var(--palette-light-primary-text, var(--palette-light-page-text, #17201d));
-	--color-secondary-text: var(--palette-light-secondary-text, #5e655f);
-	--color-link-text: var(--palette-light-link-text, #38645a);
-	--color-focus-ring: var(--palette-light-focus-ring, #17201d);
-	--color-focus-ring-contrast: var(--palette-light-focus-ring-contrast, #fff);
-	--color-selection-background: var(--palette-light-selection-background, #17201d);
-	--color-selection-text: var(--palette-light-selection-text, #fff);
-	--color-control-background: var(--palette-light-control-background, rgb(0 0 0 / 70%));
-	--color-control-background-active: var(--palette-light-control-background-active, rgb(0 0 0 / 86%));
-	--color-control-text: var(--palette-light-control-text, #fff);
-	--color-code-background: var(--palette-light-code-background, #0d1117);
-	--color-code-text: var(--palette-light-code-text, #f0f6fc);
-	--color-warning-accent: var(--palette-light-warning-accent, #7a5600);
-	--color-warning-surface: var(--palette-light-warning-surface, #fff4c2);
-	--color-warning-text: var(--palette-light-warning-text, #3b2b00);
-	--color-error-accent: var(--palette-light-error-accent, #a12d2d);
-	--color-error-surface: var(--palette-light-error-surface, #fce8e8);
-	--color-error-text: var(--palette-light-error-text, #5f1616);
-	--color-success-accent: var(--palette-light-success-accent, #17643c);
-	--color-success-surface: var(--palette-light-success-surface, #e4f4e9);
-	--color-success-text: var(--palette-light-success-text, #12472e);
-	--color-text: var(--color-primary-text);
-	--color-surface: var(--palette-light-surface, #f7f8f7);
-	--color-muted: var(--color-secondary-text);
-	--color-soft: var(--palette-light-soft, #d9dfda);
-	--color-accent: var(--color-link-text);
-	--color-border: var(--palette-light-border, rgb(0 0 0 / 14%));
-	--color-nav-background: var(--palette-light-nav-background, rgb(255 255 255 / 92%));
-	--color-nav-separator: var(--palette-light-nav-separator, rgb(0 0 0 / 20%));
-	--color-frame-background: var(--palette-light-frame-background, #fff);
-	--color-frame-text: var(--palette-light-frame-text, #17201d);
-	--color-surface-base-background: var(--palette-light-surface-base-background, #fff);
-	--color-surface-base-text: var(--palette-light-surface-base-text, #17201d);
-	--color-surface-base-secondary-text: var(--palette-light-surface-base-secondary-text, #555b57);
-	--color-surface-soft-background: var(--palette-light-surface-soft-background, #f1f4f2);
-	--color-surface-soft-text: var(--palette-light-surface-soft-text, #17201d);
-	--color-surface-soft-secondary-text: var(--palette-light-surface-soft-secondary-text, #555b57);
-	--color-surface-emphasis-background: var(--palette-light-surface-emphasis-background, #dde7e1);
-	--color-surface-emphasis-text: var(--palette-light-surface-emphasis-text, #17201d);
-	--color-surface-emphasis-secondary-text: var(--palette-light-surface-emphasis-secondary-text, #555b57);
-	--font-sans: Arial, 'Helvetica Neue', Helvetica, sans-serif;
-	--font-serif: Georgia, 'Times New Roman', serif;
-	--page-width: 1180px;
-	--text-width: 680px;
-	--image-width: 900px;
-	--image-max-available-width-desktop: 100%;
-	--image-max-available-width-mobile: 100%;
-	--image-max-available-width: var(--image-max-available-width-desktop);
-	--image-layout-width: min(var(--image-width), var(--image-max-available-width));
-	--image-max-height-desktop: 74svh;
-	--image-max-height-mobile: 68svh;
-	--image-max-height: var(--image-max-height-desktop);
-	--nav-top-safety-inset: 0px;
-
-	--space-nav-to-first-section-desktop: clamp(1.875rem, 3vw, 2.75rem);
-	--space-nav-to-first-section-mobile: 1.375rem;
-	--space-nav-to-first-section: var(--space-nav-to-first-section-desktop);
-	--space-content-block-gap-desktop: 1.5em;
-	--space-content-block-gap-mobile: 1.25em;
-	--space-content-block-gap: var(--space-content-block-gap-desktop);
-	--space-card-list-after: 0.5em;
-	--space-heading-to-block-desktop: 0.75em;
-	--space-heading-to-block-mobile: 0.7em;
-	--space-heading-to-block: var(--space-heading-to-block-desktop);
-	--space-image-item-desktop: clamp(1.5rem, 3.5vw, 2.75rem);
-	--space-image-item-mobile: 2.75rem;
-	--space-image-item: var(--space-image-item-desktop);
-	--space-section-to-section-desktop: clamp(2.55rem, 4.2vw, 3.9rem);
-	--space-section-to-section-mobile: 2.25rem;
-	--space-section-to-section: var(--space-section-to-section-desktop);
-	--space-page-title-to-first-section-desktop: clamp(0.9rem, 1.6vw, 1.4rem);
-	--space-page-title-to-first-section-mobile: 0.9rem;
-	--space-page-title-to-first-section: var(--space-page-title-to-first-section-desktop);
-	--space-final-section-bottom-desktop: var(--space-section-to-section-desktop);
-	--space-final-section-bottom-mobile: var(--space-section-to-section-mobile);
-	--space-final-section-bottom: var(--space-final-section-bottom-desktop);
-
-	--content-gutter-desktop: clamp(1.25rem, 4vw, 3rem);
-	--content-gutter-mobile: 1rem;
-	--content-gutter: var(--content-gutter-desktop);
-	--site-top-anchor-offset: 4.5rem;
-	--focus-indicator-width: 2px;
-	--target-size-minimum: 1.5rem;
-	--target-size-comfortable: 2.75rem;
-	color-scheme: light;
-	scroll-behavior: smooth;
-	scroll-padding-top: var(--site-top-anchor-offset);
-}
-
-:root[data-color-mode='dark'] {
-	--color-page: var(--palette-dark-page-background);
-	--color-primary-text: var(--palette-dark-primary-text);
-	--color-secondary-text: var(--palette-dark-secondary-text);
-	--color-link-text: var(--palette-dark-link-text);
-	--color-focus-ring: var(--palette-dark-focus-ring);
-	--color-focus-ring-contrast: var(--palette-dark-focus-ring-contrast);
-	--color-selection-background: var(--palette-dark-selection-background);
-	--color-selection-text: var(--palette-dark-selection-text);
-	--color-control-background: var(--palette-dark-control-background);
-	--color-control-background-active: var(--palette-dark-control-background-active);
-	--color-control-text: var(--palette-dark-control-text);
-	--color-code-background: var(--palette-dark-code-background);
-	--color-code-text: var(--palette-dark-code-text);
-	--color-warning-accent: var(--palette-dark-warning-accent);
-	--color-warning-surface: var(--palette-dark-warning-surface);
-	--color-warning-text: var(--palette-dark-warning-text);
-	--color-error-accent: var(--palette-dark-error-accent);
-	--color-error-surface: var(--palette-dark-error-surface);
-	--color-error-text: var(--palette-dark-error-text);
-	--color-success-accent: var(--palette-dark-success-accent);
-	--color-success-surface: var(--palette-dark-success-surface);
-	--color-success-text: var(--palette-dark-success-text);
-	--color-text: var(--color-primary-text);
-	--color-surface: var(--palette-dark-surface);
-	--color-muted: var(--color-secondary-text);
-	--color-soft: var(--palette-dark-soft);
-	--color-accent: var(--color-link-text);
-	--color-border: var(--palette-dark-border);
-	--color-nav-background: var(--palette-dark-nav-background);
-	--color-nav-separator: var(--palette-dark-nav-separator);
-	--color-frame-background: var(--palette-dark-frame-background);
-	--color-frame-text: var(--palette-dark-frame-text);
-	--color-surface-base-background: var(--palette-dark-surface-base-background);
-	--color-surface-base-text: var(--palette-dark-surface-base-text);
-	--color-surface-base-secondary-text: var(--palette-dark-surface-base-secondary-text);
-	--color-surface-soft-background: var(--palette-dark-surface-soft-background);
-	--color-surface-soft-text: var(--palette-dark-surface-soft-text);
-	--color-surface-soft-secondary-text: var(--palette-dark-surface-soft-secondary-text);
-	--color-surface-emphasis-background: var(--palette-dark-surface-emphasis-background);
-	--color-surface-emphasis-text: var(--palette-dark-surface-emphasis-text);
-	--color-surface-emphasis-secondary-text: var(--palette-dark-surface-emphasis-secondary-text);
-	color-scheme: dark;
-}
-
-@media (prefers-color-scheme: dark) {
-	:root[data-color-mode='system'] {
-		--color-page: var(--palette-dark-page-background);
-		--color-primary-text: var(--palette-dark-primary-text);
-		--color-secondary-text: var(--palette-dark-secondary-text);
-		--color-link-text: var(--palette-dark-link-text);
-		--color-focus-ring: var(--palette-dark-focus-ring);
-		--color-focus-ring-contrast: var(--palette-dark-focus-ring-contrast);
-		--color-selection-background: var(--palette-dark-selection-background);
-		--color-selection-text: var(--palette-dark-selection-text);
-		--color-control-background: var(--palette-dark-control-background);
-		--color-control-background-active: var(--palette-dark-control-background-active);
-		--color-control-text: var(--palette-dark-control-text);
-		--color-code-background: var(--palette-dark-code-background);
-		--color-code-text: var(--palette-dark-code-text);
-		--color-warning-accent: var(--palette-dark-warning-accent);
-		--color-warning-surface: var(--palette-dark-warning-surface);
-		--color-warning-text: var(--palette-dark-warning-text);
-		--color-error-accent: var(--palette-dark-error-accent);
-		--color-error-surface: var(--palette-dark-error-surface);
-		--color-error-text: var(--palette-dark-error-text);
-		--color-success-accent: var(--palette-dark-success-accent);
-		--color-success-surface: var(--palette-dark-success-surface);
-		--color-success-text: var(--palette-dark-success-text);
-		--color-text: var(--color-primary-text);
-		--color-surface: var(--palette-dark-surface);
-		--color-muted: var(--color-secondary-text);
-		--color-soft: var(--palette-dark-soft);
-		--color-accent: var(--color-link-text);
-		--color-border: var(--palette-dark-border);
-		--color-nav-background: var(--palette-dark-nav-background);
-		--color-nav-separator: var(--palette-dark-nav-separator);
-		--color-frame-background: var(--palette-dark-frame-background);
-		--color-frame-text: var(--palette-dark-frame-text);
-		--color-surface-base-background: var(--palette-dark-surface-base-background);
-		--color-surface-base-text: var(--palette-dark-surface-base-text);
-		--color-surface-base-secondary-text: var(--palette-dark-surface-base-secondary-text);
-		--color-surface-soft-background: var(--palette-dark-surface-soft-background);
-		--color-surface-soft-text: var(--palette-dark-surface-soft-text);
-		--color-surface-soft-secondary-text: var(--palette-dark-surface-soft-secondary-text);
-		--color-surface-emphasis-background: var(--palette-dark-surface-emphasis-background);
-		--color-surface-emphasis-text: var(--palette-dark-surface-emphasis-text);
-		--color-surface-emphasis-secondary-text: var(--palette-dark-surface-emphasis-secondary-text);
-		color-scheme: dark;
-	}
-}
-
-:root[data-reading-width='narrow'] {
-	--reader-text-width: min(60ch, var(--text-width));
-}
-
-:root[data-reading-width='standard'] {
-	--reader-text-width: min(72ch, var(--text-width));
-}
-
-:root[data-reading-width='wide'] {
-	--reader-text-width: min(80ch, var(--image-layout-width));
-}
-
-html {
-	min-height: 100%;
-	background: var(--color-page);
-}
-
-@media (prefers-reduced-motion: reduce) {
-	html {
-		scroll-behavior: auto !important;
-	}
-
-	*,
-	*::before,
-	*::after {
-		animation-duration: 0.01ms !important;
-		animation-iteration-count: 1 !important;
-		scroll-behavior: auto !important;
-		transition-duration: 0.01ms !important;
-	}
-}
-
-body {
-	min-height: 100vh;
-	min-height: 100svh;
-	margin: 0;
-	isolation: isolate;
-	background: var(--color-page);
-	color: var(--color-text);
-	font-family: var(--font-sans);
-	-webkit-font-smoothing: antialiased;
-	-moz-osx-font-smoothing: grayscale;
-}
-
-img {
-	display: block;
-	height: auto;
-	max-width: 100%;
-}
-
-a {
-	color: var(--color-accent);
-	overflow-wrap: anywhere;
-	transition: color 0.18s ease, opacity 0.18s ease;
-}
-
-::selection {
-	background: var(--color-selection-background);
-	color: var(--color-selection-text);
-}
-
-:where(a, button, summary, [tabindex]:not([tabindex='-1'])):focus-visible {
-	outline: var(--focus-indicator-width) solid var(--color-focus-ring);
-	outline-offset: var(--focus-indicator-width);
-	box-shadow: 0 0 0 calc(var(--focus-indicator-width) + var(--focus-indicator-width)) var(--color-focus-ring-contrast);
-}
-
-.visually-hidden {
-	position: absolute;
-	width: 1px;
-	height: 1px;
-	margin: -1px;
-	padding: 0;
-	border: 0;
-	overflow: hidden;
-	clip: rect(0 0 0 0);
-	clip-path: inset(50%);
-	white-space: nowrap;
-}
-
-.skip-link {
-	position: fixed;
-	top: 0.75rem;
-	left: 0.75rem;
-	z-index: 100;
-	transform: translateY(-200%);
-	background: var(--color-text);
-	color: var(--color-surface);
-	padding: 0.75rem 1rem;
-	font-weight: 700;
-	text-decoration: none;
-}
-
-.skip-link:focus {
-	transform: translateY(0);
-}
-
-.site-top {
-	position: sticky;
-	top: 0;
-	z-index: 10;
-	padding-top: var(--nav-top-safety-inset);
-	padding-top: max(env(safe-area-inset-top, 0px), var(--nav-top-safety-inset));
-	border-bottom: 1px solid var(--color-border);
-	background-color: var(--site-top-background-color, var(--color-nav-background));
-	color: var(--site-top-text-color, var(--color-text));
-	backdrop-filter: blur(16px);
-	transition: background-color 0.18s ease, color 0.18s ease;
-}
-
-.site-nav-row {
-	display: flex;
-	align-items: center;
-	justify-content: space-between;
-	gap: 1rem;
-	width: min(calc(100% - (var(--content-gutter) * 2)), var(--page-width));
-	margin: 0 auto;
-	padding: 0.8rem 0 0.7rem;
-}
-
-.site-top[data-navigation-mode='tree'] .site-nav-row {
-	width: min(calc(100% - (var(--content-gutter) * 2)), max(var(--page-width), 76rem));
-}
-
-.site-nav-row-mobile-only {
-	display: none;
-}
-
-.site-nav-actions {
-	display: flex;
-	align-items: center;
-	justify-content: flex-end;
-	gap: clamp(0.65rem, 1.5vw, 1rem);
-	min-width: 0;
-	margin-left: auto;
-}
-
-.site-nav-leading {
-	display: flex;
-	align-items: center;
-	gap: 0.35rem;
-	min-width: 0;
-	flex: 0 0 auto;
-}
-
-:root:not([data-reader-preferences-ready='true']) .display-settings {
-	display: none;
-}
-
-.display-settings {
-	position: relative;
-	display: block;
-	flex: 0 0 auto;
-	font-family: var(--font-sans);
-}
-
-.display-settings summary {
-	display: grid;
-	place-items: center;
-	width: 2.25rem;
-	height: 2.25rem;
-	border: 1px solid color-mix(in srgb, currentColor 38%, transparent);
-	border-radius: 50%;
-	background-color: transparent;
-	color: currentColor;
-	cursor: pointer;
-	list-style: none;
-	transition: border-color 0.18s ease, background-color 0.18s ease;
-}
-
-:root[data-focus-reading='on'] .display-settings summary {
-	grid-template-columns: auto auto;
-	gap: 0.4rem;
-	width: auto;
-	padding: 0 0.65rem;
-	border-color: currentColor;
-	background: color-mix(in srgb, currentColor 9%, transparent);
-}
-
-.display-settings summary::-webkit-details-marker {
-	display: none;
-}
-
-.display-settings summary:hover,
-.display-settings[open] summary {
-	border-color: currentColor;
-	background: color-mix(in srgb, currentColor 9%, transparent);
-}
-
-.display-settings summary:focus-visible,
-.display-settings button:focus-visible,
-.display-settings input:focus-visible + span {
-	outline-color: var(--color-focus-ring);
-}
-
-.display-settings-trigger-icon {
-	display: block;
-	width: 1.05rem;
-	height: 1.05rem;
-	fill: none;
-	stroke: currentColor;
-	stroke-width: 2;
-	stroke-linecap: round;
-	stroke-linejoin: round;
-}
-
-.display-settings-focus-status {
-	display: none;
-	font-size: 0.72rem;
-	font-weight: 650;
-	white-space: nowrap;
-}
-
-:root[data-focus-reading='on'] .display-settings-focus-status {
-	display: block;
-}
-
-.display-settings-panel {
-	position: absolute;
-	top: calc(100% + 0.45rem);
-	right: 0;
-	z-index: 30;
-	display: grid;
-	gap: 0.9rem;
-	width: min(20rem, calc(100vw - (var(--content-gutter) * 2)));
-	max-height: calc(100svh - var(--site-top-anchor-offset) - 1rem);
-	margin: 0;
-	padding: 0.85rem;
-	border: 1px solid var(--color-border);
-	border-radius: var(--corner-radius-medium, 4px);
-	background: var(--color-surface-base-background);
-	color: var(--color-surface-base-text);
-	font-size: 0.82rem;
-	box-shadow: 0 0.6rem 1.6rem rgb(0 0 0 / 16%);
-	overflow-y: auto;
-}
-
-.display-settings-title {
-	margin: 0;
-	font-size: 0.78rem;
-	font-weight: 700;
-	text-transform: uppercase;
-}
-
-.display-settings fieldset {
-	display: grid;
-	gap: 0.4rem;
-	margin: 0;
-	padding: 0;
-	border: 0;
-}
-
-.display-settings legend {
-	margin: 0 0 0.4rem;
-	padding: 0;
-	color: var(--color-surface-base-secondary-text);
-	font-size: 0.72rem;
-	font-weight: 650;
-}
-
-.display-settings-segmented {
-	display: grid;
-	grid-template-columns: repeat(3, minmax(0, 1fr));
-	gap: 1px;
-	width: 100%;
-	border: 1px solid var(--color-border);
-	border-radius: var(--corner-radius-small, 2px);
-	background: var(--color-border);
-	overflow: hidden;
-}
-
-.display-settings-segmented label {
-	position: relative;
-	min-width: 0;
-	cursor: pointer;
-}
-
-.display-settings-segmented input {
-	position: absolute;
-	width: 1px;
-	height: 1px;
-	opacity: 0;
-}
-
-.display-settings-segmented span {
-	display: grid;
-	place-items: center;
-	min-height: var(--target-size-comfortable);
-	padding: 0.35rem 0.45rem;
-	background: var(--color-surface-base-background);
-	color: inherit;
-	font-size: 0.75rem;
-	font-weight: 600;
-	text-align: center;
-	transition: background-color 0.18s ease, color 0.18s ease;
-}
-
-.display-settings-segmented label:hover span {
-	background: color-mix(in srgb, currentColor 8%, var(--color-surface-base-background));
-}
-
-.display-settings-segmented input:checked + span {
-	background: color-mix(in srgb, var(--color-accent) 14%, transparent);
-	color: var(--color-surface-base-text);
-}
-
-.display-settings-segmented input:focus-visible + span {
-	position: relative;
-	z-index: 1;
-	outline: var(--focus-indicator-width) solid var(--color-focus-ring);
-	outline-offset: calc(0px - var(--focus-indicator-width));
-	box-shadow: inset 0 0 0 var(--focus-indicator-width) var(--color-focus-ring-contrast);
-}
-
-.display-settings-toggle {
-	display: flex;
-	align-items: center;
-	gap: 0.55rem;
-	min-height: var(--target-size-minimum);
-	font-weight: 600;
-	cursor: pointer;
-}
-
-.display-settings-toggle input {
-	width: 1rem;
-	height: 1rem;
-	margin: 0;
-	accent-color: var(--color-accent);
-}
-
-.display-settings-reset {
-	justify-self: start;
-	min-height: var(--target-size-minimum);
-	border: 0;
-	padding: 0;
-	background: transparent;
-	color: var(--color-accent);
-	font: inherit;
-	font-weight: 650;
-	text-decoration: underline;
-	text-underline-offset: 0.2em;
-	cursor: pointer;
-}
-
-.site-brand,
-.site-nav a,
-.mobile-nav-menu summary,
-.mobile-nav-panel a,
-.site-nav-submenu a {
-	color: currentColor;
-	text-decoration: none;
-}
-
-.site-brand {
-	display: flex;
-	align-items: center;
-	flex: 0 0 auto;
-	font-size: 0.82rem;
-	font-weight: 700;
-	letter-spacing: 0.08em;
-	line-height: 1.1;
-	text-transform: uppercase;
-}
-
-.site-brand-logo {
-	display: block;
-	width: auto;
-	height: var(--site-brand-logo-height, 2.6rem);
-	max-width: min(30vw, 18rem);
-}
-
-.site-nav ul,
-.mobile-nav-panel ul {
-	margin: 0;
-	padding: 0;
-	list-style: none;
-}
-
-.site-nav > ul {
-	display: flex;
-	flex-wrap: wrap;
-	justify-content: flex-end;
-	gap: 0.35rem clamp(0.9rem, 2.6vw, 2rem);
-}
-
-.site-nav-item {
-	position: relative;
-}
-
-.site-nav a,
-.mobile-nav-panel a {
-	display: block;
-	min-height: var(--target-size-minimum);
-	color: var(--color-secondary-text);
-	font-size: 0.78rem;
-	font-weight: 500;
-	letter-spacing: 0.08em;
-	line-height: 1.2;
-	text-transform: uppercase;
-}
-
-.site-nav a:hover,
-.site-nav a:focus-visible,
-.site-nav a[aria-current='page'],
-.mobile-nav-panel a:hover,
-.mobile-nav-panel a:focus-visible,
-.mobile-nav-panel a[aria-current='page'] {
-	color: var(--site-top-text-color, var(--color-primary-text));
-}
-
-.site-nav > ul > .site-nav-item > a:hover,
-.site-nav > ul > .site-nav-item > a:focus-visible,
-.site-nav > ul > .site-nav-item > a[aria-current='page'],
-.site-nav > ul > .site-nav-item-current-branch > a {
-	text-decoration: underline;
-	text-decoration-thickness: 1px;
-	text-underline-offset: 0.35em;
-}
-
-.site-nav-submenu {
-	position: absolute;
-	top: 100%;
-	left: 50%;
-	z-index: 10;
-	width: max-content;
-	max-width: min(24rem, calc(100vw - (var(--content-gutter) * 2)));
-	min-width: 12rem;
-	padding-top: 0.7rem;
-	opacity: 0;
-	visibility: hidden;
-	pointer-events: none;
-	transform: translate(-50%, -0.35rem);
-	transition: opacity 0.16s ease, transform 0.16s ease, visibility 0.16s ease;
-}
-
-.site-nav-submenu > nav {
-	border: 1px solid color-mix(in srgb, currentColor 30%, transparent);
-	padding: 0.8rem 1rem;
-	background: var(--site-top-background-color, var(--color-nav-background));
-	box-shadow: 0 1rem 2.5rem rgb(0 0 0 / 0.22);
-}
-
-.site-nav-submenu ul {
-	display: grid;
-	gap: 0.65rem;
-}
-
-.site-nav-submenu .navigation-page-tree-submenu {
-	gap: 0.75rem;
-}
-
-.site-nav-submenu .navigation-page-tree-submenu .navigation-page-tree-submenu {
-	margin: 0.15rem 0 0 0.35rem;
-	border-left: 1px solid color-mix(in srgb, currentColor 24%, transparent);
-	padding-left: 0.75rem;
-}
-
-.site-nav-submenu .navigation-page-link {
-	font-weight: 650;
-}
-
-.site-nav-submenu a {
-	font-size: 0.76rem;
-	letter-spacing: 0.03em;
-	line-height: 1.3;
-	text-transform: none;
-	white-space: normal;
-}
-
-.site-nav-submenu a:hover,
-.site-nav-submenu a:focus-visible,
-.site-nav-submenu a[aria-current='location'] {
-	color: var(--site-top-text-color, var(--color-primary-text));
-	text-decoration: underline;
-	text-underline-offset: 0.25em;
-}
-
-.site-nav-item:hover .site-nav-submenu,
-.site-nav-item:focus-within .site-nav-submenu {
-	opacity: 1;
-	visibility: visible;
-	pointer-events: auto;
-	transform: translate(-50%, 0);
-}
-
-.site-nav-item[data-submenu-dismissed='true'] .site-nav-submenu {
-	opacity: 0;
-	visibility: hidden;
-	pointer-events: none;
-	transform: translate(-50%, -0.35rem);
-}
-
-.mobile-nav-menu {
-	display: none;
-}
-
-.page-nav {
-	border-top: 1px solid color-mix(in srgb, currentColor 14%, transparent);
-}
-
-.site-top:not(.site-top-has-navigation-row) .page-nav {
-	border-top: 0;
-}
-
-.page-nav-inner {
-	display: flex;
-	align-items: center;
-	justify-content: center;
-	gap: clamp(1.1rem, 2.5vw, 2rem);
-	width: min(calc(100% - (var(--content-gutter) * 2)), var(--page-width));
-	margin: 0 auto;
-}
-
-.page-nav-label {
-	flex: 0 0 auto;
-	font-size: 0.7rem;
-	font-weight: 650;
-	letter-spacing: 0.08em;
-	color: var(--color-secondary-text);
-	text-transform: uppercase;
-	white-space: nowrap;
-}
-
-.page-nav ul {
-	display: flex;
-	flex-wrap: wrap;
-	justify-content: flex-start;
-	gap: 0 clamp(1.4rem, 4vw, 3.25rem);
-	margin: 0;
-	padding: 0;
-	list-style: none;
-}
-
-.page-nav li {
-	position: relative;
-}
-
-.page-nav li + li::before {
-	position: absolute;
-	top: 50%;
-	left: calc(clamp(1.4rem, 4vw, 3.25rem) / -2 - 0.1rem);
-	transform: translateY(-50%);
-	content: "·";
-	font-size: 0.75rem;
-	opacity: 0.28;
-}
-
-.page-nav a {
-	display: block;
-	min-height: var(--target-size-minimum);
-	padding: 1.05rem 0 0.95rem;
-	color: var(--color-secondary-text);
-	font-size: 0.76rem;
-	font-weight: 500;
-	letter-spacing: 0.08em;
-	line-height: 1.2;
-	text-decoration: none;
-	text-transform: uppercase;
-}
-
-.page-nav a:hover,
-.page-nav a:focus-visible,
-.page-nav a[aria-current='location'] {
-	color: var(--site-top-text-color, var(--color-primary-text));
-	text-decoration: underline;
-	text-decoration-thickness: 1px;
-	text-underline-offset: 0.35em;
-}
-
-.page-nav .page-nav-page-top {
-	font-size: 0.82rem;
-	font-weight: 700;
-}
-
-.page-nav-page-top-item:not(:last-child) {
-	margin-right: clamp(0.3rem, 1vw, 0.7rem);
-}
-
-.mobile-nav-sections a[aria-current='location'] {
-	opacity: 1;
-	text-decoration: underline;
-	text-decoration-thickness: 1px;
-	text-underline-offset: 0.35em;
-}
-
-@media (hover: hover) and (pointer: fine) {
-	:root {
-		--nav-top-safety-inset: 0.625rem;
-	}
-}
-
-.site-content {
-	position: relative;
-	z-index: 2;
-	width: min(calc(100% - (var(--content-gutter) * 2)), var(--page-width));
-	margin: 0 auto;
-	padding: 0;
-}
-
-.site-page-layout:not(.site-page-layout-tree) {
-	display: contents;
-}
-
-.site-page-layout-tree {
-	--tree-layout-width: max(var(--page-width), 76rem);
-	--tree-layout-outer-margin: max(var(--content-gutter), calc((100vw - var(--tree-layout-width)) / 2));
-	--tree-navigation-width: 14rem;
-	--tree-layout-gap: var(--local-navigation-gap, clamp(1.5rem, 3vw, 3rem));
-	display: grid;
-	grid-template-columns: var(--tree-navigation-width) minmax(0, 1fr);
-	align-items: start;
-	gap: var(--tree-layout-gap);
-	min-height: calc(100svh - var(--site-top-anchor-offset));
-	width: min(calc(100% - (var(--content-gutter) * 2)), var(--tree-layout-width));
-	margin: 0 auto;
-}
-
-.site-page-layout-tree > .site-content {
-	width: 100%;
-	min-width: 0;
-}
-
-.site-page-layout-tree .site-section {
-	background-color: transparent;
-}
-
-@media (min-width: 701px) {
-	.site-page-layout-tree :is(.site-breadcrumbs, .section-header, .section-markdown) {
-		margin-right: auto;
-		margin-left: 0;
-	}
-
-	.site-page-layout-tree .card-list {
-		margin-right: auto;
-		margin-left: 0;
-	}
-
-	.site-page-layout-tree .image-stack .managed-image-item {
-		width: min(100%, var(--image-layout-width));
-		margin-right: auto;
-		margin-left: 0;
-	}
-
-	.site-page-layout-tree .image-carousel-stage,
-	.site-page-layout-tree .image-carousel-captions {
-		margin-right: auto;
-		margin-left: 0;
-	}
-
-}
-
-.tree-local-navigation {
-	position: sticky;
-	top: calc(var(--site-top-anchor-offset) + 1.25rem);
-	z-index: 3;
-	min-height: 0;
-	max-height: calc(100svh - var(--site-top-anchor-offset) - 2.5rem);
-	padding: 1.5rem 0;
-	background: var(--color-page);
-	overflow-y: auto;
-	overscroll-behavior: contain;
-}
-
-.navigation-page-sections {
-	margin: 0.15rem 0 0.55rem 0.3rem;
-	border-left: 2px solid color-mix(in srgb, currentColor 38%, transparent);
-	padding: 0.2rem 0 0.25rem 0.85rem;
-}
-
-.navigation-page-tree,
-.page-contents-links {
-	margin: 0;
-	padding: 0;
-	list-style: none;
-}
-
-.navigation-page-node {
-	position: relative;
-}
-
-.navigation-page-tree-sidebar .navigation-page-link {
-	display: block;
-	padding: 0.45rem 2rem 0.45rem 0;
-	color: var(--color-secondary-text);
-	font-size: 0.86rem;
-	line-height: 1.35;
-	text-decoration: none;
-}
-
-.navigation-page-tree-sidebar > .navigation-page-node > .navigation-page-link {
-	color: var(--color-primary-text);
-	font-size: 0.94rem;
-	font-weight: 700;
-}
-
-.navigation-page-tree-sidebar .navigation-page-link:hover,
-.navigation-page-tree-sidebar .navigation-page-link:focus-visible,
-.navigation-page-tree-sidebar .navigation-page-link[aria-current='page'] {
-	color: var(--color-primary-text);
-	text-decoration: underline;
-	text-decoration-thickness: 1px;
-	text-underline-offset: 0.28em;
-}
-
-.navigation-page-tree-sidebar .navigation-page-tree-sidebar {
-	margin: 0.25rem 0 0.25rem 0.3rem;
-	border-left: 1px solid color-mix(in srgb, currentColor 18%, transparent);
-	padding-left: 0.85rem;
-}
-
-.navigation-page-branch:not(.navigation-page-disclosure) > summary {
-	position: absolute;
-	top: 0.25rem;
-	right: 0;
-	display: grid;
-	place-items: center;
-	width: 1.8rem;
-	height: 1.8rem;
-	border: 0;
-	border-radius: var(--corner-radius-small, 2px);
-	list-style: none;
-	cursor: pointer;
-	color: var(--color-secondary-text);
-}
-
-.navigation-page-branch:not(.navigation-page-disclosure) > summary::-webkit-details-marker {
-	display: none;
-}
-
-.navigation-page-branch:not(.navigation-page-disclosure) > summary:hover,
-.navigation-page-branch:not(.navigation-page-disclosure) > summary:focus-visible {
-	background: color-mix(in srgb, currentColor 8%, transparent);
-	color: var(--color-primary-text);
-}
-
-.navigation-page-branch:not(.navigation-page-disclosure) > summary > [aria-hidden='true']::before {
-	content: "+";
-}
-
-.navigation-page-branch:not(.navigation-page-disclosure)[open] > summary > [aria-hidden='true']::before {
-	content: "−";
-}
-
-.navigation-page-disclosure > .navigation-page-summary {
-	display: flex;
-	align-items: center;
-	justify-content: space-between;
-	width: 100%;
-	border: 0;
-	border-radius: var(--corner-radius-small, 2px);
-	padding: 0.45rem 0;
-	font-size: 0.86rem;
-	line-height: 1.35;
-	list-style: none;
-	cursor: pointer;
-	color: var(--color-secondary-text);
-}
-
-.navigation-page-disclosure {
-	position: relative;
-}
-
-.navigation-page-disclosure > .navigation-page-summary::-webkit-details-marker {
-	display: none;
-}
-
-.navigation-page-disclosure > .navigation-page-summary:hover,
-.navigation-page-disclosure > .navigation-page-summary:focus-visible,
-.navigation-page-disclosure[data-current-page='true'] > .navigation-page-summary {
-	color: var(--color-primary-text);
-}
-
-.navigation-page-disclosure > .navigation-page-summary:hover > :first-child,
-.navigation-page-disclosure > .navigation-page-summary:focus-visible > :first-child,
-.navigation-page-disclosure[data-current-page='true'] > .navigation-page-summary > :first-child {
-	text-decoration: underline;
-	text-decoration-thickness: 1px;
-	text-underline-offset: 0.28em;
-}
-
-.navigation-page-disclosure:not(.navigation-category-disclosure)[open]
-	> .navigation-page-summary > .navigation-page-summary-title {
-	opacity: 0;
-}
-
-.navigation-category-disclosure[data-current-branch='true'] > .navigation-page-summary {
-	color: var(--color-primary-text);
-}
-
-.navigation-page-open-link {
-	position: absolute;
-	top: 0;
-	left: 0;
-	display: none;
-	width: calc(100% - 2rem);
-	padding: 0.45rem 0;
-	color: var(--color-secondary-text);
-	font-size: 0.86rem;
-	line-height: 1.35;
-	overflow: visible;
-	overflow-wrap: anywhere;
-	text-decoration: none;
-	white-space: normal;
-}
-
-.navigation-page-disclosure[open] > .navigation-page-open-link {
-	display: block;
-}
-
-.navigation-page-open-link:hover,
-.navigation-page-open-link:focus-visible,
-.navigation-page-open-link[aria-current='page'] {
-	color: var(--color-primary-text);
-	text-decoration: underline;
-	text-decoration-thickness: 1px;
-	text-underline-offset: 0.28em;
-}
-
-.navigation-page-chevron::before {
-	display: block;
-	content: "›";
-	font-size: 1.15rem;
-	line-height: 1;
-	transition: transform 140ms ease;
-}
-
-.navigation-page-disclosure[open] > .navigation-page-summary .navigation-page-chevron::before {
-	transform: rotate(90deg);
-}
-
-.navigation-page-tree-sidebar > .navigation-page-node > .navigation-page-disclosure > .navigation-page-summary {
-	color: var(--color-primary-text);
-	font-size: 0.94rem;
-	font-weight: 700;
-}
-
-.navigation-page-tree-sidebar > .navigation-page-node > .navigation-page-disclosure > .navigation-page-open-link {
-	color: var(--color-primary-text);
-	font-size: 0.94rem;
-	font-weight: 700;
-}
-
-.navigation-page-tree-sidebar .navigation-page-disclosure > .navigation-page-branch-content {
-	margin: 0.1rem 0 0.25rem 0.3rem;
-	border-left: 1px solid color-mix(in srgb, currentColor 18%, transparent);
-	padding-left: 0.85rem;
-}
-
-.navigation-page-tree-sidebar .navigation-page-disclosure .navigation-page-tree-sidebar {
-	margin: 0.25rem 0;
-	border-left: 0;
-	padding-left: 0;
-}
-
-.navigation-page-disclosure[data-current-branch='true']:not([data-current-page='true']):not([data-sections-open='true'])
-	> .navigation-page-branch-content > .navigation-page-sections {
-	display: none;
-}
-
-.page-contents-links li + li {
-	margin-top: 0.45rem;
-}
-
-.page-contents-links ol {
-	margin: 0.45rem 0 0;
-	padding-left: 0.8rem;
-	border-left: 1px solid color-mix(in srgb, currentColor 16%, transparent);
-	list-style: none;
-}
-
-.page-contents-links a {
-	position: relative;
-	display: block;
-	color: var(--color-secondary-text);
-	font-size: 0.8rem;
-	line-height: 1.4;
-	text-decoration: none;
-}
-
-.page-contents-links a:hover,
-.page-contents-links a:focus-visible,
-.page-contents-links a[aria-current='location'] {
-	color: var(--color-primary-text);
-	text-decoration: underline;
-	text-underline-offset: 0.25em;
-}
-
-.page-contents-links a[aria-current='location']::before {
-	position: absolute;
-	top: 0.15em;
-	bottom: 0.15em;
-	left: -0.85rem;
-	width: 2px;
-	border-radius: 1px;
-	background: currentColor;
-	content: '';
-}
-
-.site-breadcrumbs {
-	min-height: calc(clamp(1rem, 2.5vw, 1.5rem) + 1.35rem);
-	width: min(100%, var(--reader-text-width, var(--page-text-width, var(--text-width))));
-	margin: 0 auto;
-	padding-top: clamp(1rem, 2.5vw, 1.5rem);
-	font-size: 1rem;
-	line-height: 1.4;
-	overflow: visible;
-}
-
-.site-breadcrumbs ol {
-	display: flex;
-	flex-wrap: wrap;
-	gap: 0;
-	margin: 0;
-	padding: 0;
-	font-size: 0.78rem;
-	list-style: none;
-}
-
-.site-breadcrumbs li {
-	display: flex;
-	min-width: 0;
-	align-items: center;
-}
-
-.site-breadcrumbs li:last-child {
-	flex: 0 1 auto;
-}
-
-.site-breadcrumbs li + li::before {
-	margin: 0 0.55rem;
-	content: "/";
-	opacity: 0.38;
-}
-
-.site-breadcrumbs a {
-	display: block;
-	min-width: 0;
-	color: var(--color-secondary-text);
-	overflow: visible;
-	overflow-wrap: anywhere;
-	text-decoration: none;
-}
-
-.site-breadcrumbs a:hover,
-.site-breadcrumbs a:focus-visible {
-	color: var(--color-primary-text);
-	text-decoration: underline;
-	text-underline-offset: 0.25em;
-}
-
-.site-breadcrumbs [aria-current='page'] {
-	display: block;
-	min-width: 0;
-	overflow: visible;
-	overflow-wrap: anywhere;
-	font-weight: 650;
-}
-
-.site-content-has-breadcrumbs > .site-section:first-of-type {
-	padding-top: clamp(1.15rem, 2.5vw, 1.75rem);
-}
-
-.site-banners {
-	position: relative;
-	z-index: 2;
-	display: grid;
-	gap: 0.75rem;
-	width: min(calc(100% - (var(--content-gutter) * 2)), var(--page-width));
-	margin: 0 auto;
-	padding: 1rem 0 0;
-}
-
-.site-banner {
-	display: flex;
-	align-items: center;
-	width: 100%;
-	min-width: 0;
-	gap: 1rem;
-	border: 1px solid var(--color-warning-accent);
-	border-inline-start: 0.35rem solid var(--color-warning-accent);
-	padding: 0.8rem 0.9rem;
-	background: var(--color-warning-surface);
-	color: var(--color-warning-text);
-}
-
-.site-banner[hidden] {
-	display: none;
-}
-
-.site-banner-copy {
-	display: flex;
-	align-items: baseline;
-	flex-wrap: wrap;
-	gap: 0.65rem;
-	min-width: 0;
-	flex: 1 1 auto;
-}
-
-.site-banner-title,
-.site-banner-text {
-	margin: 0;
-}
-
-.site-banner-title {
-	flex: 0 0 auto;
-	white-space: nowrap;
-	font-weight: 700;
-}
-
-.site-banner-text {
-	min-width: 0;
-	margin-top: 0.2rem;
-	overflow-wrap: anywhere;
-}
-
-.site-banner-dismiss {
-	flex: 0 0 auto;
-	width: 2rem;
-	height: 2rem;
-	border: 1px solid color-mix(in srgb, currentColor 35%, transparent);
-	padding: 0;
-	background: transparent;
-	color: currentColor;
-	cursor: pointer;
-	font-size: 1.25rem;
-	line-height: 1;
-}
-
-.site-banner-dismiss:hover,
-.site-banner-dismiss:focus-visible {
-	background: color-mix(in srgb, currentColor 12%, transparent);
-}
-
-.site-footer {
-	position: relative;
-	isolation: isolate;
-	z-index: 2;
-	width: min(calc(100% - (var(--content-gutter) * 2)), var(--page-width));
-	margin: 0 auto;
-	padding: 0 0 2.5rem;
-	background-color: var(--site-footer-background-color, var(--color-page));
-	color: var(--site-footer-text-color, var(--color-muted));
-	font-size: 0.75rem;
-	line-height: 1.5;
-	text-align: center;
-}
-
-.site-footer::before {
-	position: absolute;
-	z-index: -1;
-	inset: 0 calc(50% - 50vw);
-	background-color: var(--site-footer-background-color, var(--color-page));
-	content: "";
-	pointer-events: none;
-}
-
-.site-footer p {
-	margin: 0;
-}
-
-.site-footer span {
-	display: block;
-}
-
-.site-section {
-	position: relative;
-	isolation: isolate;
-	background-color: var(--section-background-color, transparent);
-	padding: var(--space-nav-to-first-section) 0 0;
-}
-
-.site-section::before {
-	position: absolute;
-	z-index: -1;
-	inset: 0 calc(50% - 50vw);
-	background-color: var(--section-background-color, transparent);
-	content: "";
-	pointer-events: none;
-}
-
-.site-page-layout-tree .site-section::before {
-	left: 0;
-	right: calc(0px - var(--tree-layout-outer-margin));
-}
-
-.site-section + .site-section {
-	margin-top: 0;
-	padding-top: var(--space-section-to-section);
-}
-
-.site-section-page-title-empty .section-header {
-	padding-bottom: 0;
-}
-
-.site-section-page-title-empty .section-header h1 {
-	padding-bottom: 0;
-}
-
-.site-section-page-title-empty + .site-section {
-	padding-top: var(--space-page-title-to-first-section);
-}
-
-.site-section:last-child {
-	padding-bottom: var(--space-final-section-bottom);
-}
-
-.section-card {
-	background: transparent;
-	color: var(--section-text-color, var(--color-text));
-}
-
-.section-header {
-	width: min(100%, var(--reader-text-width, var(--section-heading-width-desktop, 760px)));
-	margin: 0 auto;
-	padding: 0;
-	text-align: var(--section-heading-align-desktop, center);
-}
-
-.site-section-first-block-is-visual .section-header h1,
-.site-section-first-block-is-visual .section-header h2 {
-	padding-bottom: var(--space-heading-to-block);
-}
-
-.section-header h1,
-.section-header h2,
-p,
-ul {
-	margin-top: 0;
-}
-
-.section-header h1,
-.section-header h2 {
-	margin-bottom: 0;
-	padding-bottom: var(--section-heading-spacing-after, 0.55em);
-	color: inherit;
-	font-size: var(--section-heading-font-size-desktop, clamp(1.35rem, 1.1rem + 0.9vw, 2rem));
-	font-weight: var(--section-heading-font-weight, 400);
-	letter-spacing: 0;
-	line-height: var(--section-heading-line-height, 1.04);
-	text-transform: uppercase;
-	overflow-wrap: anywhere;
-}
-
-.section-body {
-	display: flow-root;
-	container-type: inline-size;
-	width: 100%;
-	margin: 0 auto;
-	color: inherit;
-	font-family: var(--font-sans);
-	font-size: clamp(0.96rem, 0.94rem + 0.08vw, 1rem);
-}
-
-.section-note {
-	display: grid;
-	grid-template-columns: auto minmax(0, 1fr);
-	column-gap: 0.25rem;
-	width: 100%;
-	margin: var(--section-body-paragraph-spacing, 0.85em) 0 0;
-	border-inline-start: 2px solid color-mix(in srgb, currentColor 35%, transparent);
-	padding: 0 0 0 0.35rem;
-	color: var(--section-secondary-text-color, var(--color-secondary-text));
-	font-size: 0.88em;
-	line-height: 1.45;
-	scroll-margin-top: calc(var(--site-top-anchor-offset) + 1rem);
-}
-
-.section-note-number {
-	display: block;
-	margin: 0;
-	color: inherit;
-	font-size: 0.82em;
-	font-weight: 700;
-	line-height: 1;
-	text-decoration: none;
-}
-
-.section-note-ref {
-	display: inline-block;
-	margin-left: 0.03em;
-	font-size: 0.72em;
-	line-height: 0;
-	white-space: nowrap;
-	vertical-align: super;
-}
-
-.section-note-ref a {
-	color: inherit;
-	text-decoration: underline;
-	text-decoration-thickness: 0.08em;
-	text-underline-offset: 0.15em;
-}
-
-.section-note:target {
-	border-inline-start-color: currentColor;
-	background: color-mix(in srgb, currentColor 6%, transparent);
-}
-
-.section-note-ref:has(+ .section-note:hover) a,
-.section-note-ref a:hover,
-.section-note-ref a:focus-visible {
-	text-decoration-thickness: 0.16em;
-}
-
-.section-note-content {
-	min-width: 0;
-}
-
-@media (min-width: 1101px) {
-	@container (min-width: 55rem) {
-		.section-note {
-			float: right;
-			clear: right;
-			width: var(--section-note-width, 12rem);
-			margin: 0 calc(0px - var(--section-note-width, 12rem) - var(--section-note-gap, 1.25rem)) 0.75rem var(--section-note-gap, 1.25rem);
-		}
-	}
-}
-
-.section-markdown {
-	width: min(100%, var(--reader-text-width, var(--section-body-width-desktop, var(--text-width))));
-	max-width: none;
-	margin: 0 auto;
-	font-size: var(--section-body-font-size-desktop, clamp(0.96rem, 0.94rem + 0.08vw, 1rem));
-	line-height: var(--section-body-line-height, 1.6);
-	text-align: var(--section-body-align-desktop, left);
-}
-
-:root[data-focus-reading='on'] :is(
-	.site-nav-leading,
-	.site-nav,
-	.mobile-nav-menu,
-	.page-nav,
-	.tree-local-navigation,
-	.site-breadcrumbs,
-	.site-footer
-) {
-	display: none !important;
-}
-
-:root[data-focus-reading='on'] .site-nav-row {
-	justify-content: flex-end;
-}
-
-@media (min-width: 701px) {
-	:root[data-focus-reading='on'] .site-page-layout-tree {
-		display: grid;
-		grid-template-columns: var(--tree-navigation-width) minmax(0, 1fr);
-		gap: var(--tree-layout-gap);
-		width: min(calc(100% - (var(--content-gutter) * 2)), var(--tree-layout-width));
-	}
-
-	:root[data-focus-reading='on'] .site-page-layout-tree > .site-content {
-		grid-column: 2;
-		width: 100%;
-	}
-
-	:root[data-focus-reading='on'] .site-page-layout-tree
-		:is(.site-breadcrumbs, .section-header) {
-		margin-right: auto;
-		margin-left: 0;
-		max-width: none;
-	}
-
-	:root[data-focus-reading='on'] .site-page-layout-tree .section-body {
-		width: 100%;
-		margin-right: auto;
-		margin-left: auto;
-	}
-
-	:root[data-focus-reading='on'] .site-page-layout-tree .site-section::before {
-		left: 0;
-		right: calc(0px - var(--tree-layout-outer-margin));
-	}
-}
-
-:root[data-focus-reading='on'] .site-content-has-breadcrumbs > .site-section:first-of-type {
-	padding-top: var(--space-nav-to-first-section);
-}
-
-.section-markdown p {
-	margin: 0 0 var(--section-body-paragraph-spacing, 1em);
-}
-
-.section-markdown blockquote {
-	margin: 0 0 var(--section-body-paragraph-spacing, 1em);
-	border-left: 1px solid color-mix(in srgb, currentColor 34%, transparent);
-	padding-left: 1rem;
-}
-
-.section-markdown blockquote > :last-child {
-	margin-bottom: 0;
-}
-
-.section-markdown pre.astro-code {
-	margin: 0 0 var(--section-body-paragraph-spacing, 1em);
-	border: 1px solid color-mix(in srgb, currentColor 18%, transparent);
-	border-radius: var(--corner-radius-medium, 6px);
-	padding: 0.78rem 0.9rem;
-	background: var(--color-code-background) !important;
-	color: var(--color-code-text);
-	font-size: 0.92em;
-	line-height: 1.45;
-	text-align: left;
-}
-
-.section-markdown pre.astro-code code {
-	font: inherit;
-}
-
-.section-markdown :not(pre) > code {
-	overflow-wrap: anywhere;
-	word-break: break-word;
-}
-
-.section-markdown > :last-child,
-.image-meta :last-child {
-	margin-bottom: 0;
-}
-
-.section-markdown > pre.astro-code:last-child {
-	margin-bottom: 0;
-}
-
-.section-markdown blockquote > pre.astro-code:last-child {
-	margin-bottom: 0;
-}
-
-.section-markdown h3 {
-	margin:
-		var(--section-markdown-h3-spacing-before, 1.5em)
-		0
-		var(--section-markdown-h3-spacing-after, 0.5em);
-	border-top: 1px solid var(--color-soft);
-	padding-top: 0.55em;
-	font-family: var(--font-sans);
-	font-size: var(--section-markdown-h3-font-size-desktop, 0.82rem);
-	font-weight: var(--section-markdown-h3-font-weight, 700);
-	letter-spacing: 0;
-	line-height: var(--section-markdown-h3-line-height, 1.35);
-	text-align: var(--section-markdown-h3-align-desktop, left);
-	text-transform: uppercase;
-}
-
-.section-markdown h4 {
-	margin:
-		var(--section-markdown-h4-spacing-before, 1.1em)
-		0
-		var(--section-markdown-h4-spacing-after, 0.4em);
-	color: inherit;
-	font-size: var(--section-markdown-h4-font-size-desktop, clamp(0.96rem, 0.94rem + 0.08vw, 1rem));
-	font-weight: var(--section-markdown-h4-font-weight, 400);
-	letter-spacing: 0;
-	line-height: var(--section-markdown-h4-line-height, 1.5);
-	text-align: var(--section-markdown-h4-align-desktop, left);
-}
-
-.section-markdown ul,
-.section-markdown ol {
-	display: inline-block;
-	margin-right: auto;
-	margin-left: auto;
-	padding-left: 1.2rem;
-	text-align: left;
-}
-
-.section-markdown li + li {
-	margin-top: 0.35rem;
-}
-
-.card-list {
-	display: grid;
-	grid-template-columns: repeat(auto-fit, minmax(min(100%, 15rem), 1fr));
-	gap: var(--card-list-gap, clamp(0.9rem, 2vw, 1.25rem));
-	width: min(100%, var(--card-list-width, min(56rem, var(--page-width))));
-	margin: 0 auto;
-	text-align: left;
-	--card-list-width: min(56rem, var(--page-width));
-	--card-list-gap: clamp(0.9rem, 2vw, 1.25rem);
-	--card-list-item-gap: 0.85rem;
-	--card-list-padding: clamp(0.9rem, 2vw, 1.15rem);
-	--card-list-media-width: 32%;
-	--card-list-media-min-width: 7rem;
-	--card-list-top-media-width: 20rem;
-	--card-list-title-scale: 1;
-	--card-list-text-scale: 1;
-}
-
-.section-body > .section-markdown:not(:last-child),
-.section-body > :is(.image-stack, .managed-images):not(:last-child) {
-	margin-bottom: var(--space-content-block-gap);
-}
-
-.section-body > :is(.image-stack, .managed-images, .card-list) {
-	clear: both;
-}
-
-.section-body > .card-list:not(:last-child) {
-	margin-bottom: calc(var(--space-content-block-gap) + var(--space-card-list-after));
-}
-
-.section-body > .card-list:last-child {
-	margin-bottom: var(--space-card-list-after);
-}
-
-.card-list-width-text {
-	--card-list-width: var(--reader-text-width, var(--text-width));
-}
-
-.card-list-width-narrow {
-	--card-list-width: min(48rem, var(--page-width));
-}
-
-.card-list-width-wide {
-	--card-list-width: var(--page-width);
-}
-
-.card-list-size-s {
-	--card-list-gap: 0.75rem;
-	--card-list-item-gap: 0.65rem;
-	--card-list-padding: 0.8rem;
-	--card-list-media-width: 26%;
-	--card-list-media-min-width: 5.5rem;
-	--card-list-top-media-width: 14rem;
-	--card-list-title-scale: 0.92;
-	--card-list-text-scale: 0.92;
-}
-
-.card-list-size-l {
-	--card-list-gap: clamp(1rem, 2.4vw, 1.5rem);
-	--card-list-item-gap: 1rem;
-	--card-list-padding: clamp(1.1rem, 2.4vw, 1.45rem);
-	--card-list-media-width: 36%;
-	--card-list-media-min-width: 8.5rem;
-	--card-list-top-media-width: 24rem;
-	--card-list-title-scale: 1.08;
-	--card-list-text-scale: 1.02;
-}
-
-.card-list-size-xl {
-	--card-list-gap: clamp(1.15rem, 2.8vw, 1.8rem);
-	--card-list-item-gap: 1.1rem;
-	--card-list-padding: clamp(1.25rem, 3vw, 1.75rem);
-	--card-list-media-width: 40%;
-	--card-list-media-min-width: 10rem;
-	--card-list-top-media-width: 28rem;
-	--card-list-title-scale: 1.18;
-	--card-list-text-scale: 1.06;
-}
-
-.card-list-flow-stack {
-	grid-template-columns: 1fr;
-}
-
-.card-list-item {
-	display: grid;
-	gap: var(--card-list-item-gap);
-	align-content: start;
-	margin: 0;
-	border: 1px solid color-mix(in srgb, currentColor 18%, transparent);
-	border-radius: var(--corner-radius-large, 8px);
-	padding: var(--card-list-padding);
-	background: var(--color-surface);
-	color: inherit;
-}
-
-.card-list-layout-image-left .card-list-item-has-image,
-.card-list-layout-image-right .card-list-item-has-image {
-	grid-template-columns: minmax(var(--card-list-media-min-width), var(--card-list-media-width)) minmax(0, 1fr);
-	align-items: center;
-}
-
-.card-list-layout-image-right .card-list-item-has-image {
-	grid-template-columns: minmax(0, 1fr) minmax(var(--card-list-media-min-width), var(--card-list-media-width));
-}
-
-.card-list-layout-image-left .card-list-item-linked,
-.card-list-layout-image-right .card-list-item-linked {
-	grid-template-columns: 1fr;
-}
-
-.card-list-layout-image-right .card-list-image-frame {
-	order: 2;
-}
-
-.card-list-link {
-	display: grid;
-	gap: var(--card-list-item-gap);
-	width: 100%;
-	color: inherit;
-	text-decoration: none;
-}
-
-.card-list-layout-image-left .card-list-item-has-image .card-list-link,
-.card-list-layout-image-right .card-list-item-has-image .card-list-link {
-	grid-template-columns: minmax(var(--card-list-media-min-width), var(--card-list-media-width)) minmax(0, 1fr);
-	align-items: center;
-}
-
-.card-list-layout-image-right .card-list-item-has-image .card-list-link {
-	grid-template-columns: minmax(0, 1fr) minmax(var(--card-list-media-min-width), var(--card-list-media-width));
-}
-
-.card-list-link:hover .card-list-title,
-.card-list-link:focus-visible .card-list-title {
-	text-decoration: underline;
-	text-underline-offset: 0.18em;
-}
-
-.card-list-image-frame {
-	display: grid;
-	width: 100%;
-	aspect-ratio: 16 / 10;
-	place-items: center;
-	overflow: hidden;
-}
-
-.card-list-flow-stack.card-list-layout-image-top .card-list-image-frame {
-	width: min(100%, var(--card-list-top-media-width));
-}
-
-.card-list-image {
-	display: block;
-	width: 100%;
-	height: 100%;
-	object-fit: contain;
-}
-
-.card-list-content {
-	display: grid;
-	gap: 0.4rem;
-}
-
-.card-list-badge {
-	justify-self: start;
-	margin: 0 0 0.15rem;
-	border: 1px solid color-mix(in srgb, currentColor 28%, transparent);
-	border-radius: 999px;
-	padding: 0.18rem 0.48rem;
-	background: color-mix(in srgb, currentColor 9%, transparent);
-	color: inherit;
-	font-size: calc(var(--section-body-font-size-desktop, 1rem) * 0.72);
-	font-weight: 700;
-	letter-spacing: 0;
-	line-height: 1.2;
-}
-
-.card-list-title {
-	margin: 0;
-	color: inherit;
-	font-size: calc(var(--section-markdown-h3-font-size-desktop, 1.1rem) * var(--card-list-title-scale));
-	font-weight: 700;
-	letter-spacing: 0;
-	line-height: var(--section-markdown-h3-line-height, 1.35);
-	text-transform: none;
-}
-
-.card-list-content p:not(.card-list-badge) {
-	margin: 0;
-	font-size: calc(var(--section-body-font-size-desktop, 1rem) * var(--card-list-text-scale));
-	line-height: var(--section-body-line-height, 1.5);
-}
-
-:is(.image-stack, .managed-images) {
-	display: grid;
-	gap: var(--space-image-item);
-	margin-top: 0;
-}
-
-.managed-image-item {
-	display: grid;
-	gap: 0.55rem;
-	align-content: start;
-	margin: 0;
-}
-
-.managed-image-frame {
-	display: grid;
-	width: min(100%, var(--image-layout-width));
-	margin: 0 auto;
-	background: transparent;
-	place-items: center;
-}
-
-.managed-image {
-	display: block;
-	width: auto;
-	margin: 0 auto;
-	background: transparent;
-	height: auto;
-	max-width: 100%;
-	max-height: var(--image-max-height);
-	object-fit: contain;
-}
-
-.managed-image.managed-image-landscape {
-	width: 100%;
-	max-height: none;
-}
-
-.image-carousel {
-	position: relative;
-	--image-carousel-width-from-height: var(--image-carousel-width-from-height-desktop, var(--image-layout-width));
-	--image-carousel-control-background: var(--color-control-background);
-	--image-carousel-control-background-active: var(--color-control-background-active);
-	--image-carousel-control-color: var(--color-control-text);
-	outline: none;
-}
-
-.image-carousel:focus-visible {
-	outline: var(--focus-indicator-width) solid var(--color-focus-ring);
-	outline-offset: 0.5rem;
-}
-
-.image-carousel-slide {
-	flex: 0 0 100%;
-	min-width: 0;
-	margin: 0;
-}
-
-.image-carousel-stage {
-	position: relative;
-	display: grid;
-	width: min(
-		100%,
-		var(--image-layout-width),
-		var(--image-carousel-width-from-height, var(--image-layout-width))
-	);
-	max-height: var(--image-max-height);
-	margin: 0 auto;
-	aspect-ratio: var(--image-carousel-aspect-ratio, auto);
-}
-
-.image-carousel-viewport {
-	height: 100%;
-}
-
-.image-carousel-frame {
-	display: grid;
-	width: 100%;
-	height: 100%;
-	min-height: 0;
-	place-items: center;
-}
-
-.image-carousel[data-carousel-ready='true'] .image-carousel-viewport {
-	overflow: hidden;
-}
-
-.image-carousel[data-carousel-ready='true'] .image-carousel-slides {
-	display: flex;
-	height: 100%;
-	touch-action: pan-y pinch-zoom;
-}
-
-.image-carousel[data-carousel-ready='true'] .image-carousel-slide {
-	display: grid;
-	height: 100%;
-	min-height: 0;
-	align-content: start;
-}
-
-.image-carousel-frame .managed-image {
-	width: 100%;
-	height: 100%;
-	min-width: 0;
-	min-height: 0;
-	max-width: 100%;
-	max-height: 100%;
-	object-fit: contain;
-}
-
-.image-carousel-button,
-.image-carousel-position {
-	display: none;
-}
-
-.image-carousel[data-carousel-ready='true'] .image-carousel-button,
-.image-carousel[data-carousel-ready='true'] .image-carousel-position {
-	display: grid;
-}
-
-.image-carousel-button {
-	position: absolute;
-	top: 50%;
-	z-index: 2;
-	width: 2.75rem;
-	height: 2.75rem;
-	padding: 0;
-	place-items: center;
-	border: 0;
-	border-radius: 999px;
-	background: var(--image-carousel-control-background);
-	box-shadow: 0 0.125rem 0.5rem rgb(0 0 0 / 18%);
-	color: var(--image-carousel-control-color);
-	cursor: pointer;
-	transform: translateY(-50%);
-}
-
-.image-carousel-button svg {
-	width: 1.5rem;
-	height: 1.5rem;
-	fill: none;
-	stroke: currentColor;
-	stroke-linecap: round;
-	stroke-linejoin: round;
-	stroke-width: 2;
-}
-
-.image-carousel-button:hover:not(:disabled),
-.image-carousel-button:focus-visible:not(:disabled) {
-	background: var(--image-carousel-control-background-active);
-}
-
-.image-carousel-button:focus-visible:not(:disabled) {
-	outline: var(--focus-indicator-width) solid var(--image-carousel-control-color);
-	outline-offset: 2px;
-	box-shadow:
-		0 0 0 4px var(--image-carousel-control-background-active),
-		0 0 0 6px var(--color-focus-ring);
-}
-
-.image-carousel-button:disabled {
-	cursor: default;
-	opacity: 0;
-	pointer-events: none;
-}
-
-.image-carousel-button-previous {
-	left: 0.75rem;
-}
-
-.image-carousel-button-next {
-	right: 0.75rem;
-}
-
-.image-carousel-position {
-	position: absolute;
-	right: 0.75rem;
-	bottom: 0.75rem;
-	z-index: 2;
-	min-width: 3rem;
-	min-height: 1.875rem;
-	padding: 0.35rem 0.65rem;
-	place-items: center;
-	border: 0;
-	border-radius: 999px;
-	background: var(--image-carousel-control-background);
-	box-shadow: 0 0.125rem 0.5rem rgb(0 0 0 / 18%);
-	color: var(--image-carousel-control-color);
-	font-size: 0.8125rem;
-	font-variant-numeric: tabular-nums;
-	font-weight: 600;
-	line-height: 1;
-	text-align: center;
-}
-
-.image-carousel-captions {
-	width: min(
-		100%,
-		var(--image-layout-width),
-		var(--image-carousel-width-from-height, var(--image-layout-width)),
-		72ch
-	);
-	margin: 0 auto;
-}
-
-.image-carousel-caption {
-	margin-bottom: 0;
-}
-
-.image-carousel[data-carousel-ready='true'] .image-carousel-captions {
-	display: grid;
-}
-
-.image-carousel[data-carousel-ready='true'] .image-carousel-caption {
-	grid-area: 1 / 1;
-	visibility: hidden;
-	pointer-events: none;
-}
-
-.image-carousel[data-carousel-ready='true'] .image-carousel-caption.is-active {
-	visibility: visible;
-	pointer-events: auto;
-}
-
-.image-meta {
-	width: min(100%, var(--image-layout-width), 72ch);
-	margin: var(--section-caption-spacing-before, 0.5em) auto 0;
-	font-size: var(--section-caption-font-size-desktop, 0.95rem);
-	text-align: var(--section-caption-align-desktop, center);
-}
-
-.image-details {
-	display: flex;
-	flex-wrap: wrap;
-	align-items: baseline;
-	justify-content: var(--section-caption-justify-desktop, center);
-	gap: 0.5rem;
-	margin-bottom: 0;
-	color: var(--section-secondary-text-color, var(--color-secondary-text));
-	font-size: inherit;
-	font-family: var(--font-sans);
-	letter-spacing: 0;
-	line-height: var(--section-caption-line-height, 1.5);
-}
-
-@media (max-width: 700px) {
-	:root {
-		--space-nav-to-first-section: var(--space-nav-to-first-section-mobile);
-		--space-content-block-gap: var(--space-content-block-gap-mobile);
-		--space-heading-to-block: var(--space-heading-to-block-mobile);
-		--space-image-item: var(--space-image-item-mobile);
-		--space-section-to-section: var(--space-section-to-section-mobile);
-		--space-page-title-to-first-section: var(--space-page-title-to-first-section-mobile);
-		--space-final-section-bottom: var(--space-final-section-bottom-mobile);
-		--content-gutter: var(--content-gutter-mobile);
-		--image-max-available-width: var(--image-max-available-width-mobile);
-		--image-max-height: var(--image-max-height-mobile);
-		--site-top-anchor-offset: 6.25rem;
-	}
-
-	.site-top {
-		backdrop-filter: none;
-	}
-
-	.image-carousel {
-		--image-carousel-width-from-height: var(--image-carousel-width-from-height-mobile, var(--image-layout-width));
-	}
-
-	.site-nav-row {
-		width: min(calc(100% - (var(--content-gutter) * 2)), var(--page-width));
-		padding: 0.75rem 0;
-	}
-
-	.site-nav-row-mobile-only {
-		display: flex;
-	}
-
-	.site-brand {
-		max-width: min(70vw, 26rem);
-		font-size: 0.76rem;
-		overflow-wrap: anywhere;
-	}
-
-	.site-brand-logo {
-		height: min(var(--site-brand-logo-height, 2.6rem), 2.15rem);
-		max-width: min(48vw, 13rem);
-	}
-
-	.site-nav {
-		display: none;
-	}
-
-	.mobile-nav-menu {
-		display: block;
-		position: relative;
-		flex: 0 0 auto;
-		margin-left: auto;
-	}
-
-	.page-nav {
-		display: none;
-	}
-
-	.page-nav.page-nav-title-only {
-		display: block;
-	}
-
-	.mobile-nav-menu > summary {
-		display: flex;
-		align-items: center;
-		gap: 0.5rem;
-		min-height: 2.75rem;
-		border: 1px solid currentColor;
-		padding: 0.55rem 0.75rem;
-		font-size: 0.72rem;
-		font-weight: 700;
-		letter-spacing: 0.1em;
-		line-height: 1;
-		list-style: none;
-		color: var(--site-top-text-color, var(--color-primary-text));
-		text-transform: uppercase;
-	}
-
-	.mobile-nav-menu > summary::after {
-		content: "☰";
-		font-size: 1rem;
-		line-height: 1;
-		opacity: 0.86;
-	}
-
-	.mobile-nav-menu[open] > summary::after {
-		content: "×";
-		font-size: 1.25rem;
-	}
-
-	.mobile-nav-menu > summary::-webkit-details-marker {
-		display: none;
-	}
-
-	.mobile-nav-panel {
-		position: fixed;
-		top: var(--site-top-anchor-offset);
-		right: 0;
-		bottom: 0;
-		left: 0;
-		width: 100%;
-		max-height: none;
-		border-top: 1px solid color-mix(in srgb, currentColor 24%, transparent);
-		padding: clamp(1.25rem, 5vw, 2rem) var(--content-gutter) max(1.5rem, env(safe-area-inset-bottom));
-		background: var(--site-top-background-color, var(--color-nav-background));
-		box-shadow: 0 1.5rem 3.5rem rgb(0 0 0 / 0.32);
-		color: var(--site-top-text-color, var(--color-text));
-		overflow-y: auto;
-		overscroll-behavior: contain;
-	}
-
-	.mobile-site-nav {
-		width: min(100%, 32rem);
-		margin: 0 auto;
-	}
-
-	.mobile-nav-panel h2 {
-		margin: 0 0 1.25rem;
-		font-size: clamp(1.25rem, 5vw, 1.55rem);
-		font-weight: 650;
-		letter-spacing: 0;
-		line-height: 1.2;
-		text-transform: none;
-	}
-
-	.mobile-nav-panel :is(ul, ol) {
-		display: grid;
-		gap: 0;
-		margin: 0;
-		padding: 0;
-		list-style: none;
-	}
-
-	.navigation-page-tree-mobile > .navigation-page-node {
-		border-top: 1px solid color-mix(in srgb, currentColor 14%, transparent);
-	}
-
-	.navigation-page-tree-mobile > .navigation-page-node:first-child {
-		border-top: 0;
-	}
-
-	.navigation-page-tree-mobile .navigation-page-link {
-		display: flex;
-		align-items: center;
-		width: 100%;
-		min-height: 3.25rem;
-		padding: 0.75rem 2.5rem 0.75rem 0;
-		color: var(--color-secondary-text);
-		font-size: 0.94rem;
-		letter-spacing: 0;
-		line-height: 1.35;
-		text-decoration: none;
-		text-transform: none;
-	}
-
-	.navigation-page-tree-mobile .navigation-page-disclosure > .navigation-page-summary {
-		position: static;
-		display: flex;
-		align-items: center;
-		justify-content: space-between;
-		width: 100%;
-		height: auto;
-		min-height: 3.25rem;
-		padding: 0.75rem 0;
-		font-size: 0.94rem;
-		line-height: 1.35;
-		color: var(--color-secondary-text);
-	}
-
-	.navigation-page-tree-mobile .navigation-page-disclosure > .navigation-page-open-link {
-		display: none;
-		align-items: center;
-		min-height: 3.25rem;
-		width: calc(100% - 2.5rem);
-		padding: 0.75rem 0;
-		font-size: 0.94rem;
-		line-height: 1.35;
-		color: var(--color-secondary-text);
-		overflow-wrap: anywhere;
-	}
-
-	.navigation-page-tree-mobile .navigation-page-disclosure[open] > .navigation-page-open-link {
-		display: flex;
-	}
-
-	.navigation-page-tree-mobile .navigation-page-disclosure > .navigation-page-summary:hover,
-	.navigation-page-tree-mobile .navigation-page-disclosure > .navigation-page-summary:focus-visible,
-	.navigation-page-node-current > .navigation-page-disclosure > .navigation-page-summary {
-		background: transparent;
-		color: var(--color-primary-text);
-	}
-
-	.navigation-page-tree-mobile .navigation-page-disclosure > .navigation-page-summary:hover > :first-child,
-	.navigation-page-tree-mobile .navigation-page-disclosure > .navigation-page-summary:focus-visible > :first-child,
-	.navigation-page-node-current > .navigation-page-disclosure > .navigation-page-summary > :first-child {
-		text-decoration: underline;
-		text-decoration-thickness: 1px;
-		text-underline-offset: 0.3em;
-	}
-
-	.navigation-page-chevron::before {
-		display: block;
-		content: "›";
-		font-size: 1.25rem;
-		line-height: 1;
-		transition: transform 140ms ease;
-	}
-
-	.navigation-page-disclosure[open] > .navigation-page-summary .navigation-page-chevron::before {
-		transform: rotate(90deg);
-	}
-
-	.navigation-page-tree-mobile .navigation-page-disclosure > .navigation-page-summary > [aria-hidden='true']::before,
-	.navigation-page-tree-mobile .navigation-page-disclosure[open] > .navigation-page-summary > [aria-hidden='true']::before {
-		content: "›";
-	}
-
-	.navigation-page-tree-mobile .navigation-page-branch-content {
-		margin-left: 0.35rem;
-		border-left: 1px solid color-mix(in srgb, currentColor 20%, transparent);
-		padding-left: 1rem;
-	}
-
-	.navigation-page-tree-mobile .navigation-page-sections {
-		margin: 0 0 0.45rem;
-	}
-
-	.navigation-page-branch-content > .navigation-page-tree-mobile > .navigation-page-node {
-		border-top: 1px solid color-mix(in srgb, currentColor 10%, transparent);
-	}
-
-	.navigation-page-tree-mobile .navigation-page-link:hover,
-	.navigation-page-tree-mobile .navigation-page-link:focus-visible,
-	.navigation-page-tree-mobile .navigation-page-link[aria-current='page'] {
-		color: var(--color-primary-text);
-		text-decoration: underline;
-		text-decoration-thickness: 1px;
-		text-underline-offset: 0.3em;
-	}
-
-	.page-contents-links-mobile {
-		margin-top: 0.25rem;
-	}
-
-	.page-contents-links-mobile > li {
-		border-bottom: 1px solid color-mix(in srgb, currentColor 12%, transparent);
-	}
-
-	.page-contents-links-mobile li + li {
-		margin-top: 0;
-	}
-
-	.page-contents-links-mobile ol {
-		border-left: 1px solid color-mix(in srgb, currentColor 16%, transparent);
-		padding-left: 1rem;
-	}
-
-	.page-contents-links-mobile a {
-		min-height: 3.2rem;
-		padding: 0.85rem 0;
-		font-size: 0.92rem;
-		color: var(--color-secondary-text);
-	}
-
-	.mobile-nav-panel a {
-		font-family: inherit;
-		font-size: 0.94rem;
-		letter-spacing: 0;
-		line-height: 1.35;
-		text-transform: none;
-	}
-
-	.mobile-nav-view + .mobile-nav-view {
-		margin-top: 2rem;
-	}
-
-	.mobile-nav-sections {
-		border-top: 1px solid color-mix(in srgb, currentColor 16%, transparent);
-	}
-
-	.mobile-nav-sections li {
-		border-bottom: 1px solid color-mix(in srgb, currentColor 12%, transparent);
-	}
-
-	.mobile-nav-sections a {
-		min-height: 3.2rem;
-		padding: 0.85rem 0;
-		font-size: 0.92rem;
-		color: var(--color-secondary-text);
-	}
-
-	.mobile-nav-sections .mobile-nav-page-top {
-		font-weight: 650;
-	}
-
-	.mobile-nav-sections li:not(.mobile-nav-page-top-item) a {
-		padding-left: 1rem;
-	}
-
-	.mobile-nav-sections a:hover,
-	.mobile-nav-sections a:focus-visible,
-	.mobile-nav-sections a[aria-current='location'] {
-		color: var(--color-primary-text);
-		text-decoration: underline;
-		text-decoration-thickness: 1px;
-		text-underline-offset: 0.25em;
-	}
-
-	.mobile-navigation-open {
-		overflow: hidden;
-	}
-
-	.site-content {
-		width: min(calc(100% - (var(--content-gutter) * 2)), var(--page-width));
-	}
-
-	.site-page-layout-tree {
-		display: block;
-		width: 100%;
-	}
-
-	.site-page-layout-tree > .site-content {
-		width: min(calc(100% - (var(--content-gutter) * 2)), var(--page-width));
-	}
-
-	.site-page-layout-tree .site-section::before {
-		left: calc(50% - 50vw);
-		right: calc(50% - 50vw);
-	}
-
-	.tree-local-navigation {
-		display: none;
-	}
-
-	.site-banners {
-		width: min(calc(100% - 2rem), var(--page-width));
-		padding-top: 0.75rem;
-	}
-
-	.site-footer {
-		width: min(calc(100% - 2rem), 34rem);
-	}
-
-	.site-section + .site-section {
-		margin-top: 0;
-	}
-
-	.section-body {
-		width: 100%;
-		line-height: 1.72;
-	}
-
-	.section-header h1,
-	.section-header h2 {
-		font-size: var(
-			--section-heading-font-size-mobile,
-			var(--section-heading-font-size-desktop, clamp(1.3rem, 1.05rem + 1.35vw, 1.75rem))
-		);
-	}
-
-	.section-header {
-		width: min(
-			100%,
-			var(
-				--reader-text-width,
-				var(--section-heading-width-mobile, var(--section-heading-width-desktop, 760px))
-			)
-		);
-		text-align: var(--section-heading-align-mobile, var(--section-heading-align-desktop, center));
-	}
-
-	.section-markdown {
-		width: min(
-			100%,
-			var(--reader-text-width, var(--section-body-width-mobile, var(--section-body-width-desktop, var(--text-width))))
-		);
-		font-size: var(
-			--section-body-font-size-mobile,
-			var(--section-body-font-size-desktop, clamp(0.96rem, 0.94rem + 0.08vw, 1rem))
-		);
-		text-align: var(--section-body-align-mobile, var(--section-body-align-desktop, left));
-	}
-
-	.image-meta {
-		font-size: var(--section-caption-font-size-mobile, var(--section-caption-font-size-desktop, 0.95rem));
-		text-align: var(--section-caption-align-mobile, var(--section-caption-align-desktop, center));
-	}
-
-	.image-details {
-		justify-content: var(--section-caption-justify-mobile, var(--section-caption-justify-desktop, center));
-	}
-
-	.section-markdown h3 {
-		font-size: var(--section-markdown-h3-font-size-mobile, var(--section-markdown-h3-font-size-desktop, 0.82rem));
-		text-align: var(--section-markdown-h3-align-mobile, var(--section-markdown-h3-align-desktop, left));
-	}
-
-	.section-markdown h4 {
-		font-size: var(--section-markdown-h4-font-size-mobile, var(--section-markdown-h4-font-size-desktop, clamp(0.96rem, 0.94rem + 0.08vw, 1rem)));
-		text-align: var(--section-markdown-h4-align-mobile, var(--section-markdown-h4-align-desktop, left));
-	}
-
-	.card-list-layout-image-left .card-list-item-has-image,
-	.card-list-layout-image-right .card-list-item-has-image,
-	.card-list-layout-image-left .card-list-item-has-image .card-list-link,
-	.card-list-layout-image-right .card-list-item-has-image .card-list-link {
-		grid-template-columns: 1fr;
-	}
-
-	.card-list-layout-image-right .card-list-image-frame {
-		order: 0;
-	}
-
-	.section-markdown ul,
-	.section-markdown ol {
-		display: block;
-	}
-
-	.managed-image-item img {
-		max-height: var(--image-max-height);
-	}
-
-	.image-carousel-position {
-		position: absolute;
-		right: 0.5rem;
-		bottom: 0.5rem;
-		min-width: 3rem;
-		min-height: 1.75rem;
-		padding: 0.3rem 0.55rem;
-		font-size: 0.75rem;
-	}
-
-	:is(.image-stack, .managed-images) {
-		gap: var(--space-image-item);
-	}
-
-	.image-details {
-		padding: 0 0.25rem;
-		font-size: 1rem;
-	}
-}
-
-@media (forced-colors: active) {
-	:root,
-	:root[data-color-mode='dark'],
-	:root[data-color-mode='system'] {
-		--color-page: Canvas;
-		--color-primary-text: CanvasText;
-		--color-secondary-text: CanvasText;
-		--color-link-text: LinkText;
-		--color-text: CanvasText;
-		--color-muted: CanvasText;
-		--color-accent: LinkText;
-		--color-surface: Canvas;
-		--color-soft: CanvasText;
-		--color-border: CanvasText;
-		--color-nav-background: Canvas;
-		--color-nav-separator: CanvasText;
-		--color-frame-background: Canvas;
-		--color-frame-text: CanvasText;
-		--color-surface-base-background: Canvas;
-		--color-surface-base-text: CanvasText;
-		--color-surface-base-secondary-text: CanvasText;
-		--color-surface-soft-background: Canvas;
-		--color-surface-soft-text: CanvasText;
-		--color-surface-soft-secondary-text: CanvasText;
-		--color-surface-emphasis-background: Canvas;
-		--color-surface-emphasis-text: CanvasText;
-		--color-surface-emphasis-secondary-text: CanvasText;
-		--color-focus-ring: Highlight;
-		--color-focus-ring-contrast: Canvas;
-		--color-selection-background: Highlight;
-		--color-selection-text: HighlightText;
-		--color-control-background: ButtonFace;
-		--color-control-background-active: Highlight;
-		--color-control-text: ButtonText;
-		--color-code-background: Canvas;
-		--color-code-text: CanvasText;
-		--color-warning-accent: Highlight;
-		--color-warning-surface: Canvas;
-		--color-warning-text: CanvasText;
-		--color-error-accent: Highlight;
-		--color-error-surface: Canvas;
-		--color-error-text: CanvasText;
-		--color-success-accent: Highlight;
-		--color-success-surface: Canvas;
-		--color-success-text: CanvasText;
-	}
-
-	.site-top {
-		backdrop-filter: none;
-	}
-
-	.display-settings-panel,
-	.mobile-nav-panel,
-	.site-nav-submenu > nav,
-	.card-list-item,
-	.image-carousel-button,
-	.image-carousel-position {
-		border: 1px solid CanvasText;
-		box-shadow: none;
-	}
-
-	:is(.display-settings button, .display-settings-segmented span, .mobile-nav-menu > summary, .site-banner-dismiss) {
-		border-color: ButtonText;
-		background: ButtonFace;
-		color: ButtonText;
-	}
-
-	:is(.display-settings-segmented input:checked + span, .image-carousel-button:hover:not(:disabled)) {
-		background: Highlight;
-		color: HighlightText;
-	}
-}
+@import './foundations.css';
+@import './navigation.css';
+@import './page-layout.css';
+@import './content.css';
+@import './media.css';
+@import './responsive.css';