/* Docs presentation — layout, navigation, prose. Built on tokens.css.
   All docs rendering is theme-owned; the docs engine plugin provides data,
   search, feedback and badges (structural classes styled below). */

/* ------------------------------------------------------------------ *
 * Landing hero + search
 * ------------------------------------------------------------------ */

.docs-hero {
	background: var(--wpus-gray-50);
	border-bottom: 1px solid var(--wpus-gray-200);
	padding: var(--wpus-space-16) 0;
	text-align: center;
}

.docs-hero h1 {
	font-size: var(--wpus-text-4xl);
	margin-bottom: var(--wpus-space-2);
}

.docs-hero__lede {
	color: var(--wpus-text-60);
	font-size: var(--wpus-text-lg);
	margin-bottom: var(--wpus-space-8);
}

.docs-hero__search {
	max-width: 40rem;
	margin-inline: auto;
	text-align: left;
}

/* ------------------------------------------------------------------ *
 * Landing section grid
 * ------------------------------------------------------------------ */

/* Bordered cards carry their own separation; the clusters provide the
   macro rhythm, so sibling gaps stay tight. */
.docs-sections__grid {
	display: grid;
	gap: var(--wpus-space-4);
}

@media (min-width: 640px) {
	.docs-sections__grid { grid-template-columns: repeat(2, 1fr); }
}

@media (min-width: 1024px) {
	.docs-sections__grid { grid-template-columns: repeat(var(--wpus-home-cols, 3), 1fr); }
}

/* Bordered tiles: resting chrome so fourteen cards separate at a glance;
   hover completes it (border-strong + lift + shadow, declared further down).
   Elevation at rest is the border alone — no resting shadow. */
.docs-section-card {
	display: flex;
	flex-direction: column;
	gap: var(--wpus-space-3);
	background: var(--wpus-white);
	border: 1px solid var(--wpus-border);
	border-radius: var(--wpus-radius-md);
	padding: var(--wpus-space-5);
}

.docs-section-card h3 {
	font-size: var(--wpus-text-xl);
}

.docs-section-card h3 a {
	color: inherit;
	text-decoration: none;
}

.docs-section-card h3 a:hover,
.docs-section-card h3 a:focus-visible {
	color: var(--wpus-primary);
}

.docs-section-card__description {
	color: var(--wpus-text-60);
	font-size: var(--wpus-text-sm);
}

.docs-section-card__all {
	margin-top: auto;
	font-size: var(--wpus-text-sm);
	font-weight: 600;
	color: var(--wpus-primary);
	text-decoration: none;
}

.docs-section-card__all:hover,
.docs-section-card__all:focus-visible {
	text-decoration: underline;
}

/* ------------------------------------------------------------------ *
 * Doc lists (shared)
 * ------------------------------------------------------------------ */

.docs-list {
	list-style: none;
	padding: 0;
	margin: 0;
	display: grid;
	gap: var(--wpus-space-1);
}

.docs-list a {
	display: block;
	padding: var(--wpus-space-1) 0;
	color: var(--wpus-text-80);
	font-size: var(--wpus-text-sm);
	text-decoration: none;
}

.docs-list a:hover,
.docs-list a:focus-visible {
	color: var(--wpus-primary);
	text-decoration: underline;
}

.docs-list a[aria-current='page'] {
	color: var(--wpus-primary);
	font-weight: 600;
}

/* ------------------------------------------------------------------ *
 * Docs layout: sidebar | content (| TOC on singles)
 * ------------------------------------------------------------------ */

.docs-layout {
	display: grid;
	gap: var(--wpus-space-10);
	padding-top: var(--wpus-space-8);
	align-items: start;
}

@media (min-width: 1024px) {
	.docs-layout--category { grid-template-columns: 250px minmax(0, 1fr); }
	.docs-layout--single   { grid-template-columns: 250px minmax(0, 1fr); }
}

@media (min-width: 1280px) {
	.docs-layout--single { grid-template-columns: 250px minmax(0, 1fr) 220px; }
}

.docs-layout__sidebar {
	order: 2;
}

.docs-article,
.docs-category {
	order: 1;
	min-width: 0;
}

.docs-layout__toc {
	display: none;
	order: 3;
}

@media (min-width: 1024px) {
	.docs-layout__sidebar {
		order: 0;
		position: sticky;
		top: calc(var(--wpus-header-height) + var(--wpus-space-6));
		max-height: calc(100vh - var(--wpus-header-height) - var(--wpus-space-12));
		overflow-y: auto;
		padding-right: var(--wpus-space-4);
		border-right: 1px solid var(--wpus-gray-200);
	}
}

@media (min-width: 1280px) {
	.docs-layout__toc {
		display: block;
		position: sticky;
		top: calc(var(--wpus-header-height) + var(--wpus-space-6));
	}
}

/* ------------------------------------------------------------------ *
 * Sidebar section navigation
 * ------------------------------------------------------------------ */

.docs-nav__roots {
	list-style: none;
	padding: 0;
	margin: 0;
	display: grid;
	gap: var(--wpus-space-1);
}

.docs-nav__root-link {
	display: block;
	padding: var(--wpus-space-1) var(--wpus-space-2);
	border-radius: var(--wpus-radius-xs);
	color: var(--wpus-text-80);
	font-size: var(--wpus-text-sm);
	font-weight: 600;
	text-decoration: none;
}

.docs-nav__root-link:hover,
.docs-nav__root-link:focus-visible {
	background: var(--wpus-gray-100);
	color: var(--wpus-primary);
}

.docs-nav__root.is-open > .docs-nav__root-link {
	color: var(--wpus-primary);
}

.docs-nav__root .docs-list {
	padding: var(--wpus-space-1) 0 var(--wpus-space-2) var(--wpus-space-4);
}

.docs-nav__group {
	padding-left: var(--wpus-space-2);
}

.docs-nav__group--nested {
	padding-left: var(--wpus-space-4);
}

.docs-nav__group-link {
	display: block;
	padding: var(--wpus-space-1) var(--wpus-space-2);
	color: var(--wpus-text-60);
	font-size: var(--wpus-text-xs);
	font-weight: 600;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	text-decoration: none;
}

.docs-nav__group-link:hover,
.docs-nav__group-link:focus-visible {
	color: var(--wpus-primary);
}

/* ------------------------------------------------------------------ *
 * Breadcrumbs
 * ------------------------------------------------------------------ */

.docs-breadcrumbs ol {
	list-style: none;
	padding: 0;
	margin: 0 0 var(--wpus-space-4);
	display: flex;
	flex-wrap: wrap;
	gap: var(--wpus-space-1);
	font-size: var(--wpus-text-sm);
	color: var(--wpus-text-60);
}

