:root {
	--wv-sticky-header-offset: 0px;
	--wv-header-min-height: 60px;
	--wv-header-logo-width: 41px;
	--wv-header-logo-height: 34px;
	--wv-header-brand-size: 1.85rem;
	--wv-card-radius: .9rem;
	--wv-card-padding: clamp(1rem, 2.8vw, 1.2rem);
	--wv-card-shadow: 0 1px 2px rgba(14, 24, 39, .04);
	--wv-control-height: 44px;
}

.wv-site-header {
	position: sticky;
	top: 0;
	z-index: 1020;
	background: #fff;
	isolation: isolate;
	padding-top: var(--wv-safe-top);
}

.wv-site-header::before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: calc(50% - 50vw);
	right: calc(50% - 50vw);
	background: #fff;
	z-index: -1;
}

.wv-main-nav {
	background: var(--wv-surface);
	border: 0;
	box-shadow: none;
	padding: 0;
}

.wv-main-nav .container-fluid {
	display: flex;
	align-items: center;
	gap: .9rem;
	min-height: var(--wv-header-min-height);
}

.wv-main-nav .navbar-brand {
	display: inline-flex;
	align-items: center;
	gap: .7rem;
	min-width: 0;
	margin: 0;
	padding: 0;
}

.wv-main-brand {
	font-family: "Source Serif 4", "Merriweather", Georgia, serif;
	font-weight: 700;
	font-size: var(--wv-header-brand-size);
	line-height: 1;
	letter-spacing: .01em;
	color: #0f172a;
	white-space: nowrap;
}

.wv-main-brand-accent {
	color: var(--wv-brand-red);
}

.wv-main-brand-domain {
	font-size: .56em;
	font-weight: 500;
	color: #9aa5b1;
	margin-left: calc(.08em - 1px);
}

.wv-main-logo {
	width: var(--wv-header-logo-width);
	height: var(--wv-header-logo-height);
	flex: 0 0 var(--wv-header-logo-width);
	display: block;
	object-fit: contain;
}

.wv-header-search {
	position: relative;
	flex: 1 1 auto;
	min-width: 0;
	max-width: 560px;
}

.wv-header-search-input {
	display: block;
	width: 100%;
	height: 36px;
	min-height: 36px;
	border-radius: 999px;
	padding: 0 .95rem;
	border-color: #cfd8e3;
	background: #f8fafc;
	font-size: .95rem;
	line-height: 36px;
}

.wv-header-search-input:focus {
	background: #fff;
	border-color: #94a3b8;
	box-shadow: 0 0 0 .2rem rgba(148, 163, 184, .18);
}

.wv-header-search-menu {
	position: absolute;
	top: calc(100% + .45rem);
	left: 0;
	right: 0;
	z-index: 1030;
	background: #fff;
	border: 1px solid #d9dee6;
	border-radius: 1rem;
	box-shadow: 0 16px 38px rgba(15, 23, 42, .12);
	padding: .45rem;
}

.wv-header-search-item,
.wv-header-search-empty {
	display: block;
	padding: .7rem .85rem;
	border-radius: .75rem;
	font-size: .95rem;
	line-height: 1.35;
}

.wv-header-search-item {
	text-decoration: none;
	color: #102030;
}

.wv-header-search-item:hover,
.wv-header-search-item.is-active,
.wv-header-search-item:focus {
	background: #f3f4f6;
	text-decoration: none;
}

.wv-header-search-empty {
	color: var(--wv-muted);
}

.wv-header-login-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: .45rem;
	min-width: 88px;
	border-radius: 999px;
	font-weight: 600;
	font-size: .92rem;
	padding: .4rem .78rem;
	white-space: nowrap;
}

.wv-header-login-icon {
	font-size: 1rem;
	line-height: 1;
}

.wv-main-nav .wv-header-login-btn,
.wv-main-nav .wv-header-login-btn:link,
.wv-main-nav .wv-header-login-btn:visited,
.wv-main-nav .wv-header-login-btn:hover,
.wv-main-nav .wv-header-login-btn:focus,
.wv-main-nav .wv-header-login-btn:active {
	color: #fff !important;
}

.wv-header-login-btn:hover,
.wv-header-login-btn:focus {
	text-decoration: none;
}

.btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: .85rem;
	font-weight: 700;
}

.btn:not(.btn-sm):not(.wv-icon-btn) {
	min-height: var(--wv-control-height);
	padding: .68rem 1rem;
}

:is(
	.btn.btn-dark,
	.btn.btn-danger,
	.btn.btn-primary,
	.btn.btn-success,
	.btn.wv-form-submit
) {
	background: var(--wv-brand-red);
	border-color: var(--wv-brand-red);
	color: #fff;
}

:is(
	.btn.btn-dark,
	.btn.btn-danger,
	.btn.btn-primary,
	.btn.btn-success,
	.btn.wv-form-submit
):is(:hover, :focus) {
	background: var(--wv-brand-red-hover);
	border-color: var(--wv-brand-red-hover);
	color: #fff;
}

:is(
	.btn.btn-secondary,
	.btn.btn-outline-dark,
	.btn.btn-outline-secondary,
	.btn.btn-light
) {
	background: #fff;
	border-color: #4b5563;
	color: #374151;
}

:is(
	.btn.btn-secondary,
	.btn.btn-outline-dark,
	.btn.btn-outline-secondary,
	.btn.btn-light
):is(:hover, :focus) {
	background: #f3f4f6;
	border-color: #374151;
	color: #1f2937;
}

.btn.btn-outline-danger {
	background: #fff;
	border-color: #c1121f;
	color: #c1121f;
}

.btn.btn-outline-danger:is(:hover, :focus) {
	background: #fff1f2;
	border-color: #9f1239;
	color: #9f1239;
}

.btn.wv-btn-pulse {
	animation: wvButtonPulse .65s ease-in-out 2;
}

@keyframes wvButtonPulse {
	0%, 100% {
		transform: scale(1);
		box-shadow: 0 0 0 0 rgba(15, 122, 67, 0);
	}
	50% {
		transform: scale(1.04);
		box-shadow: 0 0 0 .35rem rgba(15, 122, 67, .16);
	}
}

.wv-nav-avatar {
	width: 36px;
	height: 36px;
	border-radius: 50%;
	object-fit: cover;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: #eef2f7;
	border: 1px solid #cfd8e3;
	color: #1f2a37;
}

.wv-avatar-menu-toggle {
	position: relative;
	margin-right: .35rem;
}

.wv-avatar-menu-toggle.dropdown-toggle::after {
	display: none;
}

.wv-avatar-menu-icon {
	color: var(--wv-link-color);
}

.wv-main-nav .dropdown-menu {
	margin-top: .55rem;
	box-shadow:
		0 0 18px rgba(15, 23, 42, .14),
		0 12px 28px rgba(15, 23, 42, .18);
}

.wv-notification-toggle.dropdown-toggle::after {
	display: none;
}

.wv-notification-icon-wrap {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 36px;
	border-radius: 999px;
	background: #eef2f7;
	border: 1px solid #cfd8e3;
}

.wv-notification-badge {
	position: absolute;
	top: -6px;
	right: -7px;
	min-width: 18px;
	height: 18px;
	padding: 0 4px;
	border-radius: 999px;
	background: var(--wv-brand-red);
	color: #fff;
	font-size: .65rem;
	font-weight: 700;
	line-height: 18px;
	text-align: center;
}

.wv-notification-menu {
	width: min(360px, calc(100vw - .9rem));
	max-height: 60vh;
	background: #fff;
	overflow-y: auto;
	overflow-x: hidden;
	overscroll-behavior: contain;
}

.wv-notification-menu .dropdown-header {
	color: #6b7280;
	font-size: .72rem;
}

.wv-notification-item {
	display: flex;
	align-items: center;
	gap: .55rem;
	white-space: normal;
}

.wv-notification-avatar-img {
	width: 44px;
	height: 44px;
}

.wv-notification-text {
	display: inline-block;
	flex: 1 1 auto;
	color: #1f2a37;
	font-size: .92rem;
	line-height: 1.45;
	font-weight: 350 !important;
}

.wv-notification-text strong {
	font-weight: 600 !important;
}

.wv-notification-time {
	display: block;
	font-size: .8rem;
	line-height: 1.3;
	margin-top: .12rem;
}

.wv-notification-unread-dot {
	flex: 0 0 auto;
	width: 10px;
	height: 10px;
	border-radius: 999px;
	background: var(--wv-brand-red);
}

.wv-notification-unread-dot.is-read {
	visibility: hidden;
}

@media (max-width: 991.98px) {
	.wv-header-search {
		max-width: none;
	}

	.wv-main-nav .container-fluid > .navbar-brand,
	.wv-main-nav .container-fluid > .d-flex.flex-shrink-0 {
		flex: 0 0 auto;
	}

	.wv-main-nav .container-fluid > .wv-header-search {
		flex: 1 1 8rem;
		max-width: none;
	}
}

@media (min-width: 992px) {
	.wv-main-nav .container-fluid {
		display: grid;
		grid-template-columns: auto minmax(0, 1fr) auto;
		align-items: center;
	}

	.wv-main-nav .container-fluid > .wv-header-search {
		justify-self: center;
		width: min(32rem, 42vw);
		max-width: 100%;
	}

	.wv-main-nav .container-fluid > .d-flex.flex-shrink-0 {
		margin-left: 0 !important;
	}
}

.wv-topic-grid-link {
	display: flex;
	flex-direction: column;
	height: 100%;
	text-decoration: none;
	color: inherit;
}

.wv-topic-grid-list {
	display: grid;
	grid-template-columns: 1fr;
	gap: .9rem;
}

