@import url("https://fonts.googleapis.com/css2?family=Source+Serif+4:ital,opsz,wght@0,8..60,200..900;1,8..60,200..900&family=Work+Sans:ital,wght@0,100..900;1,100..900&display=swap");

.rdrl-wiki-landing {
	--surface: #f9f9f9;
	--surface-container-lowest: #ffffff;
	--surface-container-low: #f3f3f3;
	--surface-container: #eeeeee;
	--surface-container-high: #e8e8e8;
	--surface-container-highest: #e2e2e2;
	--on-surface: #1a1c1c;
	--on-surface-variant: #444748;
	--outline-variant: #c4c7c7;
	--primary: #000000;
	--primary-container: #1c1b1b;
	--secondary: #5e5e5e;
	background: #ffffff;
	color: var(--on-surface);
	font-family: "Work Sans", Inter, Arial, sans-serif;
	font-size: 16px;
	line-height: 1.5;
	overflow-x: hidden;
}

.dark .rdrl-wiki-landing,
body.dark .rdrl-wiki-landing {
	--surface: #0f1114;
	--surface-container-lowest: #0a0a0a;
	--surface-container-low: #16191d;
	--surface-container: #1d2025;
	--surface-container-high: #252931;
	--surface-container-highest: #303642;
	--on-surface: #f4f4f4;
	--on-surface-variant: #c8cbd1;
	--outline-variant: #4b525f;
	--primary: #ffffff;
	--primary-container: #101010;
	--secondary: #d5d7dc;
	background: var(--surface-container-lowest);
}

.rdrl-wiki-landing *,
.rdrl-wiki-landing *::before,
.rdrl-wiki-landing *::after { box-sizing: border-box; }
.rdrl-wiki-landing a { color: inherit; text-decoration: none; }
.rdrl-wiki-landing img { display: block; max-width: 100%; }
.rdrl-wiki-landing button { border: 0; cursor: pointer; font: inherit; }
.rdrl-wiki-landing .material-symbols-outlined { font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24; vertical-align: middle; }

.rdrl-wiki-topnav {
	width: 100%;
	border-bottom: 1px solid var(--outline-variant);
	background: var(--surface-container-lowest);
}
.rdrl-wiki-topnav-inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
	width: 100%;
	max-width: 1280px;
	margin: 0 auto;
	padding: 10px 24px;
}
.rdrl-wiki-topnav-brand,
.rdrl-wiki-topnav-actions {
	flex: 1 1 0;
}
.rdrl-wiki-topnav-links {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 24px;
	flex: 1 1 auto;
}
.rdrl-wiki-menu-list {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 24px;
	margin: 0;
	padding: 0;
	list-style: none;
}
.rdrl-wiki-menu-list a {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	color: var(--secondary);
	font: 700 14px/16px "Work Sans", Inter, Arial, sans-serif;
	letter-spacing: .05em;
	transition: color .2s ease;
}
.rdrl-wiki-menu-list a:hover,
.rdrl-wiki-menu-list .current-menu-item > a,
.rdrl-wiki-menu-list .current_page_item > a,
.rdrl-wiki-menu-list .active-tab-indicator {
	color: var(--primary);
}
.rdrl-wiki-topnav-actions {
	display: flex;
	justify-content: flex-end;
}
.rdrl-wiki-topic-link,
.rdrl-wiki-share-button {
	display: inline-flex;
	align-items: center;
	gap: 6px;
}
.rdrl-wiki-share-button {
	border: 1px solid var(--outline-variant);
	border-radius: 4px;
	padding: 6px 16px;
	background: transparent;
	color: var(--on-surface);
	transition: color .2s ease, background-color .2s ease, border-color .2s ease;
}
.rdrl-wiki-share-button:hover {
	background: var(--surface-container-low);
	color: var(--primary);
}
.rdrl-wiki-landing .active-tab-indicator {
	position: relative;
}
.rdrl-wiki-landing .active-tab-indicator::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: -12px;
	height: 2px;
	background: var(--primary);
}