.docs-breadcrumbs li + li::before {
	content: '/';
	margin-right: var(--wpus-space-1);
	color: var(--wpus-gray-400);
}

.docs-breadcrumbs a {
	color: inherit;
	text-decoration: none;
}

.docs-breadcrumbs a:hover,
.docs-breadcrumbs a:focus-visible {
	color: var(--wpus-primary);
	text-decoration: underline;
}

/* ------------------------------------------------------------------ *
 * Single article
 * ------------------------------------------------------------------ */

.docs-article__title {
	font-size: var(--wpus-text-3xl);
	margin-bottom: var(--wpus-space-2);
}

.docs-article__meta {
	color: var(--wpus-text-60);
	font-size: var(--wpus-text-sm);
	margin-bottom: var(--wpus-space-8);
}

.docs-prose > * + * {
	margin-top: var(--wpus-space-4);
}

.docs-prose h2 {
	font-size: var(--wpus-text-2xl);
	margin-top: var(--wpus-space-10);
}

.docs-prose h3 {
	font-size: var(--wpus-text-xl);
	margin-top: var(--wpus-space-8);
}

.docs-prose img {
	border: 1px solid var(--wpus-gray-200);
	border-radius: var(--wpus-radius-md);
}

.docs-prose pre {
	background: var(--wpus-gray-900);
	color: var(--wpus-gray-100);
	padding: var(--wpus-space-4);
	border-radius: var(--wpus-radius-sm);
	overflow-x: auto;
	font-size: var(--wpus-text-sm);
}

.docs-prose :not(pre) > code {
	background: var(--wpus-gray-100);
	padding: 0.1em 0.35em;
	border-radius: var(--wpus-radius-xs);
	font-size: 0.9em;
}

/* Tables: horizontal rules only — a full cell grid reads heavy in prose.
   Wide tables scroll inside their own container instead of the page. */
.docs-prose table {
	width: 100%;
	border-collapse: collapse;
	font-size: var(--wpus-text-sm);
}

.docs-prose figure.wp-block-table {
	overflow-x: auto;
}

.docs-prose > table {
	display: block;
	overflow-x: auto;
}

.docs-prose th,
.docs-prose td {
	border: 0;
	border-bottom: 1px solid var(--wpus-gray-200);
	padding: var(--wpus-space-2) var(--wpus-space-3);
	text-align: left;
	vertical-align: top;
}

.docs-prose thead th {
	background: var(--wpus-gray-50);
	border-bottom: 1px solid var(--wpus-gray-300);
	font-weight: 600;
}

.docs-prose tbody tr:last-child th,
.docs-prose tbody tr:last-child td {
	border-bottom: 0;
}

/* Prev / next pager */

.docs-article__pager {
	display: grid;
	gap: var(--wpus-space-4);
	margin-top: var(--wpus-space-12);
	padding-top: var(--wpus-space-6);
	border-top: 1px solid var(--wpus-gray-200);
}

@media (min-width: 640px) {
	.docs-article__pager { grid-template-columns: 1fr 1fr; }
}

.docs-article__pager-link {
	display: block;
	padding: var(--wpus-space-4);
	border: 1px solid var(--wpus-gray-200);
	border-radius: var(--wpus-radius-md);
	color: var(--wpus-text-80);
	font-weight: 600;
	text-decoration: none;
}

.docs-article__pager-link:hover,
.docs-article__pager-link:focus-visible {
	border-color: var(--wpus-primary);
	color: var(--wpus-primary);
}

.docs-article__pager-link--next {
	text-align: right;
	grid-column: -2;
}

.docs-article__pager-label {
	display: block;
	font-size: var(--wpus-text-xs);
	font-weight: 400;
	color: var(--wpus-text-60);
	margin-bottom: var(--wpus-space-1);
}

/* ------------------------------------------------------------------ *
 * TOC
 * ------------------------------------------------------------------ */

.docs-toc__title {
	font-size: var(--wpus-text-xs);
	font-weight: 600;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: var(--wpus-text-60);
	margin-bottom: var(--wpus-space-2);
}

.docs-toc__list {
	list-style: none;
	padding: 0;
	margin: 0;
	display: grid;
	gap: var(--wpus-space-1);
	border-left: 1px solid var(--wpus-gray-200);
}

.docs-toc__list a {
	display: block;
	padding: var(--wpus-space-1) 0 var(--wpus-space-1) var(--wpus-space-3);
	margin-left: -1px;
	border-left: 2px solid transparent;
	color: var(--wpus-text-60);
	font-size: var(--wpus-text-sm);
	text-decoration: none;
}

.docs-toc__list a:hover,
.docs-toc__list a:focus-visible {
	color: var(--wpus-primary);
}

.docs-toc__list a.is-active {
	color: var(--wpus-primary);
	border-left-color: var(--wpus-primary);
	font-weight: 600;
}

.docs-toc__sub a {
	padding-left: var(--wpus-space-5);
}

/* ------------------------------------------------------------------ *
 * Category page
 * ------------------------------------------------------------------ */

.docs-category__header {
	margin-bottom: var(--wpus-space-8);
}

.docs-category__header h1 {
	font-size: var(--wpus-text-3xl);
	margin-bottom: var(--wpus-space-2);
}

.docs-category__description {
	color: var(--wpus-text-60);
}

.docs-category__count {
	color: var(--wpus-text-60);
	font-size: var(--wpus-text-sm);
	margin-top: var(--wpus-space-1);
}

.docs-category__section {
	margin-top: var(--wpus-space-10);
	padding-top: var(--wpus-space-6);
	border-top: 1px solid var(--wpus-gray-200);
}

.docs-category__section h2 {
	font-size: var(--wpus-text-xl);
	margin-bottom: var(--wpus-space-2);
}

.docs-category__section h2 a {
	color: inherit;
	text-decoration: none;
}

.docs-category__section h2 a:hover,
.docs-category__section h2 a:focus-visible {
	color: var(--wpus-primary);
}

.docs-category__subheading {
	font-size: var(--wpus-text-sm);
	font-weight: 600;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: var(--wpus-text-60);
	margin: var(--wpus-space-4) 0 var(--wpus-space-1);
}

.docs-category__subheading a {
	color: inherit;
	text-decoration: none;
}

/* ------------------------------------------------------------------ *
 * Native search form + results, 404, start-here strip
 * ------------------------------------------------------------------ */

.docs-searchform {
	display: flex;
	gap: var(--wpus-space-2);
	margin: var(--wpus-space-6) 0;
}

.docs-searchform input[type='search'] {
	flex: 1;
	min-width: 0;
	padding: var(--wpus-space-2) var(--wpus-space-4);
	border: 1px solid var(--wpus-gray-300);
	border-radius: var(--wpus-radius-button);
	font: inherit;
	font-size: var(--wpus-text-base);
}

