/* UnleashWP design system (Chakra UI theme in account/web/src/theme.ts) on top of the docs theme. */

/* Ubuntu from our own account app (CORS open): no request to Google Fonts.
   Repo files are not served next to the CSS, and the media CDN sends no CORS header. */
@font-face {
	font-family: "Ubuntu";
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url("https://account.unleash-wp.com/fonts/ubuntu-v21-latin-400-normal.woff2") format("woff2");
}
@font-face {
	font-family: "Ubuntu";
	font-style: normal;
	font-weight: 500 700;
	font-display: swap;
	src: url("https://account.unleash-wp.com/fonts/ubuntu-v21-latin-700-normal.woff2") format("woff2");
}

:root {
	--radius: 0.3125rem;
	--background: #ffffff;
	--primary: #ffffff;
	--card: #ffffff;
	--popover: #ffffff;
	--accent: #f5f7fa;
	--muted: #f5f7fa;
	--secondary: #eceef5;
	--brand: #203159;
	--brand-text: #ffffff;
	--border: #e3e7f0;
	--border-muted: #e3e7f0;
	--navbar-border: #e3e7f0;
	--heading: #203159;
	--body: #2b3242;
	--sub-text: #55607a;
	--link: #203159;
	--success: #157a45;
	--success-muted: #e3f3ea;
	--error: #a5342a;
	--error-muted: #fbe7e4;
	--note: #203159;
	--note-muted: #eef1f6;
	--sidebar: #f5f7fa;
	--sidebar-accent: #eceef5;
	--sidebar-accent-foreground: #203159;
	--selection-bg: rgba(32, 49, 89, 0.12);
	--ring: rgba(32, 49, 89, 0.26);
}

.dark {
	--background: #0a0e16;
	--primary: #0a0e16;
	--card: #141a27;
	--popover: #141a27;
	--accent: #1b2231;
	--muted: #1b2231;
	--secondary: #232b40;
	--brand: #7c93ff;
	--brand-text: #0a0e16;
	--border: #2b3446;
	--border-muted: #2b3446;
	--navbar-border: #2b3446;
	--heading: #eaf0ff;
	--body: #dbe2ef;
	--sub-text: #94a1bd;
	--link: #eaf0ff;
	--success: #4bd08a;
	--success-muted: rgba(75, 208, 138, 0.14);
	--error: #f0a49a;
	--error-muted: rgba(232, 120, 105, 0.16);
	--note: #b9c7ff;
	--note-muted: #232b40;
	--sidebar: #0f131f;
	--sidebar-accent: #232b40;
	--sidebar-accent-foreground: #eaf0ff;
	--selection-bg: rgba(124, 147, 255, 0.2);
	--ring: rgba(124, 147, 255, 0.42);
}

body,
body *:not(code):not(pre):not(pre *):not(kbd):not(samp):not(svg):not(svg *) {
	font-family: "Ubuntu", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif !important;
}

/* Focus ring for links and buttons only; text fields glow on their outer box instead. */
a:focus-visible,
button:focus-visible,
[role="button"]:focus-visible,
[role="tab"]:focus-visible {
	outline: 2px solid var(--brand);
	outline-offset: 2px;
	border-radius: 0.375rem;
}
input:focus,
input:focus-visible,
textarea:focus,
textarea:focus-visible,
[contenteditable]:focus,
[contenteditable]:focus-visible {
	outline: none !important;
	box-shadow: none !important;
}
div:has(> input:focus-visible),
div:has(> textarea:focus-visible) {
	border-color: #8496bd !important;
	box-shadow: 0 0 0 3px rgba(32, 49, 89, 0.12) !important;
}

/* Chakra-style layout in the unleash-wp.com look: navy tab bar, yellow accents, soft blue sidebar. */
:root {
	--uwp-yellow: #fcbe00;
	--uwp-navy: #203159;
	--uwp-page: #eef1f6;
	--uwp-code-bg: #eef1f6;
	--uwp-code-fg: #203159;
	--uwp-side-bg: #eef1f6;
	--uwp-side-hover: rgba(32, 49, 89, 0.06);
	--uwp-side-active-bg: #d7dded;
	--uwp-side-active-fg: #203159;
	--uwp-side-text: #3c4e7d;
	--uwp-side-muted: #727f9f;
	--uwp-surface: #ffffff;
	--uwp-sunk: #f5f7fa;
	--uwp-shadow-sm: 0 1px 2px rgba(32, 49, 89, 0.06);
	--uwp-shadow-md: 0 6px 24px rgba(32, 49, 89, 0.09);
}
.dark {
	--uwp-page: #0a0e16;
	--uwp-code-bg: #1b2231;
	--uwp-code-fg: #b9c7ff;
	--uwp-side-bg: #0f131f;
	--uwp-side-hover: rgba(124, 147, 255, 0.12);
	--uwp-side-active-bg: #232b40;
	--uwp-side-active-fg: #b9c7ff;
	--uwp-side-text: #b0bcd6;
	--uwp-side-muted: #727f9f;
	--uwp-surface: #141a27;
	--uwp-sunk: #1b2231;
	--uwp-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.4);
	--uwp-shadow-md: 0 6px 24px rgba(0, 0, 0, 0.4);
}

