.the-spine-shell {
	--spine-bg: #0f100e;
	--spine-bg-soft: #171713;
	--spine-ink: #f4f0e8;
	--spine-ink-strong: #fffaf0;
	--spine-muted: rgba(244, 240, 232, 0.68);
	--spine-dim: rgba(244, 240, 232, 0.48);
	--spine-line: rgba(244, 240, 232, 0.14);
	--spine-line-strong: rgba(244, 240, 232, 0.28);
	--spine-panel: rgba(18, 18, 16, 0.72);
	--spine-panel-strong: rgba(27, 27, 23, 0.9);
	--spine-panel-soft: rgba(244, 240, 232, 0.055);
	--spine-accent: #c9b77a;
	--spine-green: #9eb89d;
	--spine-wine: #7b4146;
	--spine-shadow: 0 28px 90px rgba(0, 0, 0, 0.42);
	background:
		linear-gradient(145deg, rgba(15, 16, 14, 0.98), rgba(25, 22, 19, 0.96)),
		var(--spine-bg);
	color: var(--spine-ink);
	font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	inset: 0;
	isolation: isolate;
	letter-spacing: 0;
	min-height: 100vh;
	overflow-x: hidden;
	overflow-y: auto;
	position: fixed;
	text-rendering: optimizeLegibility;
	z-index: 999999;
}

body.admin-bar .the-spine-shell {
	min-height: calc(100vh - 32px);
	top: 32px;
}

.the-spine-shell *,
.the-spine-shell *::before,
.the-spine-shell *::after {
	box-sizing: border-box;
}

.the-spine-shell a {
	color: inherit;
}

.the-spine-shell__video,
.the-spine-shell__veil {
	height: 100%;
	inset: 0;
	position: fixed;
	width: 100%;
}

.the-spine-shell__video {
	background: var(--spine-bg-soft);
	object-fit: cover;
	opacity: 0.28;
	transform: scale(1.01);
	z-index: -3;
}

.the-spine-shell--video-failed .the-spine-shell__video {
	display: none;
}

.the-spine-shell__veil {
	background:
		linear-gradient(115deg, rgba(15, 16, 14, 0.96), rgba(18, 17, 15, 0.78) 54%, rgba(62, 41, 37, 0.74)),
		radial-gradient(circle at 76% 18%, rgba(201, 183, 122, 0.14), transparent 30%),
		radial-gradient(circle at 14% 86%, rgba(158, 184, 157, 0.09), transparent 28%);
	z-index: -2;
}

.the-spine-shell__frame,
.the-spine-auth {
	margin: 0 auto;
	max-width: 1360px;
	min-height: 100vh;
	padding: 34px;
	position: relative;
	width: 100%;
}

body.admin-bar .the-spine-shell__frame,
body.admin-bar .the-spine-auth {
	min-height: calc(100vh - 32px);
}

.the-spine-shell__top {
	align-items: center;
	display: flex;
	gap: 24px;
	justify-content: space-between;
	position: relative;
	z-index: 2;
}

.the-spine-shell__brand {
	align-items: center;
	color: var(--spine-ink);
	display: inline-flex;
	flex: 0 0 auto;
	min-height: 46px;
	text-decoration: none;
}

.the-spine-shell__brand img {
	display: block;
	filter: invert(1) brightness(1.16);
	height: auto;
	max-width: 185px;
	width: 185px;
}

.the-spine-shell__brand span {
	font-size: 24px;
	font-weight: 560;
	line-height: 1;
}

.the-spine-shell__nav {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	justify-content: flex-end;
}

.the-spine-shell__nav a,
.the-spine-button {
	align-items: center;
	background: rgba(244, 240, 232, 0.075);
	border: 1px solid var(--spine-line);
	border-radius: 6px;
	color: var(--spine-ink);
	display: inline-flex;
	font-size: 14px;
	font-weight: 650;
	gap: 8px;
	justify-content: center;
	line-height: 1.2;
	min-height: 42px;
	padding: 10px 14px;
	text-decoration: none;
	transition: background 180ms ease, border-color 180ms ease, color 180ms ease, transform 180ms ease;
}

.the-spine-button {
	cursor: pointer;
}

.the-spine-shell__nav a:hover,
.the-spine-button:hover {
	background: rgba(244, 240, 232, 0.14);
	border-color: var(--spine-line-strong);
	color: var(--spine-ink);
	transform: translateY(-1px);
}

.the-spine-shell__nav a.is-active,
.the-spine-shell__nav a[aria-current="page"] {
	background: rgba(201, 183, 122, 0.18);
	border-color: rgba(201, 183, 122, 0.46);
	color: var(--spine-ink-strong);
}

.the-spine-shell__nav a:focus-visible,
.the-spine-button:focus-visible,
.the-spine-module:focus-visible,
.the-spine-room-card:focus-visible,
.the-spine-card:focus-visible,
.the-spine-secondary-link:focus-visible,
.the-spine-secondary-links a:focus-visible,
.the-spine-fallback-actions a:focus-visible,
.the-spine-auth__foot a:focus-visible,
.the-spine-form input:focus-visible {
	box-shadow: 0 0 0 3px rgba(201, 183, 122, 0.2), 0 0 0 1px rgba(201, 183, 122, 0.82);
	outline: none;
}

.the-spine-button--primary {
	background: var(--spine-ink);
	border-color: transparent;
	color: #11110f;
}

.the-spine-button--primary:hover {
	background: var(--spine-ink-strong);
	color: #11110f;
}

.the-spine-title {
	color: var(--spine-ink-strong);
	font-size: 72px;
	font-weight: 540;
	line-height: 0.95;
	margin: 0;
	max-width: 900px;
}

.the-spine-section-title {
	color: var(--spine-ink-strong);
	font-size: 28px;
	font-weight: 560;
	line-height: 1.08;
	margin: 0;
}

.the-spine-record-title {
	color: var(--spine-ink-strong);
	display: block;
	font-size: 22px;
	font-weight: 560;
	line-height: 1.12;
	margin: 0;
}