.docs-searchform input[type='search']:focus-visible {
	outline: 2px solid var(--wpus-primary);
	outline-offset: 1px;
	border-color: var(--wpus-primary);
}

.docs-search__title {
	font-size: var(--wpus-text-3xl);
}

.docs-search__results {
	list-style: none;
	padding: 0;
	margin: var(--wpus-space-8) 0;
	display: grid;
	gap: var(--wpus-space-6);
}

.docs-search__section {
	font-size: var(--wpus-text-xs);
	font-weight: 600;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: var(--wpus-text-60);
}

.docs-search__result h2 {
	font-size: var(--wpus-text-xl);
	margin: var(--wpus-space-1) 0;
}

.docs-search__result h2 a {
	color: inherit;
	text-decoration: none;
}

.docs-search__result h2 a:hover,
.docs-search__result h2 a:focus-visible {
	color: var(--wpus-primary);
}

.docs-search__result p {
	color: var(--wpus-text-60);
	font-size: var(--wpus-text-sm);
}

.docs-search__empty {
	margin-top: var(--wpus-space-8);
}

.docs-404 h1 {
	font-size: var(--wpus-text-3xl);
	margin-bottom: var(--wpus-space-3);
}

.docs-404__subheading {
	font-size: var(--wpus-text-lg);
	margin-top: var(--wpus-space-8);
	margin-bottom: var(--wpus-space-2);
}

.docs-404__sections {
	columns: 2;
	column-gap: var(--wpus-space-8);
}

.docs-404__actions {
	margin-top: var(--wpus-space-8);
	display: flex;
	gap: var(--wpus-space-3);
	flex-wrap: wrap;
}

.docs-hero__start {
	margin-top: var(--wpus-space-6);
	font-size: var(--wpus-text-sm);
	display: flex;
	gap: var(--wpus-space-4);
	justify-content: center;
	flex-wrap: wrap;
}

.docs-hero__start-label {
	color: var(--wpus-text-60);
	font-weight: 600;
}

.docs-hero__start a {
	color: var(--wpus-text-80);
	text-decoration: underline;
	text-underline-offset: 3px;
}

.docs-hero__start a:hover,
.docs-hero__start a:focus-visible {
	color: var(--wpus-primary);
}

.docs-hero__help {
	margin-top: var(--wpus-space-3);
	font-size: var(--wpus-text-sm);
	color: var(--wpus-text-60);
}

.docs-hero__help a {
	color: var(--wpus-primary);
}

/* ------------------------------------------------------------------ *
 * Docs engine: live search, feedback, badges, code copy
 * ------------------------------------------------------------------ */

.wpus-docs-search__input {
	padding: var(--wpus-space-3) var(--wpus-space-5);
	border: 1px solid var(--wpus-gray-300);
	border-radius: var(--wpus-radius-button);
	font: inherit;
	font-size: var(--wpus-text-base);
	background: var(--wpus-white);
}

.wpus-docs-search__input:focus-visible {
	outline: 2px solid var(--wpus-primary);
	outline-offset: 1px;
	border-color: var(--wpus-primary);
}

.wpus-docs-search__results {
	border-color: var(--wpus-gray-200);
	border-radius: var(--wpus-radius-md);
	box-shadow: var(--wpus-shadow-md);
}

.wpus-docs-search__list a {
	color: var(--wpus-text-80);
}

.wpus-docs-search__list a:hover,
.wpus-docs-search__list a:focus-visible {
	background: var(--wpus-gray-50);
	color: var(--wpus-primary);
}

.wpus-docs-search__item-title {
	font-weight: 600;
	font-size: var(--wpus-text-sm);
}

.wpus-docs-search__item-section {
	font-size: var(--wpus-text-xs);
	color: var(--wpus-text-60);
}

.wpus-docs-feedback {
	display: flex;
	align-items: center;
	gap: var(--wpus-space-3);
	margin-top: var(--wpus-space-10);
	padding: var(--wpus-space-4) var(--wpus-space-5);
	border: 1px solid var(--wpus-gray-200);
	border-radius: var(--wpus-radius-md);
	font-size: var(--wpus-text-sm);
}

.wpus-docs-feedback__question {
	font-weight: 600;
}

.wpus-docs-feedback__btn {
	font: inherit;
	font-size: var(--wpus-text-sm);
	font-weight: 600;
	padding: var(--wpus-space-1) var(--wpus-space-4);
	border: 1px solid var(--wpus-gray-300);
	border-radius: var(--wpus-radius-button);
	background: var(--wpus-white);
	cursor: pointer;
	transition: border-color var(--wpus-transition-fast), color var(--wpus-transition-fast);
}

.wpus-docs-feedback__btn:hover,
.wpus-docs-feedback__btn:focus-visible {
	border-color: var(--wpus-primary);
	color: var(--wpus-primary);
}

.wpus-docs-feedback__thanks {
	color: var(--wpus-text-60);
}

.docs-badge {
	display: inline-block;
	margin-left: var(--wpus-space-1);
	padding: 0 var(--wpus-space-2);
	border-radius: var(--wpus-radius-full);
	font-size: var(--wpus-text-xs);
	font-weight: 600;
	line-height: 1.6;
	vertical-align: middle;
}

.docs-badge--new {
	background: var(--wpus-primary-light);
	color: var(--wpus-primary);
}

.docs-badge--updated {
	background: var(--wpus-gray-100);
	color: var(--wpus-gray-700);
}

.docs-prose pre {
	position: relative;
}

.wpus-docs-copy {
	position: absolute;
	top: var(--wpus-space-2);
	right: var(--wpus-space-2);
	font: inherit;
	font-size: var(--wpus-text-xs);
	font-weight: 600;
	padding: 2px var(--wpus-space-2);
	border: 1px solid var(--wpus-gray-600);
	border-radius: var(--wpus-radius-xs);
	background: var(--wpus-gray-800);
	color: var(--wpus-gray-100);
	cursor: pointer;
}

.wpus-docs-copy:hover,
.wpus-docs-copy:focus-visible {
	background: var(--wpus-gray-700);
}

/* ------------------------------------------------------------------ *
 * Design pass: rhythm, prose depth, pagination, cards, help CTA
 * ------------------------------------------------------------------ */

.docs-layout {
	padding-bottom: var(--wpus-space-16);
}

/* Prose depth: lists, quotes, separators, figures */

.docs-prose ul,
.docs-prose ol {
	padding-left: var(--wpus-space-5);
}

.docs-prose li + li {
	margin-top: var(--wpus-space-2);
}

