/* WebVue Cloud Docs — all theme styling.
   Tokens follow the WebVue design system: white surfaces, lavender-grey sunken bands,
   ink #171526, violet var(--wvd-violet) as the only action colour. */

:root {
	--wvd-ink: #0F1A16;
	--wvd-muted: #6B7D76;
	--wvd-faint: #93A49D;
	--wvd-surface: #fff;
	--wvd-sunken: #F1F6F3;
	--wvd-line: #E1EAE5;
	--wvd-brand: #40AA6D;
	--wvd-brand-light: #5FC98C;
	--wvd-brand-ink: #04100A;
	--wvd-violet: #0E7C4A;
	--wvd-violet-hover: #12995B;
	--wvd-violet-press: #0B6A3F;
	--wvd-violet-tint: rgba(64, 170, 109, .14);
	--wvd-pink: #E5484D;
	--wvd-red: #E5484D;
	--wvd-red-tint: #FFF0F0;
	--wvd-shadow-sm: 0 12px 30px rgba(9, 26, 20, .08);
	--wvd-shadow-lg: 0 20px 50px rgba(9, 26, 20, .10);
	--wvd-ease: cubic-bezier(.22, .61, .36, 1);
	--wvd-topbar: 66px;
}

*, *::before, *::after { box-sizing: border-box; }

body.wvd {
	margin: 0;
	padding-top: var(--wvd-topbar);
	background: var(--wvd-surface);
	color: var(--wvd-ink);
	font: 400 16px/24px Inter, system-ui, sans-serif;
	-webkit-font-smoothing: antialiased;
	text-wrap: pretty;
}

.wvd a { color: var(--wvd-violet); text-decoration: none; transition: color .2s var(--wvd-ease); }
.wvd a:hover { color: var(--wvd-violet-hover); text-decoration: underline; }
.wvd img { max-width: 100%; height: auto; }
.wvd :focus-visible { outline: none; box-shadow: 0 0 0 3px rgba(64, 170, 109, .32); border-radius: 8px; }