/* Sidebar */
.dai-sidebar-column,
.dai-sidebar,
.dai-sidebar-mobile {
	background: var(--uwp-side-bg) !important;
	border-right: 0 !important;
}
.dai-sidebar {
	padding-top: 2.25rem !important;
}
.dai-sidebar-group {
	margin-top: 1.25rem;
}
.dai-sidebar-group-title {
	font-size: 0.6875rem !important;
	font-weight: 700 !important;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: var(--uwp-side-muted) !important;
	padding-top: 0 !important;
	padding-bottom: 0.375rem !important;
}
.dai-sidebar-page {
	font-size: 0.875rem !important;
	line-height: 1.35 !important;
	padding: 0.4rem 0.75rem !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
	border-radius: 0.375rem !important;
	color: var(--uwp-side-text) !important;
	background: transparent !important;
	transition: background-color 120ms ease, color 120ms ease;
}
.dai-sidebar-page > span,
.dai-sidebar-page span.min-w-0 {
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.dai-sidebar-page:hover {
	background: var(--uwp-side-hover) !important;
	color: var(--uwp-side-active-fg) !important;
}
.dai-sidebar-page-active,
.dai-sidebar-page-active:hover {
	background: transparent !important;
	color: #203159 !important;
	font-weight: 700 !important;
}
.dai-sidebar-dropdown button,
.dai-sidebar-dropdown [data-slot="popover-trigger"] {
	background: var(--uwp-surface) !important;
	border: 1px solid var(--border) !important;
	border-radius: 0.5rem !important;
	box-shadow: var(--uwp-shadow-sm);
	color: var(--heading) !important;
	font-weight: 600 !important;
}

/* Header and tabs */
.dai-navbar,
.dai-sticky-header {
	background: var(--background) !important;
	border-bottom: 1px solid var(--border) !important;
	box-shadow: none !important;
}
.dai-navbar-tabs a {
	color: var(--sub-text) !important;
	font-weight: 500 !important;
}
.dai-navbar-tabs a:hover {
	color: var(--heading) !important;
}
.dai-navbar-search button,
.dai-search {
	background: var(--uwp-sunk) !important;
	border-color: var(--border) !important;
	border-radius: 0.5rem !important;
	box-shadow: none !important;
}

/* Content */
.dai-article h1 {
	letter-spacing: -0.02em;
}
.dai-article h2 {
	margin-top: 2.5rem;
	letter-spacing: -0.01em;
}
.dai-article pre,
.dai-article .shiki {
	background: var(--uwp-sunk) !important;
}
.dai-article pre {
	border-radius: 0.5rem;
}
.dai-article a.bg-card,
.dai-article a.group.bg-card {
	border: 1px solid var(--border) !important;
	border-radius: 0.5rem !important;
	box-shadow: var(--uwp-shadow-sm) !important;
	transition: border-color 150ms ease, box-shadow 150ms ease, transform 150ms ease;
}
.dai-article a.bg-card:hover {
	border-color: #8496bd !important;
	box-shadow: var(--uwp-shadow-md) !important;
	transform: translateY(-1px);
}
.dark .dai-article a.bg-card:hover {
	border-color: #5d6f9f !important;
}

/* unleash-wp.com look */
body,
.dai-layout,
.dai-content-area {
	background: var(--uwp-page) !important;
}
.dai-navbar-tabs {
	background: var(--uwp-navy) !important;
	padding-top: 0.25rem;
}
.dai-navbar-tabs a {
	color: rgba(255, 255, 255, 0.78) !important;
}
.dai-navbar-tabs a:hover,
.dai-navbar-tabs a.text-brand {
	color: #ffffff !important;
}
.dai-navbar-tabs a.text-brand {
	box-shadow: inset 0 -3px 0 var(--uwp-yellow);
}
.dai-navbar-tabs a.text-brand > span:last-child,
.dai-navbar-tabs a [class*="bg-brand"] {
	background: var(--uwp-yellow) !important;
}
.dai-navbar-tabs svg {
	color: inherit !important;
}
.dai-sticky-header a.bg-brand {
	background: var(--uwp-yellow) !important;
	color: var(--uwp-navy) !important;
	font-weight: 700 !important;
	border-radius: 0.3125rem !important;
}
.dai-sticky-header a.bg-brand:hover {
	background: #ffd23f !important;
}
.dai-article p a,
.dai-article li a,
.dai-article td a {
	text-decoration: underline;
	text-decoration-color: var(--uwp-yellow);
	text-decoration-thickness: 2px;
	text-underline-offset: 3px;
}
.dai-article p a:hover,
.dai-article li a:hover {
	text-decoration-color: currentColor;
}

/* Like the account app: section name beside the logo, content on a white card. */
.dai-logo > a:first-child {
	display: flex;
	align-items: center;
}
.dai-logo > a:first-child::after {
	content: "Help Center";
	margin-left: 1rem;
	padding-left: 1rem;
	border-left: 1px solid var(--border);
	font-size: 1.0625rem;
	font-weight: 500;
	color: var(--uwp-navy);
	white-space: nowrap;
}
html[data-uwp-lang="de"] .dai-logo > a:first-child::after {
	content: "Hilfe-Center";
}
@media (max-width: 640px) {
	.dai-logo > a:first-child::after {
		display: none;
	}
}
.dai-page-main {
	padding-top: 2.25rem;
}
.dai-article {
	background: #ffffff;
	border: 1px solid var(--border);
	border-radius: 0.5rem;
	box-shadow: var(--uwp-shadow-sm);
	padding: 2.75rem 3.25rem 3rem !important;
}
/* The theme puts 56px above the breadcrumb; inside a card that is dead space. */
.dai-article > .dai-breadcrumbs {
	margin-top: 0 !important;
}
.dai-article .page-description {
	font-size: 1.0625rem;
	color: var(--sub-text);
}
/* Landing pages (home, roadmap) sit on the page, not on a card. */
html:has(.uwp-landing) .dai-article,
html:has(.uwp-hero) .dai-article {
	background: transparent;
	border: 0;
	box-shadow: none;
	padding: 0 !important;
}
/* Roadmap runs from the logo to the right edge of the header. */
html:has(.uwp-landing) .dai-article {
	max-width: none !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
}
@media (min-width: 1024px) {
	html:has(.uwp-landing) .dai-page-main {
		padding-left: 2.5rem !important;
		padding-right: 2.25rem !important;
	}
}
@media (max-width: 640px) {
	.dai-article {
		padding: 1.5rem 1.25rem !important;
	}
}

/* Bigger menu: taller tab bar, larger labels and icons; the sidebar follows the taller header. */
.dai-sticky-header {
	height: auto !important;
}
.dai-navbar-tabs > div {
	height: 3.25rem !important;
	gap: 0.5rem 1.75rem !important;
}
.dai-navbar-tabs a {
	font-size: 1rem !important;
	font-weight: 600 !important;
	padding-bottom: 0.9rem !important;
	margin: 0 0.25rem !important;
	gap: 0.5rem !important;
}
.dai-navbar-tabs a svg {
	display: none !important;
}
/* Both sticky columns start below the taller header (navbar + tab bar = 7.5625rem). */
@media (min-width: 1024px) {
	.dai-sidebar-column {
		top: var(--uwp-head) !important;
		height: calc(100dvh - var(--uwp-head)) !important;
		transition: top 200ms ease, height 200ms ease;
	}
	.dai-page-aside {
		top: var(--uwp-head) !important;
		height: calc(100dvh - var(--uwp-head)) !important;
		padding-top: 2.25rem;
		transition: top 200ms ease, height 200ms ease;
	}
}
.dai-sidebar-page {
	font-size: 0.9375rem !important;
}

/* Light only, full width. */
.dai-theme-toggle,
.dai-theme-select {
	display: none !important;
}
.dai-layout {
	max-width: none !important;
}
.dai-logo a:focus:not(:focus-visible) {
	outline: none !important;
	box-shadow: none !important;
}

/* A big search in the header */
.dai-navbar-search {
	max-width: 40rem !important;
	flex: 1 1 40rem !important;
}
.dai-navbar-search .dai-search {
	height: 2.75rem !important;
	padding-left: 1rem !important;
	font-size: 1rem !important;
	border-radius: 0.5rem !important;
	border-color: var(--border) !important;
	background: var(--uwp-sunk) !important;
}
.dai-navbar-search .dai-search:hover {
	border-color: #b0bcd6 !important;
}
.dai-navbar-search .dai-search svg {
	width: 1.125rem;
	height: 1.125rem;
}
.dai-navbar-search > button {
	height: 2.75rem !important;
	padding: 0 1rem !important;
	font-size: 0.9375rem !important;
	border-radius: 0.5rem !important;
}

/* Buttons with room to breathe */
.dai-navbar-languages {
	border: 1px solid var(--border) !important;
	border-radius: 0.375rem !important;
	padding: 0.375rem 0.75rem !important;
	background: #ffffff !important;
}
.dai-navbar-languages:hover {
	border-color: #b0bcd6 !important;
}
/* The language button shows the flag of the current language (set by scripts/light-mode.js). */
.dai-navbar-languages svg.lucide-languages {
	display: none !important;
}
.dai-navbar-languages > div::before {
	content: "";
	flex: none;
	width: 1.25rem;
	height: 0.9375rem;
	border-radius: 2px;
	background: url("https://blob-cdn.documentation.ai/org-0dfd0072-4723-4019-b497-712a48846107/doc-09a352be-4625-4918-a704-24f60ba5271b/1792843469703-rybvxheuxvl-flag-us.png") center / cover no-repeat;
	box-shadow: 0 0 0 1px rgba(32, 49, 89, 0.12);
}
html[data-uwp-lang="de"] .dai-navbar-languages > div::before {
	background-image: url("https://blob-cdn.documentation.ai/org-0dfd0072-4723-4019-b497-712a48846107/doc-09a352be-4625-4918-a704-24f60ba5271b/1792842632739-535ppjz9a0j-flag-de.png");
}
.dai-navbar-languages img {
	width: 1.25rem;
	height: auto;
	border-radius: 2px;
	box-shadow: 0 0 0 1px rgba(32, 49, 89, 0.12);
}
.dai-feedback button {
	padding: 0.5rem 1rem !important;
	gap: 0.5rem !important;
	border: 1px solid var(--border) !important;
	border-radius: 0.375rem !important;
	background: #ffffff !important;
	color: var(--heading) !important;
	box-shadow: var(--uwp-shadow-sm);
}
.dai-feedback button:hover {
	border-color: var(--uwp-navy) !important;
}
.dai-page-nav a {
	padding: 1rem 1.25rem !important;
	gap: 0.75rem !important;
	align-items: center !important;
}
.dai-page-nav a > div,
.dai-page-nav a > span {
	padding: 0 !important;
}

/* Roadmap board: columns share the full width, cards are larger and white */
.dai-article .overflow-x-auto:has(> [class*="w-[300px]"]) {
	gap: 1.25rem !important;
	padding-bottom: 0.5rem;
}
.dai-article [class*="w-[300px]"] {
	flex: 1 1 0 !important;
	min-width: 14rem !important;
	width: auto !important;
	padding: 0.75rem !important;
	border-radius: 0.75rem !important;
	border: 1px solid var(--border);
}
.dai-article [class*="w-[300px]"] > div:first-child {
	margin-bottom: 0.75rem !important;
}
.dai-article [class*="w-[300px]"] > div:first-child span {
	font-size: 0.9375rem !important;
	font-weight: 700 !important;
}
.dai-article [class*="w-[300px]"] .cursor-pointer {
	background: #ffffff !important;
	border: 1px solid var(--border) !important;
	border-radius: 0.5rem !important;
	padding: 1rem 1.125rem !important;
	box-shadow: var(--uwp-shadow-sm);
}
.dai-article [class*="w-[300px]"] .cursor-pointer + .cursor-pointer {
	margin-top: 0.75rem;
}
.dai-article [class*="w-[300px]"] .cursor-pointer p {
	font-size: 0.9375rem !important;
	font-weight: 600 !important;
	color: var(--heading) !important;
}
.dai-article [class*="w-[300px]"] .cursor-pointer p + p,
.dai-article [class*="w-[300px]"] .cursor-pointer [class*="text-sub"] {
	font-size: 0.8125rem !important;
	font-weight: 400 !important;
	line-height: 1.45 !important;
	color: var(--sub-text) !important;
}

/* Inline code: easy to spot, like Chakra's Code component */
.dai-article :not(pre) > code {
	background: var(--uwp-code-bg) !important;
	color: var(--uwp-code-fg) !important;
	border: 1px solid var(--border) !important;
	border-radius: 0.3125rem !important;
	padding: 0.1em 0.4em !important;
	font-size: 0.875em !important;
	font-weight: 500 !important;
	white-space: break-spaces;
	word-break: break-word;
}
.dai-article :not(pre) > code::before,
.dai-article :not(pre) > code::after {
	content: none !important;
}

/* On this page */
.dai-toc-item {
	color: var(--sub-text) !important;
	font-size: 0.8125rem !important;
}
.dai-toc-item-active {
	color: var(--heading) !important;
	font-weight: 600 !important;
}
/* The guide line is drawn by a masked div; theme border at 80% vanishes on the grey page. */
.dai-toc-list > .relative > .absolute.pointer-events-none {
	background-color: #b9c3d6 !important;
}

@media (prefers-reduced-motion: reduce) {
	.dai-article a.bg-card,
	.dai-sidebar-page {
		transition: none;
	}
	.dai-article a.bg-card:hover {
		transform: none;
	}
}

/* Wider reading column (the theme stops at 672px). */
@media (min-width: 1280px) {
	.dai-article {
		max-width: 56rem !important;
	}
}

/* Help Center home (snippets/help-*.jsx), built from the account app's Chakra pieces:
   Card = surface, 1px ui.border, radius forge, shadow sm; TextInput = ui.sunk on ui.control;
   Button primary = navy, hover yellow; Button ghost = outline ui.control, hover ui.ghostHover. */
html:has(.uwp-hero) .dai-article {
	max-width: 64rem !important;
}
html:has(.uwp-hero) .dai-page-main {
	padding-top: 2.5rem !important;
}
.uwp-card {
	background: #ffffff;
	border: 1px solid #e3e7f0;
	border-radius: 0.3125rem;
	box-shadow: 0 1px 2px rgba(32, 49, 89, 0.06);
	padding: 1.5rem;
}
.uwp-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.5rem;
	padding: 0.75rem 1.125rem;
	border-radius: 0.3125rem;
	font-size: 0.9375rem;
	font-weight: 500;
	line-height: 1.2;
	cursor: pointer;
	text-decoration: none !important;
	transition: background-color 120ms ease, color 120ms ease, border-color 120ms ease;
}
.uwp-btn:active {
	transform: translateY(1px);
}
.uwp-btn-primary {
	border: 0;
	background: #203159;
	color: #ffffff !important;
	box-shadow: 0 1px 2px rgba(32, 49, 89, 0.06);
}
.uwp-btn-primary:hover {
	background: #fcbe00;
	color: #203159 !important;
}
.dai-article .uwp-btn-ghost {
	border: 1px solid #7d879d;
	background: transparent;
	color: #203159 !important;
}
.dai-article .uwp-btn-ghost:hover {
	border-color: #203159;
	background: rgba(32, 49, 89, 0.06);
}
.uwp-input {
	flex: 1;
	min-width: 0;
	padding: 0.75rem 1rem;
	border: 1px solid #7d879d;
	border-radius: 0.3125rem;
	background: #f5f7fa;
	color: #55607a;
	font-size: 1rem;
	text-align: left;
	cursor: text;
}
.uwp-input:hover {
	border-color: #203159;
}

