@janga/norna 0.7.18 → 0.7.23

package/src/styles/global.css

@@ -1,2047 +1,6 @@
-*,
-*::before,
-*::after {
-	box-sizing: border-box;
-}
-
-:root {
-	--color-page: #000;
-	--color-surface: #101010;
-	--color-text: #f7f4ee;
-	--color-muted: #aaa49a;
-	--color-soft: #302f2c;
-	--color-accent: #d8d2c8;
-	--color-border: rgb(255 255 255 / 14%);
-	--color-nav-background: rgb(0 0 0 / 90%);
-	--color-nav-separator: rgb(255 255 255 / 28%);
-	--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;
-	color-scheme: var(--color-scheme, dark);
-	scroll-behavior: smooth;
-	scroll-padding-top: var(--site-top-anchor-offset);
-}
-
-html {
-	min-height: 100%;
-	background: var(--color-page);
-}
-
-@media (prefers-reduced-motion: reduce) {
-	html {
-		scroll-behavior: auto !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);
-	transition: color 0.18s ease, opacity 0.18s ease;
-}
-
-::selection {
-	background: var(--color-text);
-	color: var(--color-page);
-}
-
-.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-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;
-	font-size: 0.78rem;
-	font-weight: 500;
-	letter-spacing: 0.08em;
-	line-height: 1.2;
-	opacity: 0.72;
-	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'] {
-	opacity: 1;
-}
-
-.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;
-	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;
-	opacity: 0.78;
-	text-transform: none;
-	white-space: nowrap;
-}
-
-.site-nav-submenu a:hover,
-.site-nav-submenu a:focus-visible,
-.site-nav-submenu a[aria-current='location'] {
-	opacity: 1;
-	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);
-}
-
-.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;
-	opacity: 0.55;
-	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;
-	padding: 1.05rem 0 0.95rem;
-	color: currentColor;
-	font-size: 0.76rem;
-	font-weight: 500;
-	letter-spacing: 0.08em;
-	line-height: 1.2;
-	opacity: 0.72;
-	text-decoration: none;
-	text-transform: uppercase;
-}
-
-.page-nav a:hover,
-.page-nav a:focus-visible,
-.page-nav a[aria-current='location'] {
-	opacity: 1;
-	text-decoration: underline;
-	text-decoration-thickness: 1px;
-	text-underline-offset: 0.35em;
-}
-
-.page-nav .page-nav-page-top {
-	font-weight: 700;
-}
-
-.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 {
-	display: grid;
-	grid-template-columns: minmax(12rem, 14rem) minmax(0, 1fr);
-	align-items: start;
-	gap: var(--local-navigation-gap, clamp(1.5rem, 3vw, 3rem));
-	min-height: calc(100svh - var(--site-top-anchor-offset));
-	width: min(calc(100% - (var(--content-gutter) * 2)), max(var(--page-width), 76rem));
-	margin: 0 auto;
-}
-
-.site-page-layout-tree > .site-content {
-	width: 100%;
-	min-width: 0;
-}
-
-.tree-local-navigation {
-	position: sticky;
-	top: calc(var(--site-top-anchor-offset) + 1.25rem);
-	z-index: 3;
-	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: inherit;
-	font-size: 0.86rem;
-	line-height: 1.35;
-	opacity: 0.72;
-	text-decoration: none;
-}
-
-.navigation-page-tree-sidebar > .navigation-page-node > .navigation-page-link {
-	font-size: 0.94rem;
-	font-weight: 700;
-	opacity: 1;
-}
-
-.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'] {
-	opacity: 1;
-	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(--shape-radius-small, 2px);
-	list-style: none;
-	cursor: pointer;
-	opacity: 0.66;
-}
-
-.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);
-	opacity: 1;
-}
-
-.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(--shape-radius-small, 2px);
-	padding: 0.45rem 0;
-	font-size: 0.86rem;
-	line-height: 1.35;
-	list-style: none;
-	cursor: pointer;
-	opacity: 0.72;
-}
-
-.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 {
-	opacity: 1;
-}
-
-.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[open] > .navigation-page-summary > .navigation-page-summary-title {
-	opacity: 0;
-}
-
-.navigation-page-open-link {
-	position: absolute;
-	top: 0;
-	left: 0;
-	display: none;
-	max-width: calc(100% - 2rem);
-	padding: 0.45rem 0;
-	color: inherit;
-	font-size: 0.86rem;
-	line-height: 1.35;
-	opacity: 0.72;
-	overflow: hidden;
-	text-decoration: none;
-	text-overflow: ellipsis;
-	white-space: nowrap;
-}
-
-.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'] {
-	opacity: 1;
-	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 {
-	font-size: 0.94rem;
-	font-weight: 700;
-	opacity: 1;
-}
-
-.navigation-page-tree-sidebar > .navigation-page-node > .navigation-page-disclosure > .navigation-page-open-link {
-	font-size: 0.94rem;
-	font-weight: 700;
-	opacity: 1;
-}
-
-.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 {
-	display: block;
-	color: inherit;
-	font-size: 0.8rem;
-	line-height: 1.4;
-	opacity: 0.64;
-	text-decoration: none;
-}
-
-.page-contents-links a:hover,
-.page-contents-links a:focus-visible,
-.page-contents-links a[aria-current='location'] {
-	opacity: 1;
-	text-decoration: underline;
-	text-underline-offset: 0.25em;
-}
-
-.site-breadcrumbs {
-	height: calc(clamp(1rem, 2.5vw, 1.5rem) + 1.35rem);
-	width: min(100%, 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: hidden;
-}
-
-.site-breadcrumbs ol {
-	display: flex;
-	flex-wrap: nowrap;
-	gap: 0;
-	margin: 0;
-	padding: 0;
-	font-size: 0.78rem;
-	list-style: none;
-	white-space: nowrap;
-}
-
-.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: inherit;
-	opacity: 0.72;
-	overflow: hidden;
-	text-decoration: none;
-	text-overflow: ellipsis;
-}
-
-.site-breadcrumbs a:hover,
-.site-breadcrumbs a:focus-visible {
-	opacity: 1;
-	text-decoration: underline;
-	text-underline-offset: 0.25em;
-}
-
-.site-breadcrumbs [aria-current='page'] {
-	display: block;
-	min-width: 0;
-	overflow: hidden;
-	font-weight: 650;
-	text-overflow: ellipsis;
-}
-
-.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: flex-start;
-	width: 100%;
-	min-width: 0;
-	gap: 1rem;
-	border: 1px solid color-mix(in srgb, #ffd84d 42%, var(--color-border));
-	border-inline-start: 0.35rem solid #ffd84d;
-	padding: 0.8rem 0.9rem;
-	background: color-mix(in srgb, #ffd84d 12%, var(--color-surface));
-	color: var(--color-text);
-}
-
-.site-banner[hidden] {
-	display: none;
-}
-
-.site-banner-copy {
-	display: flex;
-	align-items: baseline;
-	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;
-	overflow: hidden;
-	text-overflow: ellipsis;
-	white-space: nowrap;
-	margin-top: 0.2rem;
-	color: color-mix(in srgb, currentColor 86%, transparent);
-}
-
-.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;
-}
-
-.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(--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;
-	width: 100%;
-	margin: 0 auto;
-	color: inherit;
-	font-family: var(--font-sans);
-	font-size: clamp(0.96rem, 0.94rem + 0.08vw, 1rem);
-}
-
-.section-reading-layout {
-	display: grid;
-	--section-reading-body-width: var(--section-body-width-desktop, var(--text-width));
-	--section-reading-inline-start: max(0px, calc((100% - var(--section-reading-body-width)) / 2));
-	grid-template-columns: minmax(0, var(--section-reading-body-width)) minmax(0, 13rem);
-	column-gap: 1.5rem;
-	row-gap: var(--section-body-paragraph-spacing, 1em);
-	width: min(
-		calc(100% - var(--section-reading-inline-start)),
-		calc(var(--section-reading-body-width) + 13rem + 1.5rem)
-	);
-	margin: 0 0 0 var(--section-reading-inline-start);
-	align-items: start;
-}
-
-.section-reading-layout .section-markdown {
-	grid-column: 1;
-	width: 100%;
-	margin: 0;
-}
-
-.section-note {
-	grid-column: 2;
-	display: grid;
-	grid-template-columns: auto minmax(0, 1fr);
-	column-gap: 0.25rem;
-	align-self: start;
-	margin: 0;
-	margin-top: var(--section-note-offset, 0px);
-	border-inline-start: 2px solid color-mix(in srgb, currentColor 35%, transparent);
-	padding: 0 0 0 0.35rem;
-	color: color-mix(in srgb, currentColor 76%, transparent);
-	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.is-referenced,
-.section-note:target {
-	border-inline-start-color: currentColor;
-	background: color-mix(in srgb, currentColor 6%, transparent);
-}
-
-.section-note-ref a.is-referenced,
-.section-note-ref a:hover,
-.section-note-ref a:focus-visible {
-	text-decoration-thickness: 0.16em;
-}
-
-.section-note-content > :first-child {
-	margin-top: 0;
-}
-
-.section-note-content > :last-child {
-	margin-bottom: 0;
-}
-
-.section-markdown {
-	width: min(100%, var(--section-body-width-desktop, var(--text-width)));
-	max-width: 72ch;
-	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);
-}
-
-.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(--shape-radius-medium, 6px);
-	padding: 0.78rem 0.9rem;
-	background: #0d1117 !important;
-	font-size: 0.92em;
-	line-height: 1.45;
-	text-align: left;
-}
-
-.section-markdown pre.astro-code code {
-	font: inherit;
-}
-
-.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-reading-layout:not(:last-child),
-.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 > .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);
-}
-
-@media (max-width: 1100px) {
-	.section-reading-layout {
-		display: block;
-		width: 100%;
-		margin: 0;
-	}
-
-	.section-reading-layout .section-markdown,
-	.section-reading-layout .section-note {
-		width: min(100%, var(--section-reading-body-width, var(--section-body-width-desktop, var(--text-width))));
-		margin-right: auto;
-		margin-left: auto;
-	}
-
-	.section-reading-layout .section-note {
-		margin-top: var(--section-body-paragraph-spacing, 0.85em);
-	}
-
-	.section-reading-layout .section-markdown + .section-markdown {
-		margin-top: var(--section-body-paragraph-spacing, 1em);
-	}
-}
-
-.card-list-width-text {
-	--card-list-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(--shape-radius-large, 8px);
-	padding: var(--card-list-padding);
-	background: color-mix(in srgb, var(--section-background-color, var(--color-page)) 92%, currentColor 8%);
-	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;
-	outline: none;
-}
-
-.image-carousel:focus-visible {
-	outline: 2px solid currentColor;
-	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));
-	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%;
-	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%;
-	align-content: start;
-}
-
-.image-carousel-frame .managed-image.managed-image-landscape {
-	width: 100%;
-	height: auto;
-	max-width: 100%;
-	max-height: 100%;
-}
-
-.image-carousel-frame .managed-image:not(.managed-image-landscape) {
-	width: auto;
-	height: 100%;
-	max-width: 100%;
-	max-height: 100%;
-}
-
-.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.625rem;
-	height: 2.625rem;
-	padding: 0;
-	place-items: center;
-	border: 1px solid currentColor;
-	border-radius: 999px;
-	background: var(--section-background-color, var(--color-page));
-	box-shadow: 0 0.25rem 1rem rgb(0 0 0 / 0.12);
-	color: inherit;
-	cursor: pointer;
-	font: inherit;
-	font-size: 2rem;
-	line-height: 1;
-	opacity: 0.88;
-	transform: translateY(-50%);
-}
-
-.image-carousel-button:hover:not(:disabled),
-.image-carousel-button:focus-visible:not(:disabled) {
-	background: currentColor;
-	color: var(--section-background-color, var(--color-page));
-	opacity: 1;
-}
-
-.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: 3.25rem;
-	min-height: 1.75rem;
-	place-items: center;
-	border: 1px solid currentColor;
-	background: var(--section-background-color, var(--color-page));
-	box-shadow: 0 0.25rem 1rem rgb(0 0 0 / 0.12);
-	font-size: 0.85rem;
-	line-height: 1;
-	text-align: center;
-}
-
-.image-carousel-captions {
-	width: min(100%, 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: inherit;
-	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;
-	}
-
-	.site-nav-row {
-		width: min(calc(100% - (var(--content-gutter) * 2)), var(--page-width));
-		padding: 0.75rem 0;
-	}
-
-	.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;
-	}
-
-	.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;
-		opacity: 0.9;
-		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: inherit;
-		font-size: 0.94rem;
-		letter-spacing: 0;
-		line-height: 1.35;
-		opacity: 0.78;
-		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;
-		opacity: 0.78;
-	}
-
-	.navigation-page-tree-mobile .navigation-page-disclosure > .navigation-page-open-link {
-		display: none;
-		align-items: center;
-		min-height: 3.25rem;
-		max-width: calc(100% - 2.5rem);
-		padding: 0.75rem 0;
-		font-size: 0.94rem;
-		line-height: 1.35;
-		opacity: 0.78;
-	}
-
-	.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;
-		opacity: 1;
-	}
-
-	.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'] {
-		opacity: 1;
-		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;
-		opacity: 0.78;
-	}
-
-	.mobile-nav-panel a,
-	.mobile-nav-page-open,
-	.mobile-nav-back {
-		font-family: inherit;
-		font-size: 0.94rem;
-		letter-spacing: 0;
-		line-height: 1.35;
-		text-transform: none;
-	}
-
-	.mobile-nav-page {
-		border-top: 1px solid color-mix(in srgb, currentColor 14%, transparent);
-		padding: 0;
-	}
-
-	.mobile-nav-page:first-child {
-		border-top: 0;
-	}
-
-	.mobile-nav-page > a,
-	.mobile-nav-page-open {
-		display: flex;
-		align-items: center;
-		justify-content: space-between;
-		width: 100%;
-		min-height: 3.4rem;
-		padding: 0.8rem 0;
-		font-weight: 600;
-	}
-
-	.mobile-nav-page-open {
-		display: none;
-		border: 0;
-		background: transparent;
-		color: currentColor;
-		cursor: pointer;
-		font-weight: 600;
-		text-align: left;
-	}
-
-	.mobile-nav-page-open::after {
-		content: "›";
-		font-size: 1.35rem;
-		line-height: 1;
-		opacity: 0.68;
-	}
-
-	.mobile-nav-page-open:hover > span,
-	.mobile-nav-page-open:focus-visible > span,
-	.mobile-nav-page-open[aria-current='page'] > span {
-		text-decoration: underline;
-		text-decoration-thickness: 1px;
-		text-underline-offset: 0.3em;
-	}
-
-	.mobile-nav-menu[data-mobile-navigation-ready='true'] .mobile-nav-page-open,
-	.mobile-nav-menu[data-mobile-navigation-ready='true'] .mobile-nav-back {
-		display: flex;
-	}
-
-	.mobile-nav-menu[data-mobile-navigation-ready='true'] .mobile-nav-page-fallback {
-		display: none;
-	}
-
-	.mobile-nav-view[hidden] {
-		display: none;
-	}
-
-	.mobile-nav-menu:not([data-mobile-navigation-ready='true']) .mobile-nav-page-view:not([data-current-page='true']) {
-		display: none;
-	}
-
-	.mobile-nav-page-view + .mobile-nav-page-view,
-	.mobile-nav-view + .mobile-nav-view {
-		margin-top: 2rem;
-	}
-
-	.mobile-nav-menu[data-mobile-navigation-ready='true'] .mobile-nav-view {
-		margin-top: 0;
-	}
-
-	.mobile-nav-back {
-		display: none;
-		align-items: center;
-		gap: 0.55rem;
-		min-height: 2.75rem;
-		margin: -0.4rem 0 0.65rem;
-		border: 0;
-		padding: 0;
-		background: transparent;
-		color: currentColor;
-		cursor: pointer;
-		opacity: 0.78;
-	}
-
-	.mobile-nav-back::before {
-		content: "‹";
-		font-size: 1.35rem;
-		line-height: 1;
-	}
-
-	.mobile-nav-back:hover,
-	.mobile-nav-back:focus-visible {
-		opacity: 1;
-		text-decoration: underline;
-		text-underline-offset: 0.25em;
-	}
-
-	.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;
-		opacity: 0.78;
-	}
-
-	.mobile-nav-sections .mobile-nav-overview,
-	.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'] {
-		opacity: 1;
-		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);
-	}
-
-	.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(--section-heading-width-mobile, var(--section-heading-width-desktop, 760px)));
-		text-align: var(--section-heading-align-mobile, var(--section-heading-align-desktop, center));
-	}
-
-	.section-reading-layout {
-		--section-reading-body-width: var(--section-body-width-mobile, var(--section-body-width-desktop, var(--text-width)));
-	}
-
-	.section-markdown {
-		width: min(100%, 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-stage {
-		aspect-ratio: auto;
-	}
-
-	.image-carousel-viewport {
-		width: 100%;
-		height: auto;
-		aspect-ratio: var(--image-carousel-aspect-ratio, auto);
-	}
-
-	.image-carousel[data-carousel-ready='true'] .image-carousel-button {
-		display: none;
-	}
-
-	.image-carousel-position {
-		position: absolute;
-		right: 0.5rem;
-		bottom: 0.5rem;
-		min-width: 3rem;
-		min-height: 1.5rem;
-		box-shadow: 0 0.2rem 0.75rem rgb(0 0 0 / 0.1);
-		font-size: 0.78rem;
-		opacity: 0.88;
-	}
-
-	:is(.image-stack, .managed-images) {
-		gap: var(--space-image-item);
-	}
-
-	.image-details {
-		padding: 0 0.25rem;
-		font-size: 1rem;
-	}
-}
+@import './foundations.css';
+@import './navigation.css';
+@import './page-layout.css';
+@import './content.css';
+@import './media.css';
+@import './responsive.css';