.wvd-skip { position: absolute; left: -9999px; }
.wvd-skip:focus { left: 16px; top: 12px; z-index: 200; background: #fff; padding: 10px 16px; border-radius: 999px; box-shadow: var(--wvd-shadow-lg); }

/* ---------- Buttons ---------- */

.wvd-btn {
	display: inline-flex; align-items: center; justify-content: center;
	height: 40px; padding: 0 20px; border-radius: 999px;
	font: 400 14px/1 Inter, sans-serif; cursor: pointer; border: 1px solid transparent;
	transition: background .2s var(--wvd-ease), border-color .2s var(--wvd-ease), color .2s var(--wvd-ease);
	white-space: nowrap;
}
.wvd-btn--primary { background: var(--wvd-brand); color: var(--wvd-brand-ink); font-weight: 500; }
.wvd .wvd-btn--primary:hover { background: var(--wvd-brand-light); color: var(--wvd-brand-ink); text-decoration: none; }
.wvd-btn--primary:active { background: #379460; }
.wvd-btn--ghost { background: #fff; border-color: var(--wvd-line); color: var(--wvd-ink); }
.wvd .wvd-btn--ghost:hover { background: var(--wvd-sunken); color: var(--wvd-ink); text-decoration: none; }
.wvd-btn[disabled] { opacity: .45; cursor: not-allowed; }

/* ---------- Top bar ---------- */

.wvd-topbar {
	position: fixed; inset: 0 0 auto; z-index: 100;
	height: var(--wvd-topbar); background: rgba(255, 255, 255, .96);
	border-bottom: 1px solid var(--wvd-line);
}
.wvd-topbar__inner {
	max-width: 1440px; margin: 0 auto; height: 100%;
	padding: 0 clamp(16px, 2.4vw, 32px);
	display: flex; align-items: center; gap: 20px;
}
.wvd-brand { display: flex; align-items: center; gap: 10px; flex: none; }
.wvd .wvd-brand:hover { text-decoration: none; }
.wvd .wvd-brand__logo { height: 21px; width: auto; display: block; }
.wvd-brand__rule { width: 1px; height: 17px; background: var(--wvd-line); display: block; align-self: center; }
.wvd-brand__name { font: 400 21px/1 'Rethink Sans', sans-serif; letter-spacing: -.6px; color: var(--wvd-ink); }
.wvd-brand__tag { font: 400 14px/1 Inter, sans-serif; color: var(--wvd-muted); }

.wvd-search {
	position: relative; display: flex; align-items: center; gap: 10px;
	flex: 1 1 auto; max-width: 420px; height: 38px; padding: 0 14px;
	border-radius: 999px; background: var(--wvd-sunken); border: 1px solid var(--wvd-line);
	transition: border-color .12s var(--wvd-ease), background .12s var(--wvd-ease), box-shadow .12s var(--wvd-ease);
}
.wvd-search:focus-within { background: #fff; border-color: var(--wvd-violet); box-shadow: 0 0 0 3px rgba(64, 170, 109, .32); }
.wvd-search__glyph { width: 13px; height: 13px; border-radius: 50%; border: 1.5px solid var(--wvd-muted); flex: none; }
.wvd-search input {
	flex: 1; min-width: 0; border: 0; background: none; outline: none;
	font: 400 14px/21px Inter, sans-serif; color: var(--wvd-ink);
}
.wvd-search input::placeholder { color: var(--wvd-muted); }
.wvd-search input::-webkit-search-cancel-button { display: none; }
.wvd-search__key { font: 400 12px/16px 'JetBrains Mono', monospace; color: var(--wvd-muted); flex: none; }

.wvd-search__results {
	position: absolute; top: calc(100% + 10px); left: 0; right: 0;
	background: #fff; border-radius: 16px; box-shadow: var(--wvd-shadow-lg);
	padding: 8px; max-height: 60vh; overflow-y: auto; z-index: 120;
}
.wvd-search__results a { display: block; padding: 12px 14px; border-radius: 8px; }
.wvd .wvd-search__results a:hover { background: var(--wvd-sunken); text-decoration: none; }
.wvd-search__results strong { display: block; font: 400 15px/22px Inter, sans-serif; color: var(--wvd-ink); }
.wvd-search__results small { display: block; font: 400 13px/20px Inter, sans-serif; color: var(--wvd-muted); }
.wvd-search__empty { padding: 14px; font: 400 14px/21px Inter, sans-serif; color: var(--wvd-muted); }

.wvd-topnav { display: flex; align-items: center; gap: 22px; margin-left: auto; }
.wvd-topnav > a { font: 400 14px/21px Inter, sans-serif; color: var(--wvd-ink); }
.wvd .wvd-topnav > a:hover { color: var(--wvd-violet); }

.wvd-burger {
	display: none; flex-direction: column; gap: 4px; align-items: center; justify-content: center;
	width: 40px; height: 40px; margin-left: auto; flex: none;
	border-radius: 999px; border: 1px solid var(--wvd-line); background: #fff; cursor: pointer;
}
.wvd-burger span { display: block; width: 16px; height: 1.6px; background: var(--wvd-ink); border-radius: 2px; transition: transform .2s var(--wvd-ease), opacity .2s; }
.wvd-burger[aria-expanded="true"] span:nth-child(1) { transform: translateY(5.6px) rotate(45deg); }
.wvd-burger[aria-expanded="true"] span:nth-child(2) { opacity: 0; }
.wvd-burger[aria-expanded="true"] span:nth-child(3) { transform: translateY(-5.6px) rotate(-45deg); }

/* ---------- Shell ---------- */

.wvd-shell {
	max-width: 1440px; margin: 0 auto;
	display: grid; grid-template-columns: 262px minmax(0, 1fr) 230px;
	align-items: start;
}
.wvd-shell--nosidebar { grid-template-columns: minmax(0, 1fr); }
.wvd-shell--notoc { grid-template-columns: 262px minmax(0, 1fr); }

.wvd-sidebar {
	position: sticky; top: var(--wvd-topbar);
	max-height: calc(100vh - var(--wvd-topbar)); overflow-y: auto;
	border-right: 1px solid var(--wvd-line);
	padding: 28px 20px 60px;
	display: flex; flex-direction: column; gap: 22px;
}
.wvd-tree__group { display: flex; flex-direction: column; gap: 2px; }
.wvd-tree__label { display: block; padding: 0 12px 8px; font: 400 12px/16px Inter, sans-serif; color: var(--wvd-muted); }
.wvd .wvd-tree__label:hover { color: var(--wvd-ink); text-decoration: none; }
.wvd-tree__label.is-current { color: var(--wvd-violet); }
.wvd-tree__list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 1px; }
.wvd-tree__item {
	display: block; padding: 8px 12px; border-radius: 8px;
	font: 400 14px/21px Inter, sans-serif; color: var(--wvd-ink);
	transition: background .2s var(--wvd-ease);
}
.wvd .wvd-tree__item:hover { background: var(--wvd-sunken); color: var(--wvd-ink); text-decoration: none; }
.wvd-tree__item.is-current { background: var(--wvd-violet-tint); color: var(--wvd-violet); }

.wvd-main { padding: 40px clamp(20px, 3.4vw, 48px) 80px; min-width: 0; }

.wvd-toc {
	position: sticky; top: var(--wvd-topbar);
	padding: 40px 24px 60px; display: flex; flex-direction: column; gap: 6px;
	max-height: calc(100vh - var(--wvd-topbar)); overflow-y: auto;
}
.wvd-toc__label { font: 400 12px/16px Inter, sans-serif; color: var(--wvd-muted); margin-bottom: 6px; }
.wvd-toc__link { display: block; padding: 6px 0; font: 400 14px/21px Inter, sans-serif; color: var(--wvd-muted); }
.wvd-toc__link.is-sub { padding-left: 14px; font-size: 13.5px; }
.wvd .wvd-toc__link:hover { color: var(--wvd-ink); text-decoration: none; }
.wvd-toc__link.is-active { color: var(--wvd-violet); }
.wvd-toc__help { margin-top: 20px; padding-top: 20px; border-top: 1px solid var(--wvd-line); display: flex; flex-direction: column; gap: 6px; font: 400 13px/20px Inter, sans-serif; color: var(--wvd-muted); }

/* ---------- Breadcrumbs, headings ---------- */

.wvd-crumbs { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; font: 400 13px/20px Inter, sans-serif; color: var(--wvd-muted); }
.wvd .wvd-crumbs a { color: var(--wvd-muted); }
.wvd .wvd-crumbs a:hover { color: var(--wvd-ink); }
.wvd-crumbs span[aria-current] { color: var(--wvd-ink); }

.wvd-display { margin: 14px 0 0; font: 400 clamp(32px, 4.2vw, 46px)/1.08 'Rethink Sans', sans-serif; letter-spacing: -2.08px; color: var(--wvd-ink); }
.wvd-display em { font-style: normal; color: var(--wvd-violet); }
.wvd-lead { margin: 14px 0 0; max-width: 62ch; font: 400 20px/30px Inter, sans-serif; color: var(--wvd-muted); }
.wvd-h2 { margin: 0; font: 400 26px/1.2 Inter, sans-serif; letter-spacing: -.36px; color: var(--wvd-ink); }

.wvd-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin-top: 16px; font: 400 13px/20px Inter, sans-serif; color: var(--wvd-muted); }
.wvd-chip { display: inline-flex; align-items: center; height: 26px; padding: 0 12px; border-radius: 999px; background: var(--wvd-violet-tint); color: var(--wvd-ink); font-size: 12px; }

/* ---------- Home ---------- */

.wvd-hero {
	background: var(--wvd-sunken); border-bottom: 1px solid var(--wvd-line);
	padding: clamp(48px, 7vw, 76px) 24px clamp(40px, 5vw, 56px);
	display: flex; flex-direction: column; align-items: center; gap: 24px; text-align: center;
}
.wvd-hero .wvd-display { max-width: 18ch; }
.wvd-hero .wvd-lead { max-width: 52ch; }
.wvd-hero__search {
	display: flex; align-items: center; gap: 12px; width: 100%; max-width: 620px;
	height: 56px; padding: 0 22px; border-radius: 999px; background: #fff; box-shadow: var(--wvd-shadow-lg);
	position: relative;
}
.wvd-hero__search input { flex: 1; min-width: 0; border: 0; outline: none; background: none; font: 400 16px/24px Inter, sans-serif; color: var(--wvd-ink); }
.wvd-hero__search input::placeholder { color: var(--wvd-muted); }
.wvd-hero__search .wvd-search__glyph { width: 15px; height: 15px; }
.wvd-terms { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; }
.wvd-term { display: inline-flex; align-items: center; height: 32px; padding: 0 14px; border-radius: 999px; background: #fff; border: 1px solid var(--wvd-line); font: 400 13px/1 Inter, sans-serif; color: var(--wvd-ink); }
.wvd .wvd-term:hover { background: var(--wvd-sunken); color: var(--wvd-ink); text-decoration: none; }

.wvd-home { max-width: 1240px; margin: 0 auto; padding: clamp(40px, 5vw, 60px) clamp(20px, 3.4vw, 40px) 80px; display: flex; flex-direction: column; gap: clamp(40px, 5vw, 60px); }
.wvd-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(270px, 1fr)); gap: 20px; }
.wvd-grid--2 { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 16px; }
.wvd-split { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(260px, 1fr); gap: 40px; align-items: start; }

.wvd-card {
	display: flex; flex-direction: column; gap: 8px; padding: 24px;
	border-radius: 8px; background: #fff; box-shadow: var(--wvd-shadow-sm);
	transition: box-shadow .2s var(--wvd-ease);
}
.wvd .wvd-card:hover { box-shadow: var(--wvd-shadow-lg); text-decoration: none; }
.wvd-card__title { font: 400 16px/24px Inter, sans-serif; color: var(--wvd-ink); }
.wvd-card__desc { font: 400 14px/21px Inter, sans-serif; color: var(--wvd-muted); }
.wvd-card__meta { margin-top: 6px; font: 400 12px/16px Inter, sans-serif; color: var(--wvd-violet); }

.wvd-rows { display: flex; flex-direction: column; }
.wvd-row { display: flex; align-items: baseline; justify-content: space-between; gap: 24px; padding: 18px 0; border-top: 1px solid var(--wvd-line); }
.wvd .wvd-row:hover { text-decoration: none; }
.wvd .wvd-row:hover .wvd-row__title { color: var(--wvd-violet); }
.wvd-row__main { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.wvd-row__title { font: 400 16px/24px Inter, sans-serif; color: var(--wvd-ink); transition: color .2s var(--wvd-ease); }
.wvd-row__desc { font: 400 14px/21px Inter, sans-serif; color: var(--wvd-muted); }
.wvd-row__date, .wvd-row__cat { flex: none; font: 400 13px/20px Inter, sans-serif; color: var(--wvd-muted); }

.wvd-section { display: flex; flex-direction: column; gap: 20px; }

.wvd-cta {
	display: flex; flex-wrap: wrap; gap: 20px; align-items: center; justify-content: space-between;
	padding: 28px; border-radius: 16px; background: var(--wvd-sunken);
}
.wvd-cta__text { display: flex; flex-direction: column; gap: 8px; max-width: 54ch; }
.wvd-cta h2 { margin: 0; font: 400 26px/1.2 Inter, sans-serif; letter-spacing: -.36px; }
.wvd-cta p { margin: 0; font: 400 16px/24px Inter, sans-serif; color: var(--wvd-muted); }
.wvd-cta__actions { display: flex; flex-wrap: wrap; gap: 10px; }

/* ---------- Article body ---------- */

.wvd-article { max-width: 760px; }
.wvd-article > * + * { margin-top: 20px; }
.wvd-article p { margin: 0; font: 400 16px/26px Inter, sans-serif; color: var(--wvd-ink); }
.wvd-article h2 { margin: 40px 0 0; font: 400 26px/1.2 Inter, sans-serif; letter-spacing: -.36px; color: var(--wvd-ink); scroll-margin-top: calc(var(--wvd-topbar) + 20px); }
.wvd-article h3 { margin: 30px 0 0; font: 500 19px/1.35 Inter, sans-serif; color: var(--wvd-ink); scroll-margin-top: calc(var(--wvd-topbar) + 20px); }
.wvd-article ul, .wvd-article ol { margin: 0; padding-left: 22px; display: flex; flex-direction: column; gap: 8px; font: 400 16px/26px Inter, sans-serif; color: var(--wvd-ink); }
.wvd-article li > ul, .wvd-article li > ol { margin-top: 8px; }
.wvd-article strong { font-weight: 500; }
.wvd-article code { font: 400 13.5px/1.5 'JetBrains Mono', monospace; background: var(--wvd-sunken); padding: 2px 6px; border-radius: 4px; }
.wvd-article hr { border: 0; border-top: 1px solid var(--wvd-line); margin: 36px 0; }
.wvd-article table { width: 100%; border-collapse: collapse; font: 400 15px/22px Inter, sans-serif; }
.wvd-article th { text-align: left; font-weight: 400; color: var(--wvd-muted); padding: 0 12px 10px 0; border-bottom: 1px solid var(--wvd-line); font-size: 13px; }
.wvd-article td { padding: 12px 12px 12px 0; border-bottom: 1px solid var(--wvd-line); vertical-align: top; }
.wvd-article figure { margin: 0; }
.wvd-article figcaption { margin-top: 8px; font: 400 13px/20px Inter, sans-serif; color: var(--wvd-muted); }

/* Callouts */
.wvd-note, .wvd-warn, .wvd-tip {
	display: flex; flex-direction: column; gap: 8px;
	padding: 24px; border-radius: 8px; background: var(--wvd-sunken);
}
.wvd-note > b, .wvd-warn > b, .wvd-tip > b { font: 400 12px/16px Inter, sans-serif; color: var(--wvd-violet); }
.wvd-warn { background: var(--wvd-red-tint); }
.wvd-warn > b { color: var(--wvd-red); }
.wvd-note p, .wvd-warn p, .wvd-tip p, .wvd-note ul, .wvd-warn ul, .wvd-tip ul { margin: 0; }

/* Numbered steps */
ol.wvd-steps { list-style: none; padding: 0; counter-reset: wvd-step; display: flex; flex-direction: column; gap: 22px; }
ol.wvd-steps > li { counter-increment: wvd-step; display: grid; grid-template-columns: 34px minmax(0, 1fr); gap: 16px; align-items: start; }
ol.wvd-steps > li::before {
	content: counter(wvd-step);
	width: 34px; height: 34px; border-radius: 50%; background: var(--wvd-violet-tint);
	display: flex; align-items: center; justify-content: center;
	font: 400 15px/1 Inter, sans-serif; color: var(--wvd-violet);
}
ol.wvd-steps > li > * { grid-column: 2; }
ol.wvd-steps > li > *:first-child { margin-top: 5px; }
ol.wvd-steps b { display: block; font-weight: 400; color: var(--wvd-ink); }

/* Screenshot placeholder */
.wvd-shot {
	height: 300px; border-radius: 8px; background: var(--wvd-sunken); border: 1px solid var(--wvd-line);
	display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 6px;
	font: 400 14px/21px Inter, sans-serif; color: var(--wvd-muted);
}
.wvd-shot span { font-size: 13px; color: var(--wvd-faint); }

/* Code block */
.wvd-code { border-radius: 8px; overflow: hidden; background: #071310; }
.wvd-code__bar { display: flex; align-items: center; justify-content: space-between; padding: 10px 14px; border-bottom: 1px solid rgba(255, 255, 255, .10); }
.wvd-code__bar span { font: 400 12px/16px 'JetBrains Mono', monospace; color: var(--wvd-faint); }
.wvd-code__copy {
	height: 26px; padding: 0 12px; border-radius: 999px; cursor: pointer;
	border: 1px solid rgba(255, 255, 255, .18); background: none; color: #fff;
	font: 400 12px/1 Inter, sans-serif; transition: background .2s var(--wvd-ease);
}
.wvd-code__copy:hover { background: rgba(255, 255, 255, .10); }
.wvd-code pre { margin: 0; padding: 18px; overflow-x: auto; font: 400 13.5px/22px 'JetBrains Mono', monospace; color: #E4F1EA; }
.wvd-code pre code { background: none; padding: 0; color: inherit; font-size: inherit; }

/* Feedback */
.wvd-feedback {
	display: flex; flex-wrap: wrap; align-items: center; gap: 16px;
	padding: 24px; border-radius: 16px; background: var(--wvd-sunken); margin-top: 48px;
}
.wvd-feedback__q { font: 400 16px/24px Inter, sans-serif; }
.wvd-feedback__buttons { display: flex; gap: 10px; }
.wvd-feedback__count { margin-left: auto; font: 400 13px/20px Inter, sans-serif; color: var(--wvd-muted); }
.wvd-feedback__note { flex: 1 1 100%; display: flex; flex-direction: column; gap: 10px; align-items: flex-start; }
.wvd-feedback__note label { font: 400 14px/21px Inter, sans-serif; color: var(--wvd-muted); }
.wvd-feedback__note textarea {
	width: 100%; border-radius: 4px; border: 1px solid var(--wvd-line); background: #fff; padding: 12px;
	font: 400 15px/22px Inter, sans-serif; color: var(--wvd-ink); resize: vertical;
}
.wvd-feedback__note textarea:focus { outline: none; border-color: var(--wvd-violet); box-shadow: 0 0 0 3px rgba(64, 170, 109, .32); }

.wvd-prevnext { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 16px; margin-top: 40px; }
.wvd-prevnext a { display: flex; flex-direction: column; gap: 4px; padding: 20px; border-radius: 8px; border: 1px solid var(--wvd-line); }
.wvd .wvd-prevnext a:hover { background: var(--wvd-sunken); text-decoration: none; }
.wvd-prevnext small { font: 400 12px/16px Inter, sans-serif; color: var(--wvd-muted); }
.wvd-prevnext strong { font: 400 16px/24px Inter, sans-serif; color: var(--wvd-ink); }

/* Search results page */
.wvd-results { max-width: 900px; padding: 48px clamp(20px, 3.4vw, 48px) 80px; margin: 0 auto; display: flex; flex-direction: column; gap: 28px; }
.wvd-results__title { margin: 0; font: 400 clamp(28px, 3.4vw, 35px)/1.14 'Rethink Sans', sans-serif; letter-spacing: -1.4px; }
.wvd-filters { display: flex; flex-wrap: wrap; gap: 8px; }
.wvd-filter { display: inline-flex; align-items: center; height: 32px; padding: 0 14px; border-radius: 999px; background: #fff; border: 1px solid var(--wvd-line); font: 400 13px/1 Inter, sans-serif; color: var(--wvd-ink); }
.wvd .wvd-filter:hover { background: var(--wvd-sunken); color: var(--wvd-ink); text-decoration: none; }
.wvd-filter.is-on { background: var(--wvd-brand); border-color: var(--wvd-brand); color: var(--wvd-brand-ink); }
.wvd .wvd-filter.is-on:hover { color: #fff; }
.wvd-result { display: flex; flex-direction: column; gap: 6px; padding: 22px 0; border-top: 1px solid var(--wvd-line); }
.wvd .wvd-result:hover { text-decoration: none; }
.wvd-result__crumb { font: 400 13px/20px Inter, sans-serif; color: var(--wvd-muted); }
.wvd-result__title { font: 400 20px/28px Inter, sans-serif; color: var(--wvd-ink); }
.wvd .wvd-result:hover .wvd-result__title { color: var(--wvd-violet); }
.wvd-result__snippet { font: 400 16px/24px Inter, sans-serif; color: var(--wvd-muted); }
.wvd-result__snippet mark { background: var(--wvd-violet-tint); color: var(--wvd-ink); padding: 0 2px; border-radius: 2px; }

/* Footer */
.wvd-footer { border-top: 1px solid var(--wvd-line); background: var(--wvd-sunken); }
.wvd-footer__inner {
	max-width: 1240px; margin: 0 auto; padding: 48px clamp(20px, 3.4vw, 40px);
	display: flex; flex-wrap: wrap; gap: 32px; justify-content: space-between;
}
.wvd-footer__col { display: flex; flex-direction: column; gap: 10px; min-width: 180px; }
.wvd-footer__head { font: 400 12px/16px Inter, sans-serif; color: var(--wvd-muted); }
.wvd-footer a { font: 400 14px/21px Inter, sans-serif; color: var(--wvd-ink); }
.wvd .wvd-footer a:hover { color: var(--wvd-violet); }
.wvd-footer__legal { max-width: 1240px; margin: 0 auto; padding: 0 clamp(20px, 3.4vw, 40px) 40px; display: flex; align-items: center; gap: 14px; flex-wrap: wrap; font: 400 13px/20px Inter, sans-serif; color: var(--wvd-muted); }
.wvd .wvd-footer__logo { height: 18px; width: auto; opacity: .65; }

/* ---------- Responsive ---------- */

@media (max-width: 1180px) {
	.wvd-shell { grid-template-columns: 240px minmax(0, 1fr); }
	.wvd-toc { display: none; }
}

@media (max-width: 900px) {
	.wvd-topnav { display: none; }
	.wvd-burger { display: flex; }
	.wvd-search { max-width: none; }
	.wvd-search__key { display: none; }
	.wvd-shell, .wvd-shell--notoc { grid-template-columns: minmax(0, 1fr); }
	.wvd-sidebar {
		position: fixed; inset: var(--wvd-topbar) 0 auto; z-index: 90;
		background: #fff; border-right: 0; border-bottom: 1px solid var(--wvd-line);
		max-height: calc(100vh - var(--wvd-topbar)); box-shadow: var(--wvd-shadow-lg);
		display: none;
	}
	.wvd-sidebar.is-open { display: flex; }
	.wvd-split { grid-template-columns: minmax(0, 1fr); gap: 28px; }
	.wvd-feedback__count { margin-left: 0; flex: 1 1 100%; }
}

@media (max-width: 560px) {
	.wvd-brand__tag { display: none; }
	.wvd-main { padding-top: 28px; }
	.wvd-row { flex-direction: column; gap: 6px; }
}

@media (prefers-reduced-motion: reduce) {
	.wvd *, .wvd *::before, .wvd *::after { transition-duration: .01ms !important; animation-duration: .01ms !important; }
}

@media print {
	.wvd-topbar, .wvd-sidebar, .wvd-toc, .wvd-feedback, .wvd-footer, .wvd-cta { display: none !important; }
	body.wvd { padding-top: 0; }
	.wvd-shell { display: block; }
}