.the-spine-kicker,
.the-spine-label {
	color: var(--spine-accent);
	display: block;
	font-size: 12px;
	font-weight: 740;
	letter-spacing: 0;
	line-height: 1.2;
	text-transform: uppercase;
}

.the-spine-label {
	color: var(--spine-muted);
	text-transform: none;
}

.the-spine-lede,
.the-spine-helper,
.the-spine-action-text,
.the-spine-status-text,
.the-spine-card__meta {
	color: var(--spine-muted);
	font-size: 15px;
	line-height: 1.55;
	margin: 0;
}

.the-spine-lede {
	font-size: 18px;
	max-width: 620px;
}

.the-spine-value {
	color: var(--spine-ink-strong);
	display: block;
	font-size: 21px;
	font-weight: 560;
	line-height: 1.1;
	margin-top: 6px;
}

.the-spine-shell__hero {
	align-items: end;
	display: grid;
	gap: 30px;
	grid-template-columns: minmax(0, 1fr) minmax(240px, 340px);
	padding: 98px 0 36px;
}

.the-spine-shell__orientation {
	display: grid;
	gap: 16px;
}

.the-spine-presence,
.the-spine-status-band,
.the-spine-auth__panel,
.the-spine-detail,
.the-spine-empty {
	background: var(--spine-panel);
	-webkit-backdrop-filter: blur(22px);
	backdrop-filter: blur(22px);
	border: 1px solid var(--spine-line);
	border-radius: 8px;
	box-shadow: var(--spine-shadow);
}

.the-spine-presence {
	align-self: stretch;
	display: grid;
	gap: 10px;
	min-height: 150px;
	padding: 20px;
}

.the-spine-section {
	display: grid;
	gap: 18px;
	margin-top: 6px;
}

.the-spine-section + .the-spine-section,
.the-spine-status-band {
	margin-top: 18px;
}

.the-spine-room {
	display: grid;
	gap: 18px;
	padding-bottom: 42px;
}

.the-spine-room__head {
	align-items: end;
	border-bottom: 1px solid var(--spine-line);
	display: grid;
	gap: 10px;
	padding-bottom: 18px;
}

.the-spine-section__head {
	align-items: end;
	display: flex;
	gap: 18px;
	justify-content: space-between;
}

.the-spine-shell__access {
	align-items: center;
	border-bottom: 1px solid var(--spine-line);
	border-top: 1px solid var(--spine-line);
	display: flex;
	gap: 18px;
	justify-content: space-between;
	margin-bottom: 26px;
	padding: 18px 0;
}

.the-spine-shell__access p {
	color: var(--spine-muted);
	margin: 0;
	max-width: 620px;
}

