:root {
	--hp-blue: #1769ff;
	--hp-blue-dark: #0f56d8;
	--hp-ink: #0f1f38;
	--hp-text: #52627a;
	--hp-muted: #7c899d;
	--hp-line: #dfe5ee;
	--hp-line-soft: #e9edf3;
	--hp-surface: #ffffff;
	--hp-disabled: #f8fafc;
	--hp-radius: 8px;
	--hp-shell: 1512px;
}

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

html {
	scroll-behavior: smooth;
}

body {
	display: flex;
	min-height: 100vh;
	margin: 0;
	flex-direction: column;
	background: var(--hp-surface);
	color: var(--hp-ink);
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
	font-size: 16px;
	line-height: 1.6;
	letter-spacing: 0;
	-webkit-font-smoothing: antialiased;
}

/* Reserve space only for a rendered WordPress toolbar. */
body.admin-bar:has(#wpadminbar) .site-header {
	top: 32px;
}

@media (min-width: 601px) and (max-width: 782px) {
	body.admin-bar:has(#wpadminbar) .site-header {
		top: 46px;
	}
}

/* Below 601px the WordPress toolbar scrolls away with the document. */
@media (max-width: 600px) {
	body.admin-bar:has(#wpadminbar) .site-header {
		top: 0;
	}
}

a {
	color: inherit;
	text-decoration: none;
}

button,
input {
	font: inherit;
	letter-spacing: 0;
}

button,
a {
	-webkit-tap-highlight-color: transparent;
}

.shell {
	width: min(var(--hp-shell), calc(100% - 80px));
	margin-inline: auto;
}