.uwp-hero {
	margin: 0.5rem 0 2.5rem;
}
.dai-article .uwp-hero .uwp-hero-title {
	margin: 0 0 1.5rem !important;
	color: #203159 !important;
	font-size: clamp(1.75rem, 1.4rem + 1.4vw, 2.25rem) !important;
	font-weight: 700 !important;
	line-height: 1.2 !important;
	letter-spacing: -0.02em;
	border: 0 !important;
}
.uwp-hero-searchbar {
	display: flex;
	align-items: center;
	gap: 0.875rem;
	width: 100%;
	height: 4rem;
	padding: 0 0.625rem 0 1.5rem;
	border: 1px solid #e3e7f0;
	border-radius: 0.5rem;
	background: #ffffff;
	box-shadow: 0 4px 16px rgba(32, 49, 89, 0.08);
	color: #7d879d;
	font: inherit;
	font-size: 1.0625rem;
	text-align: left;
	transition: border-color 150ms ease, box-shadow 150ms ease;
}
.uwp-hero-search {
	display: flex;
	flex: 1;
	align-items: center;
	gap: 0.875rem;
	height: 100%;
	padding: 0;
	border: 0;
	background: none;
	color: inherit;
	font: inherit;
	text-align: left;
	cursor: text;
}
.uwp-hero-search:focus-visible {
	outline: none;
}
.uwp-hero-ai {
	display: inline-flex;
	flex: none;
	align-items: center;
	gap: 0.5rem;
	height: 2.75rem;
	padding: 0 1.125rem;
	border: 0;
	border-radius: 0.3125rem;
	background: #203159;
	color: #ffffff;
	font: inherit;
	font-size: 0.9375rem;
	font-weight: 500;
	cursor: pointer;
	transition: background-color 150ms ease, color 150ms ease;
}
.uwp-hero-ai:hover {
	background: #fcbe00;
	color: #203159;
}
.uwp-hero-ai:focus-visible {
	outline: 2px solid #203159;
	outline-offset: 2px;
}
@media (max-width: 560px) {
	.uwp-hero-searchbar kbd {
		display: none;
	}
}
.uwp-hero-searchbar:hover,
.uwp-hero-searchbar:focus-within {
	border-color: #203159;
	box-shadow: 0 4px 20px rgba(32, 49, 89, 0.14);
	outline: none;
}
.uwp-hero-searchbar span {
	flex: 1;
}
.uwp-hero-searchbar kbd {
	padding: 0.125rem 0.5rem;
	border: 1px solid #e3e7f0;
	border-radius: 0.25rem;
	background: #f5f7fa;
	color: #55607a;
	font-family: inherit;
	font-size: 0.8125rem;
}