.docs-prose blockquote,
.docs-prose .wp-block-quote {
	border-left: 3px solid var(--wpus-primary);
	padding: var(--wpus-space-2) 0 var(--wpus-space-2) var(--wpus-space-5);
	color: var(--wpus-text-60);
}

.docs-prose hr,
.docs-prose .wp-block-separator {
	border: 0;
	border-top: 1px solid var(--wpus-gray-200);
	margin-block: var(--wpus-space-8);
}

.docs-prose figure {
	margin-inline: auto;
	text-align: center;
}

.docs-prose img {
	margin-inline: auto;
}

.docs-prose figcaption {
	margin-top: var(--wpus-space-2);
	font-size: var(--wpus-text-sm);
	color: var(--wpus-text-60);
}

.docs-prose a {
	color: var(--wpus-primary);
	text-decoration: underline;
	text-underline-offset: 3px;
}

/* WP pagination (search results, archives) */

.pagination .nav-links {
	display: flex;
	gap: var(--wpus-space-2);
	flex-wrap: wrap;
	margin-top: var(--wpus-space-8);
}

.pagination .page-numbers {
	display: inline-block;
	min-width: 2.25rem;
	padding: var(--wpus-space-1) var(--wpus-space-3);
	border: 1px solid var(--wpus-gray-300);
	border-radius: var(--wpus-radius-xs);
	text-align: center;
	font-size: var(--wpus-text-sm);
	font-weight: 600;
	color: var(--wpus-text-80);
	text-decoration: none;
}

.pagination a.page-numbers:hover,
.pagination a.page-numbers:focus-visible {
	border-color: var(--wpus-primary);
	color: var(--wpus-primary);
}

.pagination .page-numbers.current {
	background: var(--wpus-primary);
	border-color: var(--wpus-primary);
	color: var(--wpus-white);
}

.pagination .page-numbers.dots {
	border: 0;
}

/* Search result cards (also used by tag/archive lists) */

.docs-search__results {
	list-style: none;
	padding: 0;
}

.docs-search__result {
	border: 1px solid var(--wpus-gray-200);
	border-radius: var(--wpus-radius-md);
	padding: var(--wpus-space-4) var(--wpus-space-5);
	transition: border-color var(--wpus-transition-fast);
}

.docs-search__result:hover,
.docs-search__result:focus-within {
	border-color: var(--wpus-primary);
}

.docs-search__empty {
	margin-top: var(--wpus-space-8);
	text-align: center;
}

.docs-search__empty .docs-404__sections {
	text-align: left;
	margin-top: var(--wpus-space-4);
}

/* page.php breadcrumb spacing */

.docs-page .docs-breadcrumbs ol {
	margin-bottom: var(--wpus-space-2);
}

.docs-page .docs-article__title {
	margin-bottom: var(--wpus-space-6);
}

/* Homepage cards: icon chip + count */

.docs-section-card h3 {
	display: flex;
	align-items: center;
	gap: var(--wpus-space-3);
}

.docs-section-card__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 2.25rem;
	height: 2.25rem;
	flex: none;
	border-radius: var(--wpus-radius-sm);
	background: var(--wpus-gray-50);
	color: var(--wpus-primary);
}

.wpus-icon {
	display: block;
}

.docs-section-card__count {
	font-size: var(--wpus-text-xs);
	color: var(--wpus-text-60);
	margin-top: calc(-1 * var(--wpus-space-2));
}

.docs-hero__corpus {
	display: block;
	margin-top: var(--wpus-space-1);
	font-size: var(--wpus-text-sm);
	color: var(--wpus-text-60);
}

/* Help CTA band (category pages, single docs) */

.docs-help-cta {
	margin-top: var(--wpus-space-12);
	padding: var(--wpus-space-6);
	border: 1px solid var(--wpus-gray-200);
	border-radius: var(--wpus-radius-md);
	background: var(--wpus-gray-50);
}

.docs-help-cta__title {
	font-weight: 600;
	margin-bottom: var(--wpus-space-1);
}

.docs-help-cta__text {
	font-size: var(--wpus-text-sm);
	color: var(--wpus-text-60);
	margin-bottom: var(--wpus-space-4);
}

.docs-help-cta__actions {
	display: flex;
	gap: var(--wpus-space-3);
	flex-wrap: wrap;
}

/* Pager: prev-only stays left */

.docs-article__pager-link--prev {
	grid-column: 1;
}

/* ================================================================== *
 * Mintlify-inspired visual system
 * ================================================================== */

/* Purple-tinted light neutrals + alpha border token. The tinted ramp is
   what makes the neutral surfaces read as designed for this brand. */
:root {
	--wpus-gray-50: #f8f7fa;
	--wpus-gray-100: #f4f3f7;
	--wpus-gray-200: #eceaf1;
	--wpus-gray-300: #dedbe6;
	--wpus-border: rgba(20, 10, 40, 0.08);
	--wpus-border-strong: rgba(20, 10, 40, 0.16);
}

/* Heading discipline on docs surfaces: medium weight, tight tracking,
   no 700 anywhere in docs chrome. */
.docs-article__title,
.docs-category__header h1,
.docs-search__title,
.docs-404 h1,
.docs-page .docs-article__title {
	font-size: 1.875rem;
	font-weight: 500;
	letter-spacing: -0.03125rem;
}

.docs-hero h1 {
	font-weight: 500;
	letter-spacing: -0.03125rem;
}

.docs-prose {
	letter-spacing: -0.0125rem;
}

.docs-prose h2,
.docs-prose h3,
.docs-section-card h3,
.docs-cluster__title,
.docs-category__section h2 {
	font-weight: 500;
}

/* Alpha borders across docs components */
.docs-section-card,
.docs-search__result,
.docs-article__pager-link,
.docs-help-cta,
.wpus-docs-feedback,
.docs-category__section,
.docs-layout__sidebar,
.docs-prose img,
.docs-prose hr,
.docs-prose .wp-block-separator {
	border-color: var(--wpus-border);
}

/* Doc page subtitle (excerpt) */
.docs-article__description {
	font-size: var(--wpus-text-lg);
	color: var(--wpus-text-60);
	margin: calc(-1 * var(--wpus-space-6)) 0 var(--wpus-space-8);
}

/* Prev/next: Mintlify treatment — label row + medium title, border hover */
.docs-article__pager-link {
	font-weight: 500;
	color: var(--wpus-gray-900);
	transition: border-color var(--wpus-transition-fast);
}

.docs-article__pager-link:hover,
.docs-article__pager-link:focus-visible {
	border-color: var(--wpus-border-strong);
	color: var(--wpus-gray-900);
}

.docs-article__pager-label {
	font-weight: 400;
}