.screen-reader-text {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

.icon-sprite {
	position: absolute;
	width: 0;
	height: 0;
	overflow: hidden;
}

.icon {
	display: block;
	width: 1.25rem;
	height: 1.25rem;
	fill: none;
	stroke: currentColor;
	stroke-width: 1.8;
	stroke-linecap: round;
	stroke-linejoin: round;
}

.site-header {
	position: sticky;
	top: 0;
	z-index: 20;
	background: rgba(255, 255, 255, 0.98);
	border-bottom: 1px solid var(--hp-line-soft);
}

.site-header__inner {
	display: grid;
	height: 76px;
	grid-template-columns: 1fr auto 1fr;
	align-items: center;
	gap: 32px;
}

.brand {
	display: inline-flex;
	min-width: 0;
	align-items: center;
	justify-self: start;
	gap: 14px;
	font-size: 21px;
	font-weight: 650;
	line-height: 1;
}

.brand__logo {
	display: grid;
	width: 38px;
	height: 38px;
	flex: 0 0 38px;
	place-items: center;
	overflow: hidden;
	border-radius: 5px;
}

.brand__logo-image {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.brand__placeholder {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	background: var(--hp-blue);
}

.brand__placeholder::before,
.brand__placeholder::after,
.brand__placeholder span {
	position: absolute;
	display: block;
	content: "";
	background: #ffffff;
	border-radius: 2px;
}

.brand__placeholder::before {
	width: 17px;
	height: 17px;
	left: 8px;
	top: 8px;
}

.brand__placeholder::after {
	width: 13px;
	height: 13px;
	right: 7px;
	bottom: 7px;
	opacity: 0.68;
}

.brand__placeholder span {
	width: 10px;
	height: 10px;
	right: 6px;
	top: 6px;
	opacity: 0.36;
}

.brand__name {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.site-nav__list {
	display: flex;
	margin: 0;
	padding: 0;
	align-items: stretch;
	gap: 50px;
	list-style: none;
}

.site-nav__list li {
	position: relative;
	display: flex;
	align-items: center;
}

.site-nav__list a {
	display: flex;
	height: 76px;
	align-items: center;
	color: #34435a;
	font-size: 17px;
	font-weight: 500;
	transition: color 160ms ease;
}

.site-nav__list a:hover,
.site-nav__list a:focus-visible,
.site-nav__list .current-menu-item > a {
	color: var(--hp-ink);
}

.site-nav__list .current-menu-item::after {
	position: absolute;
	right: 0;
	bottom: 11px;
	left: 0;
	height: 2px;
	background: var(--hp-blue);
	content: "";
}

.header-actions {
	display: flex;
	align-items: center;
	justify-self: end;
	gap: 20px;
}

.icon-button {
	position: relative;
	display: grid;
	width: 38px;
	height: 38px;
	padding: 0;
	place-items: center;
	color: #53637b;
	background: transparent;
	border: 0;
	border-radius: 6px;
	cursor: pointer;
	transition: color 160ms ease, background-color 160ms ease;
}

.icon-button:hover,
.icon-button:focus-visible {
	color: var(--hp-blue);
	background: #f4f7fb;
	outline: none;
}

.header-actions__divider {
	width: 1px;
	height: 30px;
	background: var(--hp-line-soft);
}

.notification-dot {
	position: absolute;
	top: 6px;
	right: 5px;
	width: 8px;
	height: 8px;
	background: var(--hp-blue);
	border: 2px solid #ffffff;
	border-radius: 50%;
}

.account-link {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	color: #34435a;
	font-size: 16px;
	font-weight: 500;
}

.account-link:hover,
.account-link:focus-visible {
	color: var(--hp-blue);
}

.account-link__avatar {
	display: block;
	width: 38px;
	height: 38px;
	object-fit: cover;
	background: #e7ebf1;
	border-radius: 50%;
}

.account-link__avatar--empty {
	position: relative;
}

.account-link__avatar--empty::before,
.account-link__avatar--empty::after {
	position: absolute;
	left: 50%;
	background: #9ba6b6;
	border-radius: 50%;
	content: "";
	transform: translateX(-50%);
}

.account-link__avatar--empty::before {
	top: 7px;
	width: 10px;
	height: 10px;
}

.account-link__avatar--empty::after {
	bottom: 6px;
	width: 21px;
	height: 10px;
	border-radius: 10px 10px 6px 6px;
}

.account-link__chevron {
	width: 16px;
	height: 16px;
}

.mobile-nav-toggle {
	display: none;
}

.mobile-nav-toggle__close {
	display: none;
}

.site-header.is-menu-open .mobile-nav-toggle__open {
	display: none;
}

.site-header.is-menu-open .mobile-nav-toggle__close {
	display: block;
}

.header-search {
	position: absolute;
	top: 100%;
	right: 0;
	left: 0;
	padding: 20px 0;
	background: #ffffff;
	border-top: 1px solid var(--hp-line-soft);
	border-bottom: 1px solid var(--hp-line);
	box-shadow: 0 14px 30px rgba(15, 31, 56, 0.06);
}

.search-form {
	position: relative;
	display: flex;
	max-width: 760px;
	margin-inline: auto;
	align-items: center;
	gap: 12px;
}

.search-form__icon {
	position: absolute;
	left: 16px;
	color: var(--hp-muted);
}

.search-form input {
	width: 100%;
	height: 48px;
	padding: 0 18px 0 50px;
	color: var(--hp-ink);
	background: #ffffff;
	border: 1px solid var(--hp-line);
	border-radius: 6px;
	outline: none;
}

.search-form input:focus {
	border-color: var(--hp-blue);
	box-shadow: 0 0 0 3px rgba(23, 105, 255, 0.1);
}

.search-form button {
	height: 48px;
	padding: 0 24px;
	color: #ffffff;
	background: var(--hp-blue);
	border: 0;
	border-radius: 6px;
	cursor: pointer;
}

.search-form button:hover,
.search-form button:focus-visible {
	background: var(--hp-blue-dark);
}

.site-main {
	display: flex;
	min-height: calc(100vh - 132px);
	flex: 1;
	flex-direction: column;
}

.home-hero {
	padding-top: 30px;
}

.home-hero__heading-row {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 40px;
	margin-bottom: 24px;
}

.home-hero__eyebrow {
	margin: 0 0 8px;
	color: var(--hp-text);
	font-size: 15px;
}

.home-hero h1 {
	margin: 0;
	font-size: 46px;
	font-weight: 680;
	line-height: 1.18;
}

.home-hero__intro {
	margin: 4px 0 0;
	color: var(--hp-text);
	font-size: 20px;
}

.last-login {
	margin: 0 0 42px;
	color: var(--hp-text);
	font-size: 15px;
	white-space: nowrap;
}

.business-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 28px 30px;
}

.business-card {
	position: relative;
	display: flex;
	min-width: 0;
	min-height: 280px;
	padding: 38px 42px 28px;
	flex-direction: column;
	color: var(--hp-ink);
	background: #ffffff;
	border: 1px solid var(--hp-line);
	border-radius: var(--hp-radius);
	overflow: hidden;
	transition: border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}

a.business-card:hover,
a.business-card:focus-visible {
	border-color: #9bbefc;
	box-shadow: 0 10px 24px rgba(23, 105, 255, 0.08);
	outline: none;
	transform: translateY(-2px);
}

.business-card__icon-wrap {
	display: grid;
	width: 58px;
	height: 58px;
	margin-bottom: 20px;
	place-items: center;
	color: var(--hp-ink);
}

.business-card__icon {
	width: 58px;
	height: 58px;
	stroke-width: 1.55;
}

.business-card__image {
	display: block;
	width: 58px;
	height: 58px;
	object-fit: contain;
	border-radius: 6px;
}

.business-card:nth-child(3) .business-card__icon {
	color: var(--hp-blue);
}

.business-card__copy h2 {
	margin: 0;
	font-size: 28px;
	font-weight: 650;
	line-height: 1.28;
}

.business-card__copy p {
	margin: 8px 0 0;
	color: var(--hp-text);
	font-size: 17px;
}

.business-card__footer {
	display: flex;
	margin-top: auto;
	padding-top: 24px;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
}

.business-card__metric,
.business-card__action {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	white-space: nowrap;
}

.business-card__metric {
	color: var(--hp-text);
	font-size: 16px;
}

.business-card__metric .icon {
	width: 21px;
	height: 21px;
}

.business-card__action {
	padding-left: 30px;
	color: var(--hp-blue);
	border-left: 1px solid var(--hp-line);
	font-size: 16px;
	font-weight: 600;
}

.business-card__action .icon {
	width: 22px;
	height: 22px;
	transition: transform 160ms ease;
}

a.business-card:hover .business-card__action .icon,
a.business-card:focus-visible .business-card__action .icon {
	transform: translateX(3px);
}

.business-card--disabled {
	min-height: 190px;
	padding-top: 28px;
	padding-bottom: 28px;
	color: #7e8999;
	background: var(--hp-disabled);
	border-color: #e2e7ee;
}

.business-card__icon-wrap--muted {
	width: 50px;
	height: 50px;
	margin-bottom: 12px;
}

.business-card__icon-wrap--muted .business-card__icon {
	width: 50px;
	height: 50px;
}

.business-card__icon-wrap--muted .business-card__image {
	width: 50px;
	height: 50px;
}

.business-card--disabled .business-card__copy h2 {
	color: #758197;
	font-size: 27px;
}

.business-card__disabled-title {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
}

.status-badge {
	display: inline-flex;
	height: 34px;
	padding: 0 15px;
	align-items: center;
	color: #697689;
	background: #edf0f4;
	border-radius: 17px;
	font-size: 14px;
	font-weight: 600;
	white-space: nowrap;
}

.help-strip {
	display: flex;
	min-height: 94px;
	margin-top: 28px;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
	border-top: 1px solid var(--hp-line);
}

.help-strip__content,
.help-strip__link {
	display: flex;
	align-items: center;
}

.help-strip__content {
	gap: 24px;
}

.help-strip__icon {
	display: grid;
	width: 48px;
	height: 48px;
	place-items: center;
	color: #6b7c93;
}

.help-strip__icon .icon {
	width: 46px;
	height: 46px;
	stroke-width: 1.45;
}

.help-strip__content > div {
	padding-left: 24px;
	border-left: 1px solid var(--hp-line);
}

.help-strip h2,
.help-strip p {
	margin: 0;
}

.help-strip h2 {
	font-size: 17px;
	font-weight: 650;
}

.help-strip p {
	color: var(--hp-text);
	font-size: 15px;
}

.help-strip__link {
	gap: 10px;
	color: var(--hp-blue);
	font-weight: 600;
}

.help-strip__link .icon {
	transition: transform 160ms ease;
}

.help-strip__link:hover .icon,
.help-strip__link:focus-visible .icon {
	transform: translateX(3px);
}

.site-footer {
	margin-top: auto;
	color: var(--hp-text);
	border-top: 1px solid var(--hp-line-soft);
	font-size: 14px;
}

.site-footer__inner {
	display: flex;
	min-height: 56px;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
}

.site-footer p {
	margin: 0;
}

.footer-nav {
	display: flex;
	gap: 30px;
}

.footer-nav a:hover,
.footer-nav a:focus-visible {
	color: var(--hp-blue);
}

.content-shell {
	padding-top: 64px;
	padding-bottom: 80px;
}

.content-entry {
	max-width: 840px;
}

.content-entry h1 {
	margin: 0 0 24px;
	font-size: 42px;
	line-height: 1.2;
}

.content-entry__body {
	color: #34435a;
}

@media (max-width: 1180px) {
	.site-header__inner {
		grid-template-columns: auto 1fr auto;
	}

	.site-nav__list {
		gap: 28px;
	}

	.header-actions {
		gap: 10px;
	}

	.header-actions__divider:first-of-type {
		display: none;
	}

	.business-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 900px) {

	.shell {
		width: min(100% - 40px, var(--hp-shell));
	}

	.site-header__inner {
		height: 68px;
	}

	.site-nav {
		position: absolute;
		top: 100%;
		right: 0;
		left: 0;
		display: none;
		padding: 10px 20px 20px;
		background: #ffffff;
		border-bottom: 1px solid var(--hp-line);
		box-shadow: 0 14px 30px rgba(15, 31, 56, 0.06);
	}

	.site-header.is-menu-open .site-nav {
		display: block;
	}

	.site-nav__list {
		display: block;
	}

	.site-nav__list a {
		height: 48px;
		padding: 0 12px;
	}

	.site-nav__list .current-menu-item::after {
		top: 10px;
		right: auto;
		bottom: 10px;
		left: 0;
		width: 2px;
		height: auto;
	}

	.account-link,
	.notification-button,
	.header-actions__divider {
		display: none;
	}

	.mobile-nav-toggle {
		display: grid;
	}

	.home-hero {
		padding-top: 24px;
	}

	.home-hero h1 {
		font-size: 38px;
	}

	.home-hero__intro {
		font-size: 17px;
	}

	.last-login {
		display: none;
	}
}

@media (max-width: 680px) {
	.shell {
		width: min(100% - 32px, var(--hp-shell));
	}

	.brand {
		gap: 10px;
		font-size: 18px;
	}

	.brand__logo {
		width: 34px;
		height: 34px;
		flex-basis: 34px;
	}

	.header-actions {
		gap: 2px;
	}

	.home-hero__heading-row {
		margin-bottom: 20px;
	}

	.home-hero h1 {
		font-size: 34px;
	}

	.business-grid {
		grid-template-columns: 1fr;
		gap: 16px;
	}

	.business-card {
		min-height: 244px;
		padding: 28px 26px 24px;
	}

	.business-card--disabled {
		min-height: 176px;
	}

	.business-card__copy h2,
	.business-card--disabled .business-card__copy h2 {
		font-size: 24px;
	}

	.business-card__copy p {
		font-size: 15px;
	}

	.business-card__footer {
		padding-top: 20px;
	}

	.business-card__action {
		padding-left: 16px;
		font-size: 15px;
	}

	.business-card__metric {
		font-size: 15px;
	}

	.help-strip {
		padding: 22px 0;
		align-items: flex-start;
		flex-direction: column;
	}

	.help-strip__content {
		gap: 14px;
	}

	.help-strip__content > div {
		padding-left: 14px;
	}

	.site-footer__inner {
		padding: 18px 0;
		align-items: flex-start;
		flex-direction: column;
	}

	.search-form {
		align-items: stretch;
		flex-direction: column;
	}

	.search-form button {
		width: 100%;
	}
}

@media (prefers-reduced-motion: reduce) {
	*,
	*::before,
	*::after {
		scroll-behavior: auto !important;
		transition-duration: 0.01ms !important;
	}
}

/* Theme adapters for existing portal modules; layout is unchanged. */
html[data-hp-theme] .hp-account-menu>summary:hover,html[data-hp-theme] .hp-account-menu[open]>summary{color:var(--hp-blue)}
html[data-hp-theme] .hp-account-dropdown{background:var(--hp-panel);border:1px solid var(--hp-line-soft);box-shadow:0 8px 28px var(--hp-shadow);color:var(--hp-ink)}
html[data-hp-theme] .hp-account-menu-item{border:0;background:transparent;color:var(--hp-ink)}
html[data-hp-theme] .hp-account-menu-item .dashicons{color:var(--hp-muted)}
html[data-hp-theme] .hp-account-menu-item:hover{background:var(--hp-soft);color:var(--hp-blue)}
html[data-hp-theme] .hp-account-menu-item:hover .dashicons{color:inherit}
html[data-hp-theme] .hp-account-menu-item.hp-account-menu-logout{border-top:1px solid var(--hp-line-soft);color:var(--hp-danger)}
html[data-hp-theme] .hp-account-menu-logout .dashicons{color:inherit}
html[data-hp-theme] .hp-account-menu-logout:hover{background:var(--hp-danger-bg);color:var(--hp-danger)}
html[data-hp-theme] .hp-account-menu summary:focus-visible,html[data-hp-theme] .hp-account-menu-item:focus-visible{outline:2px solid var(--hp-blue)}
html[data-hp-theme] .hp-docs{color:var(--hp-ink)}
html[data-hp-theme] .hp-docs a{color:var(--hp-blue)}
html[data-hp-theme] .hp-docs-head p{color:var(--hp-muted)}
html[data-hp-theme] .hp-docs-primary,html[data-hp-theme] .hp-docs-secondary{border:1px solid var(--hp-line);background:var(--hp-panel);color:var(--hp-ink)!important}
html[data-hp-theme] .hp-docs-primary{background:var(--hp-blue);border-color:var(--hp-blue);color:var(--hp-on-accent)!important}
html[data-hp-theme] .hp-docs-primary:hover{background:var(--hp-blue)}
html[data-hp-theme] .hp-docs-secondary:hover{background:var(--hp-soft)}
html[data-hp-theme] .hp-docs :is(button,a,input,textarea,summary):focus-visible{outline:2px solid var(--hp-blue)}
html[data-hp-theme] .hp-docs-toolbar{border-bottom:1px solid var(--hp-line-soft)}
html[data-hp-theme] .hp-docs-toolbar input{border:1px solid var(--hp-line);background:var(--hp-panel);color:inherit}
html[data-hp-theme] .hp-docs-toolbar button{border:0;background:none;color:var(--hp-text)}
html[data-hp-theme] .hp-docs-tabs a{color:var(--hp-text)}
html[data-hp-theme] .hp-docs-tabs a[aria-current]{color:var(--hp-blue);box-shadow:0 2px var(--hp-blue)}
html[data-hp-theme] .hp-docs-count{color:var(--hp-muted)}
html[data-hp-theme] .hp-docs-list>li{border-bottom:1px solid var(--hp-line-soft)}
html[data-hp-theme] .hp-docs-copy h2 a{color:var(--hp-ink)}
html[data-hp-theme] .hp-docs-summary{color:var(--hp-text)}
html[data-hp-theme] .hp-docs-meta{color:var(--hp-muted)}
html[data-hp-theme] .hp-docs-empty>.dashicons{color:var(--hp-muted)}
html[data-hp-theme] .hp-docs-empty h2{color:var(--hp-muted)}
html[data-hp-theme] .hp-docs-success,html[data-hp-theme] .hp-docs-notice{background:var(--hp-success-bg);border:1px solid var(--hp-success);color:var(--hp-success)}
html[data-hp-theme] .hp-docs-notice{background:var(--hp-warning-bg);border-color:var(--hp-warning);color:var(--hp-warning)}
html[data-hp-theme] .hp-docs-article-head{border-bottom:1px solid var(--hp-line-soft)}
html[data-hp-theme] .hp-docs-kicker{color:var(--hp-blue)}
html[data-hp-theme] .hp-docs-deck{color:var(--hp-text)}
html[data-hp-theme] .hp-docs-body{color:var(--hp-ink)}
html[data-hp-theme] .hp-docs-body blockquote{border-left:3px solid var(--hp-line);color:var(--hp-text);background:var(--hp-soft)}
html[data-hp-theme] .hp-docs-body .wp-caption-text,html[data-hp-theme] .hp-docs-body figcaption{color:var(--hp-muted)}
html[data-hp-theme] .hp-docs-body pre{background:var(--hp-soft)}
html[data-hp-theme] .hp-docs-body table{border-collapse:collapse}
html[data-hp-theme] .hp-docs-body th,html[data-hp-theme] .hp-docs-body td{border:1px solid var(--hp-line-soft)}
html[data-hp-theme] .hp-docs-body hr{border:0;border-top:1px solid var(--hp-line-soft)}
html[data-hp-theme] .hp-docs-attachment{border-top:1px solid var(--hp-line-soft);border-bottom:1px solid var(--hp-line-soft)}
html[data-hp-theme] .hp-docs-attachment p{color:var(--hp-muted)}
html[data-hp-theme] .hp-docs-article-footer{border-top:1px solid var(--hp-line-soft)}
html[data-hp-theme] .hp-docs-state{color:var(--hp-muted);background:var(--hp-soft)}
html[data-hp-theme] .hp-docs-label small,html[data-hp-theme] .hp-docs-extras small{color:var(--hp-muted)}
html[data-hp-theme] .hp-docs-title-input,html[data-hp-theme] .hp-docs-summary-input{border:1px solid var(--hp-line);background:var(--hp-panel);color:var(--hp-ink)}
html[data-hp-theme] .hp-docs-editor .wp-editor-wrap{border:1px solid var(--hp-line)}
html[data-hp-theme] .hp-docs-editor .wp-editor-tools{background:var(--hp-soft)}
html[data-hp-theme] .hp-docs-editor .wp-editor-container{border:0}
html[data-hp-theme] .hp-docs-extras{border-top:1px solid var(--hp-line-soft);border-bottom:1px solid var(--hp-line-soft)}
html[data-hp-theme] .hp-docs-extras input[type=file]{border:1px solid var(--hp-line);background:var(--hp-panel)}
html[data-hp-theme] .hp-docs-hint{color:var(--hp-muted)}
html[data-hp-theme] .hp-docs-error{color:var(--hp-danger);background:var(--hp-danger-bg)}
html[data-hp-theme] .hp-hub{color:var(--hp-ink)}
html[data-hp-theme] .hp-hub a{color:var(--hp-blue)}
html[data-hp-theme] .hp-hub-primary,html[data-hp-theme] .hp-hub-secondary{border:1px solid var(--hp-line);background:var(--hp-panel);color:var(--hp-ink)!important}
html[data-hp-theme] .hp-hub-primary{background:var(--hp-blue);border-color:var(--hp-blue);color:var(--hp-on-accent)!important}
html[data-hp-theme] .hp-hub-primary:hover{background:var(--hp-blue)}
html[data-hp-theme] .hp-hub-secondary:hover{background:var(--hp-soft)}
html[data-hp-theme] .hp-hub :is(a,button,input,textarea,select,summary):focus-visible{outline:2px solid var(--hp-blue)}
html[data-hp-theme] .hp-hub-alert-error{background:var(--hp-danger-bg);color:var(--hp-danger);border:1px solid var(--hp-danger)}
html[data-hp-theme] .hp-hub-alert-success{background:var(--hp-success-bg);color:var(--hp-success);border:1px solid var(--hp-success)}
html[data-hp-theme] .hp-hub-meta,html[data-hp-theme] .hp-hub-muted{color:var(--hp-muted)}
html[data-hp-theme] .hp-hub-section-head{border-bottom:1px solid var(--hp-line-soft)}
html[data-hp-theme] .hp-hub-tabs a{color:var(--hp-muted)}
html[data-hp-theme] .hp-hub-tabs a[aria-current]{color:var(--hp-blue);box-shadow:0 2px var(--hp-blue)}
html[data-hp-theme] .hp-ticket-filters :is(input,select),html[data-hp-theme] .hp-ticket-status-form select{border:1px solid var(--hp-line);background:var(--hp-panel);color:inherit}
html[data-hp-theme] .hp-ticket-count{color:var(--hp-muted)}
html[data-hp-theme] .hp-ticket-table{border-collapse:collapse}
html[data-hp-theme] .hp-ticket-table th{color:var(--hp-muted);background:var(--hp-soft);border-block:1px solid var(--hp-line-soft)}
html[data-hp-theme] .hp-ticket-table td{border-bottom:1px solid var(--hp-line-soft)}
html[data-hp-theme] .hp-ticket-title{color:var(--hp-ink)!important}
html[data-hp-theme] .hp-ticket-number{color:var(--hp-muted)}
html[data-hp-theme] .hp-ticket-table time{color:var(--hp-muted)}
html[data-hp-theme] .hp-ticket-state-open{background:var(--hp-warning-bg);color:var(--hp-warning)}
html[data-hp-theme] .hp-ticket-state-processing{background:var(--hp-soft);color:var(--hp-blue)}
html[data-hp-theme] .hp-ticket-state-resolved{background:var(--hp-success-bg);color:var(--hp-success)}
html[data-hp-theme] .hp-ticket-state-closed{background:var(--hp-soft);color:var(--hp-muted)}
html[data-hp-theme] .hp-hub-empty>.dashicons{color:var(--hp-muted)}
html[data-hp-theme] .hp-hub-empty h2{color:var(--hp-muted)}
html[data-hp-theme] .hp-hub-form label small{color:var(--hp-muted)}
html[data-hp-theme] .hp-hub-form>input:not([type=hidden]),html[data-hp-theme] .hp-hub-form>select,html[data-hp-theme] .hp-hub-form>textarea{border:1px solid var(--hp-line);color:var(--hp-ink);background:var(--hp-panel)}
html[data-hp-theme] .hp-hub-hint{color:var(--hp-muted)}
html[data-hp-theme] .hp-ticket-heading{border-bottom:1px solid var(--hp-line-soft)}
html[data-hp-theme] .hp-ticket-info{color:var(--hp-muted)}
html[data-hp-theme] .hp-ticket-question{border-bottom:1px solid var(--hp-line-soft)}
html[data-hp-theme] .hp-ticket-message-meta{color:var(--hp-muted)}
html[data-hp-theme] .hp-ticket-message-meta strong{color:var(--hp-ink)}
html[data-hp-theme] .hp-ticket-message-body{color:var(--hp-text)}
html[data-hp-theme] .hp-ticket-related{color:var(--hp-muted)}
html[data-hp-theme] .hp-ticket-related a{color:var(--hp-blue)}
html[data-hp-theme] .hp-ticket-conversation>ol>li{border-bottom:1px solid var(--hp-line-soft)}
html[data-hp-theme] .hp-ticket-staff .hp-ticket-message-meta strong{color:var(--hp-blue)}
html[data-hp-theme] .hp-ticket-event{color:var(--hp-muted)}
html[data-hp-theme] .hp-ticket-reply{border-top:1px solid var(--hp-line-soft)}
html[data-hp-theme] .hp-ticket-status-form{border-top:1px solid var(--hp-line-soft)}
html[data-hp-theme] .hp-hub-prose table{border-collapse:collapse}
html[data-hp-theme] .hp-hub-prose th,html[data-hp-theme] .hp-hub-prose td{border:1px solid var(--hp-line-soft)}
html[data-hp-theme] .hp-hub .wp-editor-wrap{border:1px solid var(--hp-line)}
html[data-hp-theme] .hp-hub .wp-editor-tools{background:var(--hp-soft)}
html[data-hp-theme] .hp-hub .wp-editor-container{border:0}
html[data-hp-theme] .hp-plans-heading h1{color:var(--hp-ink)}
html[data-hp-theme] .hp-plans-heading p{color:var(--hp-muted)}
html[data-hp-theme] .hp-price-plan{--plan-accent:var(--hp-blue);background:var(--hp-panel);border:1px solid var(--hp-line-soft);border-top:6px solid var(--plan-accent);box-shadow:0 12px 35px var(--hp-shadow)}
html[data-hp-theme] .hp-price-plan-free{--plan-accent:var(--hp-success)}
html[data-hp-theme] .hp-price-plan-basic{--plan-accent:var(--hp-blue)}
html[data-hp-theme] .hp-price-plan-flagship{--plan-accent:var(--hp-blue)}
html[data-hp-theme] .hp-price-plan-industry{--plan-accent:var(--hp-warning)}
html[data-hp-theme] .hp-plan-badge{background:var(--hp-soft);color:var(--hp-blue)}
html[data-hp-theme] .hp-price-plan h2{color:var(--hp-ink)}
html[data-hp-theme] .hp-price-plan .hp-plan-description{color:var(--hp-text)}
html[data-hp-theme] .hp-plan-price{color:var(--hp-ink)}
html[data-hp-theme] .hp-price-plan .hp-plan-quota{background:var(--hp-soft);color:var(--hp-text)}
html[data-hp-theme] .hp-price-plan.is-featured .hp-plan-quota{background:var(--hp-soft);color:var(--hp-blue)}
html[data-hp-theme] .hp-plan-button{border:1px solid var(--hp-blue);color:var(--hp-blue)}
html[data-hp-theme] .hp-plan-button:hover{background:var(--hp-soft)}
html[data-hp-theme] .hp-price-plan.is-featured .hp-plan-button{background:var(--hp-blue);color:var(--hp-on-accent);border-color:var(--hp-blue)}
html[data-hp-theme] .hp-price-plan.is-featured .hp-plan-button:hover{background:var(--hp-blue)}
html[data-hp-theme] .hp-price-plan-free .hp-plan-button{border-color:var(--hp-line);color:var(--hp-ink)}
html[data-hp-theme] .hp-plan-features h3{color:var(--hp-ink)}
html[data-hp-theme] .hp-plan-features li{color:var(--hp-text)}
html[data-hp-theme] .hp-plan-features .dashicons{color:var(--hp-muted)}
html[data-hp-theme] .hp-plans-extra{border-top:1px solid var(--hp-line-soft)}
html[data-hp-theme] .hp-account-shell{color:var(--hp-ink)}
html[data-hp-theme] .hp-auth-tabs{border-bottom:1px solid var(--hp-line-soft)}
html[data-hp-theme] .hp-auth-tabs a{color:var(--hp-text);border-bottom:2px solid transparent}
html[data-hp-theme] .hp-auth-tabs [aria-current]{color:var(--hp-blue);border-color:var(--hp-blue)}
html[data-hp-theme] .hp-auth-form input:not([type=hidden]):not([type=checkbox]){border:1px solid var(--hp-line);color:var(--hp-ink);background:var(--hp-panel)}
html[data-hp-theme] .hp-auth-form input:focus{outline:2px solid var(--hp-line);border-color:var(--hp-blue)}
html[data-hp-theme] .hp-auth-eye{border:0;background:transparent;color:var(--hp-text)}
html[data-hp-theme] .hp-auth-eye:hover{color:var(--hp-blue);background:var(--hp-soft)}
html[data-hp-theme] .hp-auth-hint{color:var(--hp-text)}
html[data-hp-theme] .hp-auth-options input{accent-color:var(--hp-blue)}
html[data-hp-theme] .hp-auth-primary{background:var(--hp-blue);color:var(--hp-on-accent)!important;border:0}
html[data-hp-theme] .hp-auth-primary:hover{background:var(--hp-blue)}
html[data-hp-theme] .hp-auth-secondary{border:1px solid var(--hp-line);background:var(--hp-panel);color:var(--hp-text)}
html[data-hp-theme] .hp-auth-back{color:var(--hp-text)}
html[data-hp-theme] .hp-auth-muted{color:var(--hp-text)}
html[data-hp-theme] .hp-auth-notice{border:1px solid}
html[data-hp-theme] .hp-auth-error{background:var(--hp-danger-bg);color:var(--hp-danger);border-color:var(--hp-danger)}
html[data-hp-theme] .hp-auth-success{background:var(--hp-success-bg);color:var(--hp-success);border-color:var(--hp-success)}
html[data-hp-theme] .hp-account-summary{border-bottom:1px solid var(--hp-line-soft)}
html[data-hp-theme] .hp-account-pages li{border-bottom:1px solid var(--hp-line-soft)}
html[data-hp-theme] .hp-account-page-title{color:var(--hp-ink)}
html[data-hp-theme] .hp-account-status{color:var(--hp-muted);background:var(--hp-soft)}
html[data-hp-theme] .hp-account-status.is-published{background:var(--hp-success-bg);color:var(--hp-success)}
html[data-hp-theme] .hp-account-empty{color:var(--hp-text);border-bottom:1px solid var(--hp-line-soft)}
html[data-hp-theme] .hp-account-shell a:focus-visible,html[data-hp-theme] .hp-account-shell button:focus-visible{outline:2px solid var(--hp-blue)}
html[data-hp-theme] .hp-page-action-button{border:0;background:transparent;color:var(--hp-text)}
html[data-hp-theme] .hp-page-action-button:hover{color:var(--hp-blue)}
html[data-hp-theme] .hp-page-action-button.is-danger{color:var(--hp-danger)}
html[data-hp-theme] .hp-page-action-button.is-danger:hover{color:var(--hp-danger)}
html[data-hp-theme] .hp-page-list-tabs{border-bottom:1px solid var(--hp-line-soft)}
html[data-hp-theme] .hp-page-list-tabs a{border-bottom:2px solid transparent;color:var(--hp-text)}
html[data-hp-theme] .hp-page-list-tabs a[aria-current=page]{border-color:var(--hp-blue);color:var(--hp-blue)}
html[data-hp-theme] .hp-account-trash-note{color:var(--hp-text)}
html[data-hp-theme] .hp-page-confirm{border:1px solid var(--hp-line-soft);background:var(--hp-panel);color:var(--hp-ink);box-shadow:0 18px 60px var(--hp-shadow)}
html[data-hp-theme] .hp-page-confirm::backdrop{background:var(--hp-shadow)}
html[data-hp-theme] .hp-page-confirm p{color:var(--hp-text)}
html[data-hp-theme] .hp-page-confirm-actions .is-danger{background:var(--hp-danger)}
html[data-hp-theme] .hp-page-confirm-actions button:focus-visible{outline:2px solid var(--hp-blue)}
html[data-hp-theme] .hp-qrs{--q-blue:var(--hp-blue);--q-ink:var(--hp-ink);--q-muted:var(--hp-muted);--q-line:var(--hp-line-soft);--q-soft:var(--hp-soft);color:var(--q-ink)}
html[data-hp-theme] .hp-qrs button,html[data-hp-theme] .hp-qrs input,html[data-hp-theme] .hp-qrs textarea,html[data-hp-theme] .hp-qrs select{color:inherit}
html[data-hp-theme] .hp-qrs button:focus-visible,html[data-hp-theme] .hp-qrs a:focus-visible,html[data-hp-theme] .hp-qrs input:focus-visible,html[data-hp-theme] .hp-qrs select:focus-visible,html[data-hp-theme] .hp-qrs textarea:focus-visible{outline:2px solid var(--q-blue)}
html[data-hp-theme] .q-button,html[data-hp-theme] .q-icon{border:1px solid var(--q-line);background:var(--hp-panel);color:var(--q-ink)}
html[data-hp-theme] .q-button:hover,html[data-hp-theme] .q-icon:hover{background:var(--hp-soft);border-color:var(--hp-line)}
html[data-hp-theme] .q-button.q-primary{background:var(--q-blue);color:var(--hp-on-accent);border-color:var(--q-blue)}
html[data-hp-theme] .q-button.q-primary:hover{background:var(--hp-blue)}
html[data-hp-theme] .q-danger{color:var(--hp-danger)}
html[data-hp-theme] .q-muted{color:var(--q-muted)}
html[data-hp-theme] .q-badge{background:var(--hp-soft);color:var(--hp-text)}
html[data-hp-theme] .q-badge-active{background:var(--hp-success-bg);color:var(--hp-success)}
html[data-hp-theme] .q-badge-paused{background:var(--hp-warning-bg);color:var(--hp-warning)}
html[data-hp-theme] .q-toolbar{border-bottom:1px solid var(--q-line);background:var(--hp-panel)}
html[data-hp-theme] .q-toolbar .q-back{color:var(--q-muted);border-right:1px solid var(--q-line)}
html[data-hp-theme] .q-name{border:0!important;box-shadow:none!important;background:transparent!important}
html[data-hp-theme] .q-save-status{color:var(--q-muted)}
html[data-hp-theme] .q-divider{border-right:1px solid var(--q-line)}
html[data-hp-theme] .hp-qrs-editor{background:var(--hp-panel)}
html[data-hp-theme] .q-left,html[data-hp-theme] .q-right{background:var(--hp-panel);scrollbar-color:var(--hp-line) transparent}
html[data-hp-theme] .q-left{border-right:1px solid var(--q-line)}
html[data-hp-theme] .q-right{border-left:1px solid var(--q-line)}
html[data-hp-theme] .q-side-head{border-bottom:1px solid var(--q-line)}
html[data-hp-theme] .q-side-head small{color:var(--q-muted)}
html[data-hp-theme] .q-tabs{border-bottom:1px solid var(--q-line)}
html[data-hp-theme] .q-tabs button{border:0;border-bottom:2px solid transparent;background:var(--hp-panel);color:var(--hp-muted)}
html[data-hp-theme] .q-tabs button[aria-selected=true]{color:var(--q-blue);border-bottom-color:var(--q-blue)}
html[data-hp-theme] .q-section{border-bottom:1px solid var(--q-line)}
html[data-hp-theme] .q-template{border:1px solid var(--q-line);background:var(--hp-panel)}
html[data-hp-theme] .q-template[aria-pressed=true]{border-color:var(--q-blue);box-shadow:0 0 0 1px var(--q-blue);background:var(--hp-soft)}
html[data-hp-theme] .q-template small{color:var(--q-muted)}
html[data-hp-theme] .q-layer .q-layer-select{border:0;background:transparent}
html[data-hp-theme] .q-layer input{accent-color:var(--q-blue)}
html[data-hp-theme] .q-layer.is-selected{color:var(--q-blue)}
html[data-hp-theme] .q-field>span,html[data-hp-theme] .q-label{color:var(--hp-text)}
html[data-hp-theme] .q-field input:not([type=checkbox]):not([type=range]):not([type=color]):not([type=file]),html[data-hp-theme] .q-field textarea,html[data-hp-theme] .q-field select{border:1px solid var(--hp-line-soft);background:var(--hp-panel);box-shadow:none}
html[data-hp-theme] .q-field input[type=range]{accent-color:var(--q-blue)}
html[data-hp-theme] .q-field output{color:var(--q-ink)}
html[data-hp-theme] .q-select-row{border:1px solid var(--q-line)}
html[data-hp-theme] .q-select-row button{background:var(--hp-panel);border:0;border-right:1px solid var(--q-line)}
html[data-hp-theme] .q-select-row button:last-child{border-right:0}
html[data-hp-theme] .q-select-row button[aria-pressed=true]{background:var(--hp-soft);color:var(--q-blue)}
html[data-hp-theme] .q-style-buttons button{border:1px solid var(--q-line);background:var(--hp-panel)}
html[data-hp-theme] .q-style-buttons button[aria-pressed=true]{border-color:var(--q-blue);background:var(--hp-soft);color:var(--q-blue)}
html[data-hp-theme] .q-dot-example i{background:currentColor}
html[data-hp-theme] .q-finder{border:4px solid currentColor}
html[data-hp-theme] .q-finder:after{background:currentColor}
html[data-hp-theme] .q-color-row input[type=color]{border:1px solid var(--q-line);background:var(--hp-panel)}
html[data-hp-theme] .q-color-row input[type=text]{border:1px solid var(--q-line)}
html[data-hp-theme] .q-check input{accent-color:var(--q-blue)}
html[data-hp-theme] .q-logo-thumb{background:var(--hp-soft);border:1px dashed var(--hp-line)}
html[data-hp-theme] .q-note{color:var(--q-muted)}
html[data-hp-theme] .q-note-warning{color:var(--hp-warning)}
html[data-hp-theme] .q-artboard{box-shadow:0 12px 28px var(--hp-shadow);outline:1px solid var(--hp-line);background:var(--hp-panel)}
html[data-hp-theme] .q-artboard.is-selected{outline:1.5px solid var(--q-blue)}
html[data-hp-theme] .q-artboard-label{color:var(--hp-muted)}
html[data-hp-theme] .q-zoom select{background:var(--hp-panel);border:1px solid var(--q-line)}
html[data-hp-theme] .q-empty-canvas{color:var(--hp-muted)}
html[data-hp-theme] .q-toast{background:var(--hp-tooltip);color:var(--hp-on-accent);box-shadow:0 5px 20px var(--hp-shadow)}
html[data-hp-theme] .q-dialog{border:1px solid var(--q-line);color:var(--q-ink);box-shadow:0 22px 80px var(--hp-shadow)}
html[data-hp-theme] .q-dialog::backdrop{background:var(--hp-shadow)}
html[data-hp-theme] .q-dialog .q-link-copy input{border:1px solid var(--q-line)}
html[data-hp-theme] .q-error{color:var(--hp-danger);background:var(--hp-danger-bg);border:1px solid var(--hp-danger)}
html[data-hp-theme] .q-manager-head p{color:var(--q-muted)}
html[data-hp-theme] .q-breadcrumb{color:var(--q-muted)}
html[data-hp-theme] .q-breadcrumb a{color:inherit}
html[data-hp-theme] .q-stats{border:1px solid var(--q-line);background:var(--hp-panel)}
html[data-hp-theme] .q-stat{border-right:1px solid var(--q-line)}
html[data-hp-theme] .q-stat:last-child{border:0}
html[data-hp-theme] .q-stat span{color:var(--q-muted)}
html[data-hp-theme] .q-filterbar{border-bottom:1px solid var(--q-line)}
html[data-hp-theme] .q-search .dashicons{color:var(--hp-muted)}
html[data-hp-theme] .q-search input{border:1px solid var(--q-line)}
html[data-hp-theme] .q-filters button{border:0;background:transparent;color:var(--hp-muted)}
html[data-hp-theme] .q-filters button[aria-pressed=true]{color:var(--q-blue);background:var(--hp-soft)}
html[data-hp-theme] .q-filterbar>select{border:0;background:transparent}
html[data-hp-theme] .q-record{border:1px solid var(--q-line);background:var(--hp-panel)}
html[data-hp-theme] .q-record p{color:var(--q-muted)}
html[data-hp-theme] .q-record footer{border-top:1px solid var(--hp-line-soft)}
html[data-hp-theme] .q-record footer .q-icon{border-color:transparent}
html[data-hp-theme] .q-empty{color:var(--q-muted)}
html[data-hp-theme] .q-empty .dashicons{color:var(--hp-muted)}
html[data-hp-theme] .q-empty h2{color:var(--q-ink)}
@media (max-width:820px){html[data-hp-theme] .q-toolbar .q-back{border:0}html[data-hp-theme] .q-mobile-tabs{border-bottom:1px solid var(--q-line);background:var(--hp-panel)}html[data-hp-theme] .q-mobile-tabs button{border:0;background:var(--hp-panel);color:var(--q-muted)}html[data-hp-theme] .q-mobile-tabs button[aria-pressed=true]{border-bottom:2px solid var(--q-blue);color:var(--q-blue)}html[data-hp-theme] .q-left,html[data-hp-theme] .q-right{border:0}html[data-hp-theme] .q-stat:nth-child(2){border:0}}
html[data-hp-theme] .q-template-sources{border-bottom:1px solid var(--q-line)}
html[data-hp-theme] .q-template-sources button{border:0;border-bottom:2px solid transparent;background:var(--hp-panel);color:var(--q-muted)}
html[data-hp-theme] .q-template-sources button[aria-pressed=true]{color:var(--q-blue);border-bottom-color:var(--q-blue)}
html[data-hp-theme] .q-template-empty{color:var(--q-muted)}
html[data-hp-theme] .hp-qrm{--mx-line:var(--hp-line-soft);--mx-ink:var(--hp-ink);--mx-muted:var(--hp-muted);--mx-blue:var(--hp-blue);background:var(--hp-panel);color:var(--mx-ink)}
html[data-hp-theme] .hp-qrm button:focus-visible,html[data-hp-theme] .hp-qrm a:focus-visible,html[data-hp-theme] .hp-qrm input:focus-visible,html[data-hp-theme] .hp-qrm select:focus-visible{outline:2px solid var(--hp-blue)}
html[data-hp-theme] .hp-qrm input[type=checkbox]{accent-color:var(--hp-blue)}
html[data-hp-theme] .mx-top{border-bottom:1px solid var(--mx-line)}
html[data-hp-theme] .mx-top .q-back{border-right:1px solid var(--mx-line)}
html[data-hp-theme] .mx-save-state{color:var(--mx-muted)}
html[data-hp-theme] .mx-top-actions .q-icon{border:0}
html[data-hp-theme] .mx-progress{background:var(--hp-soft);color:var(--hp-blue)}
html[data-hp-theme] .mx-left,html[data-hp-theme] .mx-right{background:var(--hp-panel)}
html[data-hp-theme] .mx-left{border-right:1px solid var(--mx-line)}
html[data-hp-theme] .mx-right{border-left:1px solid var(--mx-line)}
html[data-hp-theme] .hp-qrm .q-tabs{border-bottom:1px solid var(--mx-line)}
html[data-hp-theme] .hp-qrm .q-tabs button{background:none;border:0;border-bottom:2px solid transparent;color:var(--mx-muted)}
html[data-hp-theme] .hp-qrm .q-tabs button[aria-pressed=true]{color:var(--mx-blue);border-bottom-color:var(--mx-blue)}
html[data-hp-theme] .hp-qrm input[type=text],html[data-hp-theme] .hp-qrm input[type=search],html[data-hp-theme] .hp-qrm input[type=number],html[data-hp-theme] .hp-qrm select,html[data-hp-theme] .hp-qrm textarea,html[data-hp-theme] .mx-readonly-url{border:1px solid var(--hp-line-soft);background:var(--hp-panel);color:var(--hp-ink)}
html[data-hp-theme] .mx-groups{border-top:1px solid var(--mx-line);border-bottom:1px solid var(--mx-line)}
html[data-hp-theme] .mx-groups button,html[data-hp-theme] .mx-list-row{border:0;background:none;color:var(--hp-text)}
html[data-hp-theme] .mx-groups small{color:var(--hp-muted)}
html[data-hp-theme] .mx-groups .active,html[data-hp-theme] .mx-list-row.active{background:var(--hp-soft);color:var(--hp-blue)}
html[data-hp-theme] .mx-dot{background:var(--hp-badge)}
html[data-hp-theme] .mx-dot.active{background:var(--hp-success)}
html[data-hp-theme] .mx-dot.paused{background:var(--hp-warning)}
html[data-hp-theme] .mx-canvas{background:var(--hp-soft)}
html[data-hp-theme] .mx-canvas-tools{border-bottom:1px solid var(--mx-line);background:var(--hp-panel)}
html[data-hp-theme] .mx-selected{color:var(--hp-blue)}
html[data-hp-theme] .mx-batch-tools .q-icon{background:transparent;border:0;color:var(--hp-muted)}
html[data-hp-theme] .mx-batch-tools [data-mx=trash]{color:var(--hp-danger)}
html[data-hp-theme] .mx-tile{background:var(--hp-panel);border:1px solid var(--hp-line-soft);box-shadow:0 2px 4px var(--hp-shadow)}
html[data-hp-theme] .mx-tile.selected{border-color:var(--hp-blue);box-shadow:0 0 0 1px var(--hp-blue)}
html[data-hp-theme] .mx-badge{color:var(--hp-muted)}
html[data-hp-theme] .mx-badge.active{color:var(--hp-success)}
html[data-hp-theme] .mx-badge.paused{color:var(--hp-warning)}
html[data-hp-theme] .mx-dirty{color:var(--hp-muted)}
html[data-hp-theme] .mx-loading{color:var(--hp-muted)}
html[data-hp-theme] .hp-qrm .mx-tile-title input{border:1px solid transparent;color:var(--hp-ink);background:transparent}
html[data-hp-theme] .hp-qrm .mx-tile-title input:hover,html[data-hp-theme] .hp-qrm .mx-tile-title input:focus{border-color:var(--hp-line-soft);background:var(--hp-panel)}
html[data-hp-theme] .mx-tile-title .q-icon{border:0;background:transparent;color:var(--hp-muted)}
html[data-hp-theme] .mx-tile>footer{color:var(--hp-muted)}
html[data-hp-theme] .mx-add-tile{border:1px dashed var(--hp-line);color:var(--hp-muted);background:transparent}
html[data-hp-theme] .mx-add-tile:hover{color:var(--hp-blue);border-color:var(--hp-blue);background:var(--hp-soft)}
html[data-hp-theme] .mx-bottom{border-top:1px solid var(--mx-line);background:var(--hp-panel);color:var(--hp-muted)}
html[data-hp-theme] .mx-bottom .q-icon{background:none;border:0}
html[data-hp-theme] .mx-selection-note{color:var(--hp-muted)}
html[data-hp-theme] .hp-qrm .q-section{border-bottom:1px solid var(--mx-line)}
html[data-hp-theme] .hp-qrm .q-style-buttons button{border:1px solid var(--hp-line-soft);background:var(--hp-panel);color:var(--hp-ink)}
html[data-hp-theme] .hp-qrm .q-style-buttons button[aria-pressed=true]{background:var(--hp-soft);border-color:var(--hp-blue);color:var(--hp-blue)}
html[data-hp-theme] .hp-qrm .mx-color input[type=color]{border:1px solid var(--hp-line-soft);background:var(--hp-panel)}
html[data-hp-theme] .hp-qrm .mx-color input[data-hex]{border:1px solid var(--hp-line-soft)}
html[data-hp-theme] .hp-qrm input[type=range]{accent-color:var(--hp-blue)}
html[data-hp-theme] .hp-qrm .q-note{color:var(--hp-muted)}
html[data-hp-theme] .mx-inspector-empty{color:var(--hp-muted)}
html[data-hp-theme] .mx-import-preview li,html[data-hp-theme] .mx-errors li{border-bottom:1px solid var(--hp-line-soft)}
html[data-hp-theme] .mx-import-preview small,html[data-hp-theme] .mx-errors span{color:var(--hp-muted)}
html[data-hp-theme] .mx-left,html[data-hp-theme] .mx-right,html[data-hp-theme] .mx-viewport{scrollbar-color:var(--hp-muted) transparent}
@media (max-width:760px){html[data-hp-theme] .mx-mobile{border-bottom:1px solid var(--mx-line)}html[data-hp-theme] .mx-mobile button{border:0;border-bottom:2px solid transparent;background:var(--hp-panel);color:var(--hp-muted)}html[data-hp-theme] .mx-mobile button.active{color:var(--hp-blue);border-color:var(--hp-blue)}html[data-hp-theme] .mx-work>aside,html[data-hp-theme] .mx-work>main{border:0}}
html[data-hp-theme] .hp-qrm .qrc-dialog>header{border-bottom:1px solid var(--hp-line-soft)}
html[data-hp-theme] .hp-qrm .qrc-dialog>footer{border-top:1px solid var(--hp-line-soft);background:var(--hp-panel)}
html[data-hp-theme] .qrc-meta>span{color:var(--hp-muted)}
html[data-hp-theme] .qrc-types{border-bottom:1px solid var(--hp-line-soft)}
html[data-hp-theme] .qrc-types button{border:1px solid var(--hp-line-soft);background:var(--hp-panel);color:var(--hp-text)}
html[data-hp-theme] .qrc-types button[aria-pressed=true]{border-color:var(--hp-blue);background:var(--hp-soft);color:var(--hp-blue)}
html[data-hp-theme] .qrc-block{border-bottom:1px solid var(--hp-line-soft)}
html[data-hp-theme] .qrc-block header strong{color:var(--hp-muted)}
html[data-hp-theme] .hp-qrm .qrc-block .q-icon{border:0;background:transparent}
html[data-hp-theme] .qrc-block textarea{border:1px solid var(--hp-line-soft)}
html[data-hp-theme] .qrc-add-tools{background:var(--hp-panel);border-top:1px solid var(--hp-line-soft)}
html[data-hp-theme] .qrc-preview{background:var(--hp-soft);border-left:1px solid var(--hp-line-soft)}
html[data-hp-theme] .qrc-preview>header{color:var(--hp-muted)}
html[data-hp-theme] .hp-qrm .qrc-error{color:var(--hp-danger);background:var(--hp-danger-bg)}
html[data-hp-theme] .mx-content-summary{color:var(--hp-muted)}
html[data-hp-theme] .mx-tile-content{color:var(--hp-muted)}
html[data-hp-theme] .mx-tile-content.empty{color:var(--hp-warning)}
html[data-hp-theme] .mx-tile-title .q-icon[data-mx^="target:"]{color:var(--hp-blue)}
html[data-hp-theme] .qrc-block input{border:1px solid var(--hp-line-soft);color:inherit}
html[data-hp-theme] .qrc-discard{background:var(--hp-warning-bg);border-top:1px solid var(--hp-warning)}
html[data-hp-theme] .qrc-discard .qrc-danger{color:var(--hp-danger);border-color:var(--hp-danger)}
@media (max-width:760px){html[data-hp-theme] .qrc-preview{border:0;border-top:1px solid var(--hp-line-soft)}}
html[data-hp-theme] .hp-qrs .qra-count{border:0;background:transparent;color:var(--hp-blue)}
html[data-hp-theme] .qra-name{color:var(--hp-text)}
html[data-hp-theme] .qra-toolbar select{border:1px solid var(--hp-line-soft);background:var(--hp-panel);color:var(--hp-ink)}
html[data-hp-theme] .qra-summary{border-block:1px solid var(--hp-line-soft)}
html[data-hp-theme] .qra-summary span{color:var(--hp-text)}
html[data-hp-theme] .qra-summary div:nth-child(2) strong{color:var(--hp-success)}
html[data-hp-theme] .qra-bars{border-bottom:1px solid var(--hp-line-soft)}
html[data-hp-theme] .qra-bars i{background:var(--hp-blue)}
html[data-hp-theme] .qra-axis{color:var(--hp-muted)}
html[data-hp-theme] .qra-table-heading span{color:var(--hp-muted)}
html[data-hp-theme] .hp-qrs .qra-table-wrap table{border-collapse:collapse}
html[data-hp-theme] .hp-qrs .qra-table-wrap th,html[data-hp-theme] .hp-qrs .qra-table-wrap td{border:0;border-bottom:1px solid var(--hp-line-soft)}
html[data-hp-theme] .hp-qrs .qra-table-wrap th{background:var(--hp-soft);color:var(--hp-text)}
html[data-hp-theme] .hp-qrs td.qra-empty{color:var(--hp-muted)}
html[data-hp-theme] .qra-loading{color:var(--hp-muted)}
html[data-hp-theme] .qra-source-referrer{color:var(--hp-text)}
html[data-hp-theme] .hp-collection{color:var(--hp-ink)}
html[data-hp-theme] .hp-collection-back{color:var(--hp-text)}
html[data-hp-theme] .hp-collection-button{border:1px solid var(--hp-line);color:var(--hp-text);background:var(--hp-panel)}
html[data-hp-theme] .hp-collection-button.is-primary{background:var(--hp-blue);border-color:var(--hp-blue);color:var(--hp-on-accent)}
html[data-hp-theme] .hp-collection-stats{border-top:1px solid var(--hp-line-soft);border-bottom:1px solid var(--hp-line-soft)}
html[data-hp-theme] .hp-collection-stats>div{border-left:1px solid var(--hp-line-soft)}
html[data-hp-theme] .hp-collection-stats>div:first-child{border:0}
html[data-hp-theme] .hp-collection-stats dt{color:var(--hp-text)}
html[data-hp-theme] .hp-collection-stats>div:last-child dd{color:var(--hp-success)}
html[data-hp-theme] .hp-collection-stats small{color:var(--hp-text)}
html[data-hp-theme] .hp-collection-template{border:1px solid var(--hp-line-soft);background:var(--hp-panel)}
html[data-hp-theme] .hp-collection-tag{color:var(--hp-success);background:var(--hp-success-bg)}
html[data-hp-theme] .hp-collection-search input{border:1px solid var(--hp-line);color:inherit;background:var(--hp-panel)}
html[data-hp-theme] .hp-collection-search button{background:transparent;border:0;color:var(--hp-text)}
html[data-hp-theme] .hp-collection-tabs{border-bottom:1px solid var(--hp-line-soft)}
html[data-hp-theme] .hp-collection-tabs a{border-bottom:2px solid transparent;color:var(--hp-text)}
html[data-hp-theme] .hp-collection-tabs a[aria-current]{border-color:var(--hp-blue);color:var(--hp-blue)}
html[data-hp-theme] .hp-collection-tabs>span{color:var(--hp-muted)}
html[data-hp-theme] .hp-collection-table table{border-collapse:collapse;background:var(--hp-panel)}
html[data-hp-theme] .hp-collection-table th{background:var(--hp-soft);color:var(--hp-text)}
html[data-hp-theme] .hp-collection-table th,html[data-hp-theme] .hp-collection-table td{border-bottom:1px solid var(--hp-line-soft)}
html[data-hp-theme] .hp-collection-actions button{background:transparent;border:0;color:var(--hp-text)}
html[data-hp-theme] .hp-collection-actions .is-danger{color:var(--hp-danger)}
html[data-hp-theme] .hp-collection-status{color:var(--hp-muted);background:var(--hp-soft)}
html[data-hp-theme] .hp-collection-status.is-published{color:var(--hp-success);background:var(--hp-success-bg)}
html[data-hp-theme] .hp-collection-table .hp-collection-empty,html[data-hp-theme] .hp-collection-empty{color:var(--hp-muted)}
html[data-hp-theme] .hp-collection-pagination{color:var(--hp-text)}
html[data-hp-theme] .hp-collection-notice{background:var(--hp-success-bg);border:1px solid var(--hp-success);color:var(--hp-success)}
html[data-hp-theme] .hp-collection :is(a,button,input):focus-visible{outline:2px solid var(--hp-blue)}
/* Portal palettes. Document artwork and QR canvases keep their own colors. */
html[data-hp-theme="classic"] {
  color-scheme: light;
  --hp-blue: #396c27;
  --hp-blue-dark: #2b551e;
  --hp-ink: #18231e;
  --hp-text: #536158;
  --hp-muted: #617063;
  --hp-line: #d8e2d5;
  --hp-line-soft: #e3eadf;
  --hp-surface: #f8faf6;
  --hp-panel: #ffffff;
  --hp-header: #eaf2df;
  --hp-soft: #eef4e7;
  --hp-disabled: #f0f3ec;
  --hp-badge: #e4ebdf;
  --hp-hover: #f1f7e9;
  --hp-hover-line: #88ad60;
  --hp-on-accent: #ffffff;
  --hp-shadow: rgba(32, 51, 26, .10);
  --hp-focus: rgba(75, 120, 46, .18);
  --hp-tooltip: #263a22;
  --hp-gold: #a88631;
  --hp-success: #28754f;
  --hp-success-bg: #e8f3e9;
  --hp-warning: #81631e;
  --hp-warning-bg: #faf2dc;
  --hp-danger: #ac3743;
  --hp-danger-bg: #fceff0;
  --caozi-wordmark-color: #535e4d;
}
html[data-hp-theme="day"] {
  color-scheme: light;
  --hp-blue: #386a42;
  --hp-blue-dark: #285231;
  --hp-ink: #202523;
  --hp-text: #58615c;
  --hp-muted: #69746c;
  --hp-line: #dfe4e0;
  --hp-line-soft: #ecefec;
  --hp-surface: #ffffff;
  --hp-panel: #ffffff;
  --hp-header: #ffffff;
  --hp-soft: #f5f7f5;
  --hp-disabled: #f7f8f7;
  --hp-badge: #ecefec;
  --hp-hover: #f6f8f6;
  --hp-hover-line: #8da592;
  --hp-on-accent: #ffffff;
  --hp-shadow: rgba(24, 36, 29, .08);
  --hp-focus: rgba(58, 102, 68, .15);
  --hp-tooltip: #27332b;
  --hp-gold: #a28d50;
  --hp-success: #28754f;
  --hp-success-bg: #edf6f0;
  --hp-warning: #81631e;
  --hp-warning-bg: #faf5e8;
  --hp-danger: #ac3743;
  --hp-danger-bg: #fceff0;
  --caozi-wordmark-color: #626763;
}
html[data-hp-theme="night"] {
  color-scheme: dark;
  --hp-blue: #b0d28c;
  --hp-blue-dark: #c2e1a3;
  --hp-ink: #eef1ed;
  --hp-text: #bac3ba;
  --hp-muted: #99a49b;
  --hp-line: #3a423c;
  --hp-line-soft: #2d342f;
  --hp-surface: #181b19;
  --hp-panel: #222723;
  --hp-header: #202420;
  --hp-soft: #2b322c;
  --hp-disabled: #202420;
  --hp-badge: #333b34;
  --hp-hover: #2c352a;
  --hp-hover-line: #77975e;
  --hp-on-accent: #192217;
  --hp-shadow: rgba(0, 0, 0, .28);
  --hp-focus: rgba(176, 210, 140, .22);
  --hp-tooltip: #e5ecdf;
  --hp-gold: #d1b571;
  --hp-success: #9bd1b0;
  --hp-success-bg: #273d30;
  --hp-warning: #dcc382;
  --hp-warning-bg: #403924;
  --hp-danger: #f09da4;
  --hp-danger-bg: #432b30;
  --caozi-wordmark-color: #e0e6dd;
}
html[data-hp-theme] body { background: var(--hp-surface); color: var(--hp-ink); }
html[data-hp-theme] .site-header { background: var(--hp-header); }
html[data-hp-theme] :is(.site-nav__list a, .account-link, .icon-button) { color: var(--hp-text); }
html[data-hp-theme] :is(.site-nav__list a:hover, .site-nav__list .current-menu-item > a) { color: var(--hp-blue); }
html[data-hp-theme] :is(.icon-button:hover, .icon-button:focus-visible) { background: var(--hp-soft); color: var(--hp-blue); }
html[data-hp-theme] .notification-dot { background: var(--hp-gold); border-color: var(--hp-header); }
html[data-hp-theme] :is(.header-search, .search-form input) { background: var(--hp-panel); }
html[data-hp-theme] .header-search { box-shadow: 0 14px 30px var(--hp-shadow); }
html[data-hp-theme] .search-form input:focus { box-shadow: 0 0 0 3px var(--hp-focus); }
html[data-hp-theme] .search-form button { color: var(--hp-on-accent); }
html[data-hp-theme] .business-card { background: var(--hp-panel); }
html[data-hp-theme] :is(a.business-card:hover, a.business-card:focus-visible) {
  background: var(--hp-hover); border-color: var(--hp-hover-line); box-shadow: 0 8px 24px var(--hp-shadow);
}
html[data-hp-theme] .business-card__icon-wrap { color: var(--hp-blue); }
html[data-hp-theme="day"] .business-card__icon-wrap { color: var(--hp-text); }
html[data-hp-theme] .business-card--disabled { background: var(--hp-disabled); border-color: var(--hp-line); }
html[data-hp-theme] :is(.business-card--disabled .business-card__copy h2, .business-card--disabled .business-card__icon-wrap, .help-strip__icon) { color: var(--hp-muted); }
html[data-hp-theme] .status-badge { color: var(--hp-text); background: var(--hp-badge); }
html[data-hp-theme] .content-entry__body { color: var(--hp-text); }
html[data-hp-theme] .hp-header-register { color: var(--hp-blue); }
html[data-hp-theme] :is(.icon-button, .brand, .business-card, .help-strip__link):focus-visible { outline: 2px solid var(--hp-blue); outline-offset: 3px; }
html[data-hp-theme] .brand .brand__name { color: var(--caozi-wordmark-color); }
html[data-hp-theme] .q-button.q-primary { background: var(--hp-blue); border-color: var(--hp-blue); color: var(--hp-on-accent); }
html[data-hp-theme] .q-button.q-primary:hover { background: var(--hp-blue-dark); }
html[data-hp-theme] :is(.hp-account-shell, .hp-docs, .hp-hub, .hp-qrs, .hp-qrm, .hp-collection) :is(input:not([type="color"]):not([type="range"]):not([type="checkbox"]):not([type="radio"]):not([type="hidden"]), textarea, select) { background-color: var(--hp-panel); color: var(--hp-ink); }
html[data-hp-theme] :is(.site-header, .hp-account-shell, .hp-docs, .hp-hub, .hp-qrs, .hp-qrm, .hp-collection) ::placeholder { color: var(--hp-muted); opacity: 1; }
html[data-hp-theme] :is(.hp-page-confirm, .q-dialog)::backdrop { background: rgba(0, 0, 0, .5); }

.theme-picker { position: relative; flex: 0 0 auto; }
.theme-picker[hidden], .theme-picker__menu[hidden] { display: none !important; }
.theme-picker__toggle .icon { width: 21px; height: 21px; }
.theme-picker__tooltip {
  position: absolute; top: calc(100% + 8px); left: 50%; transform: translateX(-50%);
  border-radius: 4px; padding: 5px 9px; background: var(--hp-tooltip); color: var(--hp-on-accent);
  font-size: 12px; line-height: 1.6; white-space: nowrap; pointer-events: none; opacity: 0; z-index: 2;
}
.theme-picker__toggle:hover + .theme-picker__tooltip, .theme-picker__toggle:focus-visible + .theme-picker__tooltip { opacity: 1; }
.theme-picker__toggle[aria-expanded="true"] + .theme-picker__tooltip { opacity: 0; }
.theme-picker__menu {
  position: absolute; right: 0; top: calc(100% + 12px); z-index: 1101; width: 190px;
  max-width: calc(100vw - 32px); padding: 6px; background: var(--hp-panel);
  border: 1px solid var(--hp-line); border-radius: 8px; box-shadow: 0 8px 28px var(--hp-shadow);
}
.theme-picker__option {
  display: flex; align-items: center; gap: 12px; width: 100%; min-height: 44px; padding: 10px 12px;
  background: transparent; border: 0; border-radius: 4px; color: var(--hp-text);
  font: inherit; font-size: 14px; text-align: left; cursor: pointer; letter-spacing: 0;
}
.theme-picker__option > .icon { flex: 0 0 18px; width: 18px; height: 18px; }
.theme-picker__option:hover, .theme-picker__option[aria-checked="true"] { background: var(--hp-soft); color: var(--hp-blue); }
.theme-picker__option[aria-checked="true"] { font-weight: 600; }
.theme-picker__option:focus-visible { outline: 2px solid var(--hp-blue); outline-offset: -2px; }
.theme-picker__option .theme-picker__check { margin-left: auto; visibility: hidden; width: 16px; height: 16px; }
.theme-picker__option[aria-checked="true"] .theme-picker__check { visibility: visible; }

@media (max-width: 1180px) {
  html[data-hp-theme] .site-header__inner { gap: 22px; }
  html[data-hp-theme] .site-nav__list { gap: 24px; }
}
@media (max-width: 900px) {
  html[data-hp-theme] .site-header__inner { grid-template-columns: minmax(0, 1fr) auto; gap: 12px; }
  html[data-hp-theme] .site-nav { background: var(--hp-panel); box-shadow: 0 14px 30px var(--hp-shadow); }
  html[data-hp-theme] .header-actions { gap: 8px; }
}
@media (max-width: 600px) {
  .theme-picker__menu { right: -40px; }
}
@media (max-width: 380px) {
  html[data-hp-theme] .site-header__inner { gap: 6px; }
  html[data-hp-theme] .header-actions { gap: 4px; }
  html[data-hp-theme] .header-actions .hp-account-menu .account-link__chevron { display: none; }
  html[data-hp-theme] .header-actions .account-link > span { max-width: 48px; }
}

/* Fluid catalog shell; embedded template artwork keeps its own dimensions. */
body:has(.hpt-library) {
  --hpt-page-gutter: 32px;
}

body:has(.hpt-library) :is(.site-header__inner, .site-footer__inner, .content-shell) {
  width: calc(100% - var(--hpt-page-gutter) * 2);
  max-width: none;
}

.hpt-library .hpt-shell {
  width: 100%;
  max-width: none;
  padding-inline: 0;
}

.hpt-library .hpt-grid {
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 280px), 1fr));
  gap: 20px;
}