.uwp-home-section {
	margin: 0 0 3.5rem;
}
.dai-article .uwp-home-title {
	margin: 0 0 0.25rem !important;
	color: #203159 !important;
	font-size: 1.375rem !important;
	font-weight: 700 !important;
	border: 0 !important;
}
.dai-article .uwp-home-lead {
	margin: 0 0 1.25rem !important;
	color: #55607a !important;
	font-size: 1rem;
}
.uwp-topics {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 1.25rem;
}
.dai-article a.uwp-topic {
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
	min-height: 14rem;
	padding: 1.75rem 1.75rem 1.5rem;
	border: 1px solid #e3e7f0 !important;
	color: inherit !important;
	font-weight: 400 !important;
	text-decoration: none !important;
	opacity: 1 !important;
	transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease;
}
.dai-article a.uwp-topic:hover,
.dai-article a.uwp-topic:focus-visible {
	transform: translateY(-3px);
	border-color: #e3e7f0 !important;
	box-shadow: 0 12px 28px rgba(32, 49, 89, 0.12);
	outline: none;
}
.dai-article a.uwp-topic:focus-visible {
	box-shadow: 0 0 0 3px #fcbe00, 0 12px 28px rgba(32, 49, 89, 0.12);
}
.uwp-topic-icon {
	display: grid;
	place-items: center;
	width: 3rem;
	height: 3rem;
	margin-bottom: 0.75rem;
	border-radius: 0.5rem;
	background: #eef1f6;
	color: #203159;
	transition: background-color 180ms ease, color 180ms ease;
}
.dai-article a.uwp-topic:hover .uwp-topic-icon {
	background: #fcbe00;
	color: #203159;
}
.dai-article .uwp-topic-title {
	color: #203159 !important;
	font-size: 1.125rem;
	font-weight: 700;
}
.dai-article .uwp-topic-text {
	color: #2b3242 !important;
	font-size: 0.9375rem;
	line-height: 1.55;
}
.uwp-topic-count {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	margin-top: auto;
	padding-top: 1.25rem;
	color: #55607a;
	font-size: 0.875rem;
}
.uwp-topic-arrow {
	display: inline-flex;
	margin-left: auto;
	color: #203159;
	opacity: 0;
	transform: translateX(-6px);
	transition: opacity 180ms ease, transform 180ms ease;
}
.dai-article a.uwp-topic:hover .uwp-topic-arrow,
.dai-article a.uwp-topic:focus-visible .uwp-topic-arrow {
	opacity: 1;
	transform: none;
}
.dai-article a.uwp-status-strip {
	border: 1px solid #e3e7f0 !important;
	background-image: none !important;
	display: flex;
	align-items: center;
	gap: 1.25rem;
	margin-top: 1.25rem;
	padding: 1.25rem 1.75rem;
	color: inherit !important;
	font-weight: 400 !important;
	text-decoration: none !important;
	transition: box-shadow 180ms ease;
}
.dai-article a.uwp-status-strip:hover {
	box-shadow: 0 8px 20px rgba(32, 49, 89, 0.1);
}
.uwp-status-strip .uwp-topic-icon {
	width: 2.5rem;
	height: 2.5rem;
	margin: 0;
}
.uwp-status-strip-body {
	display: flex;
	flex: 1;
	flex-direction: column;
	gap: 0.125rem;
}
.uwp-status-strip .uwp-topic-count {
	margin: 0;
	padding: 0;
	white-space: nowrap;
}
.dai-article .uwp-product-card {
	padding: 0;
	overflow: hidden;
}
.uwp-product-card-head {
	display: flex;
	align-items: center;
	gap: 1rem;
	padding: 1.25rem 1.75rem;
	border-bottom: 1px solid #e3e7f0;
}
.dai-article .uwp-product-card-head img {
	width: 2.75rem;
	height: 2.75rem;
	margin: 0 !important;
	border-radius: 0.375rem;
}
.dai-article .uwp-product-card-head h3 {
	margin: 0 !important;
	color: #203159 !important;
	font-size: 1.25rem !important;
	font-weight: 700 !important;
	border: 0 !important;
}
.uwp-editions {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
}
.uwp-edition {
	display: flex;
	flex-direction: column;
	gap: 0.125rem;
	padding: 1.5rem 1.75rem;
}
.uwp-edition + .uwp-edition {
	border-left: 1px solid #e3e7f0;
}
.uwp-edition-name {
	color: #203159;
	font-size: 1rem;
	font-weight: 700;
}
.uwp-edition-note {
	color: #55607a;
	font-size: 0.875rem;
}
.dai-article .uwp-edition ul {
	margin: 0.875rem 0 0 !important;
	padding: 0 !important;
	list-style: none !important;
}
.dai-article .uwp-edition li {
	margin: 0 !important;
	padding: 0 !important;
}
.dai-article .uwp-edition li::marker {
	content: none;
}
.dai-article .uwp-edition a {
	display: inline-block;
	padding: 0.3125rem 0;
	color: #203159 !important;
	font-size: 0.9375rem;
	font-weight: 500 !important;
	text-decoration: none !important;
	border-bottom: 0 !important;
	background-image: none !important;
}
.dai-article .uwp-edition a:hover {
	text-decoration: underline !important;
	text-decoration-color: #fcbe00 !important;
	text-decoration-thickness: 2px !important;
	text-underline-offset: 4px;
}
@media (max-width: 1100px) {
	.uwp-topics {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}
@media (max-width: 780px) {
	.uwp-editions {
		grid-template-columns: 1fr;
	}
	.uwp-edition + .uwp-edition {
		border-left: 0;
		border-top: 1px solid #e3e7f0;
	}
	.dai-article a.uwp-status-strip {
		flex-wrap: wrap;
	}
}
@media (prefers-reduced-motion: reduce) {
	.dai-article a.uwp-topic,
	.uwp-topic-arrow {
		transition: none;
	}
	.dai-article a.uwp-topic:hover {
		transform: none;
	}
}

.uwp-popular {
	display: grid;
	grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr);
	gap: 1rem;
	align-items: start;
	margin: 0 0 2.5rem;
}
.dai-article .uwp-popular-list h2 {
	margin: 0 0 0.5rem !important;
	font-size: 1.0625rem !important;
	color: #203159 !important;
}
.dai-article .uwp-popular-list a {
	display: flex;
	align-items: center;
	gap: 0.75rem;
	padding: 0.75rem 0;
	border-top: 1px solid #e3e7f0;
	color: #2b3242 !important;
	font-weight: 500;
	text-decoration: none !important;
}
.uwp-popular-list a span {
	flex: 1;
}
.uwp-popular-list a svg {
	flex: none;
	color: #7d879d;
}
.dai-article .uwp-popular-list a:hover {
	color: #203159 !important;
}
.dai-article .uwp-popular-list a:hover span {
	text-decoration: underline;
}
.dai-article .uwp-status-card h3 {
	margin: 0 0 0.75rem !important;
	font-size: 1.0625rem !important;
	color: #203159 !important;
}
.uwp-status-summary {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	margin: 0 0 0.75rem !important;
	color: #203159;
	font-weight: 600;
}
.dai-article .uwp-status-card ul {
	margin: 0 0 1rem !important;
	padding: 0 !important;
	list-style: none !important;
}
.dai-article .uwp-status-card li {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	margin: 0 !important;
	padding: 0.25rem 0 !important;
	color: #55607a;
	font-size: 0.875rem;
}
.dai-article .uwp-status-card li::before {
	content: none !important;
}
.dai-article .uwp-status-card > a {
	color: #203159 !important;
	font-size: 0.875rem;
	font-weight: 500;
}