@media (min-width: 576px) {
	.wv-topic-grid-list {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (min-width: 1200px) {
	.wv-topic-grid-list {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

.wv-topic-grid-card {
	display: flex;
	flex-direction: column;
	height: 100%;
	background: #fff;
	border: 1px solid var(--wv-border);
	border-radius: var(--wv-box-radius);
	overflow: hidden;
	box-shadow: 0 2px 10px rgba(15, 23, 42, .06);
	transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}

.wv-topic-grid-card:hover,
.wv-topic-grid-card:focus-within {
	transform: translateY(-2px);
	border-color: #bac6d5;
	box-shadow: 0 8px 22px rgba(15, 23, 42, .10);
}

.wv-topic-grid-media {
	height: 168px;
	background-size: cover;
	background-position: center;
	background-color: #eaf0f7;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #5f6f83;
	font-size: 1.35rem;
}

.wv-topic-grid-image {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.wv-topic-grid-media.is-fallback {
	background-image: linear-gradient(160deg, #e8eef7 0%, #d9e4f2 100%);
}

.wv-topic-grid-body {
	display: flex;
	flex: 1 1 auto;
	flex-direction: column;
	padding: .85rem .9rem .9rem;
}

.wv-topic-grid-head {
	display: flex;
	align-items: flex-start;
	gap: .75rem;
}

.wv-topic-grid-title-wrap {
	flex: 1 1 auto;
	min-width: 0;
}

.wv-topic-grid-title {
	font-size: 1.02rem;
	line-height: 1.35;
	color: #0f172a;
}

.wv-topic-grid-mini-pie {
	--wv-topic-mini-pie-size: 2.25rem;
	--wv-topic-mini-pie-fill: conic-gradient(#e2e8f0 0% 100%);
	position: relative;
	flex: 0 0 var(--wv-topic-mini-pie-size);
	width: var(--wv-topic-mini-pie-size);
	height: var(--wv-topic-mini-pie-size);
	border-radius: 50%;
	background: var(--wv-topic-mini-pie-fill);
	box-shadow: inset 0 0 0 1px rgba(148, 163, 184, .22);
}

.wv-topic-grid-mini-pie::after {
	content: "";
	position: absolute;
	inset: 22%;
	border-radius: 50%;
	background: #fff;
	box-shadow: inset 0 0 0 1px rgba(226, 232, 240, .9);
}

.wv-topic-grid-meta {
	font-size: .86rem;
	color: #64748b;
}

.wv-topic-feed-layout {
	display: grid;
	grid-template-columns: 1fr;
	gap: 1rem;
	align-items: start;
	margin-bottom: 1rem;
}

.wv-topic-feed-layout > * {
	min-width: 0;
}

.wv-topic-feed-side {
	display: none;
}

.wv-discovery-sidebar {
	display: flex;
	flex-direction: column;
	gap: .95rem;
	min-width: 0;
	color: #334155;
}

.wv-discovery-group {
	display: flex;
	flex-direction: column;
	gap: .55rem;
	padding-top: .85rem;
	border-top: 1px solid rgba(203, 213, 225, .85);
}

.wv-discovery-group:first-child {
	padding-top: 0;
	border-top: 0;
}

.wv-discovery-title,
.wv-discovery-kicker {
	margin: 0;
	color: #0f172a;
	font-family: "IBM Plex Sans", "Segoe UI", "Helvetica Neue", sans-serif;
	font-size: .78rem;
	font-weight: 800;
	line-height: 1.2;
	text-transform: uppercase;
	letter-spacing: 0;
}

.wv-discovery-radar,
.wv-discovery-list {
	display: flex;
	flex-direction: column;
	gap: .35rem;
	min-width: 0;
}

.wv-discovery-link,
.wv-discovery-list-link {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: .65rem;
	min-width: 0;
	min-height: 2.35rem;
	padding: .48rem .55rem;
	border: 1px solid transparent;
	border-radius: 8px;
	color: #334155;
	font-size: .92rem;
	line-height: 1.25;
	text-decoration: none;
	transition: background-color .15s ease, border-color .15s ease, color .15s ease;
}

.wv-discovery-link:hover,
.wv-discovery-link:focus-visible,
.wv-discovery-list-link:hover,
.wv-discovery-list-link:focus-visible {
	border-color: rgba(148, 163, 184, .55);
	background: #fff;
	color: #0f172a;
}

.wv-discovery-link.is-active,
.wv-discovery-list-link.is-active {
	border-color: rgba(148, 163, 184, .42);
	background: #f8fafc;
	color: #0f172a;
	font-weight: 700;
	box-shadow: inset 3px 0 0 #64748b;
}

.wv-discovery-link.is-active:hover,
.wv-discovery-link.is-active:focus-visible,
.wv-discovery-list-link.is-active:hover,
.wv-discovery-list-link.is-active:focus-visible {
	border-color: rgba(100, 116, 139, .5);
	background: #f1f5f9;
	color: #0f172a;
}

.wv-discovery-link-main {
	display: inline-flex;
	align-items: center;
	gap: .5rem;
	min-width: 0;
}

.wv-discovery-link-main i {
	flex: 0 0 auto;
	font-size: 1rem;
}

.wv-discovery-list-link > span:first-child {
	min-width: 0;
	overflow-wrap: anywhere;
}

.wv-discovery-count {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 1.75rem;
	height: 1.35rem;
	padding: 0 .45rem;
	border-radius: 999px;
	background: rgba(226, 232, 240, .9);
	color: #475569;
	font-size: .78rem;
	font-weight: 700;
	line-height: 1;
}

.wv-discovery-list-link.is-active .wv-discovery-count {
	background: #e2e8f0;
	color: #334155;
}

.wv-discovery-mobile {
	display: flex;
	align-items: center;
	gap: .65rem;
	margin: 0 0 1rem;
	padding: .45rem;
	border: 1px solid rgba(203, 213, 225, .9);
	border-radius: 8px;
	background: #fff;
	box-shadow: 0 2px 10px rgba(15, 23, 42, .05);
}

.wv-discovery-mobile-toggle {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: .45rem;
	flex: 0 0 auto;
	min-height: 2.35rem;
	padding: .48rem .7rem;
	border: 1px solid rgba(148, 163, 184, .55);
	border-radius: 7px;
	background: #f8fafc;
	color: #0f172a;
	font-size: .92rem;
	font-weight: 800;
	line-height: 1.2;
}

.wv-discovery-mobile-toggle:hover,
.wv-discovery-mobile-toggle:focus-visible {
	background: #f1f5f9;
	border-color: rgba(100, 116, 139, .55);
	color: #0f172a;
}

.wv-discovery-mobile-current {
	display: block;
	min-width: 0;
	overflow: hidden;
	color: #334155;
	font-size: .92rem;
	font-weight: 700;
	line-height: 1.25;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.wv-discovery-drawer {
	--bs-offcanvas-width: min(86vw, 340px);
	border-right: 1px solid rgba(203, 213, 225, .9);
	border-radius: 0 12px 12px 0;
	overflow: hidden;
	transition: transform .32s cubic-bezier(.22, 1, .36, 1);
	will-change: transform;
}

body.wv-standalone-app .offcanvas-backdrop.fade {
	transition: opacity .18s ease-out;
}

.wv-discovery-drawer-header {
	display: flex;
	align-items: center;
	gap: .75rem;
	justify-content: space-between;
	position: sticky;
	top: 0;
	z-index: 2;
	min-height: calc(3.5rem + var(--wv-safe-top, 0px));
	padding: calc(.95rem + var(--wv-safe-top, 0px)) 1rem .65rem;
	border-bottom: 1px solid rgba(226, 232, 240, .9);
	background: #fff;
}

.wv-discovery-drawer-header .btn-close {
	flex: 0 0 auto;
	width: 2.75rem;
	height: 2.75rem;
	margin: 0 -.35rem 0 auto;
	padding: 0;
	border-radius: 999px;
	background-size: .9rem;
}

.wv-discovery-drawer-title {
	flex: 1 1 auto;
	min-width: 0;
	margin: 0;
	color: #0f172a;
	font-family: "IBM Plex Sans", "Segoe UI", "Helvetica Neue", sans-serif;
	font-size: 1.05rem;
	font-weight: 800;
	line-height: 1.2;
}

.wv-discovery-drawer-body {
	padding: .9rem 1rem calc(1.25rem + var(--wv-footer-safe-bottom, 0px));
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
}

.wv-discovery-drawer .wv-discovery-sidebar {
	gap: 1.05rem;
}

.wv-discovery-drawer .wv-discovery-title {
	display: none;
}

.wv-topic-feed-main,
.wv-topic-feed-list {
	display: flex;
	flex-direction: column;
	gap: 1.35rem;
	min-width: 0;
}

.wv-topic-feed-item {
	position: relative;
	display: flex;
	flex-direction: column;
	gap: .85rem;
	padding-bottom: 1.35rem;
	border-bottom: 1px solid rgba(203, 213, 225, .85);
}

.wv-topic-feed-item:last-child {
	border-bottom: 0;
	padding-bottom: 0;
}

.wv-topic-feed-media {
	display: flex;
	aspect-ratio: 16 / 9;
	width: 100%;
	overflow: hidden;
	border-radius: var(--wv-box-radius);
	background: #eaf0f7;
	color: #5f6f83;
	font-size: 1.45rem;
}

.wv-topic-feed-media > a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	color: inherit;
	text-decoration: none;
}

.wv-topic-feed-media.is-fallback {
	background-image: linear-gradient(160deg, #e8eef7 0%, #d9e4f2 100%);
}

.wv-topic-feed-image {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.wv-topic-feed-body {
	display: flex;
	flex-direction: column;
	gap: .45rem;
}

.wv-topic-feed-head {
	display: flex;
	align-items: flex-start;
	gap: .75rem;
}

.wv-topic-feed-title {
	flex: 1 1 auto;
	min-width: 0;
	margin: 0;
	color: #0f172a;
	font-size: 1.35rem;
	line-height: 1.25;
}

.wv-topic-feed-title a {
	color: inherit;
	text-decoration: none;
}

.wv-topic-feed-title a:hover,
.wv-topic-feed-title a:focus-visible,
.wv-topic-feed-description a:hover,
.wv-topic-feed-description a:focus-visible {
	text-decoration: underline;
}

.wv-topic-feed-description {
	margin: 0;
	color: #475569;
	font-size: .98rem;
	line-height: 1.5;
}

.wv-topic-feed-description a {
	color: #0f172a;
	font-weight: 600;
	text-decoration: none;
	white-space: nowrap;
}

.wv-topic-feed-meta {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: .65rem;
	flex-wrap: wrap;
	color: #64748b;
	font-size: .86rem;
	line-height: 1.35;
}

.wv-feed-discussion-root {
	display: flex;
	flex-direction: column;
	gap: .75rem;
}

.wv-topic-feed-delete-form {
	position: absolute;
	right: .25rem;
	top: .25rem;
	z-index: 2;
	margin: 0;
}

@media (min-width: 992px) {
	.wv-topic-feed-layout {
		grid-template-columns: minmax(180px, .72fr) minmax(0, 1.36fr) minmax(180px, .72fr);
		gap: 1.25rem;
	}

	.wv-topic-feed-side {
		display: block;
		min-height: 1px;
	}

	.wv-topic-feed-side--discover {
		align-self: stretch;
	}

	.wv-discovery-mobile {
		display: none;
	}

	.wv-discovery-sidebar {
		position: sticky;
		top: calc(var(--wv-sticky-header-offset, 0px) + .75rem);
	}
}

.form-label {
	font-family: "IBM Plex Sans", "Segoe UI", "Helvetica Neue", sans-serif;
	font-size: .74rem;
	font-weight: 600;
	color: #6b7280;
	margin-bottom: .35rem;
	letter-spacing: .01em;
}

.form-text {
	font-size: .8rem;
	color: #9ca3af;
}

.form-control,
.form-select {
	min-height: var(--wv-control-height);
	border-radius: .85rem;
	border: 1px solid #e5e7eb;
	background: #f9fafb;
	color: #111827;
	padding: .68rem .95rem;
	box-shadow: none;
	font-size: .98rem;
	line-height: 1.35;
}

.form-control::placeholder {
	color: #9ca3af;
	opacity: 1;
}

.form-control:focus,
.form-select:focus {
	border-color: #cbd5e1;
	background: #fff;
	box-shadow: none;
}

.wv-form-submit:disabled {
	opacity: .55;
}

.wv-auth-shell {
	min-height: min(72vh, 760px);
	width: min(100%, 500px);
	max-width: 500px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: .5rem .4rem;
}

.wv-auth-box {
	width: 100%;
}

.wv-auth-head {
	text-align: center;
	margin-bottom: 1.1rem;
}

.wv-auth-mark {
	margin: 0 auto .55rem;
	width: 54px;
	height: 54px;
	border-radius: 14px;
	display: block;
	object-fit: cover;
}

.wv-auth-title {
	margin: 0;
	font-size: clamp(1.35rem, 2.5vw, 1.75rem);
	font-weight: 800;
	font-family: "IBM Plex Sans", "Segoe UI", "Helvetica Neue", sans-serif;
	color: #111827;
}

.wv-auth-subtitle {
	margin: .3rem 0 0;
	font-size: .92rem;
	color: #6b7280;
}

.wv-auth-card {
	border: 1px solid #eceff3;
	background: #fff;
	border-radius: var(--wv-box-radius);
	padding: 1.1rem;
	box-shadow: 0 2px 10px rgba(15, 23, 42, .06);
}

.wv-auth-switch {
	margin-top: .9rem;
	font-size: .92rem;
	color: #6b7280;
	text-align: center;
}

.wv-footer-nav-wrap {
	position: relative;
	margin: 3rem calc(var(--bs-gutter-x, 1.5rem) * -.5) 0;
	background: #fff;
}

.wv-footer-nav {
	position: relative;
	background: #fff;
	border-top: 1px solid #9ca3af;
	border-bottom: 1px solid #e5e7eb;
	display: grid;
	grid-template-columns: 1fr 1fr .52fr 1fr 1fr;
	align-items: center;
	gap: 0;
	height: var(--wv-footer-bar-height);
	padding: 0;
}

.wv-footer-link {
	position: relative;
	display: inline-flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
	text-align: center;
	text-decoration: none;
	color: #6b7280;
	font-weight: 600;
	font-size: .73rem;
	line-height: 1.15;
	min-height: 62px;
	border-radius: .4rem;
	padding: .98rem 0 0;
}

.wv-footer-link:visited,
.wv-footer-link:active,
.wv-footer-link:focus {
	color: #6b7280;
}

.wv-footer-link:hover {
	background: #f3f4f6;
	color: #111827;
}

.wv-footer-link-icon {
	font-size: .95rem;
	line-height: 1;
	margin-bottom: 0;
}

.wv-footer-link-label {
	position: absolute;
	left: 50%;
	bottom: .64rem;
	transform: translateX(-50%);
	display: block;
	white-space: nowrap;
}

.wv-footer-center-gap {
	min-height: 64px;
}

.wv-footer-fab {
	position: absolute;
	left: 50%;
	top: 0;
	bottom: auto;
	height: var(--wv-footer-bar-height);
	transform: translateX(-50%);
	text-decoration: none;
	color: #111827;
	width: 108px;
	z-index: 2;
}

.wv-footer-fab-plus {
	position: absolute;
	left: 50%;
	top: calc(-24px - .5rem);
	transform: translateX(-50%);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 68px;
	height: 68px;
	border-radius: 50%;
	background: var(--wv-brand-red);
	border: 5px solid #fff;
	color: #fff;
	font-size: 2.35rem;
	line-height: .9;
	font-weight: 300;
	padding-bottom: .58rem;
	box-shadow: 0 8px 18px rgba(127, 29, 29, .35);
}

.wv-footer-fab-label {
	position: absolute;
	left: 50%;
	bottom: .92rem;
	transform: translateX(-50%);
	margin-top: 0;
	font-size: .73rem;
	font-weight: 600;
	color: #6b7280;
	line-height: 1.15;
	text-align: center;
}

.wv-new-topic-fab {
	--wv-new-topic-size: 42px;
	--wv-new-topic-expanded-width: 174px;
	--wv-new-topic-label: "Wiedervorlage";
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: .45rem;
	width: var(--wv-new-topic-size);
	height: var(--wv-new-topic-size);
	padding: 0;
	border: 0;
	border-radius: 999px;
	background: var(--wv-brand-red);
	color: #fff;
	text-decoration: none;
	font-weight: 600;
	font-size: .95rem;
	line-height: 1;
	white-space: nowrap;
	overflow: hidden;
	box-shadow: 0 8px 18px rgba(127, 29, 29, .28);
	transition: width .2s ease, box-shadow .2s ease, transform .2s ease, background-color .2s ease;
}

.wv-new-topic-fab,
.wv-new-topic-fab:visited,
.wv-new-topic-fab::before,
.wv-new-topic-fab::after {
	color: #fff !important;
}

.wv-new-topic-fab::before {
	content: "+";
	font-size: 1.28rem;
	line-height: 1;
	font-weight: 300;
	flex: 0 0 auto;
	transform: translate(4px, -2px);
}

.wv-new-topic-fab::after {
	content: var(--wv-new-topic-label);
	opacity: 0;
	max-width: 0;
	transform: translateX(-8px);
	transition: opacity .16s ease, max-width .2s ease, transform .2s ease;
}

.wv-new-topic-fab:hover,
.wv-new-topic-fab:focus-visible {
	width: var(--wv-new-topic-expanded-width);
	color: #fff;
	background: var(--wv-brand-red-hover);
	box-shadow: 0 10px 22px rgba(127, 29, 29, .34);
	outline: 2px solid #fff;
	outline-offset: 2px;
}

.wv-new-topic-fab:hover::after,
.wv-new-topic-fab:focus-visible::after {
	opacity: 1;
	max-width: 140px;
	transform: translateX(0);
}

.wv-new-topic-fab--hero {
	margin-top: -10px;
}

.wv-new-topic-fab--hero::before {
	font-weight: 400;
	transform: translate(4px, -1px);
}

@media (min-width: 992px) {
	.wv-footer-nav {
		grid-template-columns: 148px 148px 108px 148px 148px;
		justify-content: center;
	}
}

.wv-nav-avatar-fallback i {
	font-size: 1.05rem;
	line-height: 1;
}

.wv-profile-avatar {
	width: 72px;
	height: 72px;
}

.wv-avatar-editor-stage-wrap {
	position: relative;
	width: min(100%, 500px);
	aspect-ratio: var(--wv-image-editor-aspect, 1 / 1);
}

.wv-avatar-dropzone--inline {
	border: 2px dashed #b7c4d6;
	border-radius: var(--wv-box-radius);
	padding: .45rem;
	background: #f8fbff;
	transition: border-color .2s ease, background-color .2s ease;
}

.wv-avatar-dropzone--inline.has-image {
	border-style: solid;
	border-color: var(--wv-border);
	background: #f4f7fb;
}

.wv-avatar-remove-btn {
	position: absolute;
	top: .45rem;
	right: .45rem;
	z-index: 5;
	width: 28px;
	height: 28px;
	border: 1px solid #cfd8e3;
	border-radius: 50%;
	background: rgba(255, 255, 255, .92);
	color: #4a5563;
	font-size: 12px;
	line-height: 1;
	padding: 0;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-family: Georgia, "Times New Roman", serif;
}

.wv-avatar-remove-btn span {
	display: block;
	font-size: 18px;
	font-weight: 700;
	line-height: 1;
	transform: translateY(-1px);
}

.wv-avatar-remove-btn:hover {
	background: #fff;
	color: #1f2a37;
	border-color: #aebccc;
}

.wv-avatar-editor-controls {
	width: min(100%, 500px);
}

.wv-avatar-editor-stage {
	width: 100%;
	max-width: 500px;
	height: auto;
	border-radius: var(--wv-box-radius);
	border: 1px solid var(--wv-border);
	background: #e9eef5;
	touch-action: none;
	cursor: grab;
}

.wv-avatar-editor-stage:active {
	cursor: grabbing;
}

.wv-avatar-editor-overlay {
	position: absolute;
	inset: 0;
	pointer-events: none;
}

.wv-avatar-editor-stage-wrap[data-image-shape="circle"] .wv-avatar-editor-stage {
	border-radius: 50%;
}

.wv-avatar-editor-stage-wrap[data-image-shape="rect"] .wv-avatar-editor-stage {
	border-radius: 1rem;
}

.wv-profile-hero-banner-trigger,
.wv-profile-hero-avatar-trigger {
	border: 0;
	padding: 0;
	background: transparent;
}

.wv-profile-hero-banner-trigger {
	position: absolute;
	inset: 0;
	display: block;
	width: 100%;
	height: 100%;
}

.wv-profile-hero-banner-trigger:hover .wv-topic-hero-image,
.wv-profile-hero-banner-trigger:focus-visible .wv-topic-hero-image,
.wv-profile-hero-avatar-trigger:hover .wv-profile-image-target-preview--avatar,
.wv-profile-hero-avatar-trigger:focus-visible .wv-profile-image-target-preview--avatar {
	border-color: #8ca3c0;
	box-shadow: 0 10px 24px rgba(15, 23, 42, .09);
	background: #fff;
}

.wv-profile-image-target-preview {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	overflow: hidden;
	background: #e8eef6;
	border: 1px solid #d6deea;
}

.wv-profile-image-target-preview img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.wv-profile-image-target-preview--avatar {
	width: 64px;
	height: 64px;
	border-radius: 50%;
	margin: 0;
	border-width: 2px;
	box-shadow: 0 10px 24px rgba(15, 23, 42, .18);
}

.wv-profile-image-target-empty {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	color: #64748b;
	font-size: 1.5rem;
}

.wv-profile-hero-avatar-trigger {
	position: absolute;
	top: 1rem;
	left: 1rem;
	border-radius: 50%;
	z-index: 2;
}

.wv-profile-hero-banner-remove {
	top: .75rem;
	right: .75rem;
	z-index: 3;
}

.wv-profile-hero-avatar-remove {
	top: .8rem;
	left: calc(1rem + 48px);
	z-index: 3;
}

.wv-profile-image-crop-dialog {
	max-width: min(100vw - 2rem, 540px);
}

.wv-avatar-chip {
	width: 28px;
	height: 28px;
	border-radius: 50%;
	object-fit: cover;
	border: 1px solid #cfd8e3;
	background: #eef2f7;
}

.wv-avatar-chip-sm {
	width: 24px;
	height: 24px;
}

.wv-notify-stack {
	position: fixed;
	top: 1rem;
	right: 1rem;
	z-index: 2000;
	width: min(92vw, 360px);
	display: flex;
	flex-direction: column;
	gap: .55rem;
	pointer-events: none;
}

.wv-notify-item {
	pointer-events: auto;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: .65rem;
	background: #fff;
	border: 1px solid var(--wv-border);
	border-left: 4px solid #64748b;
	border-radius: var(--wv-box-radius);
	box-shadow: 0 8px 22px rgba(15, 23, 42, .14);
	padding: .65rem .75rem;
	transform: translateX(118%);
	opacity: 0;
	transition: transform .28s ease, opacity .25s ease;
}

.wv-notify-item.is-visible {
	transform: translateX(0);
	opacity: 1;
}

.wv-notify-item.is-hiding {
	transform: translateX(118%);
	opacity: 0;
}

.wv-notify-item.is-error {
	border-left-color: #c1121f;
}

.wv-notify-item.is-success {
	border-left-color: #2b9348;
}

.wv-notify-text {
	font-size: .96rem;
	line-height: 1.35;
	color: #374151;
}

.wv-notify-text a {
	color: var(--wv-link-color);
	text-decoration: underline;
}

.wv-notify-text a:hover {
	color: var(--wv-brand-red-hover);
}

.wv-notify-close {
	flex: 0 0 auto;
	border: 0;
	background: transparent;
	color: #4b5563;
	font-size: 1.1rem;
	line-height: 1;
	padding: 0;
}

.wv-notify-close:hover {
	color: #111827;
}

@media (max-width: 991.98px) {
	.wv-notify-stack {
		top: calc(var(--wv-safe-top, 0px) + 1.35rem);
		right: .75rem;
		width: min(calc(100vw - 1.5rem), 360px);
	}
}

.nav.nav-tabs {
	border-bottom: 1px solid #d5d9e2;
	display: flex;
	flex-wrap: wrap;
	gap: .4rem;
	margin-bottom: 0;
}

.nav.nav-tabs .nav-item {
	margin: 0;
}

.nav.nav-tabs .nav-link {
	margin: 0 0 -1px;
	border: 1px solid #d5d9e2;
	border-bottom-color: #d5d9e2;
	border-radius: .85rem .85rem 0 0;
	background: #f6f8fb;
	color: #9ca3af;
	font-weight: 600;
	padding: .5rem .95rem;
	line-height: 1.2;
	position: relative;
}

.nav.nav-tabs .nav-link:hover {
	background: #edf2f7;
	border-color: #c5ccd6;
	color: #6b7280;
}

.nav.nav-tabs .nav-link.active {
	background: #fff;
	border-color: #d5d9e2;
	border-bottom-color: #fff;
	color: #111827;
	z-index: 2;
}

.nav.nav-pills {
	border-bottom: 0;
	display: flex;
	flex-wrap: wrap;
	gap: .5rem;
}

.nav.nav-pills .nav-item {
	margin: 0;
}

.nav.nav-pills .nav-link {
	margin: 0;
	border: 1px solid #cfd8e3;
	border-radius: 999px;
	background: #fff;
	color: #334e68;
	font-weight: 400;
	padding: .42rem .9rem;
	line-height: 1.2;
}

.nav.nav-pills .nav-link:hover {
	background: #f4f7fb;
	border-color: #bfcddd;
	color: #1e3854;
}

.nav.nav-pills .nav-link.active {
	background: #e6edf6;
	border-color: #a9bdd4;
	color: #13324f;
}

[data-faq-pill-target] {
	scroll-margin-top: calc(var(--wv-sticky-header-offset, 0px) + 1rem);
}

.wv-sticky-aside {
	top: 0;
}

@media (min-width: 768px) {
	.wv-sticky-aside {
		top: calc(var(--wv-sticky-header-offset, 0px) + 1rem);
	}
}

.form-control.wv-field-valid {
	padding-right: 2.15rem;
	border-color: #2b9348;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%232b9348' d='M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0M6.97 11.03 12.03 5.97l-.94-.94-4.12 4.12L4.91 7.09l-.94.94z'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-size: 1rem 1rem;
	background-position: right .65rem center;
}

.wv-catbar {
	position: relative;
	background: var(--wv-surface);
	border-bottom: 1px solid rgba(15, 23, 42, .12);
	width: 100vw;
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
}

.wv-catbar-inner {
	position: relative;
	width: 100%;
	max-width: 100%;
	margin: 0 auto;
	box-sizing: border-box;
	padding: .225rem .75rem;
}

@media (min-width: 576px) {
	.wv-catbar-inner {
		max-width: 540px;
	}
}

@media (min-width: 768px) {
	.wv-catbar-inner {
		max-width: 720px;
	}
}

@media (min-width: 992px) {
	.wv-catbar-inner {
		max-width: 960px;
	}
}

@media (min-width: 1200px) {
	.wv-catbar-inner {
		max-width: 1140px;
	}
}

@media (min-width: 1400px) {
	.wv-catbar-inner {
		max-width: 1320px;
	}
}

.wv-catbar-track {
	display: flex;
	gap: .85rem;
	overflow-x: auto;
	scrollbar-width: none;
	-ms-overflow-style: none;
	scroll-behavior: smooth;
	padding: 0;
	flex: 1 1 auto;
}

.wv-catbar-track::-webkit-scrollbar {
	display: none;
}

.wv-cat-pill {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	position: relative;
	white-space: nowrap;
	padding: .12rem 0;
	border: 0;
	border-radius: 0;
	background: transparent;
	color: #52667d;
	font-size: .8rem;
	font-weight: 600;
	text-decoration: none;
	transition: color .18s ease;
}

.wv-cat-pill::before {
	content: "";
	position: absolute;
	top: 0;
	left: .1rem;
	right: .1rem;
	border-top: 1px solid transparent;
	transition: border-top-color .18s ease;
}

.wv-cat-pill:hover {
	background: transparent;
	color: #29415d;
}

.wv-cat-pill:hover::before {
	border-top-color: #29415d;
}

.wv-cat-pill.is-active {
	background: transparent;
	color: var(--wv-link-color);
}

.wv-cat-pill.is-active::before {
	border-top-color: var(--wv-link-color);
}

.wv-catbar-separator {
	display: inline-block;
	width: 1px;
	align-self: stretch;
	background: #d9e2ec;
	margin: .05rem .1rem;
	flex: 0 0 auto;
}

.wv-catbar::before,
.wv-catbar::after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	width: 2.25rem;
	pointer-events: none;
	opacity: 0;
	transition: opacity .2s ease;
	z-index: 3;
}

.wv-catbar::before {
	left: 0;
	background: linear-gradient(to right, var(--wv-surface), rgba(255, 255, 255, 0));
}

.wv-catbar::after {
	right: 0;
	background: linear-gradient(to left, var(--wv-surface), rgba(255, 255, 255, 0));
}

.wv-catbar:not(.is-at-start)::before {
	opacity: 1;
}

.wv-catbar:not(.is-at-end)::after {
	opacity: 1;
}

.wv-panel,
.wv-card,
.wv-category-hero,
.wv-topic-hero-card,
.wv-discussion-card,
.wv-discussion-thread-card {
	background: var(--wv-surface);
	border: 1px solid var(--wv-border);
	border-radius: var(--wv-card-radius);
	box-shadow: var(--wv-card-shadow);
	overflow: hidden;
}

.wv-panel {
	padding: var(--wv-card-padding);
}

.hero-card {
	color: #0f172a;
}

.wv-home-hero {
	position: relative;
	min-height: 25rem;
	padding: 0;
	display: flex;
	align-items: stretch;
	background: #f7f4ee;
	isolation: isolate;
}

.wv-home-hero::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 1;
	pointer-events: none;
	background: linear-gradient(90deg, rgba(255, 255, 255, .97) 0%, rgba(255, 255, 255, .93) 36%, rgba(255, 255, 255, .45) 61%, rgba(255, 255, 255, 0) 82%);
}

.wv-home-hero-image {
	position: absolute;
	inset: 0;
	z-index: 0;
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center 35%;
}

.wv-home-hero-copy {
	position: relative;
	z-index: 2;
	width: min(100%, 35rem);
	min-height: inherit;
	padding: 3rem;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.wv-home-hero .lead {
	max-width: 32rem;
	color: #334155;
}

@media (max-width: 767.98px) {
	.wv-home-hero {
		min-height: 26rem;
		display: block;
		background: #f7f4ee;
	}

	.wv-home-hero::before {
		display: block;
		background: linear-gradient(180deg, rgba(255, 255, 255, .99) 0%, rgba(255, 255, 255, .98) 44%, rgba(255, 255, 255, .76) 58%, rgba(247, 244, 238, .18) 78%, rgba(247, 244, 238, 0) 100%);
	}

	.wv-home-hero-image {
		position: absolute;
		inset: 0;
		margin-top: 0;
		aspect-ratio: auto;
		height: calc(100% + 2.25rem);
		object-position: 38% bottom;
		transform: translateY(-2.25rem);
		-webkit-mask-image: none;
		mask-image: none;
	}

	.wv-home-hero-copy {
		min-height: 0;
		width: 100%;
		padding: 1.25rem;
		background: transparent;
	}

	.wv-home-hero-copy::after {
		display: none;
	}
}

.wv-card {
	padding: var(--wv-card-padding);
	height: 100%;
}

pre[data-profile-embed-snippet].form-control {
	white-space: pre-wrap;
	word-break: break-word;
	overflow-wrap: anywhere;
	overflow-x: hidden;
	padding-right: 2.75rem;
}

.wv-embed-snippet-box {
	position: relative;
}

.wv-embed-snippet-copy {
	position: absolute;
	top: .7rem;
	right: .75rem;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 1.75rem;
	height: 1.75rem;
	border: 0;
	border-radius: 999px;
	background: transparent;
	color: var(--wv-muted);
	font-size: 1rem;
	line-height: 1;
	padding: 0;
	z-index: 1;
}

.wv-embed-snippet-copy:hover,
.wv-embed-snippet-copy:focus-visible {
	background: #eef2f7;
	color: #0f172a;
	outline: none;
}

.wv-topic-option-selected {
	background: #f8fafc;
	border-color: color-mix(in srgb, var(--wv-opt-color, #3b82f6) 42%, #d4dbe5);
	box-shadow: 0 0 0 1px color-mix(in srgb, var(--wv-opt-color, #3b82f6) 24%, transparent), 0 2px 8px rgba(15, 23, 42, .08);
}

.wv-topic-option-muted {
	opacity: .42;
	filter: saturate(.58);
}

.wv-topic-option-static {
	transition: none;
}

.wv-topic-pie-wrap {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: .65rem;
}

.wv-topic-pie-svg,
.wv-topic-bar-svg {
	width: 100%;
	max-width: 100%;
	height: auto;
	display: block;
	overflow: visible;
}

.wv-topic-breakdown-row {
	display: none;
}

.wv-topic-breakdown-dot {
	width: 10px;
	height: 10px;
	border-radius: 50%;
	border: 1px solid rgba(15, 23, 42, .12);
}

.wv-inline-tooltip-wrap {
	position: relative;
	display: inline-flex;
	align-items: center;
	margin-left: .35rem;
}

.wv-inline-info-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 1.05rem;
	height: 1.05rem;
	border: 1px solid #9aa7ba;
	border-radius: 50%;
	background: #fff;
	color: #64748b;
	font-size: .72rem;
	font-weight: 700;
	line-height: 1;
	padding: 0;
}

.wv-inline-info-btn:hover,
.wv-inline-info-btn[aria-expanded="true"] {
	border-color: #64748b;
	color: #334155;
}

.wv-inline-tooltip {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1105;
	isolation: isolate;
	min-width: 220px;
	max-width: min(320px, 82vw);
	padding: .56rem .62rem;
	border: 1px solid #d6dfeb;
	border-left: 6px solid var(--wv-brand-red);
	border-radius: .6rem;
	background: #fff;
	color: #374151;
	font-size: .82rem;
	line-height: 1.35;
	box-shadow: 0 8px 28px rgba(15, 23, 42, .18);
	opacity: 0;
	transform: translateY(4px);
	pointer-events: none;
	transition: opacity .18s ease, transform .18s ease;
	--wv-tooltip-arrow-left: 50%;
	--wv-tooltip-arrow-top: 50%;
}

.wv-inline-tooltip--scrollable {
	overflow: visible;
}

.wv-inline-tooltip-scroll-body {
	position: relative;
	z-index: 1;
}

.wv-inline-tooltip--scrollable .wv-inline-tooltip-scroll-body {
	-webkit-overflow-scrolling: touch;
	overscroll-behavior: contain;
}

.wv-inline-tooltip::before {
	content: "";
	position: absolute;
	width: 10px;
	height: 10px;
	background: #fff;
	border-left: 1px solid #d6dfeb;
	border-top: 1px solid #d6dfeb;
	transform: rotate(45deg);
	opacity: 0;
	pointer-events: none;
}

.wv-inline-tooltip--arrow-up::before,
.wv-inline-tooltip--arrow-down::before,
.wv-inline-tooltip--arrow-left::before,
.wv-inline-tooltip--arrow-right::before {
	opacity: 1;
}

.wv-inline-tooltip--arrow-up::before,
.wv-inline-tooltip--arrow-down::before {
	left: calc(var(--wv-tooltip-arrow-left) - 5px);
}

.wv-inline-tooltip--arrow-up::before {
	top: -6px;
}

.wv-inline-tooltip--arrow-down::before {
	bottom: -6px;
	transform: rotate(225deg);
}

.wv-inline-tooltip--arrow-left::before,
.wv-inline-tooltip--arrow-right::before {
	top: calc(var(--wv-tooltip-arrow-top) - 5px);
}

.wv-inline-tooltip--arrow-left::before {
	left: -6px;
	transform: rotate(315deg);
}

.wv-inline-tooltip--arrow-right::before {
	right: -6px;
	transform: rotate(135deg);
}

.wv-inline-tooltip.is-visible {
	opacity: 1;
	transform: translateY(0);
	pointer-events: auto;
}

.wv-inline-tooltip.is-hiding {
	opacity: 0;
	transform: translateY(4px);
	pointer-events: none;
}

.wv-inline-tooltip a {
	color: var(--wv-link-color);
	text-decoration: underline;
}

.wv-inline-tooltip a:hover {
	color: var(--wv-brand-red-hover);
}

.wv-topic-timeline-wrap {
	display: flex;
	flex-direction: column;
	gap: .6rem;
}

.wv-topic-timeline-plot {
	flex: 1 1 auto;
	min-height: 250px;
}

.wv-topic-timeline-range {
	display: flex;
	flex-wrap: nowrap;
	gap: .3rem;
}

.wv-topic-timeline-range .wv-cat-pill {
	flex: 1 1 0;
	min-width: 0;
	padding: .3rem .35rem;
	font-size: .82rem;
	line-height: 1.15;
}

.wv-topic-timeline-canvas {
	display: block;
	width: 100%;
	height: 100%;
	border: 0;
	border-radius: 0;
	background: transparent;
}

.wv-topic-distribution-pane {
	display: flex;
	flex-direction: column;
	gap: .75rem;
	padding: 0 .1rem .1rem;
}

.wv-flow-stack {
	display: flex;
	flex-direction: column;
	gap: .55rem;
}

.wv-flow-stack > * {
	margin: 0;
}

.wv-topic-distribution-carousel,
.wv-topic-sidebar,
.wv-topic-maincol,
[data-discussion-root] {
	display: flex;
	flex-direction: column;
	gap: 1rem;
}

.wv-topic-distribution-carousel-card,
.wv-topic-distribution-history-card {
	display: flex;
	flex-direction: column;
	gap: .75rem;
}

.wv-topic-distribution-track,
.wv-sidebet-carousel-track {
	display: flex;
	gap: 0;
	overflow-x: auto;
	scroll-snap-type: x mandatory;
	scrollbar-width: none;
	-webkit-overflow-scrolling: touch;
	overscroll-behavior-x: contain;
	scroll-behavior: smooth;
}

.wv-topic-distribution-track::-webkit-scrollbar,
.wv-sidebet-carousel-track::-webkit-scrollbar {
	display: none;
}

.wv-topic-distribution-slide,
.wv-sidebet-slide {
	flex: 0 0 100%;
	width: 100%;
	min-width: 0;
	scroll-snap-align: start;
	scroll-snap-stop: always;
	display: flex;
	flex-direction: column;
	gap: .75rem;
}

.wv-topic-distribution-dots {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: .38rem;
}

.wv-topic-distribution-dot {
	width: .56rem;
	height: .56rem;
	padding: 0;
	border: 0;
	border-radius: 999px;
	background: #cbd5e1;
	transition: transform .18s ease, background-color .18s ease;
}

.wv-topic-distribution-dot.is-active {
	background: #64748b;
	transform: scale(1.15);
}

.wv-topic-chart-actions {
	display: flex;
	flex-wrap: wrap;
	gap: .4rem;
}

.wv-topic-chart-icon-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 1.9rem;
	height: 1.9rem;
	padding: 0;
	border: 0;
	border-radius: 999px;
	background: transparent;
	color: #64748b;
	font-size: .95rem;
	line-height: 1;
}

.wv-topic-chart-icon-btn:hover,
.wv-topic-chart-icon-btn:focus-visible {
	background: rgba(148, 163, 184, .12);
	color: #0f172a;
	outline: none;
}

.wv-topic-chart-icon-btn:disabled {
	opacity: .45;
	cursor: default;
}

.wv-topic-pie-wrap,
.wv-topic-timeline-plot {
	cursor: zoom-in;
}

.wv-topic-chart-modal-body {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: calc(100vh - 110px);
	background: #fff;
}

.wv-topic-chart-modal-body [data-topic-chart-modal-stage] {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: min(96vw, 1800px);
	min-height: calc(100vh - 150px);
}

.wv-topic-chart-modal-body [data-topic-chart-modal-stage][data-topic-chart-title]::before {
	content: attr(data-topic-chart-title);
	display: block;
	margin: 0 0 1rem;
	font-family: "IBM Plex Sans", "Segoe UI", "Helvetica Neue", sans-serif;
	font-size: clamp(1.05rem, 1vw + .95rem, 1.45rem);
	font-weight: 700;
	line-height: 1.15;
	text-align: center;
	color: #0f172a;
}

.wv-topic-chart-modal-body [data-topic-chart-modal-stage][data-topic-chart-meta]::after {
	content: attr(data-topic-chart-meta);
	display: block;
	align-self: stretch;
	margin: .9rem 0 0;
	font-size: .92rem;
	line-height: 1.35;
	text-align: right;
	color: #64748b;
}

.wv-topic-chart-modal-body [data-topic-chart-modal-stage] > :is(svg, img) {
	display: block;
	flex: 1 1 auto;
	align-self: center;
	max-width: 100%;
	max-height: calc(100vh - 230px);
	width: 100%;
	height: auto;
	object-fit: contain;
	border-radius: 0;
}

.wv-topic-hero-card,
.wv-topic-vote-hint,
.wv-topic-vote-grid,
.wv-topic-mobile-sections {
	margin-bottom: 1rem;
}

.wv-topic-mobile-sections {
	display: grid;
	grid-template-columns: repeat(var(--wv-topic-mobile-tab-count, 3), minmax(0, 1fr));
	gap: .45rem;
	padding: .45rem;
	background: rgba(255, 255, 255, .94);
	border: 1px solid rgba(203, 213, 225, .9);
	border-radius: 999px;
	backdrop-filter: blur(14px);
	box-shadow: 0 8px 24px rgba(15, 23, 42, .08);
}

.wv-topic-mobile-sections-tab {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 2.5rem;
	padding: .45rem .7rem;
	border: 0;
	border-radius: 999px;
	background: transparent;
	color: #64748b;
	font-size: .94rem;
	font-weight: 600;
	line-height: 1.2;
	white-space: nowrap;
}

.wv-topic-mobile-sections-tab.is-active {
	background: #f8fafc;
	color: #0f172a;
	box-shadow: inset 0 0 0 1px rgba(148, 163, 184, .5);
}

.wv-topic-mobile-sections-tab:focus-visible {
	outline: 2px solid rgba(15, 23, 42, .22);
	outline-offset: 2px;
}

.wv-sidebet-slide-list {
	display: flex;
	flex-direction: column;
	gap: .55rem;
}

.wv-sidebet-slide-label,
.wv-sidebet-slide > p {
	margin: 0;
}

.wv-sidebet-slide-label {
	color: #64748b;
	font-size: .76rem;
	font-weight: 700;
	letter-spacing: .05em;
	line-height: 1.2;
	text-transform: uppercase;
}

.wv-sidebet-entry {
	display: flex;
	flex-direction: column;
	gap: .25rem;
	padding: .8rem .9rem;
	border-radius: .85rem;
	background: #f8fafc;
	border: 1px solid rgba(203, 213, 225, .9);
}

.wv-sidebet-entry > p {
	margin: 0;
}

[data-discussion-root] > .alert {
	margin-bottom: 0;
}

@media (min-width: 992px) {
	.wv-topic-detail-layout > .wv-topic-sidebar {
		position: sticky;
		top: calc(var(--wv-sticky-header-offset, 0px) + .85rem);
		align-self: start;
	}

	.wv-topic-distribution-slide .wv-topic-timeline-wrap {
		min-height: 0;
	}

	.wv-topic-distribution-slide .wv-topic-timeline-plot {
		min-height: 250px;
	}

	.wv-topic-detail-layout > .wv-topic-feed-side--discover {
		grid-column: 1;
		grid-row: 1;
	}

	.wv-topic-detail-layout > [data-topic-mobile-panel="details"] {
		grid-column: 3;
		grid-row: 1;
	}

	.wv-topic-detail-layout > [data-topic-mobile-panel="discussion"] {
		grid-column: 2;
		grid-row: 1;
	}

}

@media (max-width: 575.98px) {
	.wv-topic-chart-actions {
		gap: .3rem;
	}

	.wv-topic-chart-icon-btn {
		width: 1.8rem;
		height: 1.8rem;
		font-size: .9rem;
	}

	.wv-admin-overview-legend {
		grid-template-columns: 1fr;
	}

	.wv-admin-overview-card {
		padding: .9rem;
	}
}

@media (max-width: 991.98px) {
	.wv-topic-detail-layout > [data-topic-mobile-panel] {
		display: none;
	}

	.wv-topic-detail-layout > [data-topic-mobile-panel].is-active {
		display: flex;
	}

	.wv-topic-create-wizard {
		min-height: calc(100vh - 180px);
		align-content: start;
	}

	.wv-admin-overview-grid {
		grid-template-columns: 1fr;
	}
}

.wv-category-hero {
	display: grid;
	grid-template-columns: 1fr;
	align-items: stretch;
	overflow: hidden;
}

.wv-category-hero-media {
	height: 100%;
	min-height: 220px;
	background-image: var(--wv-category-image);
	background-size: cover;
	background-position: center;
}

.wv-category-hero-media--image {
	background: #eef2f7;
}

.wv-category-hero-media-img {
	display: block;
	width: 100%;
	height: 100%;
	min-height: 220px;
	object-fit: cover;
}

.wv-category-hero-body {
	padding: 1.15rem 1.2rem;
	min-width: 0;
}

.wv-topic-hero-grid {
	display: grid;
	grid-template-columns: clamp(132px, 34%, 280px) minmax(0, 1fr);
}

.wv-topic-hero-grid--detail {
	grid-template-columns: minmax(108px, 30%) minmax(0, 1fr);
}

.wv-topic-hero-visual {
	position: relative;
	background: #eef2f7;
	aspect-ratio: auto;
	min-height: 100%;
	overflow: hidden;
}

.wv-topic-hero-grid--detail .wv-topic-hero-visual {
	aspect-ratio: auto;
	min-height: 100%;
}

.wv-topic-hero-image {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.wv-topic-hero-content {
	min-width: 0;
	padding: 1rem;
	display: flex;
	flex-direction: column;
	gap: 1rem;
}

.wv-topic-hero-copy {
	display: flex;
	flex-direction: column;
	gap: .75rem;
}

.wv-topic-hero-title {
	margin: 0;
	color: #0f172a;
	font-family: "Source Serif 4", "Merriweather", Georgia, serif;
	font-size: clamp(1.35rem, 3.8vw, 2rem);
	font-weight: 500;
	line-height: 1.12;
	letter-spacing: .01em;
	text-wrap: balance;
	max-width: 100%;
	overflow-wrap: anywhere;
	word-break: normal;
}

.wv-topic-kind-kicker {
	margin: 0;
	display: inline-flex;
	align-items: center;
	min-height: 1.55rem;
	padding: .18rem .55rem;
	border-radius: 999px;
	background: #f3f4f6;
	color: #6b7280;
	font-size: .76rem;
	font-weight: 700;
	letter-spacing: .05em;
	text-transform: uppercase;
}

.wv-topic-hero-meta {
	display: flex;
	flex-wrap: wrap;
	gap: .85rem;
}

.wv-topic-meta-chip {
	display: inline-flex;
	align-items: center;
	gap: .35rem;
	color: #5f7084;
	font-size: .9rem;
	line-height: 1.2;
	text-decoration: none;
}

a.wv-topic-meta-chip:hover,
a.wv-topic-meta-chip:focus-visible {
	color: #0f172a;
	text-decoration: none;
}

.wv-topic-hero-description {
	margin: 0;
	white-space: pre-line;
	color: #334155;
	font-size: .97rem;
	line-height: 1.55;
	max-width: 62ch;
}

.wv-topic-hero-description-block {
	display: flex;
	flex-direction: column;
	gap: .28rem;
}

.wv-topic-hero-description-toggle {
	align-self: flex-start;
	padding: 0;
	border: 0;
	background: transparent;
	color: #64748b;
	font-size: .85rem;
	font-weight: 500;
	line-height: 1.2;
}

.wv-topic-hero-description-toggle:hover,
.wv-topic-hero-description-toggle:focus-visible {
	color: #0f172a;
	outline: none;
}

.wv-user-hero-media {
	background-color: #eef2f7;
	display: flex;
	align-items: center;
	justify-content: center;
}

.wv-user-hero-media .wv-profile-avatar {
	width: 104px;
	height: 104px;
	border-width: 2px;
	box-shadow: 0 10px 24px rgba(15, 23, 42, .12);
}

.wv-user-hero-media.is-fallback i {
	font-size: 3rem;
	color: #64748b;
}

.wv-user-hero-description-wrap {
	max-height: 8.6rem;
	overflow-y: auto;
	padding-right: .35rem;
	scrollbar-width: thin;
	overscroll-behavior: contain;
}

.wv-profile-feed-controls {
	display: flex;
	flex: 1 1 560px;
	align-items: flex-start;
	justify-content: flex-end;
	flex-wrap: wrap;
	gap: .5rem;
}

.wv-profile-completion {
	display: grid;
	gap: .55rem;
	max-width: 24rem;
	padding: .8rem .95rem;
	border: 1px solid #d9e2ec;
	border-radius: var(--wv-box-radius);
	background: #f8fbff;
}

.wv-profile-completion-head {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: .9rem;
}

.wv-profile-completion-label {
	margin: 0 0 .15rem;
	font-size: .82rem;
	font-weight: 700;
	letter-spacing: .02em;
	text-transform: uppercase;
	color: #5f7084;
}

.wv-profile-completion-percent {
	font-size: clamp(1.5rem, 3vw, 2rem);
	font-weight: 700;
	line-height: 1;
	color: #0f172a;
}

.wv-profile-completion-bar {
	height: .55rem;
	border-radius: 999px;
	background: #dbe5f0;
	overflow: hidden;
}

.wv-profile-completion-fill {
	display: block;
	height: 100%;
	border-radius: inherit;
	background: linear-gradient(90deg, #0f7a43 0%, #1ea35e 100%);
}

.wv-profile-completion-meta {
	margin: 0;
	font-size: .88rem;
	color: #5f7084;
}

.wv-stat {
	font-size: 2rem;
	font-weight: 700;
	line-height: 1;
}

.wv-muted {
	color: var(--wv-muted);
}

.wv-topic-meta {
	font-size: .9rem;
	color: #617285;
}

.wv-admin {
	--wv-admin-radius: var(--wv-box-radius);
	--wv-admin-soft: #f8fafc;
	--wv-admin-line: #dbe2eb;
	max-width: 100%;
	overflow-x: clip;
	overflow-y: visible;
}

.wv-admin .wv-panel,
.wv-admin .wv-card {
	border-radius: var(--wv-admin-radius);
	min-width: 0;
	max-width: 100%;
}

.wv-admin-shell {
	display: grid;
	gap: .9rem;
	align-items: start;
	min-width: 0;
	max-width: 100%;
}

.wv-admin-workspace {
	min-width: 0;
	max-width: 100%;
}

.wv-admin-menu-panel {
	display: none;
	margin: 0;
	padding: 0;
	background: transparent;
}

.wv-admin-menu-panel .wv-admin-menu {
	position: static;
	top: auto;
}

.wv-admin-section-head {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: .9rem;
	flex-wrap: wrap;
	margin-bottom: 1rem;
}

.wv-admin-toolbar {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: .45rem;
	flex-wrap: wrap;
	margin-left: auto;
}

.wv-admin-toolbar .wv-tree-search {
	width: min(100%, 20rem);
	max-width: none;
}

.wv-admin-feed-card,
.wv-admin-flag-item {
	border: 1px solid #dfe7f0;
	border-radius: var(--wv-admin-radius);
	background: #fff;
	padding: .85rem;
}

.wv-admin-feed-card {
	box-shadow: 0 1px 2px rgba(15, 23, 42, .03);
}

.wv-admin-feed-main {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: .8rem;
	min-width: 0;
}

.wv-admin-feed-copy {
	display: flex;
	flex-direction: column;
	gap: .25rem;
	min-width: 0;
}

.wv-admin-feed-title {
	font-weight: 700;
	color: #102030;
	text-decoration: none;
	overflow-wrap: anywhere;
}

.wv-admin-feed-title:hover,
.wv-admin-feed-title:focus {
	color: var(--wv-link-color);
	text-decoration: underline;
}

.wv-admin-feed-meta {
	display: flex;
	align-items: center;
	gap: .4rem .65rem;
	flex-wrap: wrap;
	font-size: .84rem;
	color: #617285;
}

.wv-admin-feed-meta > span:not(:last-child)::after {
	content: "";
	display: inline-block;
	width: .25rem;
	height: .25rem;
	margin-left: .65rem;
	border-radius: 50%;
	background: #c6d1de;
	vertical-align: middle;
}

.wv-admin-comment-body {
	margin: .75rem 0;
	padding: .7rem .8rem;
	border-left: 3px solid #d8e1ec;
	background: #f8fafc;
	border-radius: 0 var(--wv-admin-radius) var(--wv-admin-radius) 0;
	overflow-wrap: anywhere;
}

.wv-admin-flag-item + .wv-admin-flag-item {
	margin-top: .55rem;
}

@media (min-width: 992px) {
	.wv-admin-shell {
		grid-template-columns: minmax(150px, 172px) minmax(0, 1fr);
	}

	.wv-admin-menu-panel {
		display: block;
		position: sticky;
		top: calc(var(--wv-sticky-header-offset, 0px) + .65rem);
		z-index: 5;
		margin-inline: 0;
		padding-inline: 0;
		background: transparent;
	}
}

@media (max-width: 767.98px) {
	.wv-admin-feed-main {
		flex-direction: column;
		align-items: stretch;
	}

	.wv-admin-toolbar {
		width: 100%;
		justify-content: flex-start;
	}

	.wv-admin-toolbar .wv-tree-search {
		width: 100%;
	}
}

@media (max-width: 575.98px) {
	.wv-admin .wv-panel,
	.wv-admin .wv-card {
		margin-left: -.35rem;
		margin-right: -.35rem;
		padding-left: .85rem;
		padding-right: .85rem;
	}

}

.wv-admin-overview-grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: .9rem;
	min-width: 0;
	max-width: 100%;
}

.wv-admin-overview-card {
	padding: .85rem;
	border: 1px solid var(--wv-admin-line);
	border-radius: var(--wv-admin-radius);
	background: var(--wv-admin-soft);
	min-width: 0;
	overflow: hidden;
}

.wv-admin-overview-head {
	display: flex;
	flex-direction: column;
	gap: 1rem;
	min-width: 0;
}

.wv-admin-overview-card .wv-topic-timeline-plot {
	height: clamp(190px, 34vw, 260px);
	min-height: 0;
	cursor: default;
}

.wv-admin-overview-range {
	width: min(100%, 26rem);
	min-width: 0;
	max-width: 100%;
	overflow-x: auto;
	padding-bottom: .05rem;
	scrollbar-width: thin;
}

.wv-admin-overview-range .wv-cat-pill {
	flex: 1 0 auto;
	min-width: 3.15rem;
}

.wv-admin-overview-legend {
	display: flex;
	flex-wrap: wrap;
	gap: .45rem;
	justify-content: center;
}

.wv-admin-overview-legend-item {
	display: inline-flex;
	align-items: center;
	gap: .38rem;
	font-size: .78rem;
	line-height: 1.15;
}

.wv-admin-overview-legend-dot {
	width: .5rem;
	height: .5rem;
	border-radius: 999px;
}

.wv-admin-overview-legend-label {
	font-weight: 500;
	color: #334155;
}

@media (min-width: 992px) {
	.wv-admin-overview-head {
		display: grid;
		grid-template-columns: minmax(0, 1fr) auto;
		align-items: end;
	}

	.wv-admin-overview-range {
		justify-self: end;
	}

	.wv-admin-overview-grid {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}

	.wv-admin-overview-card .wv-topic-timeline-plot {
		height: 210px;
	}
}


.wv-topic-image-placeholder {
	height: 120px;
	background:
		linear-gradient(180deg, #f8fafc 0%, #eef2f7 100%);
	border-color: #d8e1ec;
}

.wv-topic-image-placeholder-shimmer {
	position: absolute;
	inset: 0;
	background:
		linear-gradient(90deg, rgba(238, 242, 247, 0) 0%, rgba(255, 255, 255, .85) 45%, rgba(238, 242, 247, 0) 100%);
	background-size: 42% 100%;
	background-repeat: no-repeat;
	animation: wvShimmer 1.4s ease-in-out infinite;
	will-change: transform, background-position;
}

.wv-topic-image-placeholder-label {
	background: rgba(255, 255, 255, .92);
	color: #475467;
	box-shadow: 0 6px 18px rgba(15, 23, 42, .08);
}

@keyframes wvShimmer {
	0% {
		background-position: -55% 0;
	}
	100% {
		background-position: 155% 0;
	}
}

.wv-topic-list-thumb {
	width: 96px;
	min-width: 96px;
	height: 68px;
	border-radius: .72rem;
	border: 1px solid var(--wv-border);
	background-size: cover;
	background-position: center;
	background-color: #eef2f7;
}

.wv-topic-list-thumb.is-fallback {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: #64748b;
}

.wv-profile-sort-select {
	width: auto;
	min-width: 190px;
	max-width: 240px;
}

.wv-user-list-item {
	padding: .92rem 0;
	border-bottom: 1px solid #e6ebf2;
}

.wv-user-list > a:last-child .wv-user-list-item,
.wv-user-list > div:last-child .wv-user-list-item {
	border-bottom: 0;
}

.wv-badge-open {
	background: var(--wv-success-bg);
	color: var(--wv-success-text);
	font-weight: 600;
}

.wv-badge-resolved {
	background: var(--wv-info-bg);
	color: var(--wv-info-text);
	font-weight: 600;
}

@media (max-width: 767.98px) {
	.wv-topic-hero-title {
		font-size: clamp(1.08rem, 4.5vw, 1.38rem);
		text-wrap: wrap;
	}

	.wv-user-hero-description-wrap {
		max-height: 6.9rem;
	}

	.wv-profile-feed-controls {
		flex-basis: 100%;
	}

	.wv-topic-hero-description-block.is-collapsible .wv-topic-hero-description {
		overflow: hidden;
		max-height: var(--wv-topic-hero-description-collapsed-height, 3em);
		transition: max-height .28s ease;
	}

	.wv-topic-hero-description-block.is-expanded .wv-topic-hero-description {
		max-height: var(--wv-topic-hero-description-expanded-height, 1000px);
	}
}

.wv-topic-vote-hint {
	padding: .2rem 0 .15rem;
}

.wv-topic-vote-details {
	padding: 0;
}

.wv-topic-vote-details-body {
	padding: 0 var(--wv-card-padding) var(--wv-card-padding);
}

.wv-topic-vote-toggle {
	display: flex;
	align-items: center;
	gap: .55rem;
	min-height: 1.5rem;
	padding: var(--wv-card-padding);
	list-style: none;
	cursor: pointer;
	color: #475569;
}

.wv-topic-vote-toggle::-webkit-details-marker {
	display: none;
}

.wv-topic-vote-toggle::after {
	content: "";
	flex: 0 0 auto;
	width: .62rem;
	height: .62rem;
	margin-left: auto;
	border-right: 1.8px solid currentColor;
	border-bottom: 1.8px solid currentColor;
	transform: translateY(-.08rem) rotate(45deg);
	transform-origin: center;
	transition: transform .16s ease, opacity .16s ease;
	opacity: .78;
}

#wv-topic-vote details[open] > .wv-topic-vote-toggle::after {
	transform: translateY(.06rem) rotate(225deg);
}

.wv-topic-vote-toggle--icon-only {
	justify-content: center;
}

.wv-topic-vote-toggle--icon-only::after {
	margin-left: 0;
}

.wv-topic-vote-toggle strong {
	font-size: .98rem;
	color: #0f172a;
}

.wv-topic-vote-details[open] > .wv-topic-vote-toggle {
	padding-bottom: .8rem;
}

.wv-topic-vote-grid form[data-topic-vote-form] {
	height: 100%;
}

.wv-topic-option-card {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	width: 100%;
	padding: .68rem .75rem .68rem 1rem;
	min-height: 3.35rem;
	border-radius: calc(var(--wv-box-radius) + .08rem);
	text-align: left;
	color: #0f172a;
}

.wv-topic-option-card::before {
	left: .58rem;
	top: .62rem;
	bottom: .62rem;
	width: 4px;
}

.wv-topic-option-label {
	padding-left: .5rem;
	line-height: 1.16;
	font-size: .95rem;
	font-weight: 600;
	white-space: normal;
	overflow: visible;
	text-overflow: clip;
}

.wv-topic-claim-card {
	background: linear-gradient(180deg, #ffffff 0%, #fbfcfe 100%);
}

@media (min-width: 768px) {
	.wv-topic-hero-content {
		padding: 1.05rem 1.1rem;
	}

	.wv-user-hero-description-wrap {
		max-height: 10.4rem;
	}
}

.wv-box-title,
.wv-card h1, .wv-card h2, .wv-card h3, .wv-card h4, .wv-card h5, .wv-card h6 {
	color: var(--wv-brand-red);
	font-family: "Source Serif 4", "Merriweather", Georgia, serif;
	font-weight: 700;
	font-size: 19px;
	line-height: 1.2;
}

.wv-guide-eyebrow {
	margin: 0;
	color: var(--wv-box-eyebrow-color);
	font-size: .78rem;
	font-weight: 700;
	letter-spacing: .06em;
	text-transform: uppercase;
}

.wv-guide-title {
	margin: 0;
	color: #0f172a;
	font-size: clamp(1.4rem, 2.8vw, 2rem);
	font-weight: 700;
	line-height: 1.12;
	text-wrap: balance;
}

.wv-guide-lead {
	color: #64748b;
	font-size: 1.02rem;
	line-height: 1.65;
	max-width: 64ch;
}

.wv-guide-section-title {
	margin: 0;
	color: #0f172a;
	font-size: clamp(1.08rem, 2.2vw, 1.4rem);
	font-weight: 700;
	line-height: 1.25;
}

.wv-category-under-hero-headline {
	margin: 0;
	color: var(--wv-brand-red);
	font-size: clamp(1.02rem, 2vw, 1.2rem);
	font-weight: 700;
	line-height: 1.3;
}

.wv-legal-privacy > h4:not(:first-of-type) {
	font-size: 1rem;
	line-height: 1.35;
}

.wv-legal-privacy ul h4 {
	font-size: .9rem;
	line-height: 1.35;
}

.wv-legal-agb h4 {
	font-size: 1rem;
	line-height: 1.35;
}

.wv-legal-textflow p,
.wv-legal-textflow li {
	text-align: justify;
	hyphens: auto;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
}

.wv-guide-list li {
	color: #1f2937;
	line-height: 1.55;
}

.wv-guide-example-grid {
	display: grid;
	gap: .75rem;
}

.wv-guide-example-pair {
	background: #f8fafd;
	border: 1px solid #d9e2ec;
	border-radius: var(--wv-box-radius);
	padding: .85rem .9rem;
	display: grid;
	grid-template-columns: 1fr;
	gap: .75rem;
}

.wv-guide-example-side {
	padding: 0;
}

.wv-guide-example-status {
	display: inline-flex;
	align-items: center;
	margin-right: .45rem;
	font-size: .98rem;
	vertical-align: baseline;
}

.wv-guide-example-status--bad {
	color: #b42318;
}

.wv-guide-example-status--good {
	color: #15803d;
}

@media (min-width: 992px) {
	.wv-panel {
		padding: 1.25rem 1.35rem;
	}

		.wv-guide-example-pair {
			grid-template-columns: repeat(2, minmax(0, 1fr));
			gap: .95rem;
		}
	}

.wv-topic-create-wizard {
	min-height: calc(100vh - 228px);
	align-content: start;
}

.wv-topic-create-wizard .wv-topic-meta {
	font-size: 12px;
}

@media (min-width: 768px) {
	.wv-topic-create-wizard > .col-12 {
		width: 70%;
		margin-left: auto;
		margin-right: auto;
	}
}

.wv-topic-step-kicker {
	margin: 0;
	color: var(--wv-brand-red);
	font-size: .78rem;
	font-weight: 700;
	letter-spacing: .06em;
	text-transform: uppercase;
}

.wv-topic-step-title {
	margin: 0;
	font-size: 1.25rem;
	font-weight: 700;
	color: #0f172a;
}

.wv-tag-input {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: .45rem;
	padding: .5rem .6rem;
	border: 1px solid #cfd7e3;
	border-radius: .6rem;
	background: #fff;
	min-height: 2.8rem;
}

.wv-tag-input:focus-within {
	border-color: #4f7cff;
	box-shadow: 0 0 0 .15rem rgba(79, 124, 255, .15);
}

.wv-tag-chip {
	display: inline-flex;
	align-items: center;
	gap: .25rem;
	padding: .18rem .45rem;
	border-radius: 999px;
	background: #e9f2ff;
	border: 1px solid #bfd6ff;
	font-size: .82rem;
	line-height: 1.25;
	color: #123666;
	transition: background-color .12s ease, border-color .12s ease, color .12s ease;
}

.wv-tag-chip-remove {
	border: 0;
	background: transparent;
	padding: 0 .1rem;
	line-height: 1;
	font-size: .95rem;
	color: #335f9a;
}

.wv-tag-chip-label {
	cursor: text;
}

.wv-tag-field {
	flex: 0 0 auto;
	width: .2em;
	min-width: .2em;
	max-width: 100%;
	border: 0;
	outline: 0;
	padding: .25rem 0;
	font-size: .95rem;
	background: transparent;
}

.wv-icon-btn {
	width: 2rem;
	height: 2rem;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0;
}

.hero-card h1,
.wv-panel .wv-guide-title,
.wv-category-hero .wv-guide-title {
	color: var(--wv-brand-red);
}


.wv-admin-user-list-head {
	display: grid;
	grid-template-columns: 2rem minmax(0, 1fr) minmax(120px, .35fr) minmax(110px, .25fr);
	gap: .625rem;
	align-items: center;
	padding: 0 0 .35rem;
	font-size: .78rem;
	font-weight: 700;
	color: #5d6d80;
	text-transform: uppercase;
	letter-spacing: .02em;
	border-bottom: 1px solid #e6ebf2;
}

.wv-admin-user-item {
	padding: .2rem 0;
	border-bottom: 1px solid #e6ebf2;
}

.wv-admin-user-item:last-child {
	border-bottom: 0;
}

.wv-admin-user-summary {
	display: grid;
	grid-template-columns: 2rem minmax(0, 1fr) auto;
	align-items: center;
	gap: .625rem;
	min-width: 0;
	padding: .55rem 0;
}

.wv-admin-user-summary-main {
	min-width: 0;
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: .12rem;
}

.wv-admin-user-identity {
	display: flex;
	align-items: baseline;
	gap: .45rem;
	min-width: 0;
	flex-wrap: wrap;
}

.wv-admin-user-name {
	display: inline-block;
	min-width: 0;
	font-weight: 700;
	overflow-wrap: anywhere;
}

.wv-admin-user-email,
.wv-admin-user-row-meta {
	font-size: .84rem;
	color: #617285;
}

.wv-admin-user-email {
	overflow-wrap: anywhere;
}

.wv-admin-user-row-meta {
	display: flex;
	align-items: center;
	gap: .45rem;
	flex-wrap: wrap;
}

.wv-admin-user-summary-state {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: .35rem;
	flex-wrap: wrap;
}

.wv-admin-user-toggle {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 1.5rem;
	height: 1.5rem;
	border: 0;
	border-radius: 999px;
	background: transparent;
	color: #13324f;
	padding: 0;
}

.wv-admin-user-toggle i {
	transition: transform .18s ease;
}

.wv-admin-user-toggle:hover,
.wv-admin-user-toggle:focus-visible {
	background: #eef3fb;
	color: #0d2236;
	outline: 0;
}

.wv-admin-user-details {
	padding: 1rem;
	margin: 0 0 .85rem 2.625rem;
	border-top: 1px solid #e6ebf2;
	border-left: 3px solid #d8e1ec;
	background: #fbfcfe;
	border-radius: 0 0 var(--wv-admin-radius) var(--wv-admin-radius);
}

.wv-admin-user-pagination {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: .45rem;
	margin-top: 1rem;
}

.wv-admin-user-pagination-controls {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: .5rem;
	flex-wrap: wrap;
}

@media (max-width: 991.98px) {
	.wv-admin-user-list-head {
		grid-template-columns: 2rem minmax(0, 1fr) minmax(90px, auto);
	}

	.wv-admin-user-summary {
		grid-template-columns: 2rem minmax(0, 1fr);
	}

	.wv-admin-user-summary-state {
		grid-column: 2;
		justify-content: flex-start;
	}
}

@media (max-width: 575.98px) {
	.wv-admin-user-details {
		margin-left: 0;
	}
}

.wv-category-drag-handle {
	color: #5f738a;
	cursor: grab;
}

.wv-category-drag-handle:hover,
.wv-category-drag-handle:focus {
	color: #13324f;
}

.wv-tree-row--category.is-reorder-disabled .wv-category-drag-handle {
	cursor: not-allowed;
	opacity: .45;
}

.wv-tree-row.is-dragging {
	opacity: .5;
}

.wv-tree-row.is-drop-target-before > td {
	box-shadow: inset 0 3px 0 #13324f;
}

.wv-tree-row.is-drop-target-after > td {
	box-shadow: inset 0 -3px 0 #13324f;
}

.wv-admin .table.wv-tree-table > :not(caption) > * > * {
	padding-top: .58rem;
	padding-bottom: .58rem;
}

.wv-admin .table-responsive {
	border: 1px solid #e3e9f1;
	border-radius: var(--wv-admin-radius);
	overflow: auto;
}

.wv-admin .table.wv-tree-table {
	--bs-table-bg: #fff;
}

.wv-admin .table.wv-tree-table tbody tr:hover > * {
	background-color: #f7f9fc;
}

.wv-admin .list-group-item {
	border-color: #e7edf5;
}

.wv-admin .modal-content {
	border: 1px solid #d8e1ec;
	border-radius: var(--wv-box-radius);
}

.modal {
	z-index: 1060;
}

.modal-backdrop {
	z-index: 1050;
}

.wv-pref-row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1.2rem;
	padding: 1rem 0;
	border-bottom: 1px solid #e6ebf2;
}

.wv-pref-title {
	font-weight: 600;
	color: #0f172a;
}

.wv-pref-help {
	font-size: .9rem;
	color: #5e6d7f;
}

.wv-toggle {
	position: relative;
	display: inline-flex;
	align-items: center;
	cursor: pointer;
	user-select: none;
}

.wv-toggle input {
	position: absolute;
	opacity: 0;
	pointer-events: none;
}

.wv-toggle-track {
	width: 46px;
	height: 26px;
	border-radius: 999px;
	background: #d0d8e3;
	border: 1px solid #bcc7d7;
	position: relative;
	transition: background .18s ease, border-color .18s ease;
}

.wv-toggle-track::after {
	content: "";
	position: absolute;
	top: 2px;
	left: 2px;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background: #fff;
	box-shadow: 0 1px 2px rgba(15, 23, 42, .2);
	transition: transform .18s ease;
}

.wv-toggle input:checked + .wv-toggle-track {
	background: #0f7a43;
	border-color: #0f7a43;
}

.wv-toggle input:checked + .wv-toggle-track::after {
	transform: translateX(20px);
}

.wv-toggle input:focus-visible + .wv-toggle-track {
	outline: 2px solid #0f7a43;
	outline-offset: 2px;
}

fieldset:disabled .wv-toggle {
	cursor: default;
}

.wv-toggle input:disabled + .wv-toggle-track {
	cursor: default;
}

.wv-toggle input:disabled:focus-visible + .wv-toggle-track {
	outline: none;
}

.wv-action-row {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: .25rem;
	flex: 0 0 auto;
}

.wv-action-slot {
	width: 2rem;
	height: 2rem;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

.wv-action-form {
	margin: 0;
	display: inline-flex;
}

.wv-action-slot--toggle {
	width: auto;
	margin: 0 1em;
}

.wv-image-suggestion-btn {
	overflow: hidden;
}

[data-load-ai-suggestions] {
	cursor: pointer;
}

[data-load-ai-suggestions].is-loading {
	cursor: wait;
	opacity: .92;
}

.wv-admin-image-editor-meta {
	padding-top: .5rem;
	padding-bottom: 1.5rem;
	border-bottom: 1px solid var(--wv-border);
	margin-bottom: 1.5rem;
}

.wv-tree-table thead th {
	font-size: .78rem;
	text-transform: uppercase;
	letter-spacing: .04em;
	color: var(--wv-muted);
	border-bottom-width: 1px;
}

.wv-tree-search {
	font-size: .78rem;
	max-width: 18rem;
}

.wv-tree-row td {
	vertical-align: middle;
}

.wv-tree-row--category td {
	background: #fcfdff;
}

.wv-tree-row--category.is-current td {
	background: #f2f7ff;
}

.wv-tree-row--sub td {
	background: #fff;
}

.wv-category-subrow {
	margin-left: 3.25rem;
	padding-left: 1rem;
	border-left: 2px solid #d8e1ec;
}

.wv-tree-row--has-flags td {
	background: #fff1f1;
}

.wv-tree-row--has-flags strong {
	color: #b42318;
}

.wv-tree-toggle {
	width: 1.25rem;
	height: 1.25rem;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: #556579;
}


.wv-crop-stage {
	position: relative;
	display: inline-block;
	max-width: 100%;
	overflow: hidden;
	cursor: crosshair;
}

.wv-crop-stage.is-crop-moving {
	cursor: grabbing;
}

.wv-crop-stage.is-crop-moving .wv-crop-rect {
	cursor: grabbing;
}

.wv-crop-stage img[data-category-image-preview],
.wv-crop-stage img[data-topic-private-image-preview] {
	user-select: none;
}

.wv-topic-private-crop-stage {
	display: block;
	width: 100%;
	max-width: 300px;
	margin-inline: auto;
	aspect-ratio: 16 / 9;
	background: #fff;
	border: 1px solid #d0d5dd;
	border-radius: .75rem;
	transition: border-color .18s ease, background-color .18s ease, box-shadow .18s ease;
}

.wv-topic-private-crop-stage.is-empty {
	cursor: pointer;
	border: 2px dashed #b7c4d6;
	background: #f8fbff;
}

.wv-topic-private-crop-stage.is-empty:hover,
.wv-topic-private-crop-stage.is-empty.is-drag {
	border-color: #48688d;
	background: #eef5ff;
}

.wv-topic-private-crop-stage img[data-topic-private-image-preview] {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	background: #f8fafc;
}

.wv-topic-private-crop-empty {
	position: absolute;
	inset: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 1rem;
	text-align: center;
	color: #556579;
	background: linear-gradient(180deg, #fcfcfd 0%, #f8fafc 100%);
	pointer-events: none;
}

.wv-crop-rect {
	position: absolute;
	border: 2px dashed #0d6efd;
	background: rgba(13, 110, 253, .12);
	pointer-events: auto;
	box-shadow: 0 0 0 9999px rgba(0, 0, 0, .30);
	cursor: grab;
}

.wv-crop-handle {
	position: absolute;
	width: 12px;
	height: 12px;
	background: #fff;
	border: 2px solid #0d6efd;
	border-radius: 50%;
	box-sizing: border-box;
}

.wv-crop-handle--nw {
	left: -7px;
	top: -7px;
	cursor: nwse-resize;
}

.wv-crop-handle--ne {
	right: -7px;
	top: -7px;
	cursor: nesw-resize;
}

.wv-crop-handle--sw {
	left: -7px;
	bottom: -7px;
	cursor: nesw-resize;
}

.wv-crop-handle--se {
	right: -7px;
	bottom: -7px;
	cursor: nwse-resize;
}

@media (max-width: 767.98px) {
	.wv-header-login-btn {
		width: 40px;
		min-width: 40px;
		height: 40px;
		padding: 0;
		gap: 0;
	}

	.wv-header-login-label {
		display: none;
	}

	:root {
		--wv-footer-bar-height: calc(56px + .5rem);
	}

	.wv-footer-link {
		min-height: 100%;
		padding: 0;
		justify-content: center;
		gap: .12rem;
	}

	.wv-footer-link-label {
		position: static;
		transform: none;
		line-height: 1.05;
	}

	.wv-footer-center-gap {
		min-height: 100%;
	}

	.wv-footer-fab-plus {
		width: 52px;
		height: 52px;
		font-size: 1.95rem;
		border-width: 4px;
		top: calc(-16px - .5rem);
	}

	.wv-comment-actions {
		gap: .5rem;
	}

	.wv-category-hero {
		grid-template-columns: 1fr;
	}

	.wv-category-hero-media {
		min-height: 170px;
	}

	.wv-topic-list-thumb {
		width: 84px;
		min-width: 84px;
		height: 60px;
	}
}

@media (display-mode: standalone) and (hover: none) and (pointer: coarse) {
	.wv-footer-fab-plus {
		width: 52px;
		height: 52px;
		font-size: 1.95rem;
		border-width: 4px;
		top: calc(-16px - .5rem);
	}
}

*:focus,
*:focus-visible {
	outline: none !important;
	box-shadow: none !important;
}

.wv-embed-page {
	background: transparent;
}

.wv-embed-shell {
	min-height: 0;
	padding: 0;
}

.wv-embed-main {
	padding: 0;
}

.wv-embed-card {
	width: 100%;
	margin: 0;
	background: var(--wv-surface);
	border: 1px solid var(--wv-border);
	border-radius: var(--wv-box-radius);
	box-shadow: 0 1px 2px rgba(14, 24, 39, .04);
	padding: 14px;
}

.wv-embed-wrap {
	width: 100%;
	display: flex;
	flex-direction: column;
	gap: 4px;
}

.wv-embed-head {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 92px;
	gap: 12px;
	align-items: center;
	margin-bottom: 10px;
}

.wv-embed-kicker {
	font-size: .8rem;
	font-weight: 700;
	letter-spacing: .08em;
	text-transform: uppercase;
	color: #b45309;
}

.wv-embed-title {
	font-size: clamp(1.12rem, 1.7vw, 1.45rem);
	line-height: 1.1;
	margin-bottom: .2rem;
}

.wv-embed-image {
	width: 92px;
	height: 92px;
	object-fit: cover;
	border-radius: 16px;
}

.wv-embed-alert {
	margin-bottom: 10px;
}

.wv-embed-panel {
	padding: 0;
}

.wv-embed-intro,
.wv-embed-auth-lead {
	margin-bottom: 10px;
	font-size: .95rem;
	color: #334155;
}

.wv-embed-note {
	margin-bottom: 10px;
	font-size: .95rem;
	color: #b91c1c;
}

.wv-embed-options {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 10px;
}

.wv-embed-option {
	border: 1px solid rgba(15, 23, 42, .08);
	border-radius: 18px;
	background: linear-gradient(180deg, rgba(255,255,255,.98), rgba(248,250,252,.96));
	padding: 11px 12px;
	text-align: left;
	transition: transform .16s ease, border-color .16s ease, box-shadow .16s ease;
	box-shadow: inset 0 0 0 1px rgba(255,255,255,.65);
}

.wv-embed-option:hover {
	transform: translateY(-1px);
	border-color: color-mix(in srgb, var(--wv-embed-accent) 55%, white);
	box-shadow: 0 12px 28px rgba(15, 23, 42, .08);
}

.wv-embed-option:disabled {
	cursor: default;
	opacity: 1;
}

.wv-embed-option.is-selected {
	border-color: color-mix(in srgb, var(--wv-embed-accent) 48%, white);
	background: color-mix(in srgb, var(--wv-embed-accent) 10%, white);
	box-shadow: 0 8px 20px rgba(15, 23, 42, .06);
}

.wv-embed-option-head {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 12px;
}

.wv-embed-option-stats {
	display: inline-flex;
	align-items: baseline;
	justify-content: flex-end;
	gap: 10px;
	flex-wrap: wrap;
	text-align: right;
}

.wv-embed-option-label {
	display: block;
	font-weight: 700;
	color: #0f172a;
}

.wv-embed-option-pct {
	font-size: .84rem;
	font-weight: 700;
	color: #334155;
}

.wv-embed-option-bar {
	display: block;
	height: 6px;
	margin-top: .35rem;
	border-radius: 999px;
	background: rgba(148, 163, 184, .18);
	overflow: hidden;
}

.wv-embed-option-bar-fill {
	display: block;
	height: 100%;
	border-radius: inherit;
	background: var(--wv-embed-accent, #f59e0b);
}

.wv-embed-option-meta {
	font-size: .8rem;
	color: #64748b;
}

.wv-embed-auth-switch {
	display: flex;
	gap: 8px;
	margin-bottom: 10px;
}

.wv-embed-credit {
	margin: 0 2px;
	font-size: .72rem;
	text-align: right;
}

.wv-embed-credit-link {
	color: #a8b3c2 !important;
	font-weight: 700;
	text-decoration: none;
}

.wv-embed-credit-link:hover {
	color: #8b98aa !important;
	text-decoration: underline;
}

@media (max-width: 640px) {
	.wv-embed-shell {
		padding: 0;
	}

	.wv-embed-card {
		min-height: 0;
	}

	.wv-embed-head {
		grid-template-columns: 1fr;
	}

	.wv-embed-image {
		width: 100%;
		height: 120px;
	}

	.wv-embed-options {
		grid-template-columns: 1fr;
	}
}