.docs-article__pager-link--prev .docs-article__pager-label::before,
.docs-article__pager-link--next .docs-article__pager-label::after {
	content: '';
	display: inline-block;
	width: 0.9em;
	height: 0.9em;
	vertical-align: -0.12em;
	background-color: currentColor;
}

.docs-article__pager-link--prev .docs-article__pager-label::before {
	margin-right: var(--wpus-space-1);
	-webkit-mask: var(--wpus-icon-arrow-left) no-repeat center / contain;
	mask: var(--wpus-icon-arrow-left) no-repeat center / contain;
}

.docs-article__pager-link--next .docs-article__pager-label::after {
	margin-left: var(--wpus-space-1);
	-webkit-mask: var(--wpus-icon-arrow-right) no-repeat center / contain;
	mask: var(--wpus-icon-arrow-right) no-repeat center / contain;
}

/* Heading anchor links (injected by main.js) */
.docs-prose h2,
.docs-prose h3 {
	position: relative;
}

.docs-anchor {
	position: absolute;
	left: -1.5rem;
	top: 50%;
	transform: translateY(-50%);
	opacity: 0;
	color: var(--wpus-gray-400);
	text-decoration: none;
	font-weight: 400;
	transition: opacity var(--wpus-transition-fast);
}

.docs-prose h2:hover .docs-anchor,
.docs-prose h3:hover .docs-anchor,
.docs-anchor:focus-visible {
	opacity: 1;
}

.docs-anchor:hover {
	color: var(--wpus-primary);
}

/* Polish: fake-bold active states without reflow */
.docs-nav a[aria-current='page'],
.docs-list a[aria-current='page'],
.docs-nav__root.is-open > .docs-nav__root-link {
	font-weight: inherit;
	text-shadow: -0.2px 0 0 currentColor, 0.2px 0 0 currentColor;
}

.docs-toc__list a.is-active {
	font-weight: inherit;
	text-shadow: -0.15px 0 0 currentColor, 0.15px 0 0 currentColor;
}

.docs-nav a {
	overflow-wrap: break-word;
	hyphens: auto;
}

.docs-nav li,
.docs-nav__group {
	scroll-margin: var(--wpus-space-4);
}

.docs-prose pre,
.docs-prose code {
	font-variant-ligatures: none;
}

@media print {
	.site-header,
	.site-footer,
	.docs-layout__sidebar,
	.docs-layout__toc,
	.docs-help-cta,
	.wpus-docs-feedback,
	.docs-article__pager,
	.docs-pagemenu,
	.docs-mobile-bar {
		display: none !important;
	}
}

/* ------------------------------------------------------------------ *
 * Copy page / AI split button
 * ------------------------------------------------------------------ */

.docs-pagemenu {
	position: relative;
	display: inline-flex;
	margin-bottom: var(--wpus-space-6);
}

.docs-pagemenu__copy,
.docs-pagemenu__toggle {
	font: inherit;
	font-size: var(--wpus-text-sm);
	font-weight: 500;
	color: var(--wpus-text-80);
	background: var(--wpus-white);
	border: 1px solid var(--wpus-border);
	padding: var(--wpus-space-1) var(--wpus-space-3);
	cursor: pointer;
	transition: background var(--wpus-transition-fast);
}

.docs-pagemenu__copy {
	border-radius: var(--wpus-radius-md) 0 0 var(--wpus-radius-md);
	border-right: 0;
}

.docs-pagemenu__toggle {
	border-radius: 0 var(--wpus-radius-md) var(--wpus-radius-md) 0;
	padding-inline: var(--wpus-space-2);
}

.docs-pagemenu__copy:hover,
.docs-pagemenu__toggle:hover,
.docs-pagemenu__copy:focus-visible,
.docs-pagemenu__toggle:focus-visible {
	background: var(--wpus-gray-50);
}

/* No-jump label: reserve the widest string */
.docs-pagemenu__label {
	display: inline-grid;
}

.docs-pagemenu__label > span {
	grid-area: 1 / 1;
}

.docs-pagemenu__label > span[aria-hidden] {
	visibility: hidden;
}

.docs-pagemenu__menu {
	position: absolute;
	top: calc(100% + 4px);
	left: 0;
	z-index: 40;
	min-width: 14rem;
	background: var(--wpus-white);
	border: 1px solid var(--wpus-border);
	border-radius: var(--wpus-radius-md);
	box-shadow: var(--wpus-shadow-md);
	padding: var(--wpus-space-1);
}

.docs-pagemenu__menu a {
	display: block;
	padding: var(--wpus-space-2) var(--wpus-space-3);
	border-radius: var(--wpus-radius-xs);
	font-size: var(--wpus-text-sm);
	color: var(--wpus-text-80);
	text-decoration: none;
}

.docs-pagemenu__menu a:hover,
.docs-pagemenu__menu a:focus-visible {
	background: var(--wpus-gray-50);
	color: var(--wpus-primary);
}

/* ------------------------------------------------------------------ *
 * Search pill + command modal
 * ------------------------------------------------------------------ */

.docs-search-pill {
	display: flex;
	align-items: center;
	gap: var(--wpus-space-2);
	width: 100%;
	font: inherit;
	font-size: var(--wpus-text-sm);
	color: var(--wpus-text-60);
	background: var(--wpus-white);
	border: 0;
	box-shadow: inset 0 0 0 1px var(--wpus-border);
	border-radius: var(--wpus-radius-full);
	padding: var(--wpus-space-2) var(--wpus-space-3);
	margin-bottom: var(--wpus-space-4);
	cursor: pointer;
	transition: box-shadow var(--wpus-transition-fast);
}

.docs-search-pill:hover,
.docs-search-pill:focus-visible {
	box-shadow: inset 0 0 0 1px var(--wpus-border-strong);
}

.docs-search-pill__hint {
	margin-left: auto;
	font-size: var(--wpus-text-xs);
	font-weight: 600;
	background: var(--wpus-gray-100);
	border-radius: var(--wpus-radius-full);
	padding: 1px var(--wpus-space-2);
}

.docs-modal {
	position: fixed;
	inset: 0;
	z-index: 200;
	display: flex;
	align-items: flex-start;
	justify-content: center;
	padding: 10vh var(--wpus-space-4) var(--wpus-space-4);
	background: rgba(20, 10, 40, 0.4);
}

.docs-modal[hidden] {
	display: none;
}

.docs-modal__panel {
	width: 100%;
	max-width: 34rem;
	background: var(--wpus-white);
	border-radius: var(--wpus-radius-lg);
	box-shadow: var(--wpus-shadow-lg);
	overflow: hidden;
	display: flex;
	flex-direction: column;
	max-height: 70vh;
}