.uwp-cta {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1.5rem;
	margin: 2.5rem 0 0;
}
.dai-article .uwp-cta h2 {
	margin: 0 0 0.25rem !important;
	font-size: 1.0625rem !important;
	color: #203159 !important;
}
.dai-article .uwp-cta p {
	margin: 0 !important;
	color: #55607a;
	font-size: 0.9375rem;
}
.uwp-cta .uwp-btn {
	flex: none;
}
@media (max-width: 780px) {
	.uwp-topics,
	.uwp-popular {
		grid-template-columns: 1fr;
	}
	.uwp-hero-search,
	.uwp-cta {
		flex-direction: column;
		align-items: stretch;
	}
}

/* Live status in the tab bar (scripts/status.js): quiet, text only */
.uwp-status-pill {
	display: inline-flex;
	align-items: center;
	align-self: center;
	gap: 0.5rem;
	margin-left: auto;
	color: rgba(255, 255, 255, 0.72) !important;
	font-size: 0.8125rem;
	font-weight: 500;
	white-space: nowrap;
	text-decoration: none !important;
}
.uwp-status-pill:hover {
	color: #ffffff !important;
}
.uwp-status-dot {
	flex: none;
	width: 0.5rem;
	height: 0.5rem;
	border-radius: 999px;
	background: #2fb36f;
}
.uwp-status-degraded .uwp-status-dot,
.uwp-status-maintenance .uwp-status-dot {
	background: var(--uwp-yellow);
}
.uwp-status-downtime .uwp-status-dot {
	background: #e05a4a;
}
.uwp-status-banner {
	padding: 0.625rem 2.5rem;
	font-size: 0.9375rem;
	font-weight: 500;
	text-align: center;
	color: var(--uwp-navy);
	background: #fff4cc;
	border-top: 1px solid #f5d77a;
}
.uwp-status-banner.uwp-status-downtime {
	background: #fbe7e4;
	border-top-color: #f0a49a;
	color: #a5342a;
}
.uwp-status-banner a {
	color: inherit !important;
	font-weight: 700;
	text-decoration: underline;
}
@media (max-width: 640px) {
	.uwp-hero {
		padding: 2rem 1.25rem 1.5rem;
	}
	.dai-article .uwp-hero .uwp-hero-title {
		font-size: 1.75rem !important;
	}
	.uwp-status-pill {
		display: none;
	}
}