.hpt-library .hpt-toolbar {
  grid-template-columns: minmax(240px, 360px) minmax(0, 1fr) 140px;
}

.hpt-library .hpt-tabs {
  min-width: 0;
  flex-wrap: wrap;
}

.hpt-library .hpt-head > div,
.hpt-library .hpt-search,
.hpt-library .hpt-sort {
  min-width: 0;
}

@media (max-width: 1399px) {
  .hpt-library .hpt-toolbar {
    grid-template-columns: minmax(0, 1fr) 160px;
    gap: 12px 16px;
  }

  .hpt-library .hpt-tabs {
    grid-column: 1 / -1;
    grid-row: 2;
  }

  .hpt-library .hpt-sort {
    grid-column: 2;
    grid-row: 1;
    width: 100%;
  }
}

@media (max-width: 900px) {
  body:has(.hpt-library) { --hpt-page-gutter: 20px; }
}

@media (max-width: 600px) {
  body:has(.hpt-library) { --hpt-page-gutter: 16px; }

  .hpt-library .hpt-grid { gap: 16px; }
  .hpt-library .hpt-toolbar { grid-template-columns: minmax(0, 1fr); }

  .hpt-library .hpt-tabs {
    grid-column: 1;
    grid-row: 2;
    flex-wrap: nowrap;
    max-width: 100%;
  }

  .hpt-library .hpt-sort {
    grid-column: 1;
    grid-row: 3;
  }
}