.docs-modal__input {
	width: 100%;
	border: 0;
	border-bottom: 1px solid var(--wpus-border);
	padding: var(--wpus-space-4) var(--wpus-space-5);
	font: inherit;
	font-size: var(--wpus-text-base);
	outline: none;
}

.docs-modal__results {
	overflow-y: auto;
	padding: var(--wpus-space-2);
}

.docs-modal__group {
	font-size: var(--wpus-text-xs);
	font-weight: 600;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: var(--wpus-text-60);
	padding: var(--wpus-space-3) var(--wpus-space-3) var(--wpus-space-1);
}

.docs-modal__results a {
	display: block;
	padding: var(--wpus-space-2) var(--wpus-space-3);
	border-radius: var(--wpus-radius-sm);
	font-size: var(--wpus-text-sm);
	color: var(--wpus-text-80);
	text-decoration: none;
}

.docs-modal__results a:hover,
.docs-modal__results a.is-selected {
	background: var(--wpus-gray-100);
	color: var(--wpus-primary);
}

.docs-modal__empty {
	padding: var(--wpus-space-6);
	text-align: center;
	color: var(--wpus-text-60);
	font-size: var(--wpus-text-sm);
}

.docs-modal__footer {
	border-top: 1px solid var(--wpus-border);
	padding: var(--wpus-space-2) var(--wpus-space-4);
	font-size: var(--wpus-text-xs);
	color: var(--wpus-text-60);
	display: flex;
	gap: var(--wpus-space-4);
}

/* ------------------------------------------------------------------ *
 * Mobile bar + sidebar drawer
 * ------------------------------------------------------------------ */

.docs-mobile-bar {
	display: flex;
	align-items: center;
	gap: var(--wpus-space-3);
	width: 100%;
	font: inherit;
	font-size: var(--wpus-text-sm);
	color: var(--wpus-text-60);
	background: var(--wpus-white);
	border: 0;
	border-bottom: 1px solid var(--wpus-border);
	padding: var(--wpus-space-3) var(--wpus-space-5);
	text-align: left;
	cursor: pointer;
}