.the-spine-shell__access div,
.the-spine-action-row {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.the-spine-module-grid,
.the-spine-card-grid,
.the-spine-room-grid {
	display: grid;
	gap: 12px;
	grid-template-columns: repeat(5, minmax(0, 1fr));
}

.the-spine-module,
.the-spine-card,
.the-spine-room-card,
.the-spine-record-row {
	background: var(--spine-panel-strong);
	border: 1px solid var(--spine-line);
	border-radius: 8px;
	color: var(--spine-ink);
	overflow: hidden;
	position: relative;
	text-decoration: none;
	transition: background 180ms ease, border-color 180ms ease, transform 180ms ease;
}

.the-spine-module:hover,
.the-spine-card:hover,
.the-spine-room-card:hover,
.the-spine-record-row:hover {
	background: rgba(35, 34, 30, 0.94);
	border-color: rgba(201, 183, 122, 0.42);
	color: var(--spine-ink);
	transform: translateY(-2px);
}

.the-spine-module {
	display: grid;
	gap: 12px;
	min-height: 188px;
	padding: 18px;
}

.the-spine-room-card {
	display: grid;
	gap: 12px;
	min-height: 188px;
	padding: 18px;
}

.the-spine-module__meta,
.the-spine-module__description,
.the-spine-room-card__meta,
.the-spine-room-card__description {
	color: var(--spine-muted);
	display: block;
	font-size: 13px;
	line-height: 1.45;
}

.the-spine-module__title,
.the-spine-room-card__title {
	color: var(--spine-ink-strong);
	display: block;
	font-size: 22px;
	font-weight: 560;
	line-height: 1.08;
	margin-top: 8px;
}

.the-spine-module__description,
.the-spine-room-card__description {
	min-height: 38px;
}

.the-spine-module__foot,
.the-spine-room-card__foot {
	align-items: end;
	align-self: end;
	display: flex;
	gap: 10px;
	justify-content: space-between;
}

.the-spine-module__metric,
.the-spine-room-card__metric {
	color: var(--spine-ink-strong);
	display: block;
	font-size: 28px;
	font-weight: 540;
	line-height: 1;
}

.the-spine-status-pill {
	align-items: center;
	background: rgba(158, 184, 157, 0.13);
	border: 1px solid rgba(158, 184, 157, 0.25);
	border-radius: 999px;
	color: var(--spine-ink);
	display: inline-flex;
	font-size: 12px;
	font-weight: 650;
	line-height: 1.1;
	min-height: 25px;
	padding: 5px 9px;
	width: fit-content;
}

.the-spine-status-pill--missing {
	background: rgba(123, 65, 70, 0.22);
	border-color: rgba(255, 180, 180, 0.24);
}

.the-spine-status-pill--warning,
.the-spine-status-pill--error {
	background: rgba(123, 65, 70, 0.22);
	border-color: rgba(255, 180, 180, 0.24);
}

.the-spine-status-pill--info {
	background: rgba(201, 183, 122, 0.12);
	border-color: rgba(201, 183, 122, 0.28);
}

.the-spine-status-band {
	display: grid;
	gap: 1px;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	overflow: hidden;
}

.the-spine-status-band div {
	background: var(--spine-panel-soft);
	padding: 18px;
}

.the-spine-auth {
	align-items: center;
	display: grid;
	gap: 48px;
	grid-template-columns: minmax(0, 1fr) minmax(320px, 430px);
}

.the-spine-auth__top {
	grid-column: 1 / -1;
	width: 100%;
}

.the-spine-auth__copy {
	display: grid;
	gap: 16px;
}

.the-spine-auth__panel {
	padding: 28px;
}

.the-spine-auth__panel > p {
	color: var(--spine-muted);
	margin: 18px 0;
}

.the-spine-auth__foot {
	margin: 18px 0 0;
}

.the-spine-auth__foot a {
	color: var(--spine-accent);
	font-weight: 650;
	text-decoration-thickness: 1px;
	text-underline-offset: 4px;
}

.the-spine-form {
	display: grid;
	gap: 14px;
	margin-top: 18px;
}

.the-spine-form label {
	display: grid;
	gap: 7px;
}

.the-spine-form input[type="text"],
.the-spine-form input[type="email"],
.the-spine-form input[type="password"] {
	background: rgba(255, 255, 255, 0.08);
	border: 1px solid var(--spine-line);
	border-radius: 6px;
	color: var(--spine-ink);
	font-size: 16px;
	min-height: 48px;
	padding: 10px 12px;
	width: 100%;
}

.the-spine-form input[type="checkbox"] {
	accent-color: var(--spine-accent);
	min-height: 18px;
	min-width: 18px;
}

.the-spine-form input:focus {
	border-color: rgba(201, 183, 122, 0.72);
	outline: none;
}

.the-spine-form__check {
	align-items: center;
	display: flex !important;
	gap: 10px;
}

.the-spine-form__check span {
	color: var(--spine-muted);
	font-size: 14px;
}

.the-spine-message {
	border-radius: 6px;
	font-size: 14px;
	line-height: 1.45;
	margin: 18px 0 0;
	padding: 12px;
}

.the-spine-message--error {
	background: rgba(123, 65, 70, 0.3);
	border: 1px solid rgba(255, 180, 180, 0.22);
}

.the-spine-message--info {
	background: rgba(158, 184, 157, 0.18);
	border: 1px solid rgba(158, 184, 157, 0.26);
}

.the-spine-card-grid {
	grid-template-columns: repeat(4, minmax(0, 1fr));
}

.the-spine-card {
	display: grid;
	min-height: 302px;
}

.the-spine-card__media {
	aspect-ratio: 4 / 3;
	background: rgba(244, 240, 232, 0.07);
	display: block;
	overflow: hidden;
	width: 100%;
}

.the-spine-card img,
.the-spine-detail img {
	display: block;
	height: 100%;
	object-fit: cover;
	width: 100%;
}

.the-spine-card__body {
	display: grid;
	gap: 10px;
	padding: 16px;
}

.the-spine-card__meta {
	font-size: 13px;
}

.the-spine-secondary-links,
.the-spine-fallback-actions {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-top: 4px;
}

.the-spine-secondary-links a,
.the-spine-secondary-link,
.the-spine-fallback-actions a {
	color: var(--spine-muted);
	font-size: 13px;
	font-weight: 650;
	text-decoration-color: rgba(244, 240, 232, 0.32);
	text-decoration-thickness: 1px;
	text-underline-offset: 4px;
}

.the-spine-secondary-links a:hover,
.the-spine-secondary-link:hover,
.the-spine-fallback-actions a:hover {
	color: var(--spine-accent);
}

.the-spine-media-placeholder {
	align-items: center;
	color: var(--spine-dim);
	display: flex;
	font-size: 12px;
	font-weight: 740;
	height: 100%;
	justify-content: center;
	letter-spacing: 0;
	text-transform: uppercase;
	width: 100%;
}

.the-spine-empty {
	color: var(--spine-muted);
	display: grid;
	gap: 16px;
	grid-column: 1 / -1;
	justify-items: start;
	margin: 0;
	padding: 28px;
}

.the-spine-empty p {
	margin: 0;
}

.the-spine-empty--access {
	max-width: 760px;
}

.the-spine-detail {
	display: grid;
	gap: 24px;
	grid-template-columns: minmax(180px, 320px) minmax(0, 1fr);
	padding: 22px;
}

.the-spine-detail__media {
	background: rgba(244, 240, 232, 0.07);
	border: 1px solid var(--spine-line);
	border-radius: 6px;
	margin: 0;
	min-height: 320px;
	overflow: hidden;
}

.the-spine-detail__body {
	align-content: start;
	display: grid;
	gap: 18px;
}

.the-spine-meta-list {
	display: grid;
	gap: 8px 16px;
	grid-template-columns: 120px minmax(0, 1fr);
	margin: 0;
}

.the-spine-meta-list dt {
	color: var(--spine-muted);
	font-size: 13px;
}

.the-spine-meta-list dd {
	color: var(--spine-ink);
	margin: 0;
}

.the-spine-room-stats {
	display: grid;
	gap: 1px;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	overflow: hidden;
}

.the-spine-room-stats div {
	background: var(--spine-panel);
	border: 1px solid var(--spine-line);
	border-radius: 8px;
	padding: 18px;
}

.the-spine-record-list {
	display: grid;
	gap: 10px;
}

.the-spine-record-row {
	align-items: center;
	display: grid;
	gap: 18px;
	grid-template-columns: minmax(0, 1fr) auto;
	min-height: 96px;
	padding: 16px 18px;
}

.the-spine-record-row__main {
	display: grid;
	gap: 7px;
	min-width: 0;
}

.the-spine-record-row__side {
	align-items: flex-end;
	display: grid;
	gap: 8px;
	justify-items: end;
}

/* Command room, adapted from the local legacy prototype into plugin-owned UI. */
.the-spine-shell--command-mode {
	--spine-bg: #f4f4f4;
	--spine-ink: #111111;
	--spine-ink-strong: #000000;
	--spine-muted: rgba(17, 17, 17, 0.56);
	--spine-dim: rgba(17, 17, 17, 0.42);
	--spine-line: rgba(17, 17, 17, 0.16);
	--spine-line-strong: rgba(17, 17, 17, 0.32);
	--spine-panel: rgba(255, 255, 255, 0.68);
	--spine-panel-strong: rgba(255, 255, 255, 0.86);
	--spine-panel-soft: rgba(17, 17, 17, 0.04);
	--spine-accent: #111111;
	--spine-shadow: 0 34px 120px rgba(0, 0, 0, 0.12);
	background: #f4f4f4;
	color: var(--spine-ink);
	overflow: hidden;
}

.the-spine-shell--command-mode .the-spine-shell__video,
.the-spine-shell--command-mode .the-spine-shell__veil {
	display: none;
}

.the-spine-shell--command-mode .the-spine-shell__frame {
	max-width: none;
	min-height: 100vh;
	padding: 0;
}

body.admin-bar .the-spine-shell--command-mode .the-spine-shell__frame {
	min-height: calc(100vh - 32px);
}

.the-spine-room--command {
	background: #f4f4f4;
	color: #111111;
	display: block;
	min-height: 100vh;
	overflow: hidden;
	padding: 0;
	position: relative;
}

body.admin-bar .the-spine-room--command {
	min-height: calc(100vh - 32px);
}

.the-spine-room--command::before {
	background:
		linear-gradient(90deg, rgba(244, 244, 244, 1), rgba(255, 255, 255, 0.64) 48%, rgba(244, 244, 244, 1)),
		#f4f4f4;
	content: "";
	inset: 0;
	position: absolute;
	z-index: 0;
}

.the-spine-command-title {
	height: 1px;
	margin: -1px;
	overflow: hidden;
	position: absolute;
	white-space: nowrap;
	width: 1px;
}

.the-spine-command-brand {
	align-items: center;
	display: flex;
	justify-content: center;
	left: 50%;
	pointer-events: none;
	position: absolute;
	top: 96px;
	transform: translateX(-50%);
	z-index: 4;
}

body.admin-bar .the-spine-command-brand {
	top: 72px;
}

.the-spine-command-brand img {
	display: block;
	height: auto;
	max-width: min(320px, 24vw);
	opacity: 0.96;
	width: 320px;
}

.the-spine-command-brand span {
	color: #111111;
	font-size: 24px;
	font-weight: 560;
	line-height: 1;
}

.the-spine-command-grid {
	height: 100vh;
	inset: 0;
	pointer-events: none;
	position: relative;
	z-index: 2;
}

.the-spine-command-close {
	align-items: center;
	background: transparent;
	border: 0;
	box-shadow: none;
	color: #050505;
	display: inline-flex;
	font-size: 58px;
	font-weight: 280;
	height: 74px;
	justify-content: center;
	line-height: 1;
	position: fixed;
	right: clamp(42px, 4.6vw, 96px);
	text-decoration: none;
	top: clamp(36px, 6.5vh, 98px);
	width: 74px;
	z-index: 9;
}

.the-spine-command-close:hover,
.the-spine-command-close:focus-visible {
	color: #000000;
	transform: none;
}

body.admin-bar .the-spine-command-grid {
	height: calc(100vh - 32px);
}

.the-spine-command-column {
	display: flex;
	flex-direction: column;
	gap: clamp(72px, 8.4vh, 96px);
	pointer-events: auto;
	position: absolute;
	top: clamp(300px, 37vh, 400px);
	width: clamp(420px, 28vw, 560px);
	z-index: 4;
}

.the-spine-command-column--left {
	left: clamp(300px, 18vw, 390px);
}

.the-spine-command-column--right {
	right: clamp(220px, 14vw, 330px);
}

.the-spine-command-core {
	align-items: center;
	display: flex;
	height: min(76vh, 800px);
	justify-content: center;
	left: 50%;
	pointer-events: none;
	position: absolute;
	top: 18vh;
	transform: translateX(-50%);
	width: min(440px, 32vw);
	z-index: 1;
}

.the-spine-command-video {
	background: transparent;
	border: 0;
	display: block;
	filter: contrast(1.015) saturate(0.98);
	height: min(76vh, 800px);
	max-width: 42vw;
	object-fit: contain;
	opacity: 0.96;
	outline: 0;
	width: auto;
}

.the-spine-command-node {
	background: transparent;
	border: 0;
	box-shadow: none;
	padding: 0 0 4px;
	position: relative;
	width: 100%;
}

.the-spine-command-node::after {
	background: var(--spine-line);
	bottom: 0;
	content: "";
	height: 1px;
	left: 1px;
	opacity: 0.76;
	position: absolute;
	transition: width 260ms ease, background 260ms ease, opacity 260ms ease;
	width: 174px;
}

.the-spine-command-node:hover::after,
.the-spine-command-node.is-expanded::after {
	background: var(--spine-line-strong);
	opacity: 1;
	width: 240px;
}

.the-spine-command-node__head {
	align-items: center;
	display: inline-flex;
	gap: 9px;
	justify-content: flex-start;
}

.the-spine-command-node__head h3 {
	color: #111111;
	font-size: clamp(26px, 1.7vw, 32px);
	font-weight: 720;
	letter-spacing: 0;
	line-height: 1;
	margin: 0;
}

.the-spine-command-node__head a {
	color: inherit;
	text-decoration: none;
}

.the-spine-command-node__head a:hover {
	color: #000000;
}

.the-spine-command-count,
.the-spine-command-expanded-title,
.the-spine-focus-panel__button,
.the-spine-focus-panel__close {
	-webkit-appearance: none;
	appearance: none;
	cursor: pointer;
	font-family: inherit;
}

.the-spine-command-count {
	align-items: center;
	background: #171719;
	border: 0;
	border-radius: 50%;
	box-shadow: none;
	color: #f4f4f4;
	display: inline-flex;
	flex: 0 0 34px;
	font-size: 15px;
	font-weight: 560;
	height: 34px;
	justify-content: center;
	letter-spacing: 0;
	line-height: 34px;
	margin: 0;
	max-height: 34px;
	max-width: 34px;
	min-height: 34px;
	min-width: 34px;
	padding: 0;
	text-align: center;
	transition: background 180ms ease, color 180ms ease;
	width: 34px;
}

.the-spine-command-count:hover,
.the-spine-command-node.is-expanded .the-spine-command-count {
	background: #000000;
	color: #ffffff;
}

.the-spine-command-node__expanded {
	display: grid;
	gap: 0;
	margin-top: 0;
	opacity: 0;
	pointer-events: none;
	transform: translateY(-4px);
	transition: opacity 220ms ease, transform 260ms ease, margin-top 260ms ease;
	visibility: hidden;
	width: 100%;
}

.the-spine-command-node__expanded.is-visible {
	margin-top: 10px;
	opacity: 1;
	pointer-events: auto;
	transform: translateY(0);
	visibility: visible;
}

.the-spine-command-expanded-row {
	align-items: baseline;
	display: grid;
	gap: 24px;
	grid-template-columns: minmax(360px, 1fr) 150px;
	padding: 7px 0;
}

.the-spine-command-expanded-title {
	background: transparent;
	border: 0;
	box-shadow: none;
	color: rgba(17, 17, 17, 0.68);
	font-size: clamp(18px, 1.12vw, 22px);
	font-weight: 390;
	letter-spacing: 0;
	line-height: 1.34;
	padding: 0;
	text-align: left;
	transition: color 180ms ease;
	white-space: nowrap;
	width: 100%;
}

.the-spine-command-expanded-title::after {
	color: rgba(17, 17, 17, 0.46);
	content: " >";
	font-weight: 320;
}

.the-spine-command-expanded-title:hover,
.the-spine-command-expanded-title:hover::after {
	color: #000000;
}

.the-spine-command-expanded-row span {
	color: rgba(17, 17, 17, 0.42);
	display: block;
	font-size: clamp(15px, 0.9vw, 18px);
	font-weight: 340;
	line-height: 1.22;
	text-align: left;
	width: 150px;
}

.the-spine-command-status {
	align-items: center;
	bottom: 24px;
	color: rgba(17, 17, 17, 0.44);
	display: flex;
	font-size: 12px;
	gap: 18px;
	justify-content: center;
	left: 50%;
	line-height: 1.2;
	position: absolute;
	text-align: center;
	transform: translateX(-50%);
	white-space: nowrap;
	z-index: 3;
}

.the-spine-command-status span + span {
	border-left: 1px solid rgba(17, 17, 17, 0.16);
	padding-left: 18px;
}

.the-spine-focus-overlay {
	align-items: center;
	background: rgba(244, 244, 244, 0.48);
	-webkit-backdrop-filter: blur(20px) saturate(1.04);
	backdrop-filter: blur(20px) saturate(1.04);
	display: grid;
	inset: 0;
	justify-items: center;
	opacity: 0;
	padding: 24px;
	pointer-events: none;
	position: fixed;
	transition: opacity 220ms ease, visibility 220ms ease;
	visibility: hidden;
	z-index: 1000000;
}

.the-spine-focus-overlay.is-visible,
.the-spine-focus-overlay[aria-hidden="false"] {
	opacity: 1;
	pointer-events: auto;
	visibility: visible;
}

.the-spine-focus-panel {
	background: rgba(255, 255, 255, 0.74);
	border: 1px solid rgba(0, 0, 0, 0.09);
	border-radius: 38px;
	box-shadow: 0 44px 150px rgba(0, 0, 0, 0.16);
	color: #111111;
	max-width: 900px;
	min-height: 430px;
	padding: clamp(58px, 4.4vw, 78px);
	position: relative;
	transform: translateY(10px) scale(0.985);
	transition: transform 280ms ease;
	width: min(900px, 88vw);
}

.the-spine-focus-overlay.is-visible .the-spine-focus-panel,
.the-spine-focus-overlay[aria-hidden="false"] .the-spine-focus-panel {
	transform: translateY(0) scale(1);
}

.the-spine-focus-panel__close {
	align-items: center;
	background: transparent;
	border: 0;
	border-radius: 50%;
	box-shadow: none;
	color: rgba(17, 17, 17, 0.58);
	display: inline-flex;
	font-size: 30px;
	font-weight: 260;
	height: 34px;
	justify-content: center;
	line-height: 30px;
	padding: 0;
	position: absolute;
	right: 48px;
	top: 44px;
	width: 34px;
}

.the-spine-focus-panel__close:hover {
	background: rgba(0, 0, 0, 0.045);
	color: #000000;
}

.the-spine-focus-panel__eyebrow {
	color: rgba(17, 17, 17, 0.46);
	font-size: 17px;
	font-weight: 560;
	letter-spacing: 0;
	line-height: 1.2;
	margin: 0 0 24px;
	text-transform: uppercase;
}

.the-spine-focus-panel h2 {
	color: #111111;
	font-size: clamp(58px, 5vw, 78px);
	font-weight: 760;
	letter-spacing: 0;
	line-height: 1;
	margin: 0 0 24px;
}

.the-spine-focus-panel__body {
	color: rgba(17, 17, 17, 0.64);
	font-size: clamp(20px, 1.35vw, 25px);
	line-height: 1.58;
	margin: 0;
	max-width: 46em;
}

.the-spine-focus-panel__actions {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-top: 34px;
}

.the-spine-focus-panel__button {
	align-items: center;
	background: rgba(255, 255, 255, 0.72);
	border: 1px solid rgba(0, 0, 0, 0.11);
	border-radius: 999px;
	color: #111111;
	display: inline-flex;
	font-size: 17px;
	font-weight: 650;
	justify-content: center;
	letter-spacing: 0;
	line-height: 1.2;
	min-height: 50px;
	padding: 13px 26px;
	text-decoration: none;
	text-transform: uppercase;
}

button.the-spine-focus-panel__button {
	font-family: inherit;
}

.the-spine-focus-panel__button.is-primary {
	background: #111111;
	color: #ffffff;
}

.the-spine-focus-panel__button:hover {
	background: #000000;
	color: #ffffff;
}

.the-spine-focus-panel__button[hidden] {
	display: none;
}

@media (max-width: 1180px) {
	.the-spine-module-grid,
	.the-spine-room-grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

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

	.the-spine-title {
		font-size: 56px;
	}

	.the-spine-command-column {
		width: min(440px, 32vw);
	}

	.the-spine-command-column--left {
		left: 8vw;
	}

	.the-spine-command-column--right {
		right: 4vw;
	}
}

@media (max-width: 820px) {
	body.admin-bar .the-spine-shell {
		min-height: calc(100vh - 46px);
		top: 46px;
	}

	.the-spine-shell__frame,
	.the-spine-auth {
		min-height: calc(100vh - 46px);
		padding: 20px;
	}

	.the-spine-shell__top,
	.the-spine-section__head,
	.the-spine-room__head,
	.the-spine-shell__access {
		align-items: flex-start;
		flex-direction: column;
	}

	.the-spine-shell__nav {
		justify-content: flex-start;
		width: 100%;
	}

	.the-spine-shell__nav a,
	.the-spine-button {
		min-height: 44px;
	}

	.the-spine-shell__hero,
	.the-spine-auth,
	.the-spine-detail,
	.the-spine-status-band,
	.the-spine-room-stats,
	.the-spine-record-row {
		grid-template-columns: 1fr;
	}

	.the-spine-shell__hero {
		padding: 60px 0 28px;
	}

	.the-spine-title {
		font-size: 42px;
		line-height: 1;
	}

	.the-spine-lede {
		font-size: 16px;
	}

	.the-spine-module-grid,
	.the-spine-card-grid,
	.the-spine-room-grid {
		grid-template-columns: 1fr;
	}

	.the-spine-module,
	.the-spine-card,
	.the-spine-room-card {
		min-height: 0;
	}

	.the-spine-module__description,
	.the-spine-room-card__description {
		min-height: 0;
	}

	.the-spine-record-row__side {
		align-items: flex-start;
		justify-items: start;
	}

	.the-spine-card__media {
		aspect-ratio: 16 / 11;
	}

	.the-spine-detail__media {
		min-height: 260px;
	}

	.the-spine-meta-list {
		grid-template-columns: 1fr;
	}

	.the-spine-shell--command-mode {
		overflow-y: auto;
	}

	.the-spine-room--command {
		min-height: 100vh;
		overflow-y: auto;
		padding: 20px 18px 60px;
	}

	.the-spine-command-brand {
		left: auto;
		margin: 18px auto 0;
		position: relative;
		top: auto;
		transform: none;
	}

	body.admin-bar .the-spine-command-brand {
		top: auto;
	}

	.the-spine-command-brand img {
		width: 172px;
	}

	.the-spine-command-close {
		font-size: 42px;
		height: 54px;
		right: 18px;
		top: 16px;
		width: 54px;
	}

	.the-spine-command-grid {
		align-items: center;
		display: flex;
		flex-direction: column;
		gap: 28px;
		height: auto;
		margin: 0 auto;
		max-width: 680px;
		padding: 30px 0 80px;
		pointer-events: auto;
		width: 100%;
	}

	body.admin-bar .the-spine-command-grid {
		height: auto;
	}

	.the-spine-command-core {
		height: auto;
		left: auto;
		min-height: 38vh;
		order: -1;
		position: relative;
		top: auto;
		transform: none;
		width: 100%;
	}

	.the-spine-command-video {
		height: min(46vh, 520px);
		max-width: 76vw;
	}

	.the-spine-command-column,
	.the-spine-command-column--left,
	.the-spine-command-column--right {
		gap: 28px;
		left: auto;
		position: relative;
		right: auto;
		top: auto;
		width: min(680px, 100%);
	}

	.the-spine-command-status {
		bottom: auto;
		flex-wrap: wrap;
		left: auto;
		margin: 0 auto;
		padding-bottom: 24px;
		position: relative;
		transform: none;
		white-space: normal;
	}

	.the-spine-command-status span + span {
		border-left: 0;
		padding-left: 0;
	}

	.the-spine-focus-panel h2 {
		font-size: 36px;
	}
}

@media (max-width: 480px) {
	.the-spine-shell__frame,
	.the-spine-auth {
		padding: 16px;
	}

	.the-spine-shell__brand img {
		max-width: 154px;
		width: 154px;
	}

	.the-spine-shell__nav {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.the-spine-shell__nav a,
	.the-spine-button,
	.the-spine-action-row {
		width: 100%;
	}

	.the-spine-title {
		font-size: 36px;
	}

	.the-spine-section-title {
		font-size: 24px;
	}

	.the-spine-command-node__head h3 {
		font-size: 22px;
	}

	.the-spine-command-expanded-row {
		gap: 4px;
		grid-template-columns: 1fr;
	}

	.the-spine-command-expanded-title {
		white-space: normal;
	}

	.the-spine-command-expanded-row span {
		width: auto;
	}

	.the-spine-focus-panel {
		border-radius: 22px;
		min-height: 0;
		padding: 32px 24px;
	}

	.the-spine-focus-panel h2 {
		font-size: 30px;
	}

	.the-spine-focus-panel__button {
		width: 100%;
	}
}

@media (prefers-reduced-motion: reduce) {
	.the-spine-shell__video {
		display: none;
	}

	.the-spine-shell *,
	.the-spine-shell *::before,
	.the-spine-shell *::after {
		scroll-behavior: auto !important;
		transition: none !important;
	}
}

/* 0.1.2 Command parity: plugin-owned reconstruction of the original white Command surface. */
body.the-spine-product-shell-active,
html:has(.the-spine-shell) {
	background: #f4f4f4 !important;
	overflow: hidden !important;
}

body.the-spine-product-shell-active .site-header,
body.the-spine-product-shell-active .site-footer,
body.the-spine-product-shell-active header.site-header,
body.the-spine-product-shell-active footer.site-footer,
body.the-spine-product-shell-active .ast-container > header,
body.the-spine-product-shell-active .ast-container > footer,
body:has(.the-spine-shell) .site-header,
body:has(.the-spine-shell) .site-footer {
	display: none !important;
}

body.the-spine-command-active #wpadminbar {
	opacity: 0;
	pointer-events: none;
	transform: translateY(-100%);
	transition: opacity 260ms ease, transform 420ms cubic-bezier(0.16, 1, 0.3, 1);
}

.the-spine-shell--command-mode {
	--spine-bg: #f4f4f4;
	--spine-ink: #111111;
	--spine-ink-strong: #000000;
	--spine-muted: rgba(17, 17, 17, 0.56);
	--spine-dim: rgba(17, 17, 17, 0.42);
	--spine-line: rgba(17, 17, 17, 0.16);
	--spine-line-strong: rgba(17, 17, 17, 0.3);
	--spine-panel: rgba(255, 255, 255, 0.56);
	--spine-shadow: 0 34px 120px rgba(0, 0, 0, 0.12);
	background: #f4f4f4 !important;
	color: #111111;
	inset: 0 !important;
	min-height: 100vh !important;
	min-height: 100svh !important;
	overflow: hidden !important;
	top: 0 !important;
}

body.admin-bar .the-spine-shell--command-mode {
	min-height: 100vh !important;
	min-height: 100svh !important;
	top: 0 !important;
}

.the-spine-shell--command-mode .the-spine-shell__frame {
	max-width: none;
	min-height: 100vh !important;
	min-height: 100svh !important;
	padding: 0;
	width: 100%;
}

.the-spine-room--command {
	background: #f4f4f4;
	color: #111111;
	display: block;
	height: 100vh;
	height: 100svh;
	min-height: 100vh;
	min-height: 100svh;
	overflow: hidden;
	padding: clamp(22px, 2.8vw, 42px) clamp(34px, 4.6vw, 86px) clamp(28px, 4vw, 64px);
	position: relative;
}

.the-spine-room--command::before {
	background: #f4f4f4;
	content: "";
	inset: 0;
	position: absolute;
	z-index: 0;
}

.the-spine-room--command::after {
	background:
		radial-gradient(circle at 50% 48%, rgba(255, 255, 255, 0.58), rgba(255, 255, 255, 0.22) 25%, rgba(244, 244, 244, 0) 50%),
		linear-gradient(90deg, rgba(244, 244, 244, 1), rgba(255, 255, 255, 0.13) 50%, rgba(244, 244, 244, 1));
	content: "";
	inset: -18vh -10vw;
	opacity: 0.72;
	pointer-events: none;
	position: absolute;
	z-index: 0;
}

.the-spine-command-close {
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
	color: rgba(0, 0, 0, 0.82) !important;
	font-size: clamp(46px, 4vw, 64px);
	font-weight: 180;
	height: 72px;
	line-height: 1;
	position: fixed;
	right: clamp(28px, 3.5vw, 64px);
	text-decoration: none;
	top: clamp(24px, 3vw, 48px);
	width: 72px;
	z-index: 20;
}

.the-spine-command-close:hover,
.the-spine-command-close:focus-visible {
	background: transparent !important;
	color: #000000 !important;
	outline: 0;
}

.the-spine-command-brand {
	left: 50%;
	opacity: 1;
	position: absolute;
	top: clamp(72px, 8.2vh, 118px);
	transform: translateX(-50%);
	z-index: 4;
}

body.admin-bar .the-spine-command-brand {
	top: clamp(72px, 8.2vh, 118px);
}

.the-spine-command-brand img {
	filter: none;
	max-width: min(320px, 26vw);
	opacity: 0.96;
	width: min(320px, 26vw);
}

.the-spine-command-grid {
	height: 100%;
	inset: 0;
	position: absolute;
	width: 100%;
	z-index: 2;
}

body.admin-bar .the-spine-command-grid {
	height: 100%;
}

.the-spine-command-column {
	gap: clamp(42px, 5.8vh, 78px);
	position: absolute;
	top: clamp(280px, 36vh, 390px);
	width: clamp(420px, 27vw, 540px);
	z-index: 4;
}

.the-spine-command-column--left {
	left: clamp(260px, 19vw, 390px);
}

.the-spine-command-column--right {
	right: clamp(90px, 7.4vw, 180px);
}

.the-spine-command-core {
	height: min(76vh, 810px);
	left: 50%;
	top: clamp(168px, 21vh, 240px);
	width: min(440px, 32vw);
	z-index: 1;
}

.the-spine-command-core::before {
	background: radial-gradient(ellipse at center, rgba(255, 255, 255, 0.36), rgba(244, 244, 244, 0) 72%);
	content: "";
	filter: blur(18px);
	inset: -34px -42px;
	opacity: 0.82;
	pointer-events: none;
	position: absolute;
	z-index: 0;
}

.the-spine-command-video {
	-webkit-mask-image:
		linear-gradient(to bottom, transparent 0, #000 4px, #000 calc(100% - 4px), transparent 100%),
		linear-gradient(to right, transparent 0, #000 4px, #000 calc(100% - 4px), transparent 100%);
	-webkit-mask-composite: source-in;
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
	clip-path: inset(2px 0 2px 0);
	filter: contrast(1.015) saturate(0.98);
	height: min(76vh, 800px);
	mask-composite: intersect;
	mask-image:
		linear-gradient(to bottom, transparent 0, #000 4px, #000 calc(100% - 4px), transparent 100%),
		linear-gradient(to right, transparent 0, #000 4px, #000 calc(100% - 4px), transparent 100%);
	max-width: 42vw;
	mix-blend-mode: normal;
	opacity: 0.96;
	outline: 0 !important;
	position: relative;
	z-index: 2;
}

.the-spine-command-node {
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
	filter: blur(0);
	opacity: 1;
	padding: 0 0 3px;
	transform: none;
}

.the-spine-command-node::after {
	background: rgba(17, 17, 17, 0.16);
	left: 1px;
	opacity: 0.72;
	width: 118px;
}

.the-spine-command-node:hover::after,
.the-spine-command-node.is-expanded::after {
	background: rgba(17, 17, 17, 0.3);
	opacity: 0.95;
	width: 164px;
}

.the-spine-command-node__head {
	display: inline-flex;
	gap: 9px;
	margin-bottom: 0;
}

.the-spine-command-node__head h3 {
	color: #111111;
	font-size: clamp(20px, 1.48vw, 25px);
	font-weight: 405;
	letter-spacing: 0;
	line-height: 1;
	margin: 0;
}

.the-spine-command-count {
	background: #171719 !important;
	border: 0 !important;
	border-radius: 50% !important;
	color: #f4f4f4 !important;
	flex: 0 0 24px !important;
	font-size: 13px !important;
	font-weight: 560 !important;
	height: 24px !important;
	line-height: 24px !important;
	max-height: 24px !important;
	max-width: 24px !important;
	min-height: 24px !important;
	min-width: 24px !important;
	padding: 0 !important;
	width: 24px !important;
}

.the-spine-command-node__expanded {
	display: grid;
	filter: blur(3px);
	grid-template-rows: 0fr;
	margin-top: 0;
	opacity: 0;
	pointer-events: none;
	transform: translateY(-4px);
	transition: grid-template-rows 860ms cubic-bezier(0.16, 1, 0.3, 1), opacity 520ms ease, visibility 520ms ease, filter 700ms cubic-bezier(0.16, 1, 0.3, 1), transform 760ms cubic-bezier(0.16, 1, 0.3, 1), margin-top 760ms cubic-bezier(0.16, 1, 0.3, 1);
	visibility: hidden;
}

.the-spine-command-node__expanded > * {
	min-height: 0;
	overflow: hidden;
}

.the-spine-command-node__expanded.is-visible {
	filter: blur(0);
	grid-template-rows: 1fr;
	margin-top: 10px;
	opacity: 1;
	pointer-events: auto;
	transform: translateY(0);
	visibility: visible;
}

.the-spine-command-expanded-row {
	display: grid;
	gap: 28px;
	grid-template-columns: minmax(260px, 1fr) 132px;
	opacity: 1;
	padding: 5px 0;
	transform: none;
}

.the-spine-command-expanded-title {
	color: rgba(17, 17, 17, 0.68) !important;
	font-size: 15.5px;
	font-weight: 340;
	line-height: 1.34;
	white-space: nowrap;
}

.the-spine-command-expanded-row span {
	color: rgba(17, 17, 17, 0.42);
	font-size: 12.5px;
	font-weight: 320;
	line-height: 1.22;
	width: 132px;
}

.the-spine-command-status {
	display: none;
}

.the-spine-focus-overlay--command {
	background: rgba(244, 244, 244, 0.44);
	-webkit-backdrop-filter: blur(20px) saturate(1.04);
	backdrop-filter: blur(20px) saturate(1.04);
	z-index: 18;
}

.the-spine-focus-overlay--command .the-spine-focus-panel {
	background: rgba(255, 255, 255, 0.56);
	border: 1px solid rgba(0, 0, 0, 0.09);
	border-radius: 32px;
	box-shadow: var(--spine-shadow);
	max-width: 620px;
	min-height: 0;
	padding: clamp(28px, 4vw, 46px);
	width: min(620px, 94vw);
}

.the-spine-focus-overlay--command .the-spine-focus-panel__close {
	right: 20px;
	top: 18px;
}

.the-spine-focus-overlay--command .the-spine-focus-panel__eyebrow {
	font-size: 12px;
	font-weight: 420;
	letter-spacing: 0.14em;
	margin-bottom: 16px;
}

.the-spine-focus-overlay--command .the-spine-focus-panel h2 {
	font-size: clamp(30px, 4.6vw, 52px);
	font-weight: 420;
	letter-spacing: 0;
	line-height: 0.96;
	margin-bottom: 14px;
}

.the-spine-focus-overlay--command .the-spine-focus-panel__body {
	font-size: 16px;
	line-height: 1.58;
}

.the-spine-focus-overlay--command .the-spine-focus-panel__button {
	font-size: 12.5px;
	min-height: 0;
	padding: 10px 16px;
}

@media (max-width: 1420px) {
	.the-spine-command-column {
		width: clamp(390px, 28vw, 500px);
	}

	.the-spine-command-column--left {
		left: clamp(190px, 14vw, 260px);
	}

	.the-spine-command-column--right {
		right: clamp(56px, 5.8vw, 116px);
	}
}

@media (max-width: 1080px) {
	.the-spine-shell--command-mode {
		overflow-y: auto !important;
	}

	.the-spine-room--command {
		height: auto;
		min-height: 100vh;
		overflow-y: auto;
		padding: 22px 18px 60px;
	}

	.the-spine-command-brand {
		left: auto;
		margin: 20px auto 0;
		position: relative;
		top: auto;
		transform: none;
	}

	.the-spine-command-brand img {
		width: 172px;
	}

	.the-spine-command-grid {
		align-items: center;
		display: flex;
		flex-direction: column;
		gap: 28px;
		height: auto;
		margin: 0 auto;
		max-width: 680px;
		padding: 34px 0 60px;
		pointer-events: auto;
		position: relative;
	}

	.the-spine-command-core {
		height: auto;
		left: auto;
		min-height: 46vh;
		order: -1;
		position: relative;
		top: auto;
		transform: none;
		width: 100%;
	}

	.the-spine-command-core::before {
		display: none;
	}

	.the-spine-command-video {
		height: min(52vh, 560px);
		max-width: 76vw;
	}

	.the-spine-command-column,
	.the-spine-command-column--left,
	.the-spine-command-column--right {
		gap: 28px;
		left: auto;
		position: relative;
		right: auto;
		top: auto;
		width: min(680px, 100%);
	}
}

@media (max-width: 680px) {
	.the-spine-command-close {
		right: 14px;
		top: 14px;
	}

	.the-spine-command-brand img {
		width: 156px;
	}

	.the-spine-command-expanded-row {
		gap: 4px;
		grid-template-columns: 1fr;
	}

	.the-spine-command-expanded-title {
		white-space: normal;
	}

	.the-spine-command-expanded-row span {
		width: auto;
	}
}