/* Shared portal geometry. New pages inherit the same fluid outer shell. */
:root { --hp-page-gutter: 32px; }

body .shell {
  width: calc(100% - var(--hp-page-gutter) * 2);
  max-width: none;
}

/* Only page-level containers are expanded; dialogs and authoring canvases are not. */
body:has(> .site-header) .site-main > :is(main, section, article, div):not(.hp-qrs-editor, .hp-qrm, [hidden]) {
  width: calc(100% - var(--hp-page-gutter) * 2);
  max-width: none;
  min-width: 0;
  margin-inline: auto;
  padding-inline: 0;
}

body .content-shell > .content-entry {
  width: 100%;
  max-width: none;
}

body .content-entry__body {
  width: 100%;
  min-width: 0;
}

/* Keep text lines and short forms readable inside the full-width page. */
body :is(.hp-docs-body, .hp-hub-prose, .hp-hub-form, .hp-ticket-reply) {
  max-width: 80rem;
}

body .content-entry__body > :is(p, ul, ol, blockquote) {
  max-width: 85ch;
}

body .hp-auth-form { max-width: 520px; }

body .hp-qrs-manager .q-records {
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 320px), 1fr));
}

body .hp-collection .hp-collection-templates {
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 340px), 1fr));
}

body .hp-collection .hp-collection-template {
  width: 100%;
  max-width: none;
}