.docs-mobile-bar__current {
	font-weight: 500;
	color: var(--wpus-gray-900);
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

@media (min-width: 1024px) {
	.docs-mobile-bar {
		display: none;
	}
}

@media (max-width: 1023.98px) {
	.docs-layout__sidebar {
		position: fixed;
		inset: 0 30% 0 0;
		min-width: 18rem;
		z-index: 150;
		background: var(--wpus-white);
		border-right: 1px solid var(--wpus-border);
		padding: var(--wpus-space-5);
		overflow-y: auto;
		transform: translateX(-100%);
		transition: transform var(--wpus-transition-base);
	}

	.docs-layout__sidebar.is-open {
		transform: translateX(0);
	}

	.docs-drawer-overlay {
		position: fixed;
		inset: 0;
		z-index: 140;
		background: rgba(20, 10, 40, 0.4);
	}

	.docs-drawer-overlay[hidden] {
		display: none;
	}
}

/* ------------------------------------------------------------------ *
 * Authoring components (plugin block styles)
 * ------------------------------------------------------------------ */

.docs-prose [class*='is-style-wpus-callout'] {
	border: 1px solid;
	border-radius: var(--wpus-radius-lg);
	padding: var(--wpus-space-4) var(--wpus-space-5);
	font-size: var(--wpus-text-sm);
}

.docs-prose [class*='is-style-wpus-callout'] > * + * {
	margin-top: var(--wpus-space-2);
}

.is-style-wpus-callout-note    { border-color: #bfdbfe; background: #eff6ff; color: #1e40af; }
.is-style-wpus-callout-info    { border-color: var(--wpus-border); background: var(--wpus-gray-50); color: var(--wpus-gray-700); }
.is-style-wpus-callout-warning { border-color: #fde68a; background: #fffbeb; color: #92400e; }
.is-style-wpus-callout-tip     { border-color: #bbf7d0; background: #f0fdf4; color: #166534; }
.is-style-wpus-callout-check   { border-color: #bbf7d0; background: #f0fdf4; color: #166534; }
.is-style-wpus-callout-danger  { border-color: #fecaca; background: #fef2f2; color: #991b1b; }

[class*='is-style-wpus-callout'] a,
[class*='is-style-wpus-callout'] strong,
[class*='is-style-wpus-callout'] code {
	color: currentColor;
}

.is-style-wpus-card {
	border: 1px solid var(--wpus-border);
	border-radius: var(--wpus-radius-lg);
	background: var(--wpus-white);
	padding: var(--wpus-space-5);
	transition: border-color var(--wpus-transition-fast);
}

.is-style-wpus-card:hover,
.is-style-wpus-card:focus-within {
	border-color: var(--wpus-primary);
}

ol.is-style-wpus-steps {
	list-style: none;
	counter-reset: wpus-steps;
	padding-left: 0;
	margin-left: var(--wpus-space-2);
}

ol.is-style-wpus-steps > li {
	counter-increment: wpus-steps;
	position: relative;
	padding-left: var(--wpus-space-10);
	padding-bottom: var(--wpus-space-5);
}

ol.is-style-wpus-steps > li::before {
	content: counter(wpus-steps);
	position: absolute;
	left: 0;
	top: 0;
	width: 1.75rem;
	height: 1.75rem;
	border-radius: var(--wpus-radius-full);
	background: var(--wpus-gray-100);
	color: var(--wpus-gray-900);
	font-size: var(--wpus-text-xs);
	font-weight: 600;
	display: flex;
	align-items: center;
	justify-content: center;
}

ol.is-style-wpus-steps > li:not(:last-child)::after {
	content: '';
	position: absolute;
	left: 0.875rem;
	top: 2rem;
	bottom: var(--wpus-space-1);
	width: 1px;
	background: var(--wpus-gray-200);
}

.docs-prose details,
details.is-style-wpus-accordion {
	border: 1px solid var(--wpus-border);
	border-radius: var(--wpus-radius-lg);
	padding: var(--wpus-space-3) var(--wpus-space-5);
	background: var(--wpus-white);
}

.docs-prose details summary {
	cursor: pointer;
	font-weight: 500;
}

.docs-prose details[open] summary {
	margin-bottom: var(--wpus-space-3);
}

figure.is-style-wpus-frame {
	background: color-mix(in srgb, var(--wpus-gray-100) 60%, transparent);
	border-radius: var(--wpus-radius-lg);
	padding: var(--wpus-space-2);
}

figure.is-style-wpus-frame img {
	border-radius: var(--wpus-radius-md);
	border: 0;
	margin: 0 auto;
}

/* ================================================================== *
 * Reading measure and rhythm
 * ================================================================== */

/* Mintlify holds the article to ~700px. Without a cap this column
   sprawls to ~940px between 1024px and 1280px, where there is no TOC
   column to absorb the width. */
.docs-article {
	max-width: 45rem;
}

.docs-prose {
	line-height: 1.7;
}

.docs-prose > * + * {
	margin-top: var(--wpus-space-5);
}

/* Air above a heading, tight below it, so each heading binds to the
   text it introduces rather than floating between blocks. */
.docs-prose h2 {
	margin-top: var(--wpus-space-12);
}

.docs-prose h3 {
	margin-top: var(--wpus-space-10);
}

.docs-prose h2 + *,
.docs-prose h3 + * {
	margin-top: var(--wpus-space-3);
}

/* Subtitle now sits directly under the title (template order), so the
   negative pull that positioned it after the meta line no longer applies. */
.docs-article__description {
	margin: 0 0 var(--wpus-space-4);
}

/* ================================================================== *
 * Landing: hero search + section cards
 * ================================================================== */

.docs-search-pill--hero {
	max-width: 32rem;
	margin-inline: auto;
	margin-bottom: 0;
	font-size: var(--wpus-text-base);
	padding: var(--wpus-space-3) var(--wpus-space-5);
	background: var(--wpus-white);
	box-shadow: var(--wpus-shadow-sm), inset 0 0 0 1px var(--wpus-border);
}

.docs-search-pill--hero:hover,
.docs-search-pill--hero:focus-visible {
	box-shadow: var(--wpus-shadow-md), inset 0 0 0 1px var(--wpus-border-strong);
}

/* Icon sits above the title on the landing cards, so the flex row the
   shared rule sets up would fight it. */
.docs-section-card h3 {
	display: block;
}

.docs-section-card {
	position: relative;
	transition: transform var(--wpus-transition-fast), box-shadow var(--wpus-transition-fast), border-color var(--wpus-transition-fast);
}

/* One link, whole card clickable — keeps a single tab stop per card. */
.docs-section-card__link::after {
	content: '';
	position: absolute;
	inset: 0;
	border-radius: inherit;
}

.docs-section-card:hover {
	transform: translateY(-2px);
	box-shadow: var(--wpus-shadow-md);
	border-color: var(--wpus-border-strong);
}

.docs-section-card:focus-within {
	border-color: var(--wpus-border-strong);
}

.docs-section-card__count {
	margin-top: auto;
	padding-top: var(--wpus-space-2);
}

@media (prefers-reduced-motion: reduce) {
	.docs-section-card {
		transition: none;
	}

	.docs-section-card:hover {
		transform: none;
	}
}

/* Start-here strip, below the grid */

.docs-start {
	margin-top: var(--wpus-space-10);
	font-size: var(--wpus-text-sm);
	color: var(--wpus-text-60);
	display: flex;
	flex-wrap: wrap;
	gap: var(--wpus-space-3);
	align-items: baseline;
	justify-content: center;
}

.docs-start__label {
	font-weight: 500;
	color: var(--wpus-gray-800);
}

.docs-start a {
	color: var(--wpus-primary);
	text-decoration: none;
}

.docs-start a:hover,
.docs-start a:focus-visible {
	text-decoration: underline;
}

/* ================================================================== *
 * Search modal: result snippets
 * ================================================================== */

.docs-modal__results a {
	display: grid;
	gap: 2px;
}

.docs-modal__result-title {
	font-weight: 500;
	color: var(--wpus-gray-900);
}

.docs-modal__results a:hover .docs-modal__result-title,
.docs-modal__results a.is-selected .docs-modal__result-title {
	color: var(--wpus-primary);
}

/* Two lines of context is enough to show why a result matched. */
.docs-modal__result-excerpt {
	font-size: var(--wpus-text-xs);
	line-height: 1.5;
	color: var(--wpus-text-60);
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.docs-modal__results mark {
	background: var(--wpus-primary-light);
	color: inherit;
	border-radius: 2px;
	padding: 0 1px;
}

.docs-modal__empty-link {
	display: inline-block;
	margin-top: var(--wpus-space-2);
	color: var(--wpus-primary);
	text-decoration: none;
}

.docs-modal__empty-link:hover,
.docs-modal__empty-link:focus-visible {
	text-decoration: underline;
}

/* ================================================================== *
 * Code blocks: header bar + copy
 * ================================================================== */

/* Blocks stay dark in light mode, the way Mintlify renders them. */
.docs-code {
	background: var(--wpus-gray-900);
	border-radius: var(--wpus-radius-md);
	overflow: hidden;
}

.docs-code__header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--wpus-space-3);
	padding: var(--wpus-space-2) var(--wpus-space-3);
	background: color-mix(in srgb, var(--wpus-white) 5%, transparent);
	border-bottom: 1px solid color-mix(in srgb, var(--wpus-white) 8%, transparent);
	min-height: 2rem;
}

.docs-code__lang {
	font-size: var(--wpus-text-xs);
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: var(--wpus-gray-400);
}

.docs-code pre {
	margin: 0;
	background: transparent;
	border-radius: 0;
}

/* The button now lives in the header bar, not over the code. */
.docs-code .wpus-docs-copy {
	position: static;
	background: transparent;
	border: 0;
	color: var(--wpus-gray-400);
	padding: 0 var(--wpus-space-1);
	transition: color var(--wpus-transition-fast);
}

.docs-code .wpus-docs-copy:hover,
.docs-code .wpus-docs-copy:focus-visible {
	background: transparent;
	color: var(--wpus-white);
}

/* ================================================================== *
 * Authoring components: callout icons + card lift
 * ================================================================== */

/* The icon is a mask filled with currentColor, so each callout variant
   colours its own glyph from the one text colour it already sets. */
.docs-prose [class*='is-style-wpus-callout'] {
	position: relative;
	padding-left: calc(var(--wpus-space-5) + 1.75rem);
}

.docs-prose [class*='is-style-wpus-callout']::before {
	content: '';
	position: absolute;
	left: var(--wpus-space-5);
	top: calc(var(--wpus-space-4) + 0.15rem);
	width: 1.05rem;
	height: 1.05rem;
	background-color: currentColor;
	-webkit-mask: var(--wpus-callout-icon) center / contain no-repeat;
	mask: var(--wpus-callout-icon) center / contain no-repeat;
}

.is-style-wpus-callout-note,
.is-style-wpus-callout-info {
	--wpus-callout-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 16v-4'/%3E%3Cpath d='M12 8h.01'/%3E%3C/svg%3E");
}

.is-style-wpus-callout-warning {
	--wpus-callout-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3'/%3E%3Cpath d='M12 9v4'/%3E%3Cpath d='M12 17h.01'/%3E%3C/svg%3E");
}

.is-style-wpus-callout-tip {
	--wpus-callout-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 14c.2-1 .7-1.7 1.5-2.5 1-.9 1.5-2.2 1.5-3.5A6 6 0 0 0 6 8c0 1 .2 2.2 1.5 3.5.7.7 1.3 1.5 1.5 2.5'/%3E%3Cpath d='M9 18h6'/%3E%3Cpath d='M10 22h4'/%3E%3C/svg%3E");
}

.is-style-wpus-callout-check {
	--wpus-callout-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 11.08V12a10 10 0 1 1-5.93-9.14'/%3E%3Cpath d='m9 11 3 3L22 4'/%3E%3C/svg%3E");
}

.is-style-wpus-callout-danger {
	--wpus-callout-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 2 2 7v10l10 5 10-5V7z'/%3E%3Cpath d='M12 8v4'/%3E%3Cpath d='M12 16h.01'/%3E%3C/svg%3E");
}

/* Cards lift the same way the landing section cards do. */
.is-style-wpus-card {
	transition: transform var(--wpus-transition-fast), box-shadow var(--wpus-transition-fast), border-color var(--wpus-transition-fast);
}

.is-style-wpus-card:hover {
	transform: translateY(-2px);
	box-shadow: var(--wpus-shadow-md);
}

@media (prefers-reduced-motion: reduce) {
	.is-style-wpus-card {
		transition: none;
	}

	.is-style-wpus-card:hover {
		transform: none;
	}
}

/* ================================================================== *
 * Article share row
 * ================================================================== */

/* Sits under the bordered feedback box as the lighter of the two — a
   second bordered block would double the weight at the end of every page. */
.docs-share {
	display: flex;
	align-items: center;
	gap: var(--wpus-space-2);
	margin-top: var(--wpus-space-4);
	padding: 0 var(--wpus-space-1);
	font-size: var(--wpus-text-sm);
}

.docs-share__label {
	color: var(--wpus-text-60);
	margin-right: var(--wpus-space-1);
}

.docs-share__link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 1.75rem;
	height: 1.75rem;
	padding: 0;
	border: 0;
	border-radius: var(--wpus-radius-sm);
	background: transparent;
	color: var(--wpus-text-60);
	cursor: pointer;
	transition: color var(--wpus-transition-fast), background-color var(--wpus-transition-fast);
}

/* Brand colour appears on hover only; the resting row stays monochrome. */
.docs-share__link:hover,
.docs-share__link:focus-visible {
	background: var(--wpus-gray-100);
	color: var(--wpus-gray-900);
}

.docs-share__link--linkedin:hover,
.docs-share__link--linkedin:focus-visible {
	color: #0a66c2;
}

.docs-share__copy:hover,
.docs-share__copy:focus-visible {
	color: var(--wpus-primary);
}

.docs-share__copy.is-copied {
	color: var(--wpus-success);
}

.docs-share__copy[hidden] {
	display: none;
}

@media (prefers-reduced-motion: reduce) {
	.docs-share__link {
		transition: none;
	}
}

@media print {
	.docs-share {
		display: none !important;
	}
}

/* ------------------------------------------------------------------ *
 * Finish-floor polish (2026-08-31 pilot)
 * ------------------------------------------------------------------ */

/* Hover-revealed section anchors (markup from the engine's HeadingAnchors). */
.docs-prose .docs-heading-anchor {
	margin-left: var(--wpus-space-2);
	color: var(--wpus-gray-400);
	opacity: 0;
	transition: opacity 150ms ease-out, color 150ms ease-out;
	vertical-align: baseline;
}

.docs-prose h2:hover .docs-heading-anchor,
.docs-prose h3:hover .docs-heading-anchor,
.docs-prose .docs-heading-anchor:focus-visible {
	opacity: 1;
}

.docs-prose .docs-heading-anchor:hover {
	color: var(--wpus-primary);
}

/* No hover on touch: keep the affordance quietly visible. */
@media (hover: none) {
	.docs-prose .docs-heading-anchor {
		opacity: 1;
	}
}

/* Search-term highlight — accent tint, not a highlighter. */
.docs-search__result mark {
	background: rgba(80, 7, 170, 0.12);
	color: inherit;
	border-radius: 2px;
	padding: 0 2px;
}

/* Steady digits where numbers sit next to each other across pages. */
.docs-article__meta,
.docs-search__title,
.docs-section-card__count {
	font-variant-numeric: tabular-nums;
}

/* Thin neutral scrollbars on the two internal scroll columns only. */
@media (min-width: 1024px) {
	.docs-layout__sidebar {
		scrollbar-width: thin;
		scrollbar-color: var(--wpus-gray-300) transparent;
	}

	.docs-layout__sidebar::-webkit-scrollbar {
		width: 6px;
	}

	.docs-layout__sidebar::-webkit-scrollbar-thumb {
		background: var(--wpus-gray-300);
		border-radius: 3px;
	}
}

.docs-modal__results {
	scrollbar-width: thin;
	scrollbar-color: var(--wpus-gray-300) transparent;
}

.docs-modal__results::-webkit-scrollbar {
	width: 6px;
}

.docs-modal__results::-webkit-scrollbar-thumb {
	background: var(--wpus-gray-300);
	border-radius: 3px;
}

/* ------------------------------------------------------------------ *
 * Landing clusters (docs-home): titled groups instead of one flat grid
 * ------------------------------------------------------------------ */

.docs-cluster + .docs-cluster {
	margin-top: var(--wpus-space-12);
}

.docs-cluster__title {
	font-size: var(--wpus-text-xl);
	margin-bottom: var(--wpus-space-5);
}

/* Start-here strip in its landing position: hero above, first cluster below. */
.docs-start--top {
	margin-top: 0;
	margin-bottom: var(--wpus-space-12);
}

/* ------------------------------------------------------------------ *
 * Rich doc lists (category pages): title + derived subtitle + meta
 * ------------------------------------------------------------------ */

.docs-list--rich {
	gap: var(--wpus-space-5);
}

.docs-list--rich > li > a {
	display: inline;
	padding: 0;
	font-size: var(--wpus-text-base);
	font-weight: 600;
	color: var(--wpus-text-80);
}

.docs-list--rich > li > a:hover,
.docs-list--rich > li > a:focus-visible {
	color: var(--wpus-primary);
}

.docs-list__subtitle {
	margin: var(--wpus-space-1) 0 0;
	font-size: var(--wpus-text-sm);
	color: var(--wpus-text-60);
	max-width: 60ch;
}

.docs-list__meta {
	margin: var(--wpus-space-1) 0 0;
	font-size: var(--wpus-text-xs);
	color: var(--wpus-text-60);
	font-variant-numeric: tabular-nums;
}