.rdrl-wiki-landing .font-headline-lg,
.rdrl-wiki-landing .font-headline-md { font-family: "Source Serif 4", Georgia, serif; }
.rdrl-wiki-landing .font-body-md,
.rdrl-wiki-landing .font-body-sm,
.rdrl-wiki-landing .font-label-md,
.rdrl-wiki-landing .font-label-sm { font-family: "Work Sans", Inter, Arial, sans-serif; }
.rdrl-wiki-landing .font-bold { font-weight: 700; }
.rdrl-wiki-landing .font-medium { font-weight: 500; }
.rdrl-wiki-landing .italic { font-style: italic; }
.rdrl-wiki-landing .uppercase { text-transform: uppercase; }
.rdrl-wiki-landing .tracking-wider { letter-spacing: .05em; }
.rdrl-wiki-landing .leading-tight { line-height: 1.15; }
.rdrl-wiki-landing .text-headline-lg { font-size: 30px; line-height: 36px; letter-spacing: -.01em; font-weight: 600; }
.rdrl-wiki-landing .text-headline-md { font-size: 22px; line-height: 28px; font-weight: 600; }
.rdrl-wiki-landing .text-body-sm { font-size: 14px; line-height: 20px; }
.rdrl-wiki-landing .text-label-md { font-size: 14px; line-height: 16px; letter-spacing: .05em; font-weight: 600; }
.rdrl-wiki-landing .text-label-sm { font-size: 12px; line-height: 14px; font-weight: 500; }
.rdrl-wiki-landing .text-\[10px\] { font-size: 10px; }
.rdrl-wiki-landing .text-\[12px\] { font-size: 12px; }
.rdrl-wiki-landing .text-\[16px\] { font-size: 16px; }
.rdrl-wiki-landing .text-\[18px\] { font-size: 18px; }
.rdrl-wiki-landing .text-\[20px\] { font-size: 20px; }
.rdrl-wiki-landing .text-on-surface { color: var(--on-surface); }
.rdrl-wiki-landing .text-on-surface-variant { color: var(--on-surface-variant); }
.rdrl-wiki-landing .text-primary { color: var(--primary); }
.rdrl-wiki-landing .text-secondary { color: var(--secondary); }
.rdrl-wiki-landing .text-white { color: #ffffff; }

.rdrl-wiki-landing .bg-white { background: var(--surface-container-lowest); }
.rdrl-wiki-landing .bg-surface { background: var(--surface); }
.rdrl-wiki-landing .bg-surface-container { background: var(--surface-container); }
.rdrl-wiki-landing .bg-primary { background: var(--primary-container); }
.rdrl-wiki-landing .bg-secondary { background: var(--secondary); }
.rdrl-wiki-landing .bg-\[\#e3f2fd\] { background: #e3f2fd; }
.rdrl-wiki-landing .bg-\[\#e8f5e9\] { background: #e8f5e9; }
.rdrl-wiki-landing .bg-\[\#ede7f6\] { background: #ede7f6; }

.rdrl-wiki-landing .border { border: 1px solid var(--outline-variant); }
.rdrl-wiki-landing .border-t { border-top: 1px solid var(--outline-variant); }
.rdrl-wiki-landing .border-b { border-bottom: 1px solid var(--outline-variant); }
.rdrl-wiki-landing .border-outline-variant { border-color: var(--outline-variant); }
.rdrl-wiki-landing .rounded { border-radius: .125rem; }
.rdrl-wiki-landing .rounded-lg { border-radius: .25rem; }
.rdrl-wiki-landing .rounded-full { border-radius: .75rem; }

.rdrl-wiki-landing .max-w-container-max { max-width: 1280px; }
.rdrl-wiki-landing .mx-auto { margin-left: auto; margin-right: auto; }
.rdrl-wiki-landing .w-full { width: 100%; }
.rdrl-wiki-landing .w-5 { width: 20px; }
.rdrl-wiki-landing .h-5 { height: 20px; }
.rdrl-wiki-landing .h-full { height: 100%; }
.rdrl-wiki-landing .shrink-0 { flex-shrink: 0; }
.rdrl-wiki-landing .flex-grow { flex-grow: 1; }
.rdrl-wiki-landing .inline-block { display: inline-block; }
.rdrl-wiki-landing .flex { display: flex; }
.rdrl-wiki-landing .grid { display: grid; }
.rdrl-wiki-landing .flex-col { flex-direction: column; }
.rdrl-wiki-landing .flex-wrap { flex-wrap: wrap; }
.rdrl-wiki-landing .items-center { align-items: center; }
.rdrl-wiki-landing .items-start { align-items: flex-start; }
.rdrl-wiki-landing .justify-center { justify-content: center; }
.rdrl-wiki-landing .justify-between { justify-content: space-between; }
.rdrl-wiki-landing .grid-cols-1 { grid-template-columns: minmax(0, 1fr); }
.rdrl-wiki-landing .grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }

.rdrl-wiki-landing .gap-1 { gap: 4px; }
.rdrl-wiki-landing .gap-1\.5 { gap: 6px; }
.rdrl-wiki-landing .gap-2 { gap: 8px; }
.rdrl-wiki-landing .gap-3 { gap: 12px; }
.rdrl-wiki-landing .gap-4 { gap: 16px; }
.rdrl-wiki-landing .gap-6 { gap: 24px; }
.rdrl-wiki-landing .gap-gutter { gap: 20px; }
.rdrl-wiki-landing .gap-stack-md { gap: 16px; }
.rdrl-wiki-landing .-space-x-1 > :not([hidden]) ~ :not([hidden]) { margin-left: -4px; }
.rdrl-wiki-landing .space-y-2 > * + * { margin-top: 8px; }
.rdrl-wiki-landing .space-y-gutter > * + * { margin-top: 20px; }
.rdrl-wiki-landing .space-y-stack-lg > * + * { margin-top: 32px; }

.rdrl-wiki-landing .p-2 { padding: 8px; }
.rdrl-wiki-landing .p-4 { padding: 16px; }
.rdrl-wiki-landing .p-stack-md { padding: 16px; }
.rdrl-wiki-landing .px-3 { padding-left: 12px; padding-right: 12px; }
.rdrl-wiki-landing .px-margin-page { padding-left: 24px; padding-right: 24px; }
.rdrl-wiki-landing .py-1\.5 { padding-top: 6px; padding-bottom: 6px; }
.rdrl-wiki-landing .py-2 { padding-top: 8px; padding-bottom: 8px; }
.rdrl-wiki-landing .py-2\.5 { padding-top: 10px; padding-bottom: 10px; }
.rdrl-wiki-landing .py-stack-lg { padding-top: 32px; padding-bottom: 32px; }
.rdrl-wiki-landing .pl-4 { padding-left: 16px; }
.rdrl-wiki-landing .pt-stack-lg { padding-top: 32px; }
.rdrl-wiki-landing .mb-2 { margin-bottom: 8px; }
.rdrl-wiki-landing .mb-4 { margin-bottom: 16px; }
.rdrl-wiki-landing .mb-6 { margin-bottom: 24px; }
.rdrl-wiki-landing .mb-stack-sm { margin-bottom: 8px; }
.rdrl-wiki-landing .mb-stack-md { margin-bottom: 16px; }
.rdrl-wiki-landing .mt-1 { margin-top: 4px; }
.rdrl-wiki-landing .mt-2 { margin-top: 8px; }
.rdrl-wiki-landing .mt-4 { margin-top: 16px; }
.rdrl-wiki-landing .mt-auto { margin-top: auto; }

.rdrl-wiki-landing .relative { position: relative; }
.rdrl-wiki-landing .overflow-hidden { overflow: hidden; }
.rdrl-wiki-landing .object-cover { object-fit: cover; }
.rdrl-wiki-landing .aspect-video { aspect-ratio: 16 / 9; }
.rdrl-wiki-landing .aspect-\[16\/10\] { aspect-ratio: 16 / 10; }
.rdrl-wiki-landing .aspect-\[3\/4\] { aspect-ratio: 3 / 4; }
.rdrl-wiki-landing .cursor-pointer { cursor: pointer; }
.rdrl-wiki-landing .transition-colors { transition: color .2s ease, background-color .2s ease, border-color .2s ease; }
.rdrl-wiki-landing .transition-transform { transition: transform .3s ease; }
.rdrl-wiki-landing .duration-300 { transition-duration: .3s; }
.rdrl-wiki-landing .duration-500 { transition-duration: .5s; }
.rdrl-wiki-landing .hover\:underline:hover,
.rdrl-wiki-landing .group:hover .group-hover\:underline { text-decoration: underline; }
.rdrl-wiki-landing .hover\:bg-primary:hover { background: var(--primary-container); color: #fff; }
.rdrl-wiki-landing .hover\:bg-surface-container-high:hover { background: var(--surface-container-high); }
.rdrl-wiki-landing .hover\:bg-surface-container-low:hover { background: var(--surface-container-low); }
.rdrl-wiki-landing .hover\:text-primary:hover,
.rdrl-wiki-landing .group:hover .group-hover\:text-primary { color: var(--primary); }
.rdrl-wiki-landing .group:hover .group-hover\:scale-105 { transform: scale(1.05); }
.rdrl-wiki-landing .line-clamp-2,
.rdrl-wiki-landing .line-clamp-3 { display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; }
.rdrl-wiki-landing .line-clamp-2 { -webkit-line-clamp: 2; }
.rdrl-wiki-landing .line-clamp-3 { -webkit-line-clamp: 3; }
.rdrl-wiki-landing .list-disc { list-style: disc; }

@media (min-width: 640px) {
	.rdrl-wiki-landing .sm\:flex-row { flex-direction: row; }
	.rdrl-wiki-landing .sm\:flex-row-reverse { flex-direction: row-reverse; }
	.rdrl-wiki-landing .sm\:w-32 { width: 128px; }
}

@media (min-width: 768px) {
	.rdrl-wiki-landing .md\:flex-row { flex-direction: row; }
	.rdrl-wiki-landing .md\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.rdrl-wiki-landing .md\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.rdrl-wiki-landing .md\:w-1\/2 { width: 50%; }
}

@media (min-width: 1024px) {
	.rdrl-wiki-landing .lg\:flex-row { flex-direction: row; }
	.rdrl-wiki-landing .lg\:w-2\/3 { width: 66.666667%; }
	.rdrl-wiki-landing .lg\:w-\[320px\] { width: 320px; }
}

@media (max-width: 767px) {
	.rdrl-wiki-landing .px-margin-page { padding-left: 16px; padding-right: 16px; }
	.rdrl-wiki-landing .rdrl-wiki-landing-inner { padding-top: 20px; padding-bottom: 96px; }
	.rdrl-wiki-landing .text-headline-lg { font-size: 26px; line-height: 32px; }
	.rdrl-wiki-landing aside { width: 100%; }
	.rdrl-wiki-landing .grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.rdrl-wiki-topnav-inner {
		flex-wrap: wrap;
		gap: 10px 14px;
		padding: 10px 16px;
	}
	.rdrl-wiki-topnav-brand,
	.rdrl-wiki-topnav-actions {
		flex: 0 1 auto;
	}
	.rdrl-wiki-topnav-links {
		order: 3;
		justify-content: flex-start;
		width: 100%;
		overflow-x: auto;
		padding-bottom: 2px;
	}
	.rdrl-wiki-menu-list {
		justify-content: flex-start;
		gap: 18px;
		min-width: max-content;
	}
	.rdrl-wiki-share-button {
		padding: 6px 10px;
	}
}