body .business-card__footer { flex-wrap: wrap; }

/* Anchor absolute accessibility labels inside horizontally scrolling tables. */
body :is(.hp-ticket-table-wrap, .hp-collection-table, .qra-table-wrap) {
  position: relative;
  max-width: 100%;
  min-width: 0;
}

@media (min-width: 1600px) {
  body .business-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}

@media (max-width: 900px) {
  :root { --hp-page-gutter: 20px; }
}

@media (max-width: 600px) {
  :root { --hp-page-gutter: 16px; }
}


/* Catalog chrome follows the portal palette; authored previews remain untouched. */
html[data-hp-theme] .hpt-library {
  --hp-blue: inherit;
  --hp-ink: inherit;
  --hp-muted: inherit;
  --hp-line: inherit;
  --hp-soft: inherit;
  background: var(--hp-surface);
  color: var(--hp-ink);
}
html[data-hp-theme] .hpt-library :is(.hpt-title, .hpt-card h2, .hpt-blank-choice) {
  color: var(--hp-ink);
}
html[data-hp-theme] .hpt-library :is(.hpt-breadcrumb, .hpt-subtitle, .hpt-summary, .hpt-blank-choice small) {
  color: var(--hp-muted);
}
html[data-hp-theme] .hpt-library .hpt-tagline { color: var(--hp-text); }
html[data-hp-theme] .hpt-library :is(.hpt-card, .hpt-admin-link, .hpt-search, .hpt-sort, .hpt-blank-upload) {
  background: var(--hp-panel);
  border-color: var(--hp-line);
  color: var(--hp-ink);
}
html[data-hp-theme] .hpt-library .hpt-card:is(:hover, :focus-within) {
  border-color: var(--hp-hover-line);
  box-shadow: 0 18px 38px var(--hp-shadow);
}
html[data-hp-theme] .hpt-library .hpt-card-copy { background: var(--hp-panel); }
html[data-hp-theme] .hpt-library .hpt-badge {
  background: var(--hp-badge);
  color: var(--hp-text);
}
html[data-hp-theme] .hpt-library .hpt-search::placeholder {
  color: var(--hp-muted);
  opacity: 1;
}
html[data-hp-theme] .hpt-library :is(.hpt-search, .hpt-sort):focus {
  border-color: var(--hp-blue);
  box-shadow: 0 0 0 3px var(--hp-focus);
}
html[data-hp-theme] .hpt-library .hpt-tab {
  background: transparent;
  color: var(--hp-text);
}
html[data-hp-theme] .hpt-library .hpt-tab:hover { background: var(--hp-hover); }
html[data-hp-theme] .hpt-library .hpt-tab.active {
  color: var(--hp-blue);
  border-bottom-color: var(--hp-blue);
}
html[data-hp-theme] .hpt-library .hpt-preview { color: var(--hp-blue); }
html[data-hp-theme] .hpt-library .hpt-preview:hover { color: var(--hp-blue-dark); }
html[data-hp-theme] .hpt-library .hpt-use,
html[data-hp-theme] .hpt-real-dialog .hpt-real-use {
  background: var(--hp-blue);
  border-color: var(--hp-blue);
  color: var(--hp-on-accent) !important;
}
html[data-hp-theme] .hpt-library .hpt-use:hover,
html[data-hp-theme] .hpt-real-dialog .hpt-real-use:hover {
  background: var(--hp-blue-dark);
  border-color: var(--hp-blue-dark);
}
html[data-hp-theme] .hpt-library .hpt-blank-new {
  background: var(--hp-soft);
  border-color: var(--hp-line);
}
html[data-hp-theme] .hpt-library .hpt-blank-choice:is(:hover, :focus-visible),
html[data-hp-theme] .hpt-library .hpt-admin-link:hover,
html[data-hp-theme] .hpt-real-dialog .hpt-real-icon:enabled:hover {
  background: var(--hp-hover);
  color: var(--hp-blue);
  border-color: var(--hp-hover-line);
}
html[data-hp-theme] .hpt-library :is(.hpt-editor-icon, .hpt-live-expand) {
  background: var(--hp-panel);
  border-color: var(--hp-line);
  color: var(--hp-blue);
  box-shadow: 0 2px 8px var(--hp-shadow);
}
html[data-hp-theme] .hpt-library .hpt-live-cover {
  background: var(--hp-soft);
  border-color: var(--hp-line);
  color: var(--hp-ink);
}
html[data-hp-theme] :is(.hpt-library, .hpt-real-dialog) .hpt-live-loading {
  background: var(--hp-soft);
  color: var(--hp-muted);
}
html[data-hp-theme] .hpt-library .hpt-empty {
  background: var(--hp-panel);
  border-color: var(--hp-line);
  color: var(--hp-muted);
}
html[data-hp-theme] .hpt-toast {
  background: var(--hp-tooltip);
  color: var(--hp-panel);
}
html[data-hp-theme] .hpt-real-dialog {
  background: var(--hp-surface);
  border-color: var(--hp-line);
  color: var(--hp-ink);
  box-shadow: 0 20px 70px var(--hp-shadow);
}
html[data-hp-theme="night"] .hpt-real-dialog::backdrop { background: rgb(0 0 0 / 65%); }
html[data-hp-theme] .hpt-real-dialog :is(.hpt-real-head, .hpt-real-foot, .hpt-real-icon) {
  background: var(--hp-panel);
  border-color: var(--hp-line);
  color: var(--hp-ink);
}
html[data-hp-theme] .hpt-real-dialog .hpt-real-heading h2 { color: var(--hp-ink); }
html[data-hp-theme] .hpt-real-dialog :is(.hpt-real-heading small, .hpt-real-position) {
  color: var(--hp-muted);
}
html[data-hp-theme] .hpt-library :is(a, button, input, select):focus-visible,
html[data-hp-theme] .hpt-real-dialog :is(a, button):focus-visible {
  outline: 2px solid var(--hp-blue);
  outline-offset: 2px;
}
html[data-hp-theme] .hpt-library .hpt-live-cover:focus-visible { outline-offset: -3px; }