/* Home: the hero carries the title, so the theme's title block is hidden there. */
html:has(.uwp-hero) .dai-article > .dai-breadcrumbs,
html:has(.uwp-hero) .dai-article > .page-title,
html:has(.uwp-hero) .dai-article > .page-description {
	display: none !important;
}

/* Language button: flag only */
.dai-navbar-languages > div > div {
	display: none !important;
}
.dai-navbar-languages {
	padding: 0.5rem 0.625rem !important;
}

/* Sticky parts inside pages (changelog versions and similar) stop below the taller header. */
.dai-article .sticky,
.dai-article [class*="sticky"] {
	top: calc(var(--uwp-head) + 1rem) !important;
}

/* More room between sidebar, content card and the right column. */
@media (min-width: 1024px) {
	.dai-page-main {
		padding-left: 2.2rem !important;
		padding-right: 2.2rem !important;
	}
}
.dai-article .page-title {
	margin-top: 0.5rem !important;
	margin-bottom: 1rem !important;
}
.dai-article .dai-breadcrumbs {
	margin-bottom: 1rem !important;
}

/* Status in the tab bar: small and at the far right. The tab link rules above also match it. */
.dai-navbar-tabs a.uwp-status-pill {
	margin: 0 0 0 auto !important;
	padding: 0 !important;
	gap: 0.375rem !important;
	align-self: center !important;
	font-size: 0.75rem !important;
	font-weight: 500 !important;
	color: rgba(255, 255, 255, 0.6) !important;
	box-shadow: none !important;
	background: none !important;
}
.dai-navbar-tabs a.uwp-status-pill:hover {
	color: #ffffff !important;
}
/* The compact header pads tab links at the bottom; the pill must stay centred. */
html .dai-navbar-tabs a.uwp-status-pill,
html.uwp-scrolled .dai-navbar-tabs a.uwp-status-pill {
	height: auto !important;
	padding: 0 !important;
	font-size: 0.75rem !important;
	line-height: 1 !important;
}
.dai-navbar-tabs a.uwp-status-pill .uwp-status-dot {
	width: 0.375rem;
	height: 0.375rem;
}

/* Footer (scripts/footer.js), like the account app */
.uwp-footer {
	margin-top: 3rem;
	border-top: 1px solid var(--border);
	background: var(--uwp-page);
}
.uwp-footer-inner {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 0.75rem 2rem;
	padding: 1.25rem 2.5rem;
	font-size: 0.8125rem;
	line-height: 1.25rem;
}
.uwp-footer-links {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.5rem 1.25rem;
}
.uwp-footer-links a {
	color: var(--sub-text) !important;
	font-size: 0.8125rem;
	line-height: 1.25rem;
	font-weight: 400 !important;
	text-decoration: none !important;
}
.uwp-footer-links a:hover {
	color: var(--body) !important;
}
.uwp-footer-links a:hover {
	text-decoration: underline !important;
}
.uwp-footer-copy {
	margin: 0;
	color: var(--sub-text);
	font-size: 0.8125rem;
	line-height: 1.25rem;
}
.uwp-footer-copy sup {
	font-size: 0.6em;
	margin-left: 0.125rem;
}