/* Pricing is a bounded comparison layout, not an unbounded gallery. */
body .hp-price-plans { min-height: 0; }
body .hp-price-plans .hp-plans-grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: stretch;
  gap: 20px;
  width: 100%;
  max-width: calc(var(--plan-count, 5) * 340px + (var(--plan-count, 5) - 1) * 20px);
  margin-inline: auto;
}
body .hp-price-plans .hp-plans-grid:empty { display: none; }
body .hp-price-plans .hp-price-plan {
  flex: 1 1 220px;
  max-width: 340px;
  min-width: 0;
  min-height: 280px;
  padding: 28px 22px 24px;
}
body .hp-price-plans .hp-plan-description { min-height: 0; }
body .hp-price-plans .hp-plan-features { min-height: 0; }
body .hp-price-plans .hp-plan-button-slot { min-height: 0; }
body .hp-price-plans .hp-plan-button { width: 100%; }
/* Collapse a slot only when no plan needs it, preserving comparison alignment. */
body .hp-price-plans .hp-plans-grid:not(:has(.hp-plan-badge)) .hp-plan-badge-slot,
body .hp-price-plans .hp-plans-grid:not(:has(.hp-plan-price strong)) .hp-plan-price,
body .hp-price-plans .hp-plans-grid:not(:has(.hp-plan-quota)) .hp-plan-quota-slot,
body .hp-price-plans .hp-plans-grid:not(:has(.hp-plan-features h3, .hp-plan-features li)) .hp-plan-features {
  display: none;
}
body .hp-price-plans .hp-plans-grid:not(:has(.hp-plan-features h3, .hp-plan-features li)) .hp-plan-button-slot {
  margin: auto 0 0;
  padding-top: 24px;
}
@media (max-width: 1199px) {
  body .hp-price-plans .hp-price-plan { flex-basis: calc((100% - 40px) / 3); }
}
@media (max-width: 800px) {
  body .hp-price-plans .hp-price-plan { flex-basis: calc((100% - 20px) / 2); }
  body .hp-price-plans .hp-plans-heading { margin-block: 24px 32px; }
}
@media (max-width: 520px) {
  body .hp-price-plans .hp-price-plan { flex-basis: 100%; min-height: 230px; padding: 24px; }
  body .hp-price-plans .hp-plans-grid { gap: 16px; }
}