/* Home cards in the pattern of the account app's Websites page (snippets/help-products.jsx) */
.uwp-stack {
	display: flex;
	flex-direction: column;
	gap: 1.5rem;
	margin: 0 0 2.5rem;
}
.dai-article .uwp-product {
	padding: 2rem 2.25rem;
}
.uwp-product-head {
	display: flex;
	align-items: center;
	gap: 1.5rem;
	padding-bottom: 1.5rem;
}
.uwp-product-image {
	flex: none;
	width: 4rem;
	height: 4rem;
	padding: 0.625rem;
	object-fit: contain;
	border-radius: 0.3125rem;
	background: #f5f7fa;
}
.uwp-product-tile {
	display: grid;
	place-items: center;
	color: #203159;
}
.dai-article .uwp-product-title {
	margin: 0 0 0.375rem !important;
	color: #203159 !important;
	font-size: 1.25rem !important;
	font-weight: 700 !important;
	border: 0 !important;
}
.dai-article .uwp-product-meta {
	display: flex;
	flex-wrap: wrap;
	gap: 0.375rem 1.25rem;
	margin: 0 !important;
	color: #55607a;
	font-size: 0.9375rem;
}
.uwp-meta-status {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
}
.uwp-row {
	display: flex;
	align-items: center;
	gap: 1rem;
	padding: 1.125rem 0;
	border-top: 1px solid #e3e7f0;
}
.uwp-row-icon {
	flex: none;
	align-self: flex-start;
	margin-top: 0.125rem;
	color: #55607a;
}
.uwp-row-body {
	flex: 1;
	min-width: 0;
	display: flex;
	flex-direction: column;
	gap: 0.25rem;
}
.dai-article .uwp-row-title {
	color: #203159 !important;
	font-size: 1.0625rem;
	font-weight: 700;
	text-decoration: none !important;
}
.dai-article a.uwp-row-title:hover {
	text-decoration: underline !important;
}
.uwp-row-text {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	color: #55607a;
	font-size: 0.9375rem;
}
.uwp-row .uwp-btn {
	flex: none;
}
.uwp-row-service {
	padding: 0.875rem 0;
}
.uwp-row-end {
	justify-content: flex-end;
}
@media (max-width: 640px) {
	.dai-article .uwp-product {
		padding: 1.25rem;
	}
	.uwp-row {
		flex-wrap: wrap;
	}
}
.dai-article .uwp-section-title {
	margin: 1rem 0 -0.5rem !important;
	color: #203159 !important;
	font-size: 1.25rem !important;
	font-weight: 700 !important;
	border: 0 !important;
}
/* Product sections as a grid of link tiles instead of tall rows with buttons. */
.uwp-tiles {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 0.75rem;
}
.dai-article a.uwp-tile {
	font-weight: 400 !important;
	display: flex;
	flex-direction: column;
	gap: 0.375rem;
	padding: 1rem 1.125rem;
	border: 1px solid #e3e7f0 !important;
	border-radius: 0.3125rem;
	background: #f9fafc;
	color: #55607a !important;
	font-size: 0.875rem;
	line-height: 1.45;
	text-decoration: none !important;
	background-image: none !important;
	transition: border-color 150ms ease, background-color 150ms ease;
}
.dai-article a.uwp-tile:hover {
	border-color: #203159 !important;
	background: #ffffff;
}
.uwp-tile-title {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	color: #203159;
	font-size: 0.9375rem;
	font-weight: 700;
}
.uwp-tile-title svg {
	flex: none;
	color: #203159;
}
@media (max-width: 1100px) {
	.uwp-tiles {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}
@media (max-width: 560px) {
	.uwp-tiles {
		grid-template-columns: 1fr;
	}
}
.dai-article .uwp-product-head {
	padding-bottom: 1.25rem;
}
.dai-article .uwp-product-image {
	width: 3.25rem;
	height: 3.25rem;
	padding: 0.5rem;
}
.dai-article .uwp-product {
	padding: 1.5rem 1.75rem;
}

/* Compact header on scroll (class set by scripts/light-mode.js) */
:root {
	--uwp-head: 7.5625rem;
}
html.uwp-scrolled {
	--uwp-head: 6.0625rem;
}
.dai-navbar {
	transition: height 200ms ease;
}
.dai-logo img,
.dai-logo svg {
	transition: transform 200ms ease;
	transform-origin: left center;
}
.dai-logo > a:first-child::after {
	transition: font-size 200ms ease;
}
.dai-navbar-tabs > div {
	transition: height 200ms ease;
}
.dai-navbar-tabs a {
	transition: font-size 200ms ease, padding 200ms ease, color 120ms ease;
}
html.uwp-scrolled .dai-sticky-header {
	box-shadow: 0 6px 24px rgba(32, 49, 89, 0.09) !important;
}
@media (min-width: 1024px) {
	html.uwp-scrolled .dai-navbar {
		height: 3.25rem !important;
	}
	html.uwp-scrolled .dai-logo img,
	html.uwp-scrolled .dai-logo svg {
		transform: scale(0.82);
	}
	html.uwp-scrolled .dai-logo > a:first-child::after {
		font-size: 0.9375rem;
	}
	html.uwp-scrolled .dai-navbar-tabs > div {
		height: 2.5rem !important;
	}
	html.uwp-scrolled .dai-navbar-tabs a {
		font-size: 0.875rem !important;
		padding-bottom: 0.6rem !important;
	}
	html.uwp-scrolled .dai-navbar-search .dai-search,
	html.uwp-scrolled .dai-navbar-search > button {
		height: 2.25rem !important;
	}
}
@media (prefers-reduced-motion: reduce) {
	.dai-navbar,
	.dai-logo img,
	.dai-logo svg,
	.dai-navbar-tabs > div,
	.dai-navbar-tabs a,
	.dai-sidebar-column,
	.dai-page-aside {
		transition: none !important;
	}
}

/* Links built from our own components carry no theme underline. */
.dai-article a.uwp-row-title,
.dai-article a.uwp-btn,
.dai-article a.uwp-topic,
.dai-article .uwp-popular-list a,
.dai-article .uwp-hero-links a {
	border-bottom: 0 !important;
	background-image: none !important;
}
.dai-article a.uwp-row-title {
	align-self: flex-start;
}

/* Contact form (snippets/contact-form.jsx) */
.dai-article .uwp-form {
	display: flex;
	flex-direction: column;
	gap: 1.5rem;
	margin: 1rem 0 1.5rem;
	padding: 2rem;
}
.uwp-form-topics {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
	margin: 0;
	padding: 0;
	border: 0;
}
.uwp-form-topics legend {
	margin-bottom: 0.75rem;
	color: #203159;
	font-size: 0.9375rem;
	font-weight: 700;
}
.uwp-chip {
	display: inline-flex;
	align-items: center;
	padding: 0.5rem 0.875rem;
	border: 1px solid #7d879d;
	border-radius: 0.3125rem;
	color: #203159;
	font-size: 0.875rem;
	font-weight: 500;
	cursor: pointer;
	transition: background-color 120ms ease, border-color 120ms ease;
}
.uwp-chip input {
	position: absolute;
	opacity: 0;
	pointer-events: none;
}
.uwp-chip:hover {
	border-color: #203159;
}
.uwp-chip.is-on {
	border-color: #203159;
	background: #203159;
	color: #ffffff;
}
.uwp-chip:has(input:focus-visible) {
	outline: 2px solid #fcbe00;
	outline-offset: 2px;
}
.uwp-form-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 1.25rem 1.5rem;
}
.uwp-field {
	display: flex;
	flex-direction: column;
	gap: 0.375rem;
}
.uwp-field-wide {
	grid-column: 1 / -1;
}
.uwp-field > span {
	color: #203159;
	font-size: 0.875rem;
	font-weight: 700;
}
.uwp-field input,
.uwp-field select,
.uwp-field textarea {
	width: 100%;
	padding: 0.6875rem 0.875rem;
	border: 1px solid #7d879d;
	border-radius: 0.3125rem;
	background: #f5f7fa;
	color: #2b3242;
	font: inherit;
	font-size: 0.9375rem;
	transition: border-color 120ms ease, box-shadow 120ms ease, background-color 120ms ease;
}
.uwp-field textarea {
	resize: vertical;
	min-height: 9rem;
	line-height: 1.5;
}
.uwp-field input:focus,
.uwp-field select:focus,
.uwp-field textarea:focus {
	border-color: #203159;
	background: #ffffff;
	box-shadow: 0 0 0 3px rgba(32, 49, 89, 0.15);
	outline: none;
}
.uwp-field small {
	color: #55607a;
	font-size: 0.8125rem;
}
.dai-article .uwp-form-warn,
.dai-article .uwp-form-error {
	margin: 0 !important;
	padding: 0.75rem 1rem;
	border-radius: 0.3125rem;
	font-size: 0.875rem;
}
.dai-article .uwp-form-warn {
	border-left: 3px solid #fcbe00;
	background: #fff8e1;
	color: #2b3242;
}
.dai-article .uwp-form-error {
	border-left: 3px solid #c53030;
	background: #fdecec;
	color: #8a1f1f;
}
.uwp-form-actions {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.75rem 1.25rem;
	color: #55607a;
	font-size: 0.8125rem;
}
@media (max-width: 640px) {
	.dai-article .uwp-form {
		padding: 1.25rem;
	}
	.uwp-form-grid {
		grid-template-columns: 1fr;
	}
}