/* Reuse the portal logo without changing the preview's ready/retry lifecycle. */
:is(.hpt-library .hpt-live-cover, .hpt-real-dialog .hpt-real-stage):not(.is-ready):not(.has-preview-error) .hpt-live-loading {
  align-content: center;
  gap: 8px;
}

:is(.hpt-library .hpt-live-cover, .hpt-real-dialog .hpt-real-stage):not(.is-ready):not(.has-preview-error) .hpt-live-loading::before {
  content: "";
  display: block;
  width: 80px;
  height: 80px;
  max-width: 100%;
  background: url("/wp-content/uploads/2026/10/site-logo-spring-green-v1-160x160.png") center / contain no-repeat;
  transform-origin: 50% 89%;
  pointer-events: none;
  animation: caozi-preview-sprout 2.8s cubic-bezier(.22, .61, .36, 1) infinite;
}

@keyframes caozi-preview-sprout {
  0% {
    opacity: 0;
    clip-path: inset(77% 0 0);
    transform: scale(.82, .72);
  }
  12% {
    opacity: 1;
    clip-path: inset(72% 0 0);
    transform: scale(.86, .78);
  }
  38% {
    opacity: 1;
    clip-path: inset(42% 0 0);
    transform: scale(.94, .92);
  }
  66%, 86% {
    opacity: 1;
    clip-path: inset(0 0 0);
    transform: scale(1);
  }
  100% {
    opacity: 0;
    clip-path: inset(0 0 0);
    transform: scale(1);
  }
}

@media (prefers-reduced-motion: reduce) {
  :is(.hpt-library .hpt-live-cover, .hpt-real-dialog .hpt-real-stage):not(.is-ready):not(.has-preview-error) .hpt-live-loading::before {
    animation: none;
    opacity: 1;
    clip-path: none;
    transform: none;
  }
}