/* Progress bar while a page loads after a click (scripts/light-mode.js). */
html.uwp-loading body::before {
	content: "";
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1000;
	width: 100%;
	height: 3px;
	background: #fcbe00;
	transform-origin: left;
	animation: uwp-load 1.6s cubic-bezier(0.1, 0.7, 0.3, 1) forwards;
}
html.uwp-loading .dai-content-area {
	opacity: 0.6;
	transition: opacity 150ms ease 150ms;
}
@keyframes uwp-load {
	from {
		transform: scaleX(0);
	}
	to {
		transform: scaleX(0.9);
	}
}
@media (prefers-reduced-motion: reduce) {
	html.uwp-loading body::before {
		animation: none;
		transform: scaleX(0.6);
	}
}

/* Home: no "last updated" row, and the closing band holds two actions. */
html:has(.uwp-hero) .dai-footer {
	display: none !important;
}
.uwp-cta-actions {
	display: flex;
	flex: none;
	flex-wrap: wrap;
	gap: 0.75rem;
}
.dai-article .uwp-cta-actions a.uwp-btn {
	border-bottom: 1px solid #7d879d !important;
	background-image: none !important;
}

/* Contact form, lighter: no card in the card, one control height, pill topics. */
.dai-article .uwp-form {
	gap: 1.75rem;
	margin: 0.5rem 0 0;
	padding: 0;
	border: 0;
	background: transparent;
	box-shadow: none;
}
.uwp-form-topics legend,
.uwp-field > span {
	font-size: 0.875rem;
	font-weight: 600;
	color: #203159;
}
.uwp-form-topics legend {
	margin-bottom: 0.625rem;
}
.uwp-chip {
	padding: 0.4375rem 0.9375rem;
	border: 1px solid #d5dbe6;
	border-radius: 999px;
	background: #ffffff;
	color: #2b3242;
	font-size: 0.875rem;
	font-weight: 500;
}
.uwp-chip:hover {
	border-color: #203159;
	color: #203159;
}
.uwp-chip.is-on {
	border-color: #203159;
	background: #203159;
	color: #ffffff;
}
.uwp-form-grid {
	gap: 1.25rem 1.25rem;
}
.uwp-field input,
.uwp-field select {
	height: 2.75rem;
	padding: 0 0.875rem;
	line-height: 2.75rem;
}
.uwp-field input,
.uwp-field select,
.uwp-field textarea {
	border-color: #d5dbe6;
	border-radius: 0.375rem;
	background: #ffffff;
}
.uwp-field input:hover,
.uwp-field select:hover,
.uwp-field textarea:hover {
	border-color: #7d879d;
}
.uwp-field textarea {
	padding: 0.75rem 0.875rem;
	min-height: 8rem;
}
.uwp-form-actions {
	flex-direction: column;
	align-items: flex-start;
	gap: 0.5rem;
	font-size: 0.8125rem;
}

/* Breadcrumb: small and quiet. The language crumb says nothing the flag does not. */
.dai-breadcrumbs > span:first-child {
	display: none !important;
}
.dai-breadcrumbs > span:nth-child(2) > span:first-child {
	display: none !important;
}
.dai-breadcrumbs a:hover {
	text-decoration: underline !important;
}
.dai-breadcrumbs > span > span {
	font-size: 0.8125rem;
}

/* Roadmap board keeps the theme's coloured columns; only the column labels are darkened,
   the pastel text was too faint. Tabs underline in yellow like the main menu. */
html:has(.uwp-landing) .dai-article [role="list"] {
	background: #e7eefb !important;
}
html:has(.uwp-landing) .dai-article [role="list"]:nth-child(2) {
	background: #fff3c4 !important;
}
html:has(.uwp-landing) .dai-article [role="list"]:nth-child(3) {
	background: #dff3e7 !important;
}
html:has(.uwp-landing) .dai-article [role="list"] > div:first-child > div:first-child {
	background: #ffffff !important;
}
html:has(.uwp-landing) .dai-article [role="list"] > div:first-child span,
html:has(.uwp-landing) .dai-article [role="list"] > div:first-child svg {
	color: #1f4fa8 !important;
	font-weight: 700 !important;
}
html:has(.uwp-landing) .dai-article [role="list"]:nth-child(2) > div:first-child span,
html:has(.uwp-landing) .dai-article [role="list"]:nth-child(2) > div:first-child svg {
	color: #7a5600 !important;
}
html:has(.uwp-landing) .dai-article [role="list"]:nth-child(3) > div:first-child span,
html:has(.uwp-landing) .dai-article [role="list"]:nth-child(3) > div:first-child svg {
	color: #1d7a46 !important;
}
.dai-article .absolute.bottom-0.left-0.bg-brand {
	background: #fcbe00 !important;
}

/* Dodo Payments logo inside the payment hint on the contact page. */
.dai-article img.uwp-dodo-logo {
	display: inline-block;
	margin: 0 0.5rem 0 0 !important;
	border: 0 !important;
	vertical-align: -0.2rem;
}