/*
 * CAKE UI 0.9.70 - Nebula Glow canonical convergence layer.
 *
 * This file is intentionally the final plugin stylesheet. Older dashboard,
 * editor and public styles remain as compatibility scaffolding, but visual
 * decisions live here. Keep page/post/section CSS scoped to its content.
 */

/* --------------------------------------------------------------------------
   1. Canonical theme contract
   -------------------------------------------------------------------------- */
:root {
	color-scheme: light;
	--cake-primary: var(--cake-token-color-pink, var(--cake-pink, #ff2d9d));
	--cake-primary-strong: var(--cake-token-color-pink-hot, var(--cake-pink-hot, #e91986));
	--cake-secondary: var(--cake-token-color-secondary, #9f45ec);
	--cake-secondary-strong: var(--cake-token-color-secondary-strong, #4c9dff);
	--cake-text: var(--cake-token-color-ink, var(--cake-ink, #171522));
	--cake-text-muted: var(--cake-token-color-muted, var(--cake-muted, #6d6675));
	--cake-text-subtle: var(--cake-token-color-subtle, var(--cake-subtle, #948b9e));
	--cake-page: var(--cake-token-background-page, var(--cake-background-page, #faf7fb));
	--cake-page-alt: var(--cake-token-background-page-alt, var(--cake-background-page-alt, #f2edf5));
	--cake-surface: var(--cake-token-color-surface, rgba(255, 255, 255, .78));
	--cake-surface-strong: var(--cake-token-color-surface-strong, rgba(255, 255, 255, .94));
	--cake-surface-soft: var(--cake-token-color-surface-soft, rgba(255, 255, 255, .58));
	--cake-surface-raised: rgba(255, 255, 255, .88);
	--cake-control: var(--cake-token-color-input-surface, rgba(255, 255, 255, .72));
	--cake-control-hover: rgba(255, 255, 255, .94);
	--cake-separator: var(--cake-token-color-separator, rgba(79, 52, 75, .10));
	--cake-separator-strong: rgba(226, 53, 145, .24);
	--cake-glass-highlight: rgba(255, 255, 255, .78);
	--cake-glass-highlight-soft: rgba(255, 255, 255, .36);
	--cake-shadow-panel: 0 20px 54px rgba(64, 34, 58, .10);
	--cake-shadow-panel-strong: 0 30px 78px rgba(64, 28, 56, .16);
	--cake-shadow-control: 0 8px 22px rgba(75, 39, 66, .06);
	--cake-glow-primary: 0 14px 34px rgba(255, 45, 157, .28);
	--cake-glow-secondary: 0 16px 38px rgba(159, 69, 236, .20);
	--cake-sidebar-glow: rgba(255, 45, 157, .28);
	--cake-sidebar-glow-secondary: rgba(159, 69, 236, .17);
	--cake-danger: #e43a62;
	--cake-success: #1aa46d;
	--cake-warning: #d88722;
	--cake-info: #318de4;
	--cake-radius-xs: 9px;
	--cake-radius-sm: 12px;
	--cake-radius-md: 16px;
	--cake-radius-lg: 20px;
	--cake-radius-xl: 24px;
	--cake-radius-pill: 999px;
	--cake-control-height: 42px;
	--cake-header-height: 68px;
	--cake-sidebar-width: 252px;
	--cake-shell-gap: clamp(12px, 1.15vw, 18px);
	--cake-shell-pad: clamp(10px, 1.2vw, 18px);
	--cake-panel-pad: clamp(16px, 1.6vw, 24px);
	--cake-content-max: 1580px;
	--cake-font-body: "Lexend", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	--cake-font-heading: "Rubik", "Lexend", system-ui, sans-serif;
	--cake-ease: cubic-bezier(.2, .8, .2, 1);
}

:root[data-cake-theme="dark"],
.cake-theme-dark {
	color-scheme: dark;
	--cake-text: var(--cake-token-dark-color-ink, var(--cake-dark-ink, #f8f5fb));
	--cake-text-muted: var(--cake-token-dark-color-muted, var(--cake-dark-muted, #aaa3b3));
	--cake-text-subtle: #817a8d;
	--cake-page: var(--cake-token-dark-background-page, var(--cake-dark-page, #090a11));
	--cake-page-alt: var(--cake-token-dark-background-page-alt, var(--cake-dark-page-alt, #0f1018));
	--cake-surface: var(--cake-token-dark-color-surface, rgba(20, 21, 30, .76));
	--cake-surface-strong: var(--cake-token-dark-color-surface-strong, rgba(25, 26, 37, .94));
	--cake-surface-soft: rgba(27, 28, 39, .62);
	--cake-surface-raised: rgba(30, 31, 43, .88);
	--cake-control: var(--cake-token-dark-color-control, rgba(34, 35, 47, .78));
	--cake-control-hover: rgba(43, 44, 58, .94);
	--cake-separator: var(--cake-token-dark-color-separator, rgba(255, 255, 255, .075));
	--cake-separator-strong: rgba(255, 80, 171, .27);
	--cake-glass-highlight: rgba(255, 255, 255, .075);
	--cake-glass-highlight-soft: rgba(255, 255, 255, .035);
	--cake-shadow-panel: 0 22px 58px rgba(0, 0, 0, .30);
	--cake-shadow-panel-strong: 0 32px 86px rgba(0, 0, 0, .46);
	--cake-shadow-control: 0 9px 26px rgba(0, 0, 0, .18);
	--cake-glow-primary: 0 14px 38px rgba(255, 45, 157, .36);
	--cake-glow-secondary: 0 18px 44px rgba(159, 69, 236, .25);
	--cake-sidebar-glow: rgba(255, 45, 157, .48);
	--cake-sidebar-glow-secondary: rgba(159, 69, 236, .28);
}

@media (prefers-color-scheme: dark) {
	:root:not([data-cake-theme]) {
		color-scheme: dark;
		--cake-text: var(--cake-token-dark-color-ink, var(--cake-dark-ink, #f8f5fb));
		--cake-text-muted: var(--cake-token-dark-color-muted, var(--cake-dark-muted, #aaa3b3));
		--cake-text-subtle: #817a8d;
		--cake-page: var(--cake-token-dark-background-page, var(--cake-dark-page, #090a11));
		--cake-page-alt: var(--cake-token-dark-background-page-alt, var(--cake-dark-page-alt, #0f1018));
		--cake-surface: var(--cake-token-dark-color-surface, rgba(20, 21, 30, .76));
		--cake-surface-strong: var(--cake-token-dark-color-surface-strong, rgba(25, 26, 37, .94));
		--cake-surface-soft: rgba(27, 28, 39, .62);
		--cake-surface-raised: rgba(30, 31, 43, .88);
		--cake-control: var(--cake-token-dark-color-control, rgba(34, 35, 47, .78));
		--cake-control-hover: rgba(43, 44, 58, .94);
		--cake-separator: var(--cake-token-dark-color-separator, rgba(255, 255, 255, .075));
		--cake-separator-strong: rgba(255, 80, 171, .27);
		--cake-glass-highlight: rgba(255, 255, 255, .075);
		--cake-glass-highlight-soft: rgba(255, 255, 255, .035);
		--cake-shadow-panel: 0 22px 58px rgba(0, 0, 0, .30);
		--cake-shadow-panel-strong: 0 32px 86px rgba(0, 0, 0, .46);
		--cake-shadow-control: 0 9px 26px rgba(0, 0, 0, .18);
		--cake-glow-primary: 0 14px 38px rgba(255, 45, 157, .36);
		--cake-glow-secondary: 0 18px 44px rgba(159, 69, 236, .25);
		--cake-sidebar-glow: rgba(255, 45, 157, .48);
		--cake-sidebar-glow-secondary: rgba(159, 69, 236, .28);
	}
}

/* Explicit light mode always wins over device preference. */
:root[data-cake-theme="light"],
.cake-theme-light {
	color-scheme: light;
	--cake-text: var(--cake-token-color-ink, var(--cake-ink, #171522));
	--cake-text-muted: var(--cake-token-color-muted, var(--cake-muted, #6d6675));
	--cake-text-subtle: var(--cake-token-color-subtle, var(--cake-subtle, #948b9e));
	--cake-page: var(--cake-token-background-page, var(--cake-background-page, #faf7fb));
	--cake-page-alt: var(--cake-token-background-page-alt, var(--cake-background-page-alt, #f2edf5));
	--cake-surface: var(--cake-token-color-surface, rgba(255, 255, 255, .78));
	--cake-surface-strong: var(--cake-token-color-surface-strong, rgba(255, 255, 255, .94));
	--cake-surface-soft: var(--cake-token-color-surface-soft, rgba(255, 255, 255, .58));
	--cake-surface-raised: rgba(255, 255, 255, .88);
	--cake-control: var(--cake-token-color-input-surface, rgba(255, 255, 255, .72));
	--cake-control-hover: rgba(255, 255, 255, .94);
	--cake-separator: var(--cake-token-color-separator, rgba(79, 52, 75, .10));
	--cake-separator-strong: rgba(226, 53, 145, .24);
	--cake-glass-highlight: rgba(255, 255, 255, .78);
	--cake-glass-highlight-soft: rgba(255, 255, 255, .36);
	--cake-shadow-panel: 0 20px 54px rgba(64, 34, 58, .10);
	--cake-shadow-panel-strong: 0 30px 78px rgba(64, 28, 56, .16);
	--cake-shadow-control: 0 8px 22px rgba(75, 39, 66, .06);
	--cake-glow-primary: 0 14px 34px rgba(255, 45, 157, .28);
	--cake-glow-secondary: 0 16px 38px rgba(159, 69, 236, .20);
	--cake-sidebar-glow: rgba(255, 45, 157, .28);
	--cake-sidebar-glow-secondary: rgba(159, 69, 236, .17);
}


/* Legacy styles used to redeclare light tokens on each shell. Reassert the
   selected mode on the actual UI roots so one theme contract wins everywhere. */
:root[data-cake-theme="dark"] :is(.cake-admin-shell,.cake-editor-app,.cake-editor-shell,.cake-member-shell,.cake-theme-preview,.cake-reusable-section),
.cake-theme-dark:is(.cake-admin-shell,.cake-editor-app,.cake-editor-shell,.cake-member-shell,.cake-theme-preview,.cake-reusable-section),
.cake-theme-dark :is(.cake-admin-shell,.cake-editor-app,.cake-editor-shell,.cake-member-shell,.cake-theme-preview,.cake-reusable-section) {
	color-scheme: dark;
	--cake-ink: var(--cake-dark-ink, #f8f5fb);
	--cake-muted: var(--cake-dark-muted, #aaa3b3);
	--cake-subtle: #817a8d;
	--cake-text: var(--cake-token-dark-color-ink, var(--cake-dark-ink, #f8f5fb));
	--cake-text-muted: var(--cake-token-dark-color-muted, var(--cake-dark-muted, #aaa3b3));
	--cake-text-subtle: #817a8d;
	--cake-background-page: var(--cake-dark-page, #090a11);
	--cake-page: var(--cake-token-dark-background-page, var(--cake-dark-page, #090a11));
	--cake-page-alt: var(--cake-token-dark-background-page-alt, var(--cake-dark-page-alt, #0f1018));
	--cake-surface: var(--cake-token-dark-color-surface, rgba(20, 21, 30, .76));
	--cake-surface-strong: var(--cake-token-dark-color-surface-strong, rgba(25, 26, 37, .94));
	--cake-surface-soft: rgba(27, 28, 39, .62);
	--cake-surface-raised: rgba(30, 31, 43, .88);
	--cake-input-surface: var(--cake-token-dark-color-control, rgba(34, 35, 47, .78));
	--cake-control: var(--cake-token-dark-color-control, rgba(34, 35, 47, .78));
	--cake-control-hover: rgba(43, 44, 58, .94);
	--cake-dropdown-surface: rgba(25, 26, 37, .96);
	--cake-table-surface: rgba(25, 26, 37, .72);
	--cake-media-surface: rgba(25, 26, 37, .72);
	--cake-border: rgba(255, 255, 255, .075);
	--cake-separator: var(--cake-token-dark-color-separator, rgba(255, 255, 255, .075));
	--cake-separator-strong: rgba(255, 80, 171, .27);
}

:root[data-cake-theme="light"] :is(.cake-admin-shell,.cake-editor-app,.cake-editor-shell,.cake-member-shell,.cake-theme-preview,.cake-reusable-section),
.cake-theme-light:is(.cake-admin-shell,.cake-editor-app,.cake-editor-shell,.cake-member-shell,.cake-theme-preview,.cake-reusable-section),
.cake-theme-light :is(.cake-admin-shell,.cake-editor-app,.cake-editor-shell,.cake-member-shell,.cake-theme-preview,.cake-reusable-section) {
	color-scheme: light;
	--cake-ink: #171522;
	--cake-muted: #6d6675;
	--cake-subtle: #948b9e;
	--cake-text: #171522;
	--cake-text-muted: #6d6675;
	--cake-text-subtle: #948b9e;
	--cake-background-page: #faf7fb;
	--cake-page: #faf7fb;
	--cake-page-alt: #f2edf5;
	--cake-surface: var(--cake-token-color-surface, rgba(255, 255, 255, .78));
	--cake-surface-strong: var(--cake-token-color-surface-strong, rgba(255, 255, 255, .94));
	--cake-surface-soft: var(--cake-token-color-surface-soft, rgba(255, 255, 255, .58));
	--cake-surface-raised: rgba(255, 255, 255, .88);
	--cake-input-surface: var(--cake-token-color-input-surface, rgba(255, 255, 255, .72));
	--cake-control: var(--cake-token-color-input-surface, rgba(255, 255, 255, .72));
	--cake-control-hover: rgba(255, 255, 255, .94);
	--cake-dropdown-surface: rgba(255, 255, 255, .96);
	--cake-table-surface: rgba(255, 255, 255, .72);
	--cake-media-surface: rgba(255, 255, 255, .72);
	--cake-border: rgba(79, 52, 75, .10);
	--cake-separator: var(--cake-token-color-separator, rgba(79, 52, 75, .10));
	--cake-separator-strong: rgba(226, 53, 145, .24);
}

/* --------------------------------------------------------------------------
   2. Shared reset, typography and surfaces
   -------------------------------------------------------------------------- */
.cake-admin-shell,
.cake-editor-app,
.cake-editor-shell,
.cake-member-shell,
.cake-site-header,
.cake-site-footer,
.cake-page-content,
.cake-visual-header,
.cake-visual-footer {
	box-sizing: border-box;
	color: var(--cake-text);
	font-family: var(--cake-font-body);
	font-size: 15px;
	font-weight: 500;
	line-height: 1.5;
}

.cake-admin-shell *,
.cake-editor-app *,
.cake-member-shell *,
.cake-site-header *,
.cake-site-footer *,
.cake-page-content * {
	box-sizing: border-box;
}

.cake-admin-shell :is(h1,h2,h3,h4,h5,h6),
.cake-editor-app :is(h1,h2,h3,h4,h5,h6),
.cake-member-shell :is(h1,h2,h3,h4,h5,h6),
.cake-page-content :is(h1,h2,h3,h4,h5,h6),
.cake-site-header .cake-site-title,
.cake-site-footer h2 {
	color: var(--cake-text);
	font-family: var(--cake-font-heading);
	font-weight: 720;
	letter-spacing: -.025em;
}

.cake-admin-shell :is(p,li,small),
.cake-editor-app :is(p,li,small),
.cake-member-shell :is(p,li,small),
.cake-page-content :is(p,li,figcaption),
.cake-site-footer :is(p,li) {
	color: var(--cake-text-muted);
}

.cake-admin-shell button,
.cake-admin-shell input,
.cake-admin-shell select,
.cake-admin-shell textarea,
.cake-editor-app button,
.cake-editor-app input,
.cake-editor-app select,
.cake-editor-app textarea,
.cake-member-shell button,
.cake-member-shell input,
.cake-member-shell select,
.cake-member-shell textarea {
	font-family: var(--cake-font-body);
}

.cake-nebula-surface,
.cake-admin-topbar,
.cake-admin-sidebar,
.cake-dashboard-panel,
.cake-dashboard-welcome,
.cake-settings-rail,
.cake-settings-card,
.cake-settings-aside-card,
.cake-editor-branding,
.cake-editor-header,
.cake-editor-sidebar,
.cake-editor-canvas,
.cake-editor-main-panel,
.cake-member-shell-panel,
.cake-site-header,
.cake-site-footer,
.glass-panel,
.is-style-glass-panel {
	position: relative;
	isolation: isolate;
	border: 0;
	background: var(--cake-surface);
	box-shadow: var(--cake-shadow-panel), inset 0 1px 0 var(--cake-glass-highlight-soft);
	backdrop-filter: blur(20px) saturate(1.18);
	-webkit-backdrop-filter: blur(20px) saturate(1.18);
}

.cake-dashboard-panel::after,
.cake-settings-card::after,
.cake-settings-aside-card::after,
.cake-editor-main-panel::after,
.cake-member-shell-panel::after,
.glass-panel::after,
.is-style-glass-panel::after {
	content: "";
	position: absolute;
	left: 8%;
	right: 8%;
	bottom: 0;
	height: 1px;
	background: linear-gradient(90deg, transparent, var(--cake-separator), transparent);
	pointer-events: none;
}

/* --------------------------------------------------------------------------
   3. Shared controls
   -------------------------------------------------------------------------- */
.cake-button,
.cake-btn,
.cake-admin-shell .button,
.cake-editor-app .button,
.cake-member-shell button,
.cake-member-social-button,
.cake-user-menu-login,
.cake-pwa-install-button {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 7px;
	min-height: var(--cake-control-height);
	padding: 8px 14px;
	border: 0;
	border-radius: var(--cake-radius-sm);
	background: var(--cake-control);
	color: var(--cake-text);
	box-shadow: var(--cake-shadow-control), inset 0 1px 0 var(--cake-glass-highlight-soft);
	font-size: 13px;
	font-weight: 680;
	line-height: 1;
	text-decoration: none;
	white-space: nowrap;
	cursor: pointer;
	transition: transform .16s var(--cake-ease), background .16s ease, box-shadow .2s ease, color .16s ease;
}

.cake-button:hover,
.cake-btn:hover,
.cake-admin-shell .button:hover,
.cake-editor-app .button:hover,
.cake-member-shell button:hover {
	transform: translateY(-1px);
	background: var(--cake-control-hover);
	color: var(--cake-text);
}

.cake-button-primary,
.cake-btn-primary,
.cake-admin-shell .button-primary,
.cake-admin-shell button[type="submit"],
.cake-editor-app button[type="submit"],
.cake-settings-save {
	background: linear-gradient(135deg, var(--cake-primary), var(--cake-primary-strong) 56%, var(--cake-secondary));
	color: #fff;
	box-shadow: var(--cake-glow-primary), inset 0 1px 0 rgba(255,255,255,.24);
}

.cake-button-primary:hover,
.cake-admin-shell button[type="submit"]:hover,
.cake-settings-save:hover {
	background: linear-gradient(135deg, #ff48ac, var(--cake-primary) 52%, var(--cake-secondary));
	color: #fff;
	box-shadow: 0 18px 42px rgba(255,45,157,.38), inset 0 1px 0 rgba(255,255,255,.3);
}

.cake-button-secondary,
.cake-btn-secondary {
	background: linear-gradient(135deg, var(--cake-secondary), var(--cake-secondary-strong));
	color: #fff;
	box-shadow: var(--cake-glow-secondary), inset 0 1px 0 rgba(255,255,255,.22);
}

.cake-button-quiet,
.cake-button-outline,
.cake-btn-outline,
.cake-admin-shell .button:not(.button-primary),
.cake-editor-app .button:not(.button-primary) {
	background: var(--cake-control);
	color: var(--cake-text);
	box-shadow: var(--cake-shadow-control), inset 0 0 0 1px var(--cake-separator);
}

.cake-button-compact { min-height: 38px; padding: 8px 13px; font-size: 12px; }
.cake-icon-button { display: inline-grid; place-items: center; width: 38px; height: 38px; padding: 0; }

.cake-input,
.cake-select,
.cake-textarea,
.cake-admin-shell :is(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]),select,textarea),
.cake-editor-app :is(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]),select,textarea),
.cake-member-shell :is(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]),select,textarea) {
	width: 100%;
	min-height: var(--cake-control-height);
	padding: 9px 12px;
	border: 0;
	border-radius: var(--cake-radius-sm);
	outline: 0;
	background: var(--cake-control);
	color: var(--cake-text);
	box-shadow: inset 0 0 0 1px var(--cake-separator), var(--cake-shadow-control);
	font-size: 13px;
	font-weight: 580;
	line-height: 1.35;
	transition: background .16s ease, box-shadow .16s ease;
}

.cake-input::placeholder,
.cake-admin-shell input::placeholder,
.cake-editor-app input::placeholder { color: var(--cake-text-subtle); opacity: 1; }

.cake-input:focus,
.cake-select:focus,
.cake-textarea:focus,
.cake-admin-shell :is(input,select,textarea):focus,
.cake-editor-app :is(input,select,textarea):focus,
.cake-member-shell :is(input,select,textarea):focus {
	background: var(--cake-control-hover);
	box-shadow: inset 0 0 0 1px var(--cake-primary), 0 0 0 3px rgba(255,45,157,.12), var(--cake-shadow-control);
}

.cake-settings-field-label,
.cake-field-label,
.cake-settings-field > label:not(.cake-check) {
	display: block;
	margin: 0;
	color: var(--cake-text);
	font-size: 11px;
	font-weight: 680;
}

.cake-settings-description,
.cake-field-help,
.cake-muted,
.cake-admin-shell .description {
	margin: 0;
	color: var(--cake-text-muted);
	font-size: 11.5px;
	font-weight: 500;
	line-height: 1.5;
}

.cake-check,
.cake-switch {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	color: var(--cake-text);
	font-size: 11px;
	font-weight: 620;
}

.cake-admin-shell input[type="checkbox"],
.cake-editor-app input[type="checkbox"],
.cake-member-shell input[type="checkbox"] {
	appearance: none;
	-webkit-appearance: none;
	width: 17px;
	height: 17px;
	min-width: 17px;
	margin: 0;
	border: 0;
	border-radius: 5px;
	background: var(--cake-control);
	box-shadow: inset 0 0 0 1px var(--cake-separator-strong);
	cursor: pointer;
}

.cake-admin-shell input[type="checkbox"]:checked,
.cake-editor-app input[type="checkbox"]:checked,
.cake-member-shell input[type="checkbox"]:checked {
	background: linear-gradient(135deg, var(--cake-primary), var(--cake-secondary));
	box-shadow: var(--cake-glow-primary);
}

.cake-admin-shell input[type="checkbox"]:checked::before,
.cake-editor-app input[type="checkbox"]:checked::before,
.cake-member-shell input[type="checkbox"]:checked::before {
	content: "\2713";
	display: grid;
	place-items: center;
	width: 100%;
	height: 100%;
	margin: 0;
	color: #fff;
	font-size: 11px;
	font-weight: 900;
}

/* --------------------------------------------------------------------------
   4. Dashboard shell
   -------------------------------------------------------------------------- */
html.wp-toolbar { padding-top: 0; }
body.cake-dashboard-fullscreen {
	min-width: 0;
	margin: 0;
	background: var(--cake-page);
	color: var(--cake-text);
}
body.cake-dashboard-fullscreen #wpcontent,
body.cake-dashboard-fullscreen #wpbody,
body.cake-dashboard-fullscreen #wpbody-content { margin: 0; padding: 0; background: transparent; }
body.cake-dashboard-fullscreen #wpfooter { display: none; }

.cake-admin-shell {
	position: relative;
	isolation: isolate;
	min-height: 100vh;
	padding: var(--cake-shell-pad);
	background:
		radial-gradient(circle at 8% 12%, var(--cake-sidebar-glow), transparent 26rem),
		radial-gradient(circle at 92% 10%, var(--cake-sidebar-glow-secondary), transparent 32rem),
		linear-gradient(145deg, var(--cake-page), var(--cake-page-alt));
	color: var(--cake-text);
	overflow: clip;
}

.cake-admin-shell::before,
.cake-admin-shell::after {
	content: "";
	position: fixed;
	z-index: -1;
	width: min(38vw, 520px);
	aspect-ratio: 1;
	border-radius: 50%;
	pointer-events: none;
	will-change: transform, opacity;
}
.cake-admin-shell::before {
	left: -20vw;
	top: 18vh;
	background: radial-gradient(circle, var(--cake-sidebar-glow), transparent 68%);
	animation: cake-nebula-a 18s ease-in-out infinite alternate;
}
.cake-admin-shell::after {
	right: -18vw;
	bottom: -18vh;
	background: radial-gradient(circle, var(--cake-sidebar-glow-secondary), transparent 68%);
	animation: cake-nebula-b 23s ease-in-out infinite alternate;
}
@keyframes cake-nebula-a { from { transform: translate3d(0,-2%,0) scale(.96); opacity: .45; } to { transform: translate3d(12%,10%,0) scale(1.07); opacity: .78; } }
@keyframes cake-nebula-b { from { transform: translate3d(0,0,0) scale(.95); opacity: .42; } to { transform: translate3d(-10%,-9%,0) scale(1.08); opacity: .7; } }

.cake-admin-topbar {
	display: grid;
	grid-template-columns: minmax(150px, 1fr) minmax(230px, 360px) minmax(260px, 1fr);
	align-items: center;
	gap: 18px;
	width: min(100%, var(--cake-content-max));
	min-height: var(--cake-header-height);
	margin: 0 auto var(--cake-shell-gap);
	padding: 7px 10px 7px 13px;
	border-radius: var(--cake-radius-md);
	background: var(--cake-surface-strong);
	box-shadow: var(--cake-shadow-panel), inset 0 1px 0 var(--cake-glass-highlight-soft);
	overflow: visible;
}
.cake-admin-topbar::after {
	content: "";
	position: absolute;
	left: 10%;
	right: 10%;
	bottom: 0;
	height: 1px;
	background: linear-gradient(90deg, transparent, rgba(255,45,157,.28), transparent);
	pointer-events: none;
}

.cake-admin-brand {
	display: inline-flex;
	align-items: center;
	gap: 9px;
	width: max-content;
	color: var(--cake-text);
	text-decoration: none;
}
.cake-admin-mark {
	display: grid;
	place-items: center;
	width: 34px;
	height: 34px;
	padding: 2px;
	border-radius: 10px;
	background: linear-gradient(145deg, rgba(255,45,157,.18), rgba(159,69,236,.10));
	box-shadow: 0 8px 22px rgba(255,45,157,.18), inset 0 1px 0 var(--cake-glass-highlight-soft);
	overflow: hidden;
}
.cake-admin-logo { display: block; width: 100%; height: 100%; object-fit: contain; }
.cake-admin-brand-text {
	color: var(--cake-text);
	font-family: var(--cake-font-heading);
	font-size: 17px;
	font-weight: 780;
	letter-spacing: -.035em;
}

.cake-admin-global-search {
	position: relative;
	display: flex;
	align-items: center;
	height: 35px;
	min-width: 0;
	padding: 0 7px 0 10px;
	border-radius: 10px;
	background: var(--cake-control);
	box-shadow: inset 0 0 0 1px var(--cake-separator), var(--cake-shadow-control);
}
.cake-admin-global-search:focus-within { box-shadow: inset 0 0 0 1px var(--cake-primary), 0 0 0 3px rgba(255,45,157,.10); }
.cake-admin-global-search-icon { display: grid; place-items: center; color: var(--cake-text-muted); }
.cake-admin-global-search-icon svg { width: 14px; height: 14px; }
.cake-admin-global-search input {
	min-width: 0;
	width: 100%;
	height: 100%;
	min-height: 0;
	padding: 0 8px;
	border: 0;
	background: transparent;
	box-shadow: none;
	color: var(--cake-text);
	font-size: 11px;
}
.cake-admin-global-search kbd {
	flex: 0 0 auto;
	padding: 4px 6px;
	border-radius: 6px;
	background: rgba(127,127,127,.08);
	color: var(--cake-text-subtle);
	box-shadow: inset 0 0 0 1px var(--cake-separator);
	font: 650 9px/1 var(--cake-font-body);
}

.cake-admin-topbar-actions { display: flex; align-items: center; justify-content: flex-end; gap: 6px; min-width: 0; }
.cake-admin-topbar-link,
.cake-admin-icon-link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 34px;
	padding: 0 10px;
	border-radius: 10px;
	background: transparent;
	color: var(--cake-text-muted);
	font-size: 11px;
	font-weight: 650;
	text-decoration: none;
}
.cake-admin-icon-link { width: 34px; padding: 0; }
.cake-admin-icon-link svg { width: 16px; height: 16px; }
.cake-admin-topbar-link:hover,
.cake-admin-icon-link:hover { background: var(--cake-control); color: var(--cake-text); }

.cake-admin-notifications { position: relative; }
.cake-admin-notifications > summary {
	display: grid;
	place-items: center;
	width: 34px;
	height: 40px;
	border-radius: 11px;
	color: var(--cake-text-muted);
	cursor: pointer;
	list-style: none;
}
.cake-admin-notifications > summary::-webkit-details-marker { display: none; }
.cake-admin-notifications > summary:hover { background: var(--cake-control); color: var(--cake-text); }
.cake-admin-notification-icon svg { width: 16px; height: 16px; }
.cake-admin-notification-count {
	position: absolute;
	top: 4px;
	right: 4px;
	display: grid;
	place-items: center;
	min-width: 6px;
	height: 6px;
	padding: 0;
	border-radius: 50%;
	background: var(--cake-primary);
	color: transparent;
	box-shadow: 0 0 0 2px var(--cake-surface-strong), 0 0 14px rgba(255,45,157,.55);
	font-size: 0;
}
.cake-admin-notification-count:empty { display: none; }
.cake-admin-notification-panel {
	position: absolute;
	top: calc(100% + 9px);
	right: 0;
	z-index: 100;
	width: 260px;
	padding: 10px;
	border-radius: 14px;
	background: var(--cake-surface-strong);
	box-shadow: var(--cake-shadow-panel-strong), inset 0 1px 0 var(--cake-glass-highlight-soft);
	backdrop-filter: blur(22px) saturate(1.2);
}

.cake-admin-user,
.cake-user-menu-trigger,
.cake-user-menu-login {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	min-height: 34px;
	padding: 5px 9px 5px 5px;
	border-radius: var(--cake-radius-pill);
	background: var(--cake-control);
	color: var(--cake-text);
	box-shadow: inset 0 0 0 1px var(--cake-separator);
	font-size: 11.5px;
	font-weight: 650;
	white-space: nowrap;
}
.cake-admin-avatar,
.cake-user-menu-avatar {
	display: inline-block;
	width: 24px;
	height: 24px;
	border-radius: 50%;
	background: linear-gradient(135deg, var(--cake-primary), var(--cake-secondary));
	box-shadow: 0 6px 16px rgba(255,45,157,.24), inset 0 0 0 2px rgba(255,255,255,.26);
}

.cake-admin-layout {
	display: grid;
	grid-template-columns: var(--cake-sidebar-width) minmax(0, 1fr);
	align-items: start;
	gap: var(--cake-shell-gap);
	width: min(100%, var(--cake-content-max));
	margin: 0 auto;
}

.cake-admin-sidebar {
	position: sticky;
	top: var(--cake-shell-pad);
	display: flex;
	flex-direction: column;
	min-width: 0;
	height: calc(100vh - (var(--cake-shell-pad) * 2) - var(--cake-header-height) - var(--cake-shell-gap));
	min-height: 420px;
	padding: 9px;
	border-radius: var(--cake-radius-md);
	background: var(--cake-surface);
	box-shadow: var(--cake-shadow-panel), inset 0 1px 0 var(--cake-glass-highlight-soft);
	overflow: hidden;
}
.cake-admin-sidebar::before {
	content: "";
	position: absolute;
	left: -55%;
	top: 28%;
	width: 160%;
	aspect-ratio: 1;
	border-radius: 50%;
	background: radial-gradient(circle, var(--cake-sidebar-glow), transparent 66%);
	filter: blur(10px);
	opacity: .78;
	pointer-events: none;
	animation: cake-sidebar-breathe 8s ease-in-out infinite alternate;
}
@keyframes cake-sidebar-breathe { from { transform: translate3d(-3%,-2%,0) scale(.94); opacity: .45; } to { transform: translate3d(6%,7%,0) scale(1.04); opacity: .88; } }

.cake-admin-sidebar-nav {
	position: relative;
	z-index: 1;
	display: grid;
	align-content: start;
	gap: 4px;
	min-height: 0;
	padding-right: 3px;
	overflow-y: auto;
	scrollbar-width: thin;
}
.cake-admin-sidebar-group { position: relative; margin: 0; padding: 0 0 5px; }
.cake-admin-sidebar-group + .cake-admin-sidebar-group { padding-top: 6px; }
.cake-admin-sidebar-group + .cake-admin-sidebar-group::before {
	content: "";
	position: absolute;
	left: 10px;
	right: 10px;
	top: 0;
	height: 1px;
	background: linear-gradient(90deg, transparent, var(--cake-separator), transparent);
}
.cake-admin-sidebar-group > summary {
	display: flex;
	align-items: center;
	min-height: 26px;
	padding: 5px 9px;
	color: var(--cake-text-subtle);
	font-size: 8.5px;
	font-weight: 760;
	letter-spacing: .075em;
	text-transform: uppercase;
	cursor: pointer;
	list-style: none;
}
.cake-admin-sidebar-group > summary::-webkit-details-marker { display: none; }
.cake-admin-sidebar-group-items { display: grid; gap: 1px; }
.cake-admin-sidebar-nav a {
	position: relative;
	display: flex;
	align-items: center;
	gap: 9px;
	min-height: 34px;
	padding: 6px 9px;
	border-radius: 9px;
	background: transparent;
	color: var(--cake-text-muted);
	font-size: 11.5px;
	font-weight: 590;
	text-decoration: none;
	transition: background .16s ease, color .16s ease, transform .16s var(--cake-ease), box-shadow .18s ease;
}
.cake-admin-sidebar-nav a::before {
	content: "";
	position: absolute;
	left: 0;
	top: 7px;
	bottom: 7px;
	width: 2px;
	border-radius: 3px;
	background: linear-gradient(var(--cake-primary), var(--cake-secondary));
	box-shadow: 0 0 15px rgba(255,45,157,.5);
	opacity: 0;
	transform: scaleY(.3);
	transition: opacity .16s ease, transform .16s ease;
}
.cake-admin-sidebar-nav a:hover { background: rgba(127,127,127,.07); color: var(--cake-text); transform: translateX(1px); }
.cake-admin-sidebar-nav a.is-active {
	background: linear-gradient(90deg, rgba(255,45,157,.22), rgba(159,69,236,.08));
	color: var(--cake-text);
	box-shadow: inset 0 0 0 1px rgba(255,74,171,.13), 0 8px 22px rgba(255,45,157,.12);
}
.cake-admin-sidebar-nav a.is-active::before { opacity: 1; transform: scaleY(1); }
.cake-admin-sidebar-icon {
	display: grid;
	place-items: center;
	flex: 0 0 26px;
	width: 26px;
	height: 26px;
	border-radius: 7px;
	background: rgba(127,127,127,.07);
	color: var(--cake-text-muted);
	font-size: 0;
}
.cake-admin-sidebar-icon svg { width: 13px; height: 13px; stroke-width: 1.8; }
.cake-admin-sidebar-nav a.is-active .cake-admin-sidebar-icon {
	background: linear-gradient(135deg, var(--cake-primary), var(--cake-secondary));
	color: #fff;
	box-shadow: 0 7px 18px rgba(255,45,157,.28);
}
.cake-admin-sidebar-nav strong { color: inherit; font-weight: 620; }
.cake-sidebar-dot { display: inline-block; width: 5px; height: 5px; margin-left: 5px; border-radius: 50%; background: var(--cake-warning); box-shadow: 0 0 8px rgba(216,135,34,.45); vertical-align: 1px; }

.cake-admin-sidebar-collapse {
	position: relative;
	z-index: 1;
	display: flex;
	align-items: center;
	gap: 9px;
	width: 100%;
	min-height: 34px;
	margin-top: auto;
	padding: 7px 10px;
	border: 0;
	border-radius: 9px;
	background: rgba(127,127,127,.08);
	color: var(--cake-text-muted);
	font-size: 10px;
	font-weight: 620;
	text-align: left;
	cursor: pointer;
}

.cake-admin-main {
	display: grid;
	align-content: start;
	gap: 12px;
	min-width: 0;
	padding: 0;
}

.cake-notice {
	position: relative;
	min-height: 38px;
	padding: 10px 13px 10px 16px;
	border: 0;
	border-radius: 12px;
	background: var(--cake-surface);
	box-shadow: var(--cake-shadow-control), inset 0 1px 0 var(--cake-glass-highlight-soft);
}
.cake-notice::before {
	content: "";
	position: absolute;
	left: 0;
	top: 7px;
	bottom: 7px;
	width: 3px;
	border-radius: 3px;
	background: var(--cake-info);
	box-shadow: 0 0 14px rgba(49,141,228,.38);
}
.cake-notice-success::before { background: var(--cake-success); box-shadow: 0 0 14px rgba(26,164,109,.36); }
.cake-notice-error::before { background: var(--cake-danger); box-shadow: 0 0 14px rgba(228,58,98,.36); }
.cake-notice p { margin: 0; color: var(--cake-text-muted); font-size: 11px; }

/* Generic dashboard page header. */
.cake-dashboard-welcome,
.cake-admin-hero,
.cake-admin-section-heading,
.cake-settings-heading {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 18px;
}
.cake-dashboard-welcome,
.cake-admin-hero {
	min-height: 108px;
	padding: var(--cake-panel-pad);
	border-radius: var(--cake-radius-lg);
	background:
		radial-gradient(circle at 88% 2%, rgba(159,69,236,.20), transparent 34%),
		linear-gradient(125deg, rgba(255,45,157,.18), rgba(159,69,236,.06) 46%, var(--cake-surface));
}
.cake-dashboard-kicker {
	margin: 0 0 4px;
	color: var(--cake-primary);
	font-size: 10px;
	font-weight: 780;
	letter-spacing: .09em;
	text-transform: uppercase;
}
.cake-dashboard-welcome h1,
.cake-admin-hero h1,
.cake-admin-section-heading h2,
.cake-settings-heading h2 {
	margin: 0;
	color: var(--cake-text);
	font-size: clamp(23px, 2vw, 30px);
	line-height: 1.06;
}
.cake-dashboard-welcome p,
.cake-admin-hero p,
.cake-settings-heading > div > p:last-child {
	margin: 5px 0 0;
	color: var(--cake-text-muted);
	font-size: 11px;
}

.cake-dashboard-panel {
	padding: var(--cake-panel-pad);
	border-radius: var(--cake-radius-lg);
	background: var(--cake-surface);
}

/* --------------------------------------------------------------------------
   5. Settings workspace - exact Concept A structure
   -------------------------------------------------------------------------- */
.cake-settings-shell { display: grid; gap: 12px; min-width: 0; }
.cake-settings-heading { min-height: 74px; padding: 4px 0 5px; }
.cake-settings-heading-actions { display: flex; align-items: center; justify-content: flex-end; gap: 8px; flex-wrap: wrap; }
.cake-settings-search { width: 220px; min-width: 180px; }
.cake-settings-search input { min-height: 35px; }
.cake-settings-save-state { color: var(--cake-text-subtle); font-size: 9.5px; font-weight: 550; white-space: nowrap; }
.cake-settings-save-state.is-dirty { color: var(--cake-primary); }
.cake-settings-save { min-height: 38px; padding-inline: 17px; border-radius: 11px; }

.cake-settings-tabs {
	position: relative;
	display: flex;
	align-items: flex-end;
	gap: 22px;
	min-width: 0;
	margin: 0;
	padding: 0 10px 10px;
	overflow-x: auto;
	scrollbar-width: none;
}
.cake-settings-tabs::-webkit-scrollbar { display: none; }
.cake-settings-tabs::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 1px;
	background: linear-gradient(90deg, var(--cake-separator-strong), var(--cake-separator), transparent 90%);
}
.cake-settings-tab {
	position: relative;
	flex: 0 0 auto;
	min-height: 32px;
	padding: 0 0 6px;
	border: 0;
	border-radius: 0;
	background: transparent;
	color: var(--cake-text-muted);
	box-shadow: none;
	font-size: 10px;
	font-weight: 590;
	cursor: pointer;
}
.cake-settings-tab::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: -10px;
	height: 2px;
	border-radius: 2px;
	background: linear-gradient(90deg, var(--cake-primary), var(--cake-secondary));
	box-shadow: 0 0 12px rgba(255,45,157,.45);
	transform: scaleX(0);
	transform-origin: center;
	transition: transform .18s var(--cake-ease);
}
.cake-settings-tab:hover { color: var(--cake-text); }
.cake-settings-tab.is-active { color: var(--cake-primary); }
.cake-settings-tab.is-active::after { transform: scaleX(1); }

.cake-settings-layout {
	display: grid;
	grid-template-columns: 170px minmax(0, 1fr) 210px;
	gap: 12px;
	align-items: start;
	min-width: 0;
}

.cake-settings-rail {
	display: grid;
	align-content: start;
	gap: 2px;
	padding: 8px;
	border-radius: var(--cake-radius-md);
	background: var(--cake-surface);
	box-shadow: var(--cake-shadow-panel), inset 0 1px 0 var(--cake-glass-highlight-soft);
}
.cake-settings-rail-label {
	margin: 0 0 4px;
	padding: 5px 8px;
	color: var(--cake-text-subtle);
	font-size: 8px;
	font-weight: 740;
	letter-spacing: .07em;
	text-transform: uppercase;
}
.cake-settings-rail-tab {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
	width: 100%;
	min-height: 34px;
	padding: 7px 9px 7px 12px;
	border: 0;
	border-radius: 8px;
	background: transparent;
	color: var(--cake-text-muted);
	box-shadow: none;
	font-size: 10px;
	font-weight: 590;
	line-height: 1.25;
	text-align: left;
	cursor: pointer;
}
.cake-settings-rail-tab::before {
	content: "";
	position: absolute;
	left: 0;
	top: 7px;
	bottom: 7px;
	width: 2px;
	border-radius: 2px;
	background: linear-gradient(var(--cake-primary), var(--cake-secondary));
	box-shadow: 0 0 12px rgba(255,45,157,.45);
	opacity: 0;
}
.cake-settings-rail-tab:hover { background: rgba(127,127,127,.06); color: var(--cake-text); }
.cake-settings-rail-tab.is-active {
	background: linear-gradient(90deg, rgba(255,45,157,.15), rgba(159,69,236,.035));
	color: var(--cake-primary);
}
.cake-settings-rail-tab.is-active::before { opacity: 1; }
.cake-settings-rail-badge {
	display: grid;
	place-items: center;
	min-width: 20px;
	height: 20px;
	padding: 0 5px;
	border-radius: var(--cake-radius-pill);
	background: linear-gradient(135deg, var(--cake-primary), var(--cake-secondary));
	color: #fff;
	font-size: 10px;
	font-weight: 750;
	box-shadow: 0 6px 15px rgba(255,45,157,.22);
}

.cake-settings-main { min-width: 0; }
.cake-settings-panel { display: grid; gap: 12px; min-width: 0; }
.cake-settings-panel[hidden] { display: none; }
.cake-settings-card,
.cake-settings-aside-card {
	padding: 16px;
	border-radius: var(--cake-radius-md);
	background: var(--cake-surface);
	box-shadow: var(--cake-shadow-panel), inset 0 1px 0 var(--cake-glass-highlight-soft);
}
.cake-settings-card-heading { position: relative; margin: 0 0 14px; padding: 0 0 10px; }
.cake-settings-card-heading::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 1px;
	background: linear-gradient(90deg, var(--cake-separator-strong), var(--cake-separator), transparent 80%);
}
.cake-settings-card-heading h3,
.cake-settings-aside-card h3 { margin: 0; color: var(--cake-text); font-size: 15px; line-height: 1.1; }
.cake-settings-card-heading p,
.cake-settings-aside-card p { margin: 4px 0 0; color: var(--cake-text-muted); font-size: 9.5px; line-height: 1.5; }
.cake-settings-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 13px 14px; }
.cake-settings-field { display: grid; align-content: start; gap: 6px; min-width: 0; }
.cake-settings-field-full { grid-column: 1 / -1; }
.cake-settings-field-row { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; min-width: 0; }
.cake-settings-grow { flex: 1 1 240px; min-width: 140px; }
.cake-settings-icon-preview {
	display: grid;
	place-items: center;
	width: 52px;
	height: 52px;
	padding: 5px;
	border-radius: 11px;
	background: var(--cake-control);
	box-shadow: inset 0 0 0 1px var(--cake-separator-strong), var(--cake-shadow-control);
	overflow: hidden;
}
.cake-settings-icon-preview img { display: block; width: 100%; height: 100%; object-fit: contain; border-radius: 8px; }

.cake-settings-aside { position: sticky; top: var(--cake-shell-pad); display: grid; gap: 10px; }
.cake-settings-aside-card { padding: 15px; }
.cake-settings-aside-card h3 { font-size: 13px; }
.cake-settings-aside-action { margin-top: 10px; }
.cake-settings-aside .cake-button { min-height: 33px; padding-inline: 11px; font-size: 10px; }

/* Common settings sub-components. */
.cake-preferences-grid,
.cake-settings-transfer-grid,
.cake-settings-diagnostic-list { display: grid; gap: 10px; }
.cake-preferences-colours,
.cake-preference-toggle-grid,
.cake-settings-transfer-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
.cake-preference-colour-card,
.cake-preference-toggle,
.cake-settings-transfer-card,
.cake-settings-diagnostic-row {
	position: relative;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 10px;
	padding: 12px;
	border: 0;
	border-radius: 12px;
	background: var(--cake-surface-soft);
	box-shadow: inset 0 0 0 1px var(--cake-separator);
}

/* --------------------------------------------------------------------------
   6. Frontend and reusable Header/Footer/Sidebar parity
   -------------------------------------------------------------------------- */
body:not(.wp-admin) {
	margin: 0;
	background:
		radial-gradient(circle at 8% 7%, var(--cake-sidebar-glow), transparent 27rem),
		radial-gradient(circle at 91% 5%, var(--cake-sidebar-glow-secondary), transparent 34rem),
		linear-gradient(145deg, var(--cake-page), var(--cake-page-alt));
	background-attachment: scroll;
	color: var(--cake-text);
	font-family: var(--cake-font-body);
	animation: none;
}
body:not(.wp-admin)::before { content: none; display: none; }

.wp-site-blocks {
	width: min(calc(100% - (var(--cake-shell-pad) * 2)), 1640px);
	min-height: 100vh;
	margin-inline: auto;
	padding-block: var(--cake-shell-pad);
}

body .wp-site-blocks > header,
body .wp-site-blocks > .wp-block-template-part:has(.cake-site-header),
body .wp-block-template-part:has(.cake-site-header),
.cake-sticky-header {
	position: sticky;
	top: var(--cake-shell-pad);
	z-index: 80;
	width: 100%;
	margin: 0 auto var(--cake-shell-gap);
	padding: 0;
	background: transparent;
	box-shadow: none;
	overflow: visible;
}

body .cake-site-header,
.cake-section-header-inner {
	width: 100%;
	margin: 0;
	padding: 7px 10px;
	border: 0;
	border-radius: var(--cake-radius-md);
	background: var(--cake-surface-strong);
	box-shadow: var(--cake-shadow-panel), inset 0 1px 0 var(--cake-glass-highlight-soft);
	backdrop-filter: blur(20px) saturate(1.18);
	-webkit-backdrop-filter: blur(20px) saturate(1.18);
	overflow: visible;
}
body .cake-site-header__inner,
.cake-section-header-inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	width: 100%;
	min-height: 46px;
	padding: 0 3px;
}
body .cake-brand,
.cake-brand-link,
.cake-section-brand,
.cake-section-header .cake-admin-brand {
	display: inline-flex;
	align-items: center;
	gap: 9px;
	min-width: max-content;
	color: var(--cake-text);
	text-decoration: none;
}
body .cake-brand-mark,
.cake-section-brand-mark,
.cake-section-header .cake-admin-mark {
	display: grid;
	place-items: center;
	width: 34px;
	height: 34px;
	padding: 2px;
	border-radius: 10px;
	background: linear-gradient(145deg, rgba(255,45,157,.16), rgba(159,69,236,.08));
	box-shadow: 0 8px 22px rgba(255,45,157,.18);
	overflow: hidden;
}
body .cake-brand-mark img,
.cake-section-brand-logo,
.cake-section-header .cake-admin-logo {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
}
body .cake-site-title,
body .cake-site-title a,
.cake-section-brand-text,
.cake-section-header .cake-admin-brand-text {
	margin: 0;
	color: var(--cake-text);
	font-family: var(--cake-font-heading);
	font-size: 17px;
	font-weight: 780;
	line-height: 1;
	letter-spacing: -.035em;
	text-decoration: none;
	white-space: nowrap;
}

body .cake-header-actions,
.cake-section-actions,
.cake-section-header .cake-admin-topbar-actions {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 8px;
	min-width: 0;
}
body .cake-site-header .cake-admin-user,
body .cake-site-header .cake-user-menu-trigger,
body .cake-site-header .cake-account-button {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	min-height: 34px;
	padding: 5px 9px;
	border: 0;
	border-radius: var(--cake-radius-pill);
	background: var(--cake-control);
	color: var(--cake-text);
	box-shadow: inset 0 0 0 1px var(--cake-separator), var(--cake-shadow-control);
	font-size: 11.5px;
	font-weight: 650;
	text-decoration: none;
	white-space: nowrap;
}
body .cake-site-header .wp-block-navigation,
body .cake-site-header .cake-primary-navigation,
.cake-header-navigation-block,
.cake-section-nav,
.cake-section-header .cake-admin-nav { display: flex; align-items: center; min-width: 0; margin: 0; }
body .cake-site-header .wp-block-navigation__container,
body .cake-site-header .wp-block-page-list,
body .cake-site-header .cake-primary-navigation,
.cake-header-navigation-items {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 3px;
	min-width: 0;
	margin: 0;
	padding: 0;
	list-style: none;
}
body .cake-site-header .wp-block-navigation .wp-block-navigation-item__content,
body .cake-site-header .wp-block-navigation .wp-block-navigation-submenu__toggle,
body .cake-site-header .cake-primary-navigation > a,
.cake-navigation-item-block,
.cake-navigation-dropdown-head,
.cake-section-nav a {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 34px;
	padding: 7px 10px;
	border: 0;
	border-radius: 9px;
	background: transparent;
	color: var(--cake-text-muted);
	box-shadow: none;
	font-family: var(--cake-font-body);
	font-size: 11.5px;
	font-weight: 620;
	line-height: 1;
	text-decoration: none;
	white-space: nowrap;
}
body .cake-site-header .wp-block-navigation .wp-block-navigation-item__content::after,
body .cake-site-header .wp-block-navigation .wp-block-navigation-submenu__toggle::after,
body .cake-site-header .cake-primary-navigation > a::after,
.cake-navigation-item-block::after,
.cake-navigation-dropdown-head::after {
	content: "";
	position: absolute;
	left: 10px;
	right: 10px;
	bottom: 2px;
	height: 2px;
	border-radius: 2px;
	background: linear-gradient(90deg, var(--cake-primary), var(--cake-secondary));
	box-shadow: 0 0 10px rgba(255,45,157,.4);
	transform: scaleX(0);
	transition: transform .16s var(--cake-ease);
}
body .cake-site-header .wp-block-navigation .wp-block-navigation-item__content:hover,
body .cake-site-header .wp-block-navigation .wp-block-navigation-submenu__toggle:hover,
body .cake-site-header .wp-block-navigation .current-menu-item > .wp-block-navigation-item__content,
body .cake-site-header .cake-primary-navigation > a:hover,
body .cake-site-header .cake-primary-navigation > a.current-menu-item,
.cake-navigation-item-block:hover,
.cake-navigation-dropdown-head:hover {
	background: rgba(127,127,127,.07);
	color: var(--cake-text);
}
body .cake-site-header .wp-block-navigation .current-menu-item > .wp-block-navigation-item__content::after,
body .cake-site-header .wp-block-navigation .wp-block-navigation-item__content:hover::after,
body .cake-site-header .cake-primary-navigation > a:hover::after,
body .cake-site-header .cake-primary-navigation > a.current-menu-item::after,
.cake-navigation-item-block:hover::after,
.cake-navigation-dropdown-block.is-open > .cake-navigation-dropdown-head::after { transform: scaleX(1); }

body .cake-site-header .wp-block-navigation__submenu-container,
.cake-navigation-dropdown-menu,
.cake-bound-navigation-menu,
.cake-user-menu-dropdown {
	z-index: 200;
	min-width: 190px;
	padding: 7px;
	border: 0;
	border-radius: 13px;
	background: var(--cake-surface-strong);
	box-shadow: var(--cake-shadow-panel-strong), inset 0 1px 0 var(--cake-glass-highlight-soft);
	backdrop-filter: blur(22px) saturate(1.2);
	-webkit-backdrop-filter: blur(22px) saturate(1.2);
	overflow: visible;
}
body .cake-site-header .wp-block-navigation__submenu-container .wp-block-navigation-item__content,
.cake-navigation-subitem-block {
	width: 100%;
	justify-content: flex-start;
	min-height: 34px;
	padding: 7px 9px;
	border-radius: 8px;
	color: var(--cake-text-muted);
	font-size: 11.5px;
}
body .cake-site-header .wp-block-navigation__submenu-container .wp-block-navigation-item__content:hover,
.cake-navigation-subitem-block:hover { background: rgba(127,127,127,.08); color: var(--cake-text); }

.cake-main,
body .cake-main,
body .cake-page-title,
body .cake-archive-header {
	width: 100%;
	max-width: none;
	margin: 0 auto var(--cake-shell-gap);
}
body .cake-main > .cake-page-content,
body .cake-main .entry-content.cake-page-content,
body .cake-page-content.alignfull {
	width: 100%;
	max-width: none;
	margin: 0;
	padding: 0;
	border: 0;
	background: transparent;
	box-shadow: none;
	color: var(--cake-text);
}
.cake-page-content > * { max-width: min(100%, 1220px); margin-left: auto; margin-right: auto; }
.cake-page-content > .alignwide,
.cake-page-content > .alignfull,
.cake-page-content > .community-filter,
.cake-page-content > .community-card { max-width: 100%; }
.cake-page-content :is(h1,h2,h3,h4,h5,h6) { color: var(--cake-text); opacity: 1; text-shadow: none; }
.cake-page-content :is(p,li,figcaption) { color: var(--cake-text-muted); opacity: 1; }

.banner,
.wp-block-heading.banner,
h1.banner,
h2.banner,
h3.banner,
.cake-front-page .cake-page-content > h1:first-child:not(.banner),
.cake-front-page .cake-page-content > .wp-block-heading:first-child:not(.banner) {
	display: grid;
	place-items: center;
	width: 100%;
	max-width: 100%;
	min-height: clamp(150px, 20vh, 230px);
	margin: 0 auto 12px;
	padding: clamp(24px, 4vw, 54px);
	border: 0;
	border-radius: var(--cake-radius-lg);
	background:
		radial-gradient(circle at 18% 6%, rgba(255,45,157,.13), transparent 25rem),
		radial-gradient(circle at 85% 92%, rgba(159,69,236,.11), transparent 24rem),
		linear-gradient(135deg, var(--cake-surface-strong), var(--cake-surface));
	box-shadow: var(--cake-shadow-panel), inset 0 1px 0 var(--cake-glass-highlight-soft);
	color: var(--cake-text);
	font-family: var(--cake-font-heading);
	font-size: clamp(38px, 6vw, 72px);
	font-weight: 760;
	line-height: .96;
	text-align: center;
	text-shadow: none;
	overflow: hidden;
}

.cake-notice-band,
.cake-page-content > .has-background,
.cake-page-content > .wp-block-group.has-background,
.community-card,
.glass-panel,
.is-style-glass-panel {
	position: relative;
	border: 0;
	border-radius: var(--cake-radius-lg);
	background: var(--cake-surface);
	box-shadow: var(--cake-shadow-panel), inset 0 1px 0 var(--cake-glass-highlight-soft);
	backdrop-filter: blur(20px) saturate(1.18);
	-webkit-backdrop-filter: blur(20px) saturate(1.18);
}
.cake-notice-band {
	margin: 0 auto 12px;
	padding: 10px 14px;
	background: linear-gradient(90deg, rgba(255,45,157,.18), rgba(159,69,236,.09), var(--cake-surface));
}
.cake-notice-band p { margin: 0; color: var(--cake-text); text-align: center; font-size: 11px; font-weight: 620; }

.community-filter {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	margin: 14px auto;
}
.community-filter button,
.community-filter .wp-block-button__link {
	min-height: 36px;
	padding: 8px 16px;
	border: 0;
	border-radius: 10px;
	background: var(--cake-control);
	color: var(--cake-text-muted);
	box-shadow: inset 0 0 0 1px var(--cake-separator), var(--cake-shadow-control);
	font-size: 11px;
	font-weight: 650;
}
.community-filter button.active,
.community-filter button[aria-selected="true"] {
	background: linear-gradient(135deg, var(--cake-primary), var(--cake-secondary));
	color: #fff;
	box-shadow: var(--cake-glow-primary);
}

.community-card {
	display: grid;
	grid-template-columns: minmax(220px, .72fr) minmax(0, 1fr);
	align-items: center;
	gap: clamp(18px, 3vw, 42px);
	min-height: 260px;
	margin: 12px auto;
	padding: clamp(18px, 2.4vw, 30px);
	overflow: hidden;
}
.community-card::before {
	content: "";
	position: absolute;
	right: -12%;
	top: -42%;
	width: 46%;
	aspect-ratio: 1;
	border-radius: 50%;
	background: radial-gradient(circle, var(--cake-sidebar-glow-secondary), transparent 68%);
	pointer-events: none;
}
.community-card .media {
	position: relative;
	min-height: 220px;
	border-radius: 16px;
	background:
		radial-gradient(circle at 25% 20%, rgba(255,45,157,.24), transparent 38%),
		radial-gradient(circle at 78% 78%, rgba(159,69,236,.24), transparent 42%),
		linear-gradient(145deg, var(--cake-control), var(--cake-surface-strong));
	overflow: hidden;
	box-shadow: 0 16px 40px rgba(0,0,0,.18);
}
.community-card .media img { display: block; width: 100%; height: 100%; min-height: 220px; object-fit: cover; }
.community-card .media .mock-media {
	display: grid;
	place-items: center;
	width: 100%;
	min-height: 220px;
	color: rgba(255,255,255,.9);
	font-family: var(--cake-font-heading);
	font-size: clamp(52px,8vw,108px);
	font-weight: 780;
	text-shadow: 0 8px 28px rgba(0,0,0,.22);
}
.community-card .heading { margin: 0 0 8px; color: var(--cake-text); font-size: clamp(24px,3vw,42px); }
.community-card .desc { margin: 0 0 16px; color: var(--cake-text-muted); font-size: 13px; }
.community-card .wp-block-button__link,
.community-card .cake-button { min-width: 150px; background: linear-gradient(135deg,var(--cake-primary),var(--cake-secondary)); color: #fff; box-shadow: var(--cake-glow-primary); }

body .cake-site-footer,
.cake-section-footer-inner {
	margin-top: var(--cake-shell-gap);
	padding: 15px 18px;
	border-radius: var(--cake-radius-md);
	background: var(--cake-surface);
	box-shadow: var(--cake-shadow-panel), inset 0 1px 0 var(--cake-glass-highlight-soft);
	color: var(--cake-text-muted);
}

/* --------------------------------------------------------------------------
   7. Editor chrome and preview parity
   -------------------------------------------------------------------------- */
body.cake-editor-fullscreen,
.cake-editor-app,
.cake-editor-shell {
	margin: 0;
	background:
		radial-gradient(circle at 4% 8%, var(--cake-sidebar-glow), transparent 26rem),
		radial-gradient(circle at 96% 4%, var(--cake-sidebar-glow-secondary), transparent 30rem),
		linear-gradient(145deg, var(--cake-page), var(--cake-page-alt));
	color: var(--cake-text);
}
body.cake-editor-fullscreen #wpcontent,
body.cake-editor-fullscreen #wpbody,
body.cake-editor-fullscreen #wpbody-content { margin: 0; padding: 0; }
.cake-editor-app { min-height: 100vh; padding: 10px; }
.cake-editor-branding,
.cake-editor-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	min-height: 52px;
	margin: 0 0 10px;
	padding: 7px 12px;
	border-radius: 15px;
	background: var(--cake-surface-strong);
	box-shadow: var(--cake-shadow-panel), inset 0 1px 0 var(--cake-glass-highlight-soft);
}
.cake-editor-branding { min-height: 48px; }
.cake-editor-logo { width: 32px; height: 32px; object-fit: contain; }
.cake-editor-brand-name { color: var(--cake-text); font-family: var(--cake-font-heading); font-size: 16px; font-weight: 760; }
.cake-editor-user-pill { display: inline-flex; align-items: center; gap: 7px; min-height: 32px; padding: 6px 10px; border-radius: var(--cake-radius-pill); background: var(--cake-control); color: var(--cake-text); font-size: 10px; }
.cake-editor-header-left,
.cake-editor-header-right { display: flex; align-items: center; gap: 8px; min-width: 0; }
.cake-editor-back { color: var(--cake-text-muted); font-size: 10px; text-decoration: none; }
.cake-editor-title-label { color: var(--cake-text-muted); font-size: 10px; }
.cake-editor-title-label strong { color: var(--cake-text); }
.cake-editor-save-status { color: var(--cake-text-subtle); font-size: 10px; }
.cake-editor-device-controls,
.cake-editor-history-controls { display: inline-flex; gap: 2px; padding: 3px; border-radius: 10px; background: var(--cake-control); }
.cake-editor-device-controls button,
.cake-editor-history-controls button {
	min-height: 28px;
	padding: 5px 8px;
	border: 0;
	border-radius: 7px;
	background: transparent;
	color: var(--cake-text-muted);
	box-shadow: none;
	font-size: 12px;
}
.cake-editor-device-controls button.is-active { background: var(--cake-surface-strong); color: var(--cake-primary); box-shadow: var(--cake-shadow-control); }

.cake-editor-body {
	display: grid;
	grid-template-columns: 300px minmax(0, 1fr);
	gap: 10px;
	min-height: calc(100vh - 130px);
}
.cake-editor-sidebar {
	min-width: 0;
	height: calc(100vh - 130px);
	padding: 9px;
	border-radius: 15px;
	background: var(--cake-surface);
	box-shadow: var(--cake-shadow-panel), inset 0 1px 0 var(--cake-glass-highlight-soft);
	overflow: hidden;
}
.cake-editor-sidebar-mode-tabs,
.cake-editor-sidebar-tabs,
.cake-editor-view-tabs {
	position: relative;
	display: flex;
	align-items: center;
	gap: 12px;
	min-height: 34px;
	padding: 0 5px 7px;
}
.cake-editor-sidebar-mode-tabs::after,
.cake-editor-sidebar-tabs::after,
.cake-editor-view-tabs::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 1px;
	background: linear-gradient(90deg, var(--cake-separator-strong), var(--cake-separator), transparent);
}
.cake-editor-sidebar-mode-tabs button,
.cake-editor-sidebar-tabs button,
.cake-editor-view-tabs button {
	position: relative;
	min-height: 28px;
	padding: 4px 1px;
	border: 0;
	border-radius: 0;
	background: transparent;
	color: var(--cake-text-muted);
	box-shadow: none;
	font-size: 9.5px;
	font-weight: 620;
}
.cake-editor-sidebar-mode-tabs button.is-active,
.cake-editor-sidebar-tabs button.is-active,
.cake-editor-view-tabs button.is-active { color: var(--cake-primary); }
.cake-editor-sidebar-mode-tabs button.is-active::after,
.cake-editor-sidebar-tabs button.is-active::after,
.cake-editor-view-tabs button.is-active::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: -7px;
	height: 2px;
	border-radius: 2px;
	background: linear-gradient(90deg,var(--cake-primary),var(--cake-secondary));
	box-shadow: 0 0 10px rgba(255,45,157,.4);
}
.cake-sidebar-panel { height: calc(100% - 78px); padding: 10px 2px 2px; overflow: auto; }
.cake-sidebar-panel:not(.is-active) { display: none; }

.cake-editor-main { display: grid; grid-template-rows: auto minmax(0,1fr); min-width: 0; min-height: 0; }
.cake-editor-view-tabs { width: max-content; margin: 0 0 8px; }
.cake-editor-canvas-area { position: relative; min-width: 0; min-height: 0; }
.cake-editor-canvas {
	height: calc(100vh - 177px);
	min-height: 480px;
	padding: 16px;
	border-radius: 15px;
	background: rgba(127,127,127,.08);
	box-shadow: var(--cake-shadow-panel), inset 0 1px 0 var(--cake-glass-highlight-soft);
	overflow: auto;
}
.cake-editor-visual { display: none; width: 100%; height: 100%; }
.cake-editor-visual.is-active { display: grid; place-items: start center; }
.cake-editor-visual iframe {
	display: block;
	width: 100%;
	height: 100%;
	border: 0;
	border-radius: 13px;
	background: var(--cake-page);
	box-shadow: 0 18px 52px rgba(0,0,0,.20);
}

.cake-prop-group,
.cake-binding-row,
.cake-prop-selected,
.cake-block-item,
.cake-file-item {
	position: relative;
	border: 0;
	border-radius: 10px;
	background: var(--cake-control);
	box-shadow: inset 0 0 0 1px var(--cake-separator), var(--cake-shadow-control);
}
.cake-prop-group { margin: 0 0 8px; padding: 9px; }
.cake-prop-row { display: grid; gap: 6px; margin: 0 0 8px; }
.cake-prop-row > span,
.cake-prop-label { color: var(--cake-text-muted); font-size: 10px; font-weight: 620; }
.cake-properties-content { display: grid; gap: 8px; }
.cake-floating-menu {
	position: fixed;
	z-index: 1000;
	padding: 5px;
	border-radius: 11px;
	background: var(--cake-surface-strong);
	box-shadow: var(--cake-shadow-panel-strong), inset 0 1px 0 var(--cake-glass-highlight-soft);
	backdrop-filter: blur(20px);
}
.cake-floating-menu[hidden] { display: none; }

/* Editor selection tooling stays visible without swallowing the preview. */
.cake-editor-selected,
[data-cake-selected="true"] { outline: 1px solid var(--cake-primary); outline-offset: 2px; }
.cake-resize-handle,
.cake-selection-handle { width: 8px; height: 8px; border: 1px solid rgba(255,255,255,.9); background: var(--cake-primary); box-shadow: 0 3px 10px rgba(255,45,157,.35); }

/* --------------------------------------------------------------------------
   8. Accessibility and responsive behaviour
   -------------------------------------------------------------------------- */
[data-cake-accessibility~="high-contrast"],
.cake-accessibility-high-contrast {
	--cake-surface: var(--cake-surface-strong);
	--cake-surface-soft: var(--cake-surface-strong);
	--cake-control: var(--cake-surface-strong);
	--cake-separator: rgba(127,127,127,.34);
	--cake-separator-strong: rgba(255,45,157,.58);
}
[data-cake-accessibility~="prominent-lines"] :is(.cake-admin-topbar,.cake-admin-sidebar,.cake-dashboard-panel,.cake-settings-card,.cake-settings-aside-card,.cake-site-header,.cake-site-footer,.cake-editor-sidebar,.cake-editor-canvas,.cake-select-button,.cake-color-trigger),
.cake-accessibility-prominent-lines :is(.cake-admin-topbar,.cake-admin-sidebar,.cake-dashboard-panel,.cake-settings-card,.cake-settings-aside-card,.cake-site-header,.cake-site-footer,.cake-editor-sidebar,.cake-editor-canvas,.cake-select-button,.cake-color-trigger) {
	outline: 2px solid var(--cake-separator-strong);
	outline-offset: 0;
}
[data-cake-accessibility~="dyslexia-font"],
.cake-accessibility-dyslexia-font { --cake-font-body: "Atkinson Hyperlegible", Arial, sans-serif; }

:where(.cake-admin-shell,.cake-editor-app,.cake-member-shell,.cake-site-header,.cake-page-content) :focus-visible {
	outline: 2px solid var(--cake-primary);
	outline-offset: 2px;
}

@media (max-width: 1220px) {
	:root { --cake-sidebar-width: 210px; }
	.cake-settings-layout { grid-template-columns: 155px minmax(0,1fr); }
	.cake-settings-aside { position: static; grid-column: 1 / -1; grid-template-columns: repeat(2,minmax(0,1fr)); }
	.cake-editor-body { grid-template-columns: 270px minmax(0,1fr); }
}

@media (max-width: 980px) {
	.cake-admin-topbar { grid-template-columns: auto minmax(180px,1fr) auto; }
	.cake-admin-topbar-link { display: none; }
	.cake-admin-layout { grid-template-columns: 190px minmax(0,1fr); }
	.cake-settings-layout { grid-template-columns: 1fr; }
	.cake-settings-rail { display: none; }
	.cake-editor-body { grid-template-columns: 240px minmax(0,1fr); }
	.community-card { grid-template-columns: 1fr; }
}

@media (max-width: 760px) {
	.cake-admin-shell { overflow: visible; }
	.cake-admin-topbar { grid-template-columns: 1fr auto; gap: 7px; }
	.cake-admin-global-search { grid-column: 1 / -1; grid-row: 2; }
	.cake-admin-topbar-actions { grid-column: 2; grid-row: 1; }
	.cake-admin-brand-text { display: none; }
	.cake-admin-layout { grid-template-columns: 1fr; }
	.cake-admin-sidebar {
		position: relative;
		top: auto;
		height: auto;
		min-height: 0;
		max-height: none;
		padding: 8px;
		overflow: hidden;
	}
	.cake-admin-sidebar::before { width: 90%; left: -18%; top: -100%; }
	.cake-admin-sidebar-nav {
		display: flex;
		align-items: stretch;
		gap: 8px;
		max-height: none;
		padding: 0 0 3px;
		overflow-x: auto;
		overflow-y: hidden;
		scroll-snap-type: x proximity;
	}
	.cake-admin-sidebar-group {
		flex: 0 0 174px;
		min-width: 174px;
		padding: 3px;
		border-radius: 10px;
		background: rgba(127,127,127,.045);
		scroll-snap-align: start;
	}
	.cake-admin-sidebar-group + .cake-admin-sidebar-group { padding-top: 3px; }
	.cake-admin-sidebar-group + .cake-admin-sidebar-group::before { content: none; }
	.cake-admin-sidebar-group > summary { min-height: 24px; padding: 4px 7px; }
	.cake-admin-sidebar-group-items { gap: 0; }
	.cake-admin-sidebar-nav a { min-height: 29px; padding: 4px 7px; font-size: 9.5px; }
	.cake-admin-sidebar-icon { flex-basis: 19px; width: 19px; height: 19px; }
	.cake-admin-sidebar-collapse { display: none; }
	.cake-settings-heading,
	.cake-dashboard-welcome,
	.cake-admin-hero { align-items: flex-start; flex-direction: column; }
	.cake-settings-heading-actions { justify-content: flex-start; width: 100%; }
	.cake-settings-search { width: 100%; }
	.cake-settings-grid,
	.cake-preferences-colours,
	.cake-preference-toggle-grid,
	.cake-settings-transfer-grid,
	.cake-settings-aside { grid-template-columns: 1fr; }
	.cake-editor-app { padding: 7px; }
	.cake-editor-branding { display: none; }
	.cake-editor-header { flex-wrap: wrap; }
	.cake-editor-body { grid-template-columns: 1fr; }
	.cake-editor-sidebar { position: relative; height: auto; max-height: 420px; }
	.cake-editor-canvas { height: 70vh; min-height: 420px; }
	body .cake-site-header__inner,
	.cake-section-header-inner { flex-wrap: wrap; }
	body .cake-header-actions { width: 100%; justify-content: flex-start; overflow-x: auto; }
}

@media (max-width: 520px) {
	.cake-admin-topbar-actions { gap: 2px; }
	.cake-admin-icon-link { display: none; }
	.cake-admin-user { padding-right: 5px; }
	.cake-settings-tabs { gap: 16px; }
	.cake-settings-field-row > .cake-button { flex: 1 1 auto; }
	.community-filter { justify-content: flex-start; overflow-x: auto; }
}

@media (prefers-reduced-motion: reduce) {
	.cake-admin-shell::before,
	.cake-admin-shell::after,
	.cake-admin-sidebar::before { animation: none; }
	.cake-admin-shell *,
	.cake-editor-app *,
	.cake-page-content * { scroll-behavior: auto; transition-duration: .01ms; animation-duration: .01ms; animation-iteration-count: 1; }
}
/* v0.9.56 — production colour/gradient controls and collision-safe popovers. */
.cake-select-popover,
.cake-color-popover {
	isolation: isolate;
	overscroll-behavior: contain;
}
.cake-color-popover [hidden] { display: none !important; }
.cake-color-popover-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	margin-bottom: 8px;
}
.cake-color-popover-head strong {
	font: 850 .9rem/1.1 var(--cake-font-heading, Rubik, sans-serif);
	color: var(--cake-text);
}
.cake-color-tabs { margin-bottom: 12px; }
.cake-color-sv {
	--cake-picker-hue: hsl(330 90% 55%);
	position: relative;
	width: 100%;
	height: 150px;
	margin: 0 0 13px;
	border-radius: 14px;
	background:
		linear-gradient(to top, #000, transparent),
		linear-gradient(to right, #fff, transparent),
		var(--cake-picker-hue);
	box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--cake-glass-highlight) 72%, transparent), var(--cake-shadow-control);
	cursor: crosshair;
	touch-action: none;
}
.cake-color-sv:focus-visible {
	outline: 0;
	box-shadow: inset 0 0 0 1px var(--cake-glass-highlight), 0 0 0 4px color-mix(in srgb, var(--cake-primary) 15%, transparent), var(--cake-shadow-control);
}
.cake-color-sv-pointer {
	position: absolute;
	width: 15px;
	height: 15px;
	border-radius: 50%;
	background: transparent;
	box-shadow: 0 0 0 2px #fff, 0 0 0 3px rgba(0,0,0,.46), 0 4px 12px rgba(0,0,0,.24);
	transform: translate(-50%,-50%);
	pointer-events: none;
}
.cake-color-slider-grid label {
	grid-template-columns: 76px minmax(0,1fr);
	gap: 8px;
	font-size: .68rem;
}
.cake-color-control input[type="range"][data-cake-color-h] {
	background: linear-gradient(90deg,#f33,#ff0,#0f0,#0ff,#00f,#f0f,#f33) !important;
}
.cake-color-control input[type="range"][data-cake-color-s] {
	background: linear-gradient(90deg,#fff,var(--cake-picker-color,#f52aa0)) !important;
}
.cake-color-control input[type="range"][data-cake-color-v] {
	background: linear-gradient(90deg,#000,var(--cake-picker-color,#f52aa0)) !important;
}
.cake-color-control input[type="range"][data-cake-color-a] {
	background:
		linear-gradient(90deg,transparent,var(--cake-picker-color,#f52aa0)),
		repeating-conic-gradient(#d9d9df 0 25%,#fff 0 50%) 0 / 10px 10px !important;
}
.cake-color-code-row {
	display: grid;
	grid-template-columns: 78px minmax(0,1fr) auto auto;
	align-items: stretch;
	gap: 6px;
}
.cake-color-code-row > .cake-select-control { min-width: 0; }
.cake-color-code-row :is(.cake-select-button,input,.cake-button) {
	min-height: 36px !important;
	font-size: .67rem !important;
}
.cake-color-code-row .cake-button { padding-inline: 9px !important; }
.cake-color-history {
	position: relative;
	display: grid;
	grid-template-columns: auto auto minmax(0,1fr);
	align-items: center;
	gap: 8px;
	margin-top: 13px;
	padding-top: 12px;
}
.cake-color-history::before {
	content: "";
	position: absolute;
	left: 2px;
	right: 2px;
	top: 0;
	height: 1px;
	background: linear-gradient(90deg,var(--cake-separator),transparent);
}
.cake-color-history-swatch {
	display: grid;
	grid-template-columns: 24px auto;
	align-items: center;
	gap: 6px;
	min-height: 30px;
	padding: 3px 6px 3px 3px;
	border: 0;
	border-radius: 10px;
	background: var(--cake-control);
	color: var(--cake-text-muted);
	box-shadow: var(--cake-shadow-control);
	font: 650 .61rem/1 var(--cake-font-body, Lexend, sans-serif);
}
.cake-color-history-swatch > span {
	width: 24px;
	height: 24px;
	border-radius: 8px;
	background:
		repeating-conic-gradient(#d9d9df 0 25%,#fff 0 50%) 0 / 8px 8px;
	box-shadow: inset 0 0 0 1px var(--cake-separator);
}
.cake-color-history-swatch:disabled { opacity: 1; }
.cake-color-history-actions {
	display: flex;
	justify-content: flex-end;
	gap: 6px;
	min-width: 0;
}
.cake-gradient-stops {
	display: grid;
	gap: 8px;
	margin: 12px 0;
}
.cake-gradient-stop {
	display: grid;
	grid-template-columns: 28px minmax(0,1fr) auto;
	grid-template-rows: auto auto;
	align-items: center;
	gap: 7px 8px;
	padding: 9px;
}
.cake-gradient-stop > .cake-gradient-stop-swatch {
	grid-column: 1;
	grid-row: 1;
	width: 28px;
	height: 28px;
}
.cake-gradient-stop > input[type="text"] {
	grid-column: 2;
	grid-row: 1;
	width: 100%;
	min-width: 0;
	min-height: 34px !important;
}
.cake-gradient-stop > input[type="range"] {
	grid-column: 1 / 3;
	grid-row: 2;
}
.cake-gradient-stop > output {
	grid-column: 3;
	grid-row: 2;
	min-width: 38px;
	text-align: right;
}
.cake-gradient-stop-actions {
	grid-column: 3;
	grid-row: 1;
	display: flex;
	gap: 3px;
}
.cake-gradient-stop-actions .cake-icon-button {
	width: 26px;
	height: 26px;
	font-size: .8rem;
}
.cake-gradient-stop-actions .cake-icon-button:disabled { opacity: .32; cursor: default; }
.cake-gradient-angle {
	grid-template-columns: auto minmax(80px,1fr);
	margin: 0;
	padding: 0 4px;
}
.cake-gradient-preview { height: 68px; margin-bottom: 11px; border-radius: 13px; }

.cake-editor-sidebar .cake-color-popover,
.cake-editor-properties .cake-color-popover {
	max-width: min(350px, calc(100vw - 24px));
}

@media (max-width: 720px) {
	.cake-color-code-row { grid-template-columns: 72px minmax(0,1fr); }
	.cake-color-code-row .cake-button { width: 100%; }
	.cake-color-history { grid-template-columns: 1fr 1fr; }
	.cake-color-history-actions { grid-column: 1 / -1; justify-content: stretch; }
	.cake-color-history-actions .cake-button { flex: 1 1 0; }
}

/* --------------------------------------------------------------------------
   12. Final cascade ownership
   Legacy files are intentionally non-important compatibility layers. These
   selectors match their historical specificity so the canonical shell wins.
   -------------------------------------------------------------------------- */
body.cake-dashboard-fullscreen,
body.cake-dashboard-fullscreen .cake-member-admin,
body.cake-dashboard-fullscreen .cake-dashboard-admin-wrap,
body.cake-dashboard-fullscreen .cake-dashboard-front-wrap {
	background: var(--cake-page);
	color: var(--cake-text);
}

body.cake-dashboard-fullscreen .cake-dashboard-admin-wrap .cake-admin-shell,
body.cake-dashboard-fullscreen .cake-dashboard-front-wrap .cake-admin-shell,
body.cake-dashboard-fullscreen #cake-admin-home.cake-admin-shell {
	background:
		radial-gradient(circle at 8% 12%, var(--cake-sidebar-glow), transparent 26rem),
		radial-gradient(circle at 92% 10%, var(--cake-sidebar-glow-secondary), transparent 32rem),
		linear-gradient(145deg, var(--cake-page), var(--cake-page-alt));
	color: var(--cake-text);
}

.cake-admin-shell button.cake-settings-tab {
	min-height: 32px;
	padding: 0 0 6px;
	border: 0;
	border-radius: 0;
	background: transparent;
	color: var(--cake-text-muted);
	box-shadow: none;
}
.cake-admin-shell button.cake-settings-tab:hover { background: transparent; color: var(--cake-text); }
.cake-admin-shell button.cake-settings-tab.is-active { background: transparent; color: var(--cake-primary); }

.cake-admin-shell button.cake-settings-rail-tab {
	min-height: 34px;
	padding: 7px 9px 7px 12px;
	border: 0;
	border-radius: 8px;
	background: transparent;
	color: var(--cake-text-muted);
	box-shadow: none;
}
.cake-admin-shell button.cake-settings-rail-tab:hover {
	background: rgba(127,127,127,.06);
	color: var(--cake-text);
}
.cake-admin-shell button.cake-settings-rail-tab.is-active {
	background: linear-gradient(90deg, rgba(255,45,157,.15), rgba(159,69,236,.035));
	color: var(--cake-primary);
}

.cake-admin-shell .cake-button.cake-button-quiet,
.cake-admin-shell button.cake-button.cake-button-quiet,
.cake-admin-shell .cake-button.cake-button-outline {
	border: 0;
	background: var(--cake-control);
	color: var(--cake-text);
	box-shadow: inset 0 0 0 1px var(--cake-separator), var(--cake-shadow-control);
}
.cake-admin-shell .cake-button.cake-button-quiet:hover,
.cake-admin-shell button.cake-button.cake-button-quiet:hover,
.cake-admin-shell .cake-button.cake-button-outline:hover {
	background: var(--cake-control-hover);
	color: var(--cake-text);
}

.cake-admin-shell .cake-settings-heading h2,
.cake-admin-shell .cake-settings-card-heading h3,
.cake-admin-shell .cake-settings-aside-card h3,
.cake-admin-shell .cake-settings-field-label,
.cake-admin-shell .cake-check span {
	color: var(--cake-text);
}
.cake-admin-shell .cake-settings-heading > div > p:last-child,
.cake-admin-shell .cake-settings-card-heading p,
.cake-admin-shell .cake-settings-aside-card p,
.cake-admin-shell .cake-settings-description {
	color: var(--cake-text-muted);
}

/* Suppress the heavy diagonal shine left by the old card implementation. */
.cake-admin-shell :is(.cake-settings-card,.cake-settings-aside-card,.cake-dashboard-panel)::before {
	content: none;
	display: none;
}
.cake-admin-shell :is(.cake-settings-card,.cake-settings-aside-card,.cake-settings-rail,.cake-dashboard-panel) {
	border: 0;
	outline: 0;
}

/* Frontend ownership: neutralise the full-bleed and hard-coded light rules in
   older CAKE Glass revisions without changing saved page content. */
html:has(body:not(.wp-admin)),
html:has(body:not(.wp-admin)) body {
	width: 100%;
	max-width: none;
	min-height: 100%;
	margin: 0;
	background-color: var(--cake-page);
}
body:not(.wp-admin) .wp-site-blocks {
	display: block;
	width: min(calc(100% - (var(--cake-shell-pad) * 2)), 1640px);
	max-width: none;
	margin-inline: auto;
	padding: var(--cake-shell-pad) 0;
}
body:not(.wp-admin) .wp-site-blocks > .cake-sticky-header,
body:not(.wp-admin) .wp-site-blocks > header.cake-sticky-header,
body:not(.wp-admin) .wp-block-template-part.cake-sticky-header {
	left: auto;
	right: auto;
	width: 100%;
	max-width: none;
	margin: 0 auto var(--cake-shell-gap);
	transform: none;
}
body:not(.wp-admin) .cake-site-header {
	width: 100%;
	max-width: none;
	margin: 0;
	padding: 7px 10px;
	background: var(--cake-surface-strong);
}
body:not(.wp-admin) .cake-site-header .cake-site-header__inner {
	width: 100%;
	max-width: none;
	min-height: 44px;
	margin: 0;
	padding: 0 3px;
	background: transparent;
	box-shadow: none;
	backdrop-filter: none;
	-webkit-backdrop-filter: none;
}
body:not(.wp-admin) .wp-site-blocks .cake-main,
body:not(.wp-admin) .wp-site-blocks main.cake-main,
body:not(.wp-admin) .cake-main .entry-content.cake-page-content {
	left: auto;
	width: 100%;
	max-width: none;
	margin: 0 auto var(--cake-shell-gap);
	padding: 0;
	background: transparent;
	box-shadow: none;
	transform: none;
}
body:not(.wp-admin) .cake-page-content > .wp-block-group:not(.community-card):not(.cake-notice-band),
body:not(.wp-admin) .cake-page-content > .featured-section {
	background: transparent;
	box-shadow: none;
	backdrop-filter: none;
	-webkit-backdrop-filter: none;
}
body:not(.wp-admin) .cake-page-content > .banner,
body:not(.wp-admin) .cake-page-content > .wp-block-heading.banner,
body:not(.wp-admin) .cake-page-content > h1.banner,
body:not(.wp-admin) .cake-page-content > h2.banner,
body:not(.wp-admin) .cake-front-page .cake-page-content > h1:first-child:not(.banner),
body:not(.wp-admin) .cake-front-page .cake-page-content > .wp-block-heading:first-child:not(.banner) {
	display: grid;
	place-items: center;
	width: 100%;
	max-width: none;
	min-height: clamp(150px, 20vh, 230px);
	margin: 0 auto 12px;
	padding: clamp(24px, 4vw, 54px);
	border: 0;
	border-radius: var(--cake-radius-lg);
	background:
		radial-gradient(circle at 18% 6%, rgba(255,45,157,.13), transparent 25rem),
		radial-gradient(circle at 85% 92%, rgba(159,69,236,.11), transparent 24rem),
		linear-gradient(135deg, var(--cake-surface-strong), var(--cake-surface));
	box-shadow: var(--cake-shadow-panel), inset 0 1px 0 var(--cake-glass-highlight-soft);
	color: var(--cake-text);
	font-family: var(--cake-font-heading);
	font-size: clamp(38px, 6vw, 72px);
	font-weight: 760;
	line-height: .96;
	text-align: center;
	text-shadow: none;
}
body:not(.wp-admin) .cake-page-content .wp-block-buttons {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	gap: 10px;
}
body:not(.wp-admin) .cake-page-content .wp-block-button {
	width: auto;
	margin: 0;
}
body:not(.wp-admin) .cake-page-content .wp-block-button__link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 38px;
	padding: 9px 18px;
	border: 0;
	border-radius: 11px;
	background: linear-gradient(135deg, var(--cake-primary), var(--cake-primary-strong) 56%, var(--cake-secondary));
	color: #fff;
	box-shadow: var(--cake-glow-primary);
	font-weight: 650;
	text-decoration: none;
}
body:not(.wp-admin) .cake-page-content > .community-card,
body:not(.wp-admin) .cake-page-content .community-card {
	width: min(100%, 1220px);
	max-width: none;
	margin: 14px auto;
	border: 0;
	background: var(--cake-surface);
	box-shadow: var(--cake-shadow-panel), inset 0 1px 0 var(--cake-glass-highlight-soft);
}
body:not(.wp-admin) .cake-page-content .community-card::after { content: none; }
body:not(.wp-admin) .cake-site-footer {
	width: 100%;
	max-width: none;
	margin: var(--cake-shell-gap) 0 0;
}
body:not(.wp-admin) .cake-site-header :is(.cake-brand,.cake-header-actions) {
	background: transparent;
	box-shadow: none;
	backdrop-filter: none;
	-webkit-backdrop-filter: none;
}
body:not(.wp-admin) .cake-page-content > .has-text-align-center,
body:not(.wp-admin) .cake-page-content .featured-section > .has-text-align-center {
	text-align: center;
}
body:not(.wp-admin) .cake-page-content .cake-notice,
body:not(.wp-admin) .cake-page-content > p.has-background {
	width: min(100%, 1220px);
	min-height: 38px;
	margin: 0 auto 12px;
	padding: 10px 16px;
	border: 0;
	border-radius: 11px;
	background: linear-gradient(90deg, rgba(255,45,157,.23), rgba(159,69,236,.10), var(--cake-surface));
	box-shadow: var(--cake-shadow-control), inset 0 1px 0 var(--cake-glass-highlight-soft);
	color: var(--cake-text);
	text-align: center;
}
/* Editor cascade ownership. Older editor passes used fixed 440px sidebars,
   white work areas and a flex root, which caused the panels to overlap. */
body.cake-editor-fullscreen .cake-editor-app {
	display: block;
	width: 100%;
	max-width: none;
	min-height: 100vh;
	padding: 10px;
	background:
		radial-gradient(circle at 4% 8%, var(--cake-sidebar-glow), transparent 26rem),
		radial-gradient(circle at 96% 4%, var(--cake-sidebar-glow-secondary), transparent 30rem),
		linear-gradient(145deg, var(--cake-page), var(--cake-page-alt));
}
body.cake-editor-fullscreen .cake-editor-body {
	display: grid;
	grid-template-columns: 300px minmax(0, 1fr);
	gap: 10px;
	width: 100%;
	min-height: calc(100vh - 150px);
	padding: 0;
}
body.cake-editor-fullscreen .cake-editor-sidebar {
	display: block;
	width: auto;
	max-width: 300px;
	height: calc(100vh - 150px);
	min-height: 0;
	margin: 0;
	padding: 9px;
	background: var(--cake-surface);
	overflow: hidden;
}
body.cake-editor-fullscreen .cake-editor-main {
	display: grid;
	grid-template-rows: auto minmax(0, 1fr);
	width: auto;
	min-width: 0;
	min-height: 0;
	margin: 0;
	padding: 0;
	background: transparent;
}
body.cake-editor-fullscreen .cake-editor-canvas-area {
	display: block;
	min-width: 0;
	min-height: 0;
	padding: 0;
	background: transparent;
}
body.cake-editor-fullscreen .cake-editor-canvas {
	width: 100%;
	height: calc(100vh - 194px);
	min-height: 480px;
	margin: 0;
	padding: 16px;
	background: rgba(127,127,127,.08);
}
body.cake-editor-fullscreen .cake-editor-sidebar-mode-tabs,
body.cake-editor-fullscreen .cake-editor-sidebar-tabs,
body.cake-editor-fullscreen .cake-editor-view-tabs {
	display: flex;
	grid-template-columns: none;
	width: auto;
	margin: 0;
	padding: 0 5px 7px;
	background: transparent;
	box-shadow: none;
}
body.cake-editor-fullscreen .cake-editor-sidebar-mode-tabs { margin-bottom: 4px; }
body.cake-editor-fullscreen .cake-sidebar-panel {
	display: block;
	width: 100%;
	height: calc(100% - 78px);
	margin: 0;
	padding: 10px 2px 2px;
	background: transparent;
	box-shadow: none;
	overflow: auto;
}
body.cake-editor-fullscreen .cake-sidebar-panel:not(.is-active) { display: none; }
body.cake-editor-fullscreen .cake-editor-visual,
body.cake-editor-fullscreen .cake-editor-visual.is-active {
	width: 100%;
	max-width: none;
	height: 100%;
}
body.cake-editor-fullscreen .cake-editor-visual.is-active { display: grid; place-items: start stretch; }
body.cake-editor-fullscreen .cake-editor-device-controls button,
body.cake-editor-fullscreen .cake-editor-history-controls button,
body.cake-editor-fullscreen .cake-editor-sidebar-mode-tabs button,
body.cake-editor-fullscreen .cake-editor-sidebar-tabs button,
body.cake-editor-fullscreen .cake-editor-view-tabs button {
	border: 0;
	background: transparent;
	box-shadow: none;
}

/* Shared scrollbars and the optional standalone-app navigation. */
:where(.cake-admin-shell,.cake-editor-app,.cake-member-shell,body:not(.wp-admin)) *::-webkit-scrollbar {
	width: var(--cake-scrollbar-size, 10px);
	height: var(--cake-scrollbar-size, 10px);
}
:where(.cake-admin-shell,.cake-editor-app,.cake-member-shell,body:not(.wp-admin)) *::-webkit-scrollbar-track {
	background: color-mix(in srgb, var(--cake-page) 82%, transparent);
}
:where(.cake-admin-shell,.cake-editor-app,.cake-member-shell,body:not(.wp-admin)) *::-webkit-scrollbar-thumb {
	border: 2px solid transparent;
	border-radius: 999px;
	background: var(--cake-primary);
	background-clip: padding-box;
}
.cake-pwa-nav {
	position: fixed;
	left: 50%;
	bottom: 14px;
	z-index: 99999;
	display: none;
	align-items: center;
	gap: 6px;
	transform: translateX(-50%);
	padding: 7px;
	border-radius: var(--cake-radius-pill);
	background: var(--cake-surface-strong);
	box-shadow: var(--cake-shadow-panel-strong);
	backdrop-filter: blur(20px) saturate(1.2);
}
.cake-pwa-nav :is(button,a) {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 42px;
	min-height: 36px;
	padding: 7px 11px;
	border: 0;
	border-radius: var(--cake-radius-pill);
	background: var(--cake-control);
	color: var(--cake-text);
	font: 650 11px/1 var(--cake-font-body);
	text-decoration: none;
}
@media (display-mode: standalone) {
	body.cake-pwa-has-nav { padding-bottom: 68px; }
	.cake-pwa-nav { display: flex; }
}

/* ========================================================================== 
   0.9.58 — Canonical reusable shell
   Header, Sidebar and Footer are rendered from the assigned Sections in every
   context. These rules are intentionally last so the saved shell cannot drift
   between the public site, dashboard and editor preview.
   ========================================================================== */

:root {
	--cake-shell-max: 1760px;
	--cake-shell-outer: clamp(10px, 1.15vw, 18px);
	--cake-shell-gap: clamp(12px, 1vw, 16px);
	--cake-sidebar-width: clamp(218px, 14.2vw, 250px);
	--cake-header-height: 64px;
	--cake-surface-line: color-mix(in srgb, var(--cake-text) 7%, transparent);
	--cake-surface-line-soft: color-mix(in srgb, var(--cake-text) 4%, transparent);
	--cake-shell-shadow: 0 22px 65px color-mix(in srgb, black 24%, transparent);
}

:root[data-cake-theme="light"],
.cake-theme-light {
	--cake-shell-shadow: 0 22px 65px rgba(55, 33, 52, .10);
	--cake-surface-line: rgba(75, 49, 72, .08);
	--cake-surface-line-soft: rgba(75, 49, 72, .045);
}

/* Shared Section header --------------------------------------------------- */
.cake-header-dashboard-search,
.cake-header-dashboard-actions {
	display: none;
}

.cake-site-header,
.cake-reusable-shell-header {
	position: relative;
	isolation: isolate;
	width: 100%;
	max-width: none;
	margin: 0;
	padding: 8px 10px;
	border: 0;
	border-radius: 18px;
	background:
		linear-gradient(145deg, color-mix(in srgb, var(--cake-surface-strong) 97%, transparent), color-mix(in srgb, var(--cake-surface) 91%, transparent));
	box-shadow:
		var(--cake-shadow-panel),
		inset 0 1px 0 color-mix(in srgb, white 8%, transparent),
		inset 0 0 0 1px var(--cake-surface-line-soft);
	backdrop-filter: blur(22px) saturate(1.18);
	-webkit-backdrop-filter: blur(22px) saturate(1.18);
	overflow: visible;
}

.cake-site-header::after {
	content: "";
	position: absolute;
	left: 12%;
	right: 12%;
	bottom: 0;
	height: 1px;
	background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--cake-primary) 32%, transparent), color-mix(in srgb, var(--cake-secondary) 22%, transparent), transparent);
	pointer-events: none;
}

.cake-site-header__inner {
	display: grid;
	grid-template-columns: minmax(max-content, 1fr) minmax(260px, 1.5fr) minmax(max-content, 1fr);
	align-items: center;
	gap: clamp(12px, 1.4vw, 24px);
	width: 100%;
	min-height: 60px;
	margin: 0;
	padding: 0 8px;
	background: transparent;
	box-shadow: none;
}

.cake-brand,
.cake-brand-link {
	display: inline-flex;
	align-items: center;
	justify-content: flex-start;
	gap: 9px;
	width: max-content;
	min-width: 0;
	margin: 0;
	color: var(--cake-text);
	text-decoration: none;
}

.cake-brand-mark {
	display: grid;
	place-items: center;
	flex: 0 0 42px;
	width: 42px;
	height: 42px;
	padding: 2px;
	border-radius: 10px;
	background: linear-gradient(145deg, color-mix(in srgb, var(--cake-primary) 16%, transparent), color-mix(in srgb, var(--cake-secondary) 9%, transparent));
	box-shadow: 0 9px 22px color-mix(in srgb, var(--cake-primary) 17%, transparent), inset 0 1px 0 color-mix(in srgb, white 18%, transparent);
	overflow: hidden;
}

.cake-brand-mark img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.cake-site-title {
	margin: 0;
	color: var(--cake-text);
	font: 760 1.24rem/1 var(--cake-font-heading);
	letter-spacing: -.035em;
	white-space: nowrap;
}

.cake-header-centre {
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 0;
}

.cake-header-actions,
.cake-header-dashboard-actions {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 6px;
	min-width: 0;
}

.cake-header-public-navigation {
	min-width: 0;
	max-width: 100%;
}

/* Public navigation is text-first, with an underline active marker rather
   than a row of unrelated pill controls. */
.cake-site-header .cake-bound-navigation {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 4px;
	min-width: 0;
	margin: 0;
	padding: 0;
}

.cake-site-header .cake-bound-navigation-item {
	position: relative;
	min-width: 0;
}

.cake-site-header .cake-bound-navigation-pill,
.cake-site-header .cake-bound-navigation-link {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 42px;
	padding: 9px 12px;
	border: 0;
	border-radius: 9px;
	background: transparent;
	box-shadow: none;
	color: var(--cake-text-muted);
	font: 630 .86rem/1.2 var(--cake-font-body);
	text-decoration: none;
	white-space: nowrap;
}

.cake-site-header .cake-bound-navigation-pill::after,
.cake-site-header .cake-bound-navigation-item.is-current > .cake-bound-navigation-pill::after,
.cake-site-header .cake-bound-navigation-item.is-current > .cake-bound-navigation-link::after {
	content: "";
	position: absolute;
	left: 10px;
	right: 10px;
	bottom: 1px;
	height: 2px;
	border-radius: 99px;
	background: linear-gradient(90deg, var(--cake-primary), var(--cake-secondary));
	box-shadow: 0 0 14px color-mix(in srgb, var(--cake-primary) 42%, transparent);
	opacity: 0;
	transform: scaleX(.35);
	transition: opacity .16s ease, transform .16s ease;
}

.cake-site-header .cake-bound-navigation-item:is(:hover, :focus-within, .is-current) > .cake-bound-navigation-pill,
.cake-site-header .cake-bound-navigation-item:is(:hover, :focus-within, .is-current) > .cake-bound-navigation-link {
	background: color-mix(in srgb, var(--cake-control) 70%, transparent);
	color: var(--cake-text);
}

.cake-site-header .cake-bound-navigation-item:is(:hover, :focus-within, .is-current) > .cake-bound-navigation-pill::after,
.cake-site-header .cake-bound-navigation-item:is(:hover, :focus-within, .is-current) > .cake-bound-navigation-link::after {
	opacity: 1;
	transform: scaleX(1);
}

.cake-site-header .cake-bound-navigation-toggle {
	display: inline-grid;
	place-items: center;
	width: 30px;
	height: 34px;
	margin-left: -7px;
	padding: 0;
	border: 0;
	border-radius: 8px;
	background: transparent;
	color: var(--cake-text-muted);
}

.cake-site-header .cake-bound-navigation-menu {
	position: absolute;
	top: calc(100% + 8px);
	left: 50%;
	z-index: 300;
	width: max-content;
	min-width: 210px;
	max-width: min(320px, calc(100vw - 28px));
	padding: 8px;
	border: 0;
	border-radius: 14px;
	background: color-mix(in srgb, var(--cake-surface-strong) 96%, transparent);
	box-shadow: var(--cake-shadow-panel-strong), inset 0 0 0 1px var(--cake-surface-line-soft);
	backdrop-filter: blur(22px) saturate(1.18);
	-webkit-backdrop-filter: blur(22px) saturate(1.18);
	transform: translate(-50%, 4px);
}

.cake-site-header .cake-bound-navigation-menu[aria-hidden="true"] {
	display: none;
}

.cake-site-header .cake-bound-navigation-menu .cake-bound-navigation-menu-items {
	display: grid;
	gap: 2px;
}

.cake-site-header .cake-bound-navigation-menu .cake-bound-navigation-link {
	justify-content: flex-start;
	width: 100%;
	min-height: 34px;
	padding: 7px 9px;
}

/* Shared account control -------------------------------------------------- */
.cake-site-header .cake-account-button-block,
.cake-site-header .cake-user-menu-binding,
.cake-site-header .cake-user-menu-shortcode,
.cake-site-header .cake-user-menu {
	position: relative;
	min-width: 0;
	margin: 0;
}

.cake-site-header .cake-user-menu-trigger,
.cake-site-header .cake-user-menu-login {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	min-height: 42px;
	max-width: 260px;
	padding: 6px 12px 6px 6px;
	border: 0;
	border-radius: 999px;
	background: color-mix(in srgb, var(--cake-control) 88%, transparent);
	box-shadow: inset 0 0 0 1px var(--cake-surface-line), var(--cake-shadow-control);
	color: var(--cake-text);
	font: 650 .82rem/1 var(--cake-font-body);
	text-decoration: none;
	white-space: nowrap;
}

.cake-site-header .cake-user-menu-trigger:is(:hover, :focus-visible),
.cake-site-header .cake-user-menu-login:is(:hover, :focus-visible) {
	background: var(--cake-control-hover);
	box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--cake-primary) 36%, transparent), 0 0 0 3px color-mix(in srgb, var(--cake-primary) 9%, transparent);
}

.cake-site-header .cake-user-menu-avatar {
	flex: 0 0 29px;
	width: 29px;
	height: 29px;
	border-radius: 50%;
	background: linear-gradient(135deg, var(--cake-primary), var(--cake-secondary));
	box-shadow: 0 6px 16px color-mix(in srgb, var(--cake-primary) 26%, transparent), inset 0 0 0 2px color-mix(in srgb, white 25%, transparent);
}

.cake-site-header .cake-user-menu-label {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.cake-site-header .cake-user-menu-dropdown {
	position: absolute;
	top: calc(100% + 9px);
	right: 0;
	z-index: 320;
	display: none;
	width: 220px;
	padding: 8px;
	border: 0;
	border-radius: 14px;
	background: color-mix(in srgb, var(--cake-surface-strong) 96%, transparent);
	box-shadow: var(--cake-shadow-panel-strong), inset 0 0 0 1px var(--cake-surface-line-soft);
	backdrop-filter: blur(22px) saturate(1.18);
	-webkit-backdrop-filter: blur(22px) saturate(1.18);
}

.cake-site-header .cake-user-menu:is(:hover, :focus-within) .cake-user-menu-dropdown,
.cake-site-header .cake-user-menu-trigger[aria-expanded="true"] + .cake-user-menu-dropdown {
	display: grid;
}

.cake-site-header .cake-user-menu-dropdown :is(a, button) {
	display: flex;
	align-items: center;
	width: 100%;
	min-height: 35px;
	padding: 8px 10px;
	border: 0;
	border-radius: 9px;
	background: transparent;
	color: var(--cake-text-muted);
	font: 600 .72rem/1.2 var(--cake-font-body);
	text-align: left;
	text-decoration: none;
}

.cake-site-header .cake-user-menu-dropdown :is(a, button):is(:hover, :focus-visible) {
	background: color-mix(in srgb, var(--cake-primary) 10%, var(--cake-control));
	color: var(--cake-text);
}

/* Public shell ------------------------------------------------------------ */
body:not(.wp-admin) .wp-site-blocks {
	width: 100%;
	max-width: none;
	min-height: 100vh;
	margin: 0;
	padding: var(--cake-shell-outer);
}

body:not(.wp-admin) .wp-site-blocks > header,
body:not(.wp-admin) .wp-site-blocks > .wp-block-template-part,
body:not(.wp-admin) .wp-site-blocks > .cake-sticky-header,
body:not(.wp-admin) .cake-sticky-header {
	position: sticky;
	top: var(--cake-shell-outer);
	z-index: 200;
	display: block;
	width: min(100%, var(--cake-shell-max));
	max-width: var(--cake-shell-max);
	margin: 0 auto var(--cake-shell-gap);
	padding: 0;
	background: transparent;
	box-shadow: none;
	overflow: visible;
}

body:not(.wp-admin) .wp-site-blocks > header > .cake-site-header,
body:not(.wp-admin) .wp-site-blocks > .wp-block-template-part > .cake-site-header,
body:not(.wp-admin) .cake-sticky-header > .cake-site-header,
body:not(.wp-admin) .wp-site-blocks > .cake-site-header {
	width: 100%;
	max-width: none;
	margin: 0;
}

body:not(.wp-admin) .cake-header-public-navigation {
	display: block;
}

body:not(.wp-admin) .cake-header-dashboard-search,
body:not(.wp-admin) .cake-header-dashboard-actions {
	display: none;
}

body:not(.wp-admin) .cake-main,
body:not(.wp-admin) main.cake-main {
	width: min(100%, var(--cake-shell-max));
	max-width: var(--cake-shell-max);
	margin: 0 auto var(--cake-shell-gap);
	padding: 0;
}

body:not(.wp-admin) .cake-page-content {
	width: 100%;
	max-width: none;
	margin: 0;
	padding: 0;
}

body:not(.wp-admin) .cake-front-page .cake-page-content > h1:first-child:not(.banner),
body:not(.wp-admin) .cake-front-page .cake-page-content > .wp-block-heading:first-child:not(.banner),
body:not(.wp-admin) .cake-page-content > .banner:first-child {
	width: 100%;
	max-width: none;
	min-height: clamp(150px, 19vh, 230px);
	margin: 0 auto 14px;
	padding: clamp(28px, 4.2vw, 58px);
	border: 0;
	border-radius: 20px;
	background:
		radial-gradient(circle at 12% 0%, color-mix(in srgb, var(--cake-primary) 13%, transparent), transparent 28rem),
		radial-gradient(circle at 86% 100%, color-mix(in srgb, var(--cake-secondary) 10%, transparent), transparent 28rem),
		linear-gradient(145deg, color-mix(in srgb, var(--cake-surface-strong) 98%, transparent), color-mix(in srgb, var(--cake-surface) 92%, transparent));
	box-shadow: var(--cake-shadow-panel), inset 0 1px 0 color-mix(in srgb, white 7%, transparent), inset 0 0 0 1px var(--cake-surface-line-soft);
	color: var(--cake-text);
	text-shadow: none;
}

body:not(.wp-admin) .cake-page-content > h2,
body:not(.wp-admin) .cake-page-content > .wp-block-heading,
body:not(.wp-admin) .cake-page-content > .featured-section > h2 {
	color: var(--cake-text);
	opacity: 1;
	text-shadow: none;
}

body:not(.wp-admin) .community-card,
body:not(.wp-admin) .cake-page-content > .community-card {
	border: 0;
	background: color-mix(in srgb, var(--cake-surface) 94%, transparent);
	box-shadow: var(--cake-shadow-panel), inset 0 0 0 1px var(--cake-surface-line-soft);
	color: var(--cake-text);
}

body:not(.wp-admin) .community-card :is(h2, h3, h4, p, li) {
	color: inherit;
	opacity: 1;
}

/* Dashboard shell --------------------------------------------------------- */
body.cake-dashboard-fullscreen {
	background: var(--cake-page);
}

.cake-admin-shell.cake-shell-context-dashboard,
.cake-admin-shell.cake-admin-shell-dashboard {
	min-height: 100vh;
	padding: var(--cake-shell-outer);
	background:
		radial-gradient(circle at 1% 18%, color-mix(in srgb, var(--cake-primary) 34%, transparent), transparent 30rem),
		radial-gradient(circle at 96% 3%, color-mix(in srgb, var(--cake-secondary) 22%, transparent), transparent 34rem),
		linear-gradient(145deg, var(--cake-page), var(--cake-page-alt));
	color: var(--cake-text);
	overflow: visible;
}

.cake-admin-shell.cake-shell-context-dashboard > .cake-site-header,
.cake-admin-shell.cake-admin-shell-dashboard > .cake-site-header {
	position: sticky;
	top: var(--cake-shell-outer);
	z-index: 220;
	width: min(100%, var(--cake-shell-max));
	max-width: var(--cake-shell-max);
	margin: 0 auto var(--cake-shell-gap);
}

.cake-admin-shell .cake-header-public-navigation {
	display: none;
}

.cake-admin-shell .cake-header-dashboard-search {
	display: flex;
	width: min(100%, 360px);
	margin: 0 auto;
}

.cake-admin-shell .cake-header-dashboard-actions {
	display: flex;
}

.cake-admin-shell .cake-header-centre {
	justify-content: center;
}

.cake-admin-shell .cake-admin-global-search {
	position: relative;
	align-items: center;
	height: 36px;
	min-width: 0;
	padding: 0 7px 0 10px;
	border: 0;
	border-radius: 10px;
	background: color-mix(in srgb, var(--cake-control) 92%, transparent);
	box-shadow: inset 0 0 0 1px var(--cake-surface-line), var(--cake-shadow-control);
}

.cake-admin-shell .cake-admin-global-search:focus-within {
	box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--cake-primary) 55%, transparent), 0 0 0 3px color-mix(in srgb, var(--cake-primary) 10%, transparent);
}

.cake-admin-shell .cake-admin-global-search-icon {
	display: grid;
	place-items: center;
	color: var(--cake-text-subtle);
}

.cake-admin-shell .cake-admin-global-search-icon svg {
	width: 14px;
	height: 14px;
	stroke: currentColor;
	stroke-width: 1.8;
}

.cake-admin-shell .cake-admin-global-search input {
	min-width: 0;
	width: 100%;
	height: 100%;
	min-height: 0;
	padding: 0 8px;
	border: 0;
	background: transparent;
	box-shadow: none;
	color: var(--cake-text);
	font-size: .7rem;
}

.cake-admin-shell .cake-admin-global-search kbd {
	flex: 0 0 auto;
	padding: 4px 6px;
	border: 0;
	border-radius: 6px;
	background: color-mix(in srgb, var(--cake-control-hover) 80%, transparent);
	box-shadow: inset 0 0 0 1px var(--cake-surface-line-soft);
	color: var(--cake-text-subtle);
	font: 650 .58rem/1 var(--cake-font-body);
}

.cake-admin-shell .cake-admin-icon-link,
.cake-admin-shell .cake-admin-topbar-link,
.cake-admin-shell .cake-admin-notifications > summary {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 34px;
	min-height: 34px;
	padding: 0 10px;
	border: 0;
	border-radius: 10px;
	background: transparent;
	box-shadow: none;
	color: var(--cake-text-muted);
	font: 620 .68rem/1 var(--cake-font-body);
	text-decoration: none;
}

.cake-admin-shell .cake-admin-icon-link {
	width: 34px;
	padding: 0;
}

.cake-admin-shell .cake-admin-icon-link svg,
.cake-admin-shell .cake-admin-notification-icon svg {
	width: 16px;
	height: 16px;
	stroke: currentColor;
	stroke-width: 1.7;
}

.cake-admin-shell .cake-admin-icon-link:is(:hover, :focus-visible),
.cake-admin-shell .cake-admin-topbar-link:is(:hover, :focus-visible),
.cake-admin-shell .cake-admin-notifications > summary:is(:hover, :focus-visible) {
	background: color-mix(in srgb, var(--cake-control) 88%, transparent);
	color: var(--cake-text);
}

.cake-admin-shell .cake-admin-notifications {
	position: relative;
}

.cake-admin-shell .cake-admin-notifications > summary {
	position: relative;
	padding: 0;
	cursor: pointer;
	list-style: none;
}

.cake-admin-shell .cake-admin-notifications > summary::-webkit-details-marker {
	display: none;
}

.cake-admin-shell .cake-admin-notification-count:not(:empty) {
	position: absolute;
	top: 5px;
	right: 5px;
	display: block;
	width: 6px;
	height: 6px;
	min-width: 0;
	padding: 0;
	border-radius: 50%;
	background: var(--cake-primary);
	box-shadow: 0 0 0 2px var(--cake-surface-strong), 0 0 13px color-mix(in srgb, var(--cake-primary) 65%, transparent);
	color: transparent;
	font-size: 0;
}

.cake-admin-shell .cake-admin-notification-count:empty {
	display: none;
}

.cake-admin-shell .cake-admin-notification-panel {
	position: absolute;
	top: calc(100% + 9px);
	right: 0;
	z-index: 330;
	display: grid;
	width: 270px;
	padding: 10px;
	border: 0;
	border-radius: 14px;
	background: color-mix(in srgb, var(--cake-surface-strong) 96%, transparent);
	box-shadow: var(--cake-shadow-panel-strong), inset 0 0 0 1px var(--cake-surface-line-soft);
	backdrop-filter: blur(22px) saturate(1.18);
	-webkit-backdrop-filter: blur(22px) saturate(1.18);
}

.cake-admin-shell .cake-admin-notifications:not([open]) .cake-admin-notification-panel {
	display: none;
}

.cake-admin-shell .cake-admin-notification-heading,
.cake-admin-shell .cake-admin-notification-panel > a {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	padding: 9px;
	border-radius: 9px;
	color: var(--cake-text-muted);
	font-size: .72rem;
	text-decoration: none;
}

.cake-admin-shell .cake-admin-notification-panel > a:hover {
	background: color-mix(in srgb, var(--cake-primary) 9%, var(--cake-control));
	color: var(--cake-text);
}

.cake-admin-layout {
	display: grid;
	grid-template-columns: var(--cake-sidebar-width) minmax(0, 1fr);
	align-items: start;
	gap: var(--cake-shell-gap);
	width: min(100%, var(--cake-shell-max));
	max-width: var(--cake-shell-max);
	margin: 0 auto;
}

.cake-admin-sidebar {
	position: sticky;
	top: calc(var(--cake-shell-outer) + var(--cake-header-height) + var(--cake-shell-gap));
	display: flex;
	flex-direction: column;
	height: calc(100vh - (var(--cake-shell-outer) * 2) - var(--cake-header-height) - var(--cake-shell-gap));
	min-height: 420px;
	padding: 9px;
	border: 0;
	border-radius: 17px;
	background: color-mix(in srgb, var(--cake-surface) 95%, transparent);
	box-shadow: var(--cake-shadow-panel), inset 0 1px 0 color-mix(in srgb, white 6%, transparent), inset 0 0 0 1px var(--cake-surface-line-soft);
	backdrop-filter: blur(22px) saturate(1.15);
	-webkit-backdrop-filter: blur(22px) saturate(1.15);
	overflow: hidden;
}

.cake-admin-sidebar::before {
	content: "";
	position: absolute;
	left: -48%;
	top: 18%;
	width: 150%;
	aspect-ratio: 1;
	border-radius: 50%;
	background: radial-gradient(circle, color-mix(in srgb, var(--cake-primary) 45%, transparent), transparent 66%);
	filter: blur(12px);
	opacity: .82;
	pointer-events: none;
	animation: cake-sidebar-breathe 10s ease-in-out infinite alternate;
}

.cake-admin-sidebar-nav {
	position: relative;
	z-index: 1;
	display: grid;
	align-content: start;
	gap: 3px;
	min-height: 0;
	padding-right: 3px;
	overflow-y: auto;
}

.cake-admin-sidebar-group {
	position: relative;
	margin: 0;
	padding: 0 0 5px;
}

.cake-admin-sidebar-group + .cake-admin-sidebar-group {
	padding-top: 6px;
}

.cake-admin-sidebar-group + .cake-admin-sidebar-group::before {
	content: "";
	position: absolute;
	left: 10px;
	right: 10px;
	top: 0;
	height: 1px;
	background: linear-gradient(90deg, transparent, var(--cake-surface-line), transparent);
}

.cake-admin-sidebar-group > summary {
	display: flex;
	align-items: center;
	min-height: 25px;
	padding: 5px 9px;
	color: var(--cake-text-subtle);
	font: 730 .56rem/1 var(--cake-font-body);
	letter-spacing: .075em;
	text-transform: uppercase;
	cursor: pointer;
	list-style: none;
}

.cake-admin-sidebar-group > summary::-webkit-details-marker {
	display: none;
}

.cake-admin-sidebar-group-items {
	display: grid;
	gap: 1px;
}

.cake-admin-sidebar-nav a {
	position: relative;
	display: flex;
	align-items: center;
	gap: 9px;
	min-height: 36px;
	padding: 6px 9px;
	border: 0;
	border-radius: 10px;
	background: transparent;
	box-shadow: none;
	color: var(--cake-text-muted);
	font: 590 .68rem/1.2 var(--cake-font-body);
	text-decoration: none;
	transition: background .16s ease, color .16s ease, transform .16s ease, box-shadow .16s ease;
}

.cake-admin-sidebar-nav a::before {
	content: "";
	position: absolute;
	left: 0;
	top: 7px;
	bottom: 7px;
	width: 2px;
	border-radius: 3px;
	background: linear-gradient(var(--cake-primary), var(--cake-secondary));
	box-shadow: 0 0 14px color-mix(in srgb, var(--cake-primary) 55%, transparent);
	opacity: 0;
	transform: scaleY(.35);
	transition: opacity .16s ease, transform .16s ease;
}

.cake-admin-sidebar-nav a:is(:hover, :focus-visible) {
	background: color-mix(in srgb, var(--cake-control) 65%, transparent);
	color: var(--cake-text);
	transform: translateX(1px);
}

.cake-admin-sidebar-nav a.is-active,
.cake-admin-sidebar-nav a[aria-current="page"] {
	background: linear-gradient(90deg, color-mix(in srgb, var(--cake-primary) 22%, var(--cake-control)), color-mix(in srgb, var(--cake-secondary) 7%, transparent));
	color: var(--cake-text);
	box-shadow: 0 8px 24px color-mix(in srgb, var(--cake-primary) 13%, transparent), inset 0 0 0 1px color-mix(in srgb, var(--cake-primary) 14%, transparent);
}

.cake-admin-sidebar-nav a:is(.is-active, [aria-current="page"])::before {
	opacity: 1;
	transform: scaleY(1);
}

.cake-admin-sidebar-icon {
	display: grid;
	place-items: center;
	flex: 0 0 23px;
	width: 23px;
	height: 23px;
	border: 0;
	border-radius: 7px;
	background: color-mix(in srgb, var(--cake-control) 72%, transparent);
	box-shadow: none;
	color: var(--cake-text-muted);
}

.cake-admin-sidebar-icon svg {
	width: 15px;
	height: 15px;
	stroke-width: 1.8;
}

.cake-admin-sidebar-nav a:is(:hover, :focus-visible, .is-active, [aria-current="page"]) .cake-admin-sidebar-icon {
	background: linear-gradient(135deg, var(--cake-primary), var(--cake-secondary));
	color: #fff;
	box-shadow: 0 7px 18px color-mix(in srgb, var(--cake-primary) 27%, transparent);
}

.cake-admin-main {
	min-width: 0;
	width: 100%;
	padding: 0;
}

/* Settings workspace: same hierarchy as the approved mock-up, with far less
   visible outlining than the previous build. */
.cake-settings-shell {
	display: grid;
	gap: 13px;
	min-width: 0;
}

.cake-settings-heading {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 20px;
	min-height: 74px;
	padding: 2px 2px 0;
}

.cake-settings-heading > div:first-child {
	display: grid;
	gap: 3px;
}

.cake-settings-heading h2 {
	margin: 0;
	font: 750 clamp(1.35rem, 1.65vw, 1.75rem)/1.05 var(--cake-font-heading);
	letter-spacing: -.035em;
}

.cake-settings-heading p {
	margin: 0;
	color: var(--cake-text-muted);
	font-size: .68rem;
}

.cake-dashboard-kicker {
	color: var(--cake-primary);
	font-size: .56rem;
	font-weight: 760;
	letter-spacing: .12em;
	text-transform: uppercase;
}

.cake-settings-heading-actions {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 8px;
	flex-wrap: wrap;
}

.cake-settings-heading-actions .cake-settings-search {
	min-width: 250px;
	max-width: 330px;
}

.cake-settings-save-state {
	color: var(--cake-text-subtle);
	font-size: .6rem;
	font-weight: 620;
}

.cake-settings-tabs {
	position: relative;
	display: flex;
	align-items: center;
	gap: 4px;
	min-width: 0;
	padding: 0 0 7px;
	overflow-x: auto;
}

.cake-settings-tabs::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 1px;
	background: linear-gradient(90deg, color-mix(in srgb, var(--cake-primary) 15%, transparent), var(--cake-surface-line), transparent);
}

.cake-settings-tab {
	position: relative;
	flex: 0 0 auto;
	min-height: 34px;
	padding: 7px 12px;
	border: 0;
	border-radius: 8px 8px 0 0;
	background: transparent;
	box-shadow: none;
	color: var(--cake-text-muted);
	font: 620 .66rem/1 var(--cake-font-body);
}

.cake-settings-tab::after {
	content: "";
	position: absolute;
	left: 10px;
	right: 10px;
	bottom: -7px;
	height: 2px;
	border-radius: 99px;
	background: linear-gradient(90deg, var(--cake-primary), var(--cake-secondary));
	box-shadow: 0 0 13px color-mix(in srgb, var(--cake-primary) 42%, transparent);
	opacity: 0;
	transform: scaleX(.35);
}

.cake-settings-tab:is(:hover, :focus-visible, .is-active) {
	background: color-mix(in srgb, var(--cake-control) 55%, transparent);
	color: var(--cake-text);
}

.cake-settings-tab.is-active::after {
	opacity: 1;
	transform: scaleX(1);
}

.cake-settings-layout {
	display: grid;
	grid-template-columns: minmax(160px, 190px) minmax(0, 1fr) minmax(210px, 250px);
	align-items: start;
	gap: 13px;
	min-width: 0;
}

.cake-settings-rail,
.cake-settings-card,
.cake-settings-aside-card {
	position: relative;
	border: 0;
	background: color-mix(in srgb, var(--cake-surface) 94%, transparent);
	box-shadow: var(--cake-shadow-panel), inset 0 1px 0 color-mix(in srgb, white 5%, transparent), inset 0 0 0 1px var(--cake-surface-line-soft);
	backdrop-filter: blur(20px) saturate(1.14);
	-webkit-backdrop-filter: blur(20px) saturate(1.14);
}

.cake-settings-rail {
	display: grid;
	gap: 2px;
	padding: 8px;
	border-radius: 15px;
}

.cake-settings-rail-label {
	margin: 0;
	padding: 5px 8px;
	color: var(--cake-text-subtle);
	font-size: .54rem;
	font-weight: 730;
	letter-spacing: .08em;
	text-transform: uppercase;
}

.cake-settings-rail-tab {
	position: relative;
	width: 100%;
	min-height: 37px;
	padding: 8px 10px;
	border: 0;
	border-radius: 9px;
	background: transparent;
	box-shadow: none;
	color: var(--cake-text-muted);
	font: 610 .67rem/1.2 var(--cake-font-body);
	text-align: left;
}

.cake-settings-rail-tab::before {
	content: "";
	position: absolute;
	left: 0;
	top: 8px;
	bottom: 8px;
	width: 2px;
	border-radius: 99px;
	background: linear-gradient(var(--cake-primary), var(--cake-secondary));
	box-shadow: 0 0 12px color-mix(in srgb, var(--cake-primary) 42%, transparent);
	opacity: 0;
}

.cake-settings-rail-tab:is(:hover, :focus-visible) {
	background: color-mix(in srgb, var(--cake-control) 62%, transparent);
	color: var(--cake-text);
}

.cake-settings-rail-tab.is-active {
	background: linear-gradient(90deg, color-mix(in srgb, var(--cake-primary) 17%, var(--cake-control)), color-mix(in srgb, var(--cake-secondary) 5%, transparent));
	color: var(--cake-primary);
}

.cake-settings-rail-tab.is-active::before {
	opacity: 1;
}

.cake-settings-main,
.cake-settings-panel,
.cake-settings-aside {
	display: grid;
	gap: 13px;
	min-width: 0;
}

.cake-settings-card {
	padding: clamp(15px, 1.25vw, 20px);
	border-radius: 16px;
}

.cake-settings-card-heading {
	display: grid;
	gap: 3px;
	margin-bottom: 14px;
}

.cake-settings-card-heading h3,
.cake-settings-aside-card h3 {
	margin: 0;
	font: 700 .86rem/1.2 var(--cake-font-heading);
	letter-spacing: -.018em;
}

.cake-settings-card-heading p,
.cake-settings-aside-card p,
.cake-settings-description {
	margin: 0;
	color: var(--cake-text-muted);
	font-size: .61rem;
	line-height: 1.55;
}

.cake-settings-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 13px;
}

.cake-settings-field {
	display: grid;
	align-content: start;
	gap: 6px;
	min-width: 0;
}

.cake-settings-field-full {
	grid-column: 1 / -1;
}

.cake-settings-field-label {
	color: var(--cake-text);
	font-size: .61rem;
	font-weight: 660;
}

.cake-settings-field-row {
	display: flex;
	align-items: center;
	gap: 8px;
	min-width: 0;
	flex-wrap: wrap;
}

.cake-settings-icon-preview {
	display: grid;
	place-items: center;
	flex: 0 0 48px;
	width: 48px;
	height: 48px;
	padding: 4px;
	border: 0;
	border-radius: 11px;
	background: color-mix(in srgb, var(--cake-control) 92%, transparent);
	box-shadow: inset 0 0 0 1px var(--cake-surface-line), var(--cake-shadow-control);
	overflow: hidden;
}

.cake-settings-icon-preview img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.cake-settings-aside-card {
	padding: 15px;
	border-radius: 15px;
}

.cake-settings-aside-card p {
	margin-top: 8px;
}

.cake-settings-aside-action {
	margin-top: 12px;
}

.cake-settings-shell :is(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]), select, textarea),
.cake-settings-shell .cake-input {
	min-height: 38px;
	padding: 8px 11px;
	border: 0;
	border-radius: 10px;
	background: color-mix(in srgb, var(--cake-control) 94%, transparent);
	box-shadow: inset 0 0 0 1px var(--cake-surface-line), var(--cake-shadow-control);
	color: var(--cake-text);
	font-size: .68rem;
}

.cake-settings-shell :is(input, select, textarea):focus {
	outline: 0;
	box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--cake-primary) 50%, transparent), 0 0 0 3px color-mix(in srgb, var(--cake-primary) 9%, transparent);
}

.cake-settings-shell .cake-button,
.cake-settings-shell button:not(.cake-settings-tab):not(.cake-settings-rail-tab) {
	min-height: 36px;
	padding: 8px 13px;
	border: 0;
	border-radius: 10px;
	background: color-mix(in srgb, var(--cake-control) 92%, transparent);
	box-shadow: inset 0 0 0 1px var(--cake-surface-line), var(--cake-shadow-control);
	color: var(--cake-text);
	font: 640 .66rem/1 var(--cake-font-body);
}

.cake-settings-shell .cake-button-primary,
.cake-settings-shell .cake-settings-save,
.cake-settings-shell button[type="submit"] {
	background: linear-gradient(135deg, var(--cake-primary), var(--cake-primary-strong) 58%, var(--cake-secondary));
	box-shadow: 0 13px 28px color-mix(in srgb, var(--cake-primary) 30%, transparent), inset 0 1px 0 color-mix(in srgb, white 24%, transparent);
	color: #fff;
}

/* Canonical footer -------------------------------------------------------- */
.cake-site-footer,
.cake-reusable-shell-footer,
.cake-admin-shell > .cake-site-footer {
	position: relative;
	width: min(100%, var(--cake-shell-max));
	max-width: var(--cake-shell-max);
	margin: var(--cake-shell-gap) auto 0;
	padding: 14px 18px;
	border: 0;
	border-radius: 16px;
	background: color-mix(in srgb, var(--cake-surface) 92%, transparent);
	box-shadow: var(--cake-shadow-panel), inset 0 0 0 1px var(--cake-surface-line-soft);
	color: var(--cake-text-muted);
	backdrop-filter: blur(20px) saturate(1.12);
	-webkit-backdrop-filter: blur(20px) saturate(1.12);
}

.cake-site-footer__inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	width: 100%;
	margin: 0;
	padding: 0;
}

.cake-site-footer :is(p, a) {
	margin: 0;
	color: var(--cake-text-muted);
	font-size: .66rem;
}

.cake-footer-links {
	display: flex;
	align-items: center;
	gap: 12px;
}

/* Responsive shell ------------------------------------------------------- */
@media (max-width: 1180px) {
	.cake-site-header__inner {
		grid-template-columns: max-content minmax(180px, 1fr) max-content;
	}
	.cake-settings-layout {
		grid-template-columns: 165px minmax(0, 1fr);
	}
	.cake-settings-aside {
		grid-column: 1 / -1;
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 900px) {
	:root {
		--cake-header-height: auto;
	}
	.cake-admin-shell.cake-shell-context-dashboard,
	.cake-admin-shell.cake-admin-shell-dashboard {
		padding: 10px;
	}
	.cake-site-header__inner {
		grid-template-columns: max-content minmax(0, 1fr) max-content;
		gap: 9px;
	}
	.cake-admin-shell .cake-admin-topbar-link {
		display: none;
	}
	.cake-admin-layout {
		grid-template-columns: 1fr;
	}
	.cake-admin-sidebar {
		position: relative;
		top: auto;
		height: auto;
		min-height: 0;
		max-height: none;
	}
	.cake-admin-sidebar-nav {
		display: flex;
		gap: 8px;
		overflow-x: auto;
		overflow-y: hidden;
	}
	.cake-admin-sidebar-group {
		flex: 0 0 auto;
		min-width: 190px;
		padding: 0;
	}
	.cake-admin-sidebar-group + .cake-admin-sidebar-group {
		padding-top: 0;
	}
	.cake-admin-sidebar-group + .cake-admin-sidebar-group::before {
		display: none;
	}
	.cake-settings-heading {
		align-items: flex-start;
		flex-direction: column;
	}
	.cake-settings-heading-actions {
		width: 100%;
		justify-content: flex-start;
	}
	.cake-settings-heading-actions .cake-settings-search {
		flex: 1 1 220px;
		max-width: none;
	}
}

@media (max-width: 720px) {
	body:not(.wp-admin) .wp-site-blocks {
		padding: 8px;
	}
	body:not(.wp-admin) .wp-site-blocks > header,
	body:not(.wp-admin) .wp-site-blocks > .wp-block-template-part,
	body:not(.wp-admin) .wp-site-blocks > .cake-sticky-header,
	body:not(.wp-admin) .cake-sticky-header {
		top: 8px;
	}
	.cake-site-header__inner {
		grid-template-columns: max-content minmax(0, 1fr) max-content;
	}
	body:not(.wp-admin) .cake-header-centre {
		justify-content: flex-end;
		overflow: hidden;
	}
	body:not(.wp-admin) .cake-header-public-navigation {
		overflow-x: auto;
		scrollbar-width: none;
	}
	body:not(.wp-admin) .cake-header-public-navigation::-webkit-scrollbar {
		display: none;
	}
	body:not(.wp-admin) .cake-site-header .cake-bound-navigation {
		justify-content: flex-start;
		width: max-content;
	}
	.cake-site-title {
		display: none;
	}
	.cake-brand-mark {
		flex-basis: 34px;
		width: 34px;
		height: 34px;
	}
	.cake-site-header .cake-user-menu-label {
		display: none;
	}
	.cake-site-header .cake-user-menu-trigger,
	.cake-site-header .cake-user-menu-login {
		width: 36px;
		padding: 5px;
	}
	.cake-admin-shell .cake-header-dashboard-search {
		width: 100%;
	}
	.cake-admin-shell .cake-header-dashboard-actions .cake-admin-icon-link,
	.cake-admin-shell .cake-header-dashboard-actions .cake-admin-notifications {
		display: none;
	}
	.cake-settings-layout {
		grid-template-columns: 1fr;
	}
	.cake-settings-rail {
		display: flex;
		overflow-x: auto;
	}
	.cake-settings-rail-label {
		display: none;
	}
	.cake-settings-rail-tab {
		flex: 0 0 auto;
		width: auto;
		white-space: nowrap;
	}
	.cake-settings-aside {
		grid-column: auto;
		grid-template-columns: 1fr;
	}
	.cake-settings-grid {
		grid-template-columns: 1fr;
	}
	.cake-settings-field-full {
		grid-column: auto;
	}
	.cake-site-footer__inner {
		align-items: flex-start;
		flex-direction: column;
	}
}

@media (max-width: 480px) {
	.cake-site-header {
		padding: 7px;
		border-radius: 15px;
	}
	.cake-site-header__inner {
		grid-template-columns: max-content minmax(0, 1fr) max-content;
		padding: 0;
	}
	.cake-admin-shell .cake-header-dashboard-search kbd {
		display: none;
	}
	.cake-settings-heading-actions .cake-settings-search,
	.cake-settings-heading-actions .cake-settings-save {
		width: 100%;
	}
}

@media (prefers-reduced-motion: reduce) {
	.cake-admin-shell::before,
	.cake-admin-shell::after,
	.cake-admin-sidebar::before {
		animation: none;
	}
}


/* ==========================================================================
   0.9.58 — Definitive canonical shell authority
   The assigned Header / Sidebar / Footer Sections are the shell.  These
   context-qualified selectors deliberately outrank legacy compatibility CSS
   without resorting to a blanket !important layer.
   ========================================================================== */

.cake-admin-shell .screen-reader-text,
.cake-site-header .screen-reader-text,
.cake-editor-preview .screen-reader-text {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	clip-path: inset(50%);
	white-space: nowrap;
	border: 0;
}

/* The reusable Header Section keeps identical markup in every context. */
body .cake-site-header.cake-reusable-shell-header .cake-site-header__inner,
.cake-editor-preview .cake-site-header.cake-reusable-shell-header .cake-site-header__inner {
	display: grid;
	grid-template-columns: minmax(max-content, 1fr) minmax(260px, 1.45fr) minmax(max-content, 1fr);
	align-items: center;
	gap: clamp(12px, 1.35vw, 24px);
	width: 100%;
	min-height: 48px;
	margin: 0;
	padding: 0 4px;
	background: transparent;
	box-shadow: none;
}

body:not(.wp-admin) .cake-site-header.cake-reusable-shell-header .cake-header-dashboard-search,
body:not(.wp-admin) .cake-site-header.cake-reusable-shell-header .cake-header-dashboard-actions,
.cake-editor-preview:not([data-cake-shell-context="dashboard"]) .cake-site-header .cake-header-dashboard-search,
.cake-editor-preview:not([data-cake-shell-context="dashboard"]) .cake-site-header .cake-header-dashboard-actions {
	display: none;
}

body:not(.wp-admin) .cake-site-header.cake-reusable-shell-header .cake-header-public-navigation {
	display: block;
}

/* Dashboard context swaps only the binding content, never the Header markup. */
.cake-admin-shell.cake-shell-context-dashboard .cake-site-header.cake-reusable-shell-header .cake-site-header__inner,
.cake-admin-shell.cake-admin-shell-dashboard .cake-site-header.cake-reusable-shell-header .cake-site-header__inner {
	display: grid;
	grid-template-columns: minmax(var(--cake-sidebar-width), 1fr) minmax(260px, 1.45fr) minmax(max-content, 1fr);
	align-items: center;
}

.cake-admin-shell.cake-shell-context-dashboard .cake-site-header .cake-header-public-navigation,
.cake-admin-shell.cake-admin-shell-dashboard .cake-site-header .cake-header-public-navigation {
	display: none;
}

.cake-admin-shell.cake-shell-context-dashboard .cake-site-header .cake-header-dashboard-search,
.cake-admin-shell.cake-admin-shell-dashboard .cake-site-header .cake-header-dashboard-search,
.cake-admin-shell.cake-shell-context-dashboard .cake-site-header .cake-header-dashboard-actions,
.cake-admin-shell.cake-admin-shell-dashboard .cake-site-header .cake-header-dashboard-actions {
	display: flex;
}

.cake-admin-shell.cake-shell-context-dashboard .cake-site-header .cake-header-centre,
.cake-admin-shell.cake-admin-shell-dashboard .cake-site-header .cake-header-centre {
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 0;
}

.cake-admin-shell.cake-shell-context-dashboard .cake-site-header .cake-header-actions,
.cake-admin-shell.cake-admin-shell-dashboard .cake-site-header .cake-header-actions {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 7px;
	min-width: 0;
}

/* Dashboard shell and assigned Sidebar Section. */
.cake-dashboard-admin-wrap .cake-admin-shell.cake-shell-context-dashboard,
.cake-dashboard-admin-wrap .cake-admin-shell.cake-admin-shell-dashboard {
	font-family: var(--cake-font-body);
	font-size: 14px;
	line-height: 1.45;
}

.cake-dashboard-admin-wrap .cake-admin-shell.cake-shell-context-dashboard .cake-admin-layout,
.cake-dashboard-admin-wrap .cake-admin-shell.cake-admin-shell-dashboard .cake-admin-layout {
	display: grid;
	grid-template-columns: var(--cake-sidebar-width) minmax(0, 1fr);
	align-items: start;
	gap: var(--cake-shell-gap);
	width: min(100%, var(--cake-shell-max));
	max-width: var(--cake-shell-max);
	margin-inline: auto;
}

.cake-dashboard-admin-wrap .cake-admin-shell.cake-shell-context-dashboard .cake-admin-sidebar,
.cake-dashboard-admin-wrap .cake-admin-shell.cake-admin-shell-dashboard .cake-admin-sidebar {
	position: sticky;
	top: calc(var(--cake-shell-outer) + var(--cake-header-height) + var(--cake-shell-gap));
	display: flex;
	flex-direction: column;
	height: calc(100vh - (var(--cake-shell-outer) * 2) - var(--cake-header-height) - var(--cake-shell-gap));
	min-height: 420px;
	padding: 9px;
	border: 0;
	border-radius: 17px;
	background-color: color-mix(in srgb, var(--cake-surface-strong) 92%, transparent);
	background-image:
		radial-gradient(circle at 6% 22%, color-mix(in srgb, var(--cake-primary) 22%, transparent), transparent 58%),
		linear-gradient(160deg, color-mix(in srgb, var(--cake-surface-strong) 98%, transparent), color-mix(in srgb, var(--cake-surface) 92%, transparent));
	box-shadow: var(--cake-shadow-panel), inset 0 1px 0 color-mix(in srgb, white 6%, transparent), inset 0 0 0 1px var(--cake-surface-line-soft);
	color: var(--cake-text);
	backdrop-filter: blur(22px) saturate(1.15);
	-webkit-backdrop-filter: blur(22px) saturate(1.15);
	overflow: hidden;
}

.cake-dashboard-admin-wrap .cake-admin-shell.cake-shell-context-dashboard .cake-admin-sidebar::before,
.cake-dashboard-admin-wrap .cake-admin-shell.cake-admin-shell-dashboard .cake-admin-sidebar::before {
	left: -34%;
	top: 7%;
	width: 118%;
	opacity: .48;
	filter: blur(24px);
}

.cake-dashboard-admin-wrap .cake-admin-shell .cake-admin-sidebar-nav {
	position: relative;
	z-index: 1;
	display: grid;
	align-content: start;
	gap: 3px;
	min-height: 0;
	padding-right: 3px;
	background: transparent;
	box-shadow: none;
	overflow-x: hidden;
	overflow-y: auto;
}

.cake-dashboard-admin-wrap .cake-admin-shell .cake-admin-sidebar-group > summary::before,
.cake-dashboard-admin-wrap .cake-admin-shell .cake-admin-sidebar-group > summary::after,
.cake-dashboard-admin-wrap .cake-admin-shell .cake-admin-sidebar-nav details > summary::before,
.cake-dashboard-admin-wrap .cake-admin-shell .cake-admin-sidebar-nav details > summary::after {
	content: none;
	display: none;
}

.cake-dashboard-admin-wrap .cake-admin-shell .cake-admin-sidebar-group > summary {
	position: relative;
	display: flex;
	align-items: center;
	min-height: 27px;
	padding: 6px 9px 5px;
	color: var(--cake-text-subtle);
	font: 720 .62rem/1 var(--cake-font-body);
	letter-spacing: .085em;
	text-transform: uppercase;
	list-style: none;
}

.cake-dashboard-admin-wrap .cake-admin-shell .cake-admin-sidebar-nav a {
	min-height: 37px;
	padding: 6px 9px;
	color: var(--cake-text-muted);
	font: 600 .72rem/1.2 var(--cake-font-body);
}

.cake-dashboard-admin-wrap .cake-admin-shell .cake-admin-sidebar-nav a > span:last-child,
.cake-dashboard-admin-wrap .cake-admin-shell .cake-admin-sidebar-nav a strong {
	color: inherit;
	font: inherit;
}

.cake-dashboard-admin-wrap .cake-admin-shell .cake-admin-sidebar-icon {
	display: grid;
	place-items: center;
	flex: 0 0 24px;
	width: 24px;
	height: 24px;
	border-radius: 7px;
	background: color-mix(in srgb, var(--cake-control) 80%, transparent);
	color: var(--cake-text-muted);
	font-size: .54rem;
	font-weight: 720;
}

.cake-dashboard-admin-wrap .cake-admin-shell .cake-admin-sidebar .cake-admin-sidebar-collapse {
	display: inline-flex;
	align-items: center;
	justify-content: flex-start;
	gap: 8px;
	width: 100%;
	min-height: 38px;
	margin-top: auto;
	padding: 8px 11px;
	border: 0;
	border-radius: 10px;
	background-color: color-mix(in srgb, var(--cake-control) 86%, transparent);
	background-image: none;
	box-shadow: inset 0 0 0 1px var(--cake-surface-line-soft);
	color: var(--cake-text-muted);
	font: 600 .69rem/1 var(--cake-font-body);
}

.cake-dashboard-admin-wrap .cake-admin-shell .cake-admin-sidebar .cake-admin-sidebar-collapse:is(:hover, :focus-visible) {
	background-color: var(--cake-control-hover);
	color: var(--cake-text);
}

/* Settings workspace. */
.cake-dashboard-admin-wrap .cake-admin-shell .cake-settings-shell {
	gap: 14px;
}

.cake-dashboard-admin-wrap .cake-admin-shell .cake-settings-heading {
	min-height: 80px;
	padding: 4px 3px 0;
}

.cake-dashboard-admin-wrap .cake-admin-shell .cake-settings-heading h2 {
	color: var(--cake-text);
	font: 760 clamp(1.55rem, 1.7vw, 1.95rem)/1.02 var(--cake-font-heading);
	letter-spacing: -.035em;
}

.cake-dashboard-admin-wrap .cake-admin-shell .cake-settings-heading p {
	color: var(--cake-text-muted);
	font-size: .72rem;
}

.cake-dashboard-admin-wrap .cake-admin-shell .cake-settings-tabs {
	gap: 14px;
	padding-inline: 8px;
}

.cake-dashboard-admin-wrap .cake-admin-shell .cake-settings-tab {
	min-height: 39px;
	padding: 8px 2px 10px;
	border: 0;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
	color: var(--cake-text-muted);
	font: 630 .72rem/1 var(--cake-font-body);
}

.cake-dashboard-admin-wrap .cake-admin-shell .cake-settings-tab.is-active {
	color: var(--cake-primary);
}

.cake-dashboard-admin-wrap .cake-admin-shell .cake-settings-layout {
	grid-template-columns: 175px minmax(0, 1fr) minmax(190px, 225px);
	gap: 14px;
}

.cake-dashboard-admin-wrap .cake-admin-shell .cake-settings-rail,
.cake-dashboard-admin-wrap .cake-admin-shell .cake-settings-card,
.cake-dashboard-admin-wrap .cake-admin-shell .cake-settings-aside-card {
	border: 0;
	background-color: color-mix(in srgb, var(--cake-surface) 94%, transparent);
	background-image: linear-gradient(150deg, color-mix(in srgb, var(--cake-surface-strong) 44%, transparent), transparent 72%);
	box-shadow: var(--cake-shadow-panel), inset 0 1px 0 color-mix(in srgb, white 5%, transparent), inset 0 0 0 1px var(--cake-surface-line-soft);
	color: var(--cake-text);
}

.cake-dashboard-admin-wrap .cake-admin-shell .cake-settings-card h3,
.cake-dashboard-admin-wrap .cake-admin-shell .cake-settings-aside-card h3 {
	color: var(--cake-text);
	font-size: .9rem;
}

.cake-dashboard-admin-wrap .cake-admin-shell .cake-settings-card p,
.cake-dashboard-admin-wrap .cake-admin-shell .cake-settings-aside-card p,
.cake-dashboard-admin-wrap .cake-admin-shell .cake-settings-description {
	color: var(--cake-text-muted);
	font-size: .66rem;
	line-height: 1.5;
}

.cake-dashboard-admin-wrap .cake-admin-shell .cake-settings-shell .cake-settings-save.cake-button-primary,
.cake-dashboard-admin-wrap .cake-admin-shell .cake-settings-shell button.cake-settings-save[type="submit"],
.cake-dashboard-admin-wrap .cake-admin-shell .cake-settings-shell .cake-button.cake-button-primary {
	background-color: var(--cake-primary);
	background-image: linear-gradient(135deg, var(--cake-primary), var(--cake-primary-strong) 58%, var(--cake-secondary));
	box-shadow: var(--cake-glow-primary), inset 0 1px 0 color-mix(in srgb, white 24%, transparent);
	color: #fff;
}

.cake-dashboard-admin-wrap .cake-admin-shell .cake-settings-shell .cake-settings-save.cake-button-primary:is(:hover, :focus-visible),
.cake-dashboard-admin-wrap .cake-admin-shell .cake-settings-shell .cake-button.cake-button-primary:is(:hover, :focus-visible) {
	filter: brightness(1.07);
	transform: translateY(-1px);
}

/* Public shell uses the same Header/Footer Sections and only changes context. */
body:not(.wp-admin) .cake-site-header.cake-reusable-shell-header,
body:not(.wp-admin) .cake-site-footer.cake-reusable-shell-footer {
	width: min(calc(100% - (var(--cake-shell-outer) * 2)), var(--cake-shell-max));
	max-width: var(--cake-shell-max);
	margin-inline: auto;
}

body:not(.wp-admin) .cake-site-header.cake-reusable-shell-header .cake-bound-navigation-placeholder {
	display: none;
}

@media (max-width: 1180px) {
	.cake-admin-shell.cake-shell-context-dashboard .cake-site-header.cake-reusable-shell-header .cake-site-header__inner,
	.cake-admin-shell.cake-admin-shell-dashboard .cake-site-header.cake-reusable-shell-header .cake-site-header__inner {
		grid-template-columns: max-content minmax(190px, 1fr) max-content;
	}

	.cake-dashboard-admin-wrap .cake-admin-shell .cake-settings-layout {
		grid-template-columns: 165px minmax(0, 1fr);
	}

	.cake-dashboard-admin-wrap .cake-admin-shell .cake-settings-aside {
		grid-column: 1 / -1;
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 900px) {
	.cake-dashboard-admin-wrap .cake-admin-shell.cake-shell-context-dashboard .cake-admin-layout,
	.cake-dashboard-admin-wrap .cake-admin-shell.cake-admin-shell-dashboard .cake-admin-layout {
		grid-template-columns: 1fr;
	}

	.cake-dashboard-admin-wrap .cake-admin-shell.cake-shell-context-dashboard .cake-admin-sidebar,
	.cake-dashboard-admin-wrap .cake-admin-shell.cake-admin-shell-dashboard .cake-admin-sidebar {
		position: relative;
		top: auto;
		height: auto;
		min-height: 0;
	}

	.cake-dashboard-admin-wrap .cake-admin-shell .cake-admin-sidebar-nav {
		display: flex;
		gap: 8px;
		overflow-x: auto;
		overflow-y: hidden;
	}

	.cake-dashboard-admin-wrap .cake-admin-shell .cake-admin-sidebar-group {
		flex: 0 0 auto;
		min-width: 190px;
	}

	.cake-dashboard-admin-wrap .cake-admin-shell .cake-admin-sidebar .cake-admin-sidebar-collapse {
		display: none;
	}
}

@media (max-width: 720px) {
	body .cake-site-header.cake-reusable-shell-header .cake-site-header__inner,
	.cake-admin-shell.cake-shell-context-dashboard .cake-site-header.cake-reusable-shell-header .cake-site-header__inner,
	.cake-admin-shell.cake-admin-shell-dashboard .cake-site-header.cake-reusable-shell-header .cake-site-header__inner {
		grid-template-columns: max-content minmax(0, 1fr) max-content;
		gap: 8px;
	}

	.cake-dashboard-admin-wrap .cake-admin-shell .cake-settings-layout {
		grid-template-columns: 1fr;
	}

	.cake-dashboard-admin-wrap .cake-admin-shell .cake-settings-aside {
		grid-column: auto;
		grid-template-columns: 1fr;
	}
}

/* Public Header Section positioning reset. Legacy theme styles centred the
   header with left:50%/translateX(-50%), which clipped half the canonical
   Section as soon as it became the real shell. */
body:not(.wp-admin) .wp-site-blocks > .cake-site-header.cake-reusable-shell-header,
body:not(.wp-admin) .cake-site-header.cake-reusable-shell-header {
	position: sticky;
	top: var(--cake-shell-outer);
	left: auto;
	right: auto;
	z-index: 220;
	display: block;
	width: min(calc(100% - (var(--cake-shell-outer) * 2)), var(--cake-shell-max));
	max-width: var(--cake-shell-max);
	margin: var(--cake-shell-outer) auto var(--cake-shell-gap);
	padding: 8px 10px;
	border: 0;
	border-radius: 18px;
	transform: none;
	background-color: color-mix(in srgb, var(--cake-surface-strong) 92%, transparent);
	background-image: linear-gradient(145deg, color-mix(in srgb, var(--cake-surface-strong) 97%, transparent), color-mix(in srgb, var(--cake-surface) 91%, transparent));
	box-shadow: var(--cake-shadow-panel), inset 0 1px 0 color-mix(in srgb, white 8%, transparent), inset 0 0 0 1px var(--cake-surface-line-soft);
}

body:not(.wp-admin) .cake-site-header.cake-reusable-shell-header .cake-brand,
body:not(.wp-admin) .cake-site-header.cake-reusable-shell-header .cake-brand-link {
	position: static;
	left: auto;
	right: auto;
	transform: none;
}

body:not(.wp-admin) .cake-site-header.cake-reusable-shell-header .cake-header-actions {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 7px;
	min-width: 0;
}

body:not(.wp-admin) .cake-site-header.cake-reusable-shell-header .cake-header-centre {
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 0;
}

@media (max-width: 720px) {
	body:not(.wp-admin) .wp-site-blocks > .cake-site-header.cake-reusable-shell-header,
	body:not(.wp-admin) .cake-site-header.cake-reusable-shell-header {
		top: 8px;
		width: calc(100% - 16px);
		margin: 8px auto 12px;
		padding: 7px 8px;
	}
}

/* Final shell sizing lives on the context root so old generated token blocks
   cannot silently restore the pre-rewrite 280px sidebar. */
.cake-admin-shell.cake-shell-context-dashboard,
.cake-admin-shell.cake-admin-shell-dashboard {
	--cake-sidebar-width: clamp(232px, 15vw, 258px);
}

@media (max-width: 720px) {
	body:not(.wp-admin) .cake-site-header.cake-reusable-shell-header .cake-site-title,
	body:not(.wp-admin) .cake-site-header.cake-reusable-shell-header .cake-user-menu-label {
		display: none;
	}

	body:not(.wp-admin) .cake-site-header.cake-reusable-shell-header .cake-brand-mark {
		flex-basis: 34px;
		width: 34px;
		height: 34px;
	}

	body:not(.wp-admin) .cake-site-header.cake-reusable-shell-header .cake-header-public-navigation {
		overflow-x: auto;
		overflow-y: hidden;
		scrollbar-width: none;
	}

	body:not(.wp-admin) .cake-site-header.cake-reusable-shell-header .cake-header-public-navigation::-webkit-scrollbar {
		display: none;
	}
}

/* ========================================================================== 
   0.9.59 — Visual fidelity and production polish
   This pass is intentionally concrete: it normalises real dashboard pages,
   the full-screen editor, media/file rows, and legacy public page content.
   ========================================================================== */

:root {
	--cake-shell-max: 1640px;
	--cake-shell-outer: clamp(12px, 1.2vw, 20px);
	--cake-shell-gap: 16px;
	--cake-sidebar-width: clamp(232px, 15vw, 258px);
	--cake-header-height: 68px;
	--cake-control-height: 42px;
	--cake-panel-pad: clamp(18px, 1.55vw, 26px);
}

/* Dashboard frame ------------------------------------------------------- */
.cake-dashboard-admin-wrap .cake-admin-shell.cake-shell-context-dashboard,
.cake-dashboard-admin-wrap .cake-admin-shell.cake-admin-shell-dashboard {
	min-height: 100vh;
	padding: var(--cake-shell-outer);
	background:
		radial-gradient(circle at 2% 12%, color-mix(in srgb, var(--cake-primary) 11%, transparent), transparent 31rem),
		radial-gradient(circle at 98% 7%, color-mix(in srgb, var(--cake-secondary) 9%, transparent), transparent 38rem),
		linear-gradient(148deg, var(--cake-page), var(--cake-page-alt));
	overflow: visible;
}

.cake-dashboard-admin-wrap .cake-admin-shell.cake-shell-context-dashboard > .cake-site-header,
.cake-dashboard-admin-wrap .cake-admin-shell.cake-admin-shell-dashboard > .cake-site-header {
	position: sticky;
	top: var(--cake-shell-outer);
	z-index: 500;
	width: min(100%, var(--cake-shell-max));
	min-height: var(--cake-header-height);
	margin: 0 auto var(--cake-shell-gap);
	padding: 6px 10px;
	border-radius: 15px;
	background:
		linear-gradient(145deg, color-mix(in srgb, var(--cake-surface-strong) 98%, transparent), color-mix(in srgb, var(--cake-surface) 92%, transparent));
	box-shadow:
		0 18px 48px color-mix(in srgb, black 26%, transparent),
		inset 0 1px 0 color-mix(in srgb, white 8%, transparent),
		inset 0 0 0 1px var(--cake-surface-line-soft);
}

.cake-dashboard-admin-wrap .cake-admin-shell .cake-site-header__inner {
	grid-template-columns: minmax(190px, 1fr) minmax(300px, 430px) minmax(320px, 1fr);
	min-height: 54px;
	gap: 16px;
}

.cake-dashboard-admin-wrap .cake-admin-shell .cake-brand-link {
	gap: 8px;
}

.cake-dashboard-admin-wrap .cake-admin-shell .cake-brand-mark {
	flex: 0 0 38px;
	width: 38px;
	height: 38px;
	border-radius: 9px;
}

.cake-dashboard-admin-wrap .cake-admin-shell .cake-site-title {
	font-size: 19px;
	font-weight: 780;
}

.cake-dashboard-admin-wrap .cake-admin-shell .cake-admin-global-search {
	height: 40px;
	border-radius: 11px;
}

.cake-dashboard-admin-wrap .cake-admin-shell .cake-admin-topbar-link,
.cake-dashboard-admin-wrap .cake-admin-shell .cake-admin-icon-link,
.cake-dashboard-admin-wrap .cake-admin-shell .cake-admin-notifications > summary {
	min-height: 40px;
	border-radius: 11px;
}

.cake-dashboard-admin-wrap .cake-admin-shell .cake-user-menu-trigger,
.cake-dashboard-admin-wrap .cake-admin-shell .cake-user-menu-login {
	min-height: 40px;
	padding: 5px 12px 5px 6px;
	border-radius: 11px;
}

.cake-dashboard-admin-wrap .cake-admin-shell .cake-admin-layout {
	grid-template-columns: var(--cake-sidebar-width) minmax(0, 1fr);
	gap: var(--cake-shell-gap);
	width: min(100%, var(--cake-shell-max));
	margin-inline: auto;
}

.cake-dashboard-admin-wrap .cake-admin-shell .cake-admin-sidebar {
	top: calc(var(--cake-shell-outer) + var(--cake-header-height) + var(--cake-shell-gap));
	height: calc(100vh - (var(--cake-shell-outer) * 2) - var(--cake-header-height) - var(--cake-shell-gap));
	padding: 8px;
	border-radius: 15px;
	background:
		radial-gradient(circle at -4% 24%, color-mix(in srgb, var(--cake-primary) 30%, transparent), transparent 58%),
		linear-gradient(160deg, color-mix(in srgb, var(--cake-surface-strong) 98%, transparent), color-mix(in srgb, var(--cake-surface) 92%, transparent));
	box-shadow:
		0 18px 46px color-mix(in srgb, black 25%, transparent),
		inset 0 1px 0 color-mix(in srgb, white 7%, transparent),
		inset 0 0 0 1px var(--cake-surface-line-soft);
}

.cake-dashboard-admin-wrap .cake-admin-shell .cake-admin-sidebar-nav {
	gap: 2px;
	padding: 0 2px 4px 0;
	scrollbar-gutter: stable;
}

.cake-dashboard-admin-wrap .cake-admin-shell .cake-admin-sidebar-group {
	margin: 0;
}

.cake-dashboard-admin-wrap .cake-admin-shell .cake-admin-sidebar-group > summary {
	min-height: 32px;
	padding: 9px 10px 6px;
	font-size: 11.5px;
	font-weight: 760;
	letter-spacing: .085em;
	color: var(--cake-text-subtle);
}

.cake-dashboard-admin-wrap .cake-admin-shell .cake-admin-sidebar-group > summary::marker {
	content: "";
}

.cake-dashboard-admin-wrap .cake-admin-shell .cake-admin-sidebar-group > summary::after {
	content: "\2304";
	display: inline-block;
	margin-left: auto;
	font-size: 10px;
	color: var(--cake-text-subtle);
	transform: rotate(-90deg);
	transition: transform .16s ease;
}

.cake-dashboard-admin-wrap .cake-admin-shell .cake-admin-sidebar-group[open] > summary::after {
	transform: rotate(0);
}

.cake-dashboard-admin-wrap .cake-admin-shell .cake-admin-sidebar-group-items {
	display: grid;
	gap: 2px;
	padding-bottom: 5px;
}

.cake-dashboard-admin-wrap .cake-admin-shell .cake-admin-sidebar-nav a {
	position: relative;
	min-height: 40px;
	padding: 7px 10px;
	border-radius: 10px;
	gap: 10px;
	font-size: 12.5px;
	font-weight: 600;
	color: var(--cake-text-muted);
	box-shadow: none;
}

.cake-dashboard-admin-wrap .cake-admin-shell .cake-admin-sidebar-nav a::before {
	content: "";
	position: absolute;
	left: 0;
	top: 8px;
	bottom: 8px;
	width: 2px;
	border-radius: 999px;
	background: linear-gradient(var(--cake-primary), var(--cake-secondary));
	transform: scaleY(0);
	transition: transform .16s ease;
}

.cake-dashboard-admin-wrap .cake-admin-shell .cake-admin-sidebar-nav a:is(:hover, :focus-visible) {
	background: color-mix(in srgb, var(--cake-primary) 7%, var(--cake-control));
	color: var(--cake-text);
}

.cake-dashboard-admin-wrap .cake-admin-shell .cake-admin-sidebar-nav a.is-active {
	background:
		linear-gradient(90deg, color-mix(in srgb, var(--cake-primary) 20%, transparent), color-mix(in srgb, var(--cake-secondary) 8%, var(--cake-control)));
	color: var(--cake-text);
	box-shadow: 0 9px 24px color-mix(in srgb, var(--cake-primary) 18%, transparent);
}

.cake-dashboard-admin-wrap .cake-admin-shell .cake-admin-sidebar-nav a.is-active::before {
	transform: scaleY(1);
}

.cake-dashboard-admin-wrap .cake-admin-shell .cake-admin-sidebar-icon {
	flex: 0 0 26px;
	width: 26px;
	height: 26px;
	border-radius: 7px;
	background: color-mix(in srgb, var(--cake-control) 78%, transparent);
	color: var(--cake-text-muted);
}

.cake-dashboard-admin-wrap .cake-admin-shell .cake-admin-sidebar-icon svg {
	width: 15px;
	height: 15px;
	stroke-width: 1.65;
}

.cake-dashboard-admin-wrap .cake-admin-shell .cake-admin-sidebar-nav a.is-active .cake-admin-sidebar-icon {
	background: linear-gradient(145deg, color-mix(in srgb, var(--cake-primary) 28%, transparent), color-mix(in srgb, var(--cake-secondary) 18%, transparent));
	color: #fff;
	box-shadow: 0 7px 18px color-mix(in srgb, var(--cake-primary) 24%, transparent);
}

.cake-dashboard-admin-wrap .cake-admin-shell .cake-sidebar-dot-yellow {
	display: none;
}

.cake-dashboard-admin-wrap .cake-admin-shell .cake-admin-sidebar-collapse {
	min-height: 40px;
	border-radius: 10px;
	font-size: 12px;
}

.cake-dashboard-admin-wrap .cake-admin-shell .cake-admin-main {
	display: grid;
	align-content: start;
	gap: 12px;
	min-width: 0;
	padding: 0;
}

/* Canonical page heading ------------------------------------------------ */
.cake-dashboard-admin-wrap .cake-admin-shell .cake-dashboard-welcome {
	position: relative;
	min-height: 92px;
	margin: 0;
	padding: 18px 21px;
	border: 0;
	border-radius: 16px;
	background:
		radial-gradient(circle at 89% 18%, color-mix(in srgb, var(--cake-secondary) 12%, transparent), transparent 30%),
		linear-gradient(145deg, color-mix(in srgb, var(--cake-surface-strong) 96%, transparent), color-mix(in srgb, var(--cake-surface) 92%, transparent));
	box-shadow:
		0 18px 46px color-mix(in srgb, black 20%, transparent),
		inset 0 1px 0 color-mix(in srgb, white 6%, transparent),
		inset 0 0 0 1px var(--cake-surface-line-soft);
}

.cake-dashboard-admin-wrap .cake-admin-shell .cake-dashboard-welcome::after {
	content: "";
	position: absolute;
	left: 20px;
	right: 20px;
	bottom: 0;
	height: 1px;
	background: linear-gradient(90deg, var(--cake-primary), color-mix(in srgb, var(--cake-secondary) 55%, transparent), transparent 72%);
}

.cake-dashboard-admin-wrap .cake-admin-shell .cake-dashboard-welcome h1 {
	margin: 2px 0 3px;
	font-size: clamp(24px, 2vw, 31px);
	font-weight: 770;
	line-height: 1.03;
	letter-spacing: -.035em;
	color: var(--cake-text);
}

.cake-dashboard-admin-wrap .cake-admin-shell .cake-dashboard-welcome p:not(.cake-dashboard-kicker) {
	max-width: 720px;
	margin: 0;
	font-size: 11px;
	line-height: 1.55;
	color: var(--cake-text-muted);
}

.cake-dashboard-admin-wrap .cake-admin-shell .cake-dashboard-kicker {
	margin: 0;
	font-size: 9.5px;
	font-weight: 780;
	letter-spacing: .11em;
	color: var(--cake-primary);
}

.cake-dashboard-admin-wrap .cake-admin-shell .cake-dashboard-welcome-actions {
	gap: 8px;
}

/* Generic dashboard surfaces ------------------------------------------- */
.cake-dashboard-admin-wrap .cake-admin-shell :is(
	.cake-dashboard-panel,
	.cake-site-content-panel,
	.cake-site-media-panel,
	.cake-management-panel,
	.cake-dashboard-member-tools,
	.cake-loop-left-rail,
	.cake-loop-page-rail,
	.cake-loop-main
) {
	position: relative;
	margin: 0;
	padding: var(--cake-panel-pad);
	border: 0;
	border-radius: 16px;
	background:
		linear-gradient(150deg, color-mix(in srgb, var(--cake-surface-strong) 38%, transparent), transparent 66%),
		color-mix(in srgb, var(--cake-surface) 95%, transparent);
	box-shadow:
		0 16px 42px color-mix(in srgb, black 17%, transparent),
		inset 0 1px 0 color-mix(in srgb, white 5%, transparent),
		inset 0 0 0 1px var(--cake-surface-line-soft);
	color: var(--cake-text);
}

.cake-dashboard-admin-wrap .cake-admin-shell :is(
	.cake-dashboard-panel,
	.cake-site-content-panel,
	.cake-site-media-panel,
	.cake-management-panel
)::after {
	content: "";
	position: absolute;
	left: 18px;
	right: 18px;
	bottom: 0;
	height: 1px;
	background: linear-gradient(90deg, transparent, var(--cake-separator), transparent);
	pointer-events: none;
}

.cake-dashboard-admin-wrap .cake-admin-shell .cake-admin-section-heading h2 {
	margin: 0;
	font-size: 18px;
	font-weight: 750;
	line-height: 1.15;
	color: var(--cake-text);
}

.cake-dashboard-admin-wrap .cake-admin-shell .cake-admin-section-heading p {
	color: var(--cake-text-muted);
}

/* Tabs are tabs, not grey pills. */
.cake-dashboard-admin-wrap .cake-admin-shell .cake-content-tabs {
	position: relative;
	display: flex;
	align-items: flex-end;
	gap: 24px;
	margin: 0;
	padding: 0 2px 11px;
	border: 0;
	overflow-x: auto;
}

.cake-dashboard-admin-wrap .cake-admin-shell .cake-content-tabs::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 1px;
	background: linear-gradient(90deg, var(--cake-separator), transparent 86%);
}

.cake-dashboard-admin-wrap .cake-admin-shell .cake-content-tab {
	position: relative;
	flex: 0 0 auto;
	min-height: 34px;
	padding: 7px 0 8px;
	border: 0;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
	color: var(--cake-text-muted);
	font-size: 11.5px;
	font-weight: 650;
}

.cake-dashboard-admin-wrap .cake-admin-shell .cake-content-tab::after {
	left: 0;
	right: 0;
	bottom: -11px;
	height: 2px;
	border-radius: 999px;
	background: linear-gradient(90deg, var(--cake-primary), var(--cake-secondary));
	transform: scaleX(0);
	transform-origin: left;
}

.cake-dashboard-admin-wrap .cake-admin-shell .cake-content-tab.is-active {
	color: var(--cake-primary);
}

.cake-dashboard-admin-wrap .cake-admin-shell .cake-content-tab.is-active::after {
	transform: scaleX(1);
}

.cake-dashboard-admin-wrap .cake-admin-shell .cake-tab-count {
	min-width: 20px;
	height: 20px;
	padding: 0 5px;
	margin-left: 4px;
	font-size: 10px;
	background: color-mix(in srgb, var(--cake-primary) 12%, var(--cake-control));
	color: var(--cake-primary);
}

/* Media workspace ------------------------------------------------------- */
.cake-dashboard-admin-wrap .cake-admin-shell .cake-site-media-panel {
	display: grid;
	gap: 14px;
}

.cake-dashboard-admin-wrap .cake-admin-shell .cake-media-workspace-toolbar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	min-height: 38px;
}

.cake-dashboard-admin-wrap .cake-admin-shell .cake-media-workspace-summary {
	margin: 2px 0 0;
	font-size: 11px;
	color: var(--cake-text-muted);
}

.cake-dashboard-admin-wrap .cake-admin-shell .cake-media-tabs-row {
	align-items: flex-end;
	margin: 0;
}

.cake-dashboard-admin-wrap .cake-admin-shell .cake-media-view-toggle {
	align-self: center;
	padding: 3px;
	border-radius: 9px;
	background: var(--cake-control);
	box-shadow: inset 0 0 0 1px var(--cake-separator);
}

.cake-dashboard-admin-wrap .cake-admin-shell .cake-view-btn {
	width: 30px;
	height: 28px;
	border-radius: 7px;
	color: var(--cake-text-muted);
}

.cake-dashboard-admin-wrap .cake-admin-shell .cake-view-btn.is-active {
	background: var(--cake-surface-strong);
	color: var(--cake-primary);
	box-shadow: var(--cake-shadow-control);
}

.cake-dashboard-admin-wrap .cake-admin-shell .cake-fe-inline {
	margin: 0;
	border: 0;
	border-radius: 13px;
	background: color-mix(in srgb, var(--cake-surface-strong) 86%, transparent);
	box-shadow: inset 0 0 0 1px var(--cake-surface-line-soft);
	overflow: hidden;
}

.cake-dashboard-admin-wrap .cake-admin-shell .cake-fe-toolbar,
.cake-dashboard-admin-wrap .cake-admin-shell .cake-fe-breadcrumb {
	padding: 10px 14px;
	color: var(--cake-text-muted);
}

.cake-dashboard-admin-wrap .cake-admin-shell .cake-fe-list {
	min-height: 240px;
	max-height: calc(100vh - 420px);
	padding: 6px 12px 12px;
}

.cake-dashboard-admin-wrap .cake-admin-shell .cake-fe-entry {
	grid-template-columns: 22px minmax(0,1fr) auto auto;
	min-height: 42px;
	padding: 7px 8px;
	border-radius: 9px;
	color: var(--cake-text);
}

.cake-dashboard-admin-wrap .cake-admin-shell .cake-fe-entry:hover {
	background: color-mix(in srgb, var(--cake-primary) 6%, var(--cake-control));
}

.cake-dashboard-admin-wrap .cake-admin-shell .cake-fe-name,
.cake-dashboard-admin-wrap .cake-admin-shell .cake-fe-name :is(a,button) {
	color: var(--cake-text);
	font-size: 11.5px;
	font-weight: 610;
}

.cake-dashboard-admin-wrap .cake-admin-shell .cake-fe-meta,
.cake-dashboard-admin-wrap .cake-admin-shell .cake-fe-status,
.cake-dashboard-admin-wrap .cake-admin-shell .cake-storage-usage {
	color: var(--cake-text-muted);
	font-size: 10px;
}

.cake-dashboard-admin-wrap .cake-admin-shell .cake-fe-icon {
	color: var(--cake-text-muted);
}

.cake-dashboard-admin-wrap .cake-admin-shell .cake-fe-folder-entry .cake-fe-icon {
	color: color-mix(in srgb, var(--cake-secondary-strong) 78%, white);
}

.cake-dashboard-admin-wrap .cake-admin-shell .cake-media-cards .cake-media-item,
.cake-dashboard-admin-wrap .cake-admin-shell .cake-media-rows .cake-media-item {
	background: color-mix(in srgb, var(--cake-surface-soft) 94%, transparent);
	color: var(--cake-text);
	box-shadow: inset 0 0 0 1px var(--cake-surface-line-soft);
}

.cake-dashboard-admin-wrap .cake-admin-shell .cake-media-info strong {
	color: var(--cake-text);
}

/* Settings fidelity ----------------------------------------------------- */
.cake-dashboard-admin-wrap .cake-admin-shell .cake-settings-heading {
	min-height: 68px;
	padding: 2px 2px 0;
}

.cake-dashboard-admin-wrap .cake-admin-shell .cake-settings-heading h2 {
	font-size: clamp(24px, 2vw, 31px);
}

.cake-dashboard-admin-wrap .cake-admin-shell .cake-settings-heading-actions {
	gap: 8px;
}

.cake-dashboard-admin-wrap .cake-admin-shell .cake-settings-layout {
	grid-template-columns: 170px minmax(0, 1fr) minmax(190px, 220px);
	gap: 12px;
}

.cake-dashboard-admin-wrap .cake-admin-shell .cake-settings-rail,
.cake-dashboard-admin-wrap .cake-admin-shell .cake-settings-card,
.cake-dashboard-admin-wrap .cake-admin-shell .cake-settings-aside-card {
	border-radius: 14px;
	background:
		linear-gradient(150deg, color-mix(in srgb, var(--cake-surface-strong) 38%, transparent), transparent 70%),
		color-mix(in srgb, var(--cake-surface) 95%, transparent);
	box-shadow:
		0 15px 38px color-mix(in srgb, black 16%, transparent),
		inset 0 1px 0 color-mix(in srgb, white 5%, transparent),
		inset 0 0 0 1px var(--cake-surface-line-soft);
}

.cake-dashboard-admin-wrap .cake-admin-shell .cake-settings-rail {
	padding: 6px;
}

.cake-dashboard-admin-wrap .cake-admin-shell .cake-settings-rail-tab {
	min-height: 36px;
	padding: 8px 10px;
	border-radius: 9px;
	font-size: 11.5px;
	color: var(--cake-text-muted);
}

.cake-dashboard-admin-wrap .cake-admin-shell .cake-settings-rail-tab.is-active {
	background: linear-gradient(90deg, color-mix(in srgb, var(--cake-primary) 16%, transparent), color-mix(in srgb, var(--cake-primary) 5%, transparent));
	color: var(--cake-primary);
	box-shadow: none;
}

.cake-dashboard-admin-wrap .cake-admin-shell .cake-settings-card,
.cake-dashboard-admin-wrap .cake-admin-shell .cake-settings-aside-card {
	padding: 16px;
}

/* Full-screen editor ---------------------------------------------------- */
body.cake-editor-fullscreen {
	margin: 0 !important;
	padding: 0 !important;
	overflow: hidden !important;
	background: var(--cake-page) !important;
}

body.cake-editor-fullscreen #adminmenumain,
body.cake-editor-fullscreen #wpadminbar,
body.cake-editor-fullscreen #wpfooter {
	display: none !important;
}

body.cake-editor-fullscreen #wpwrap,
body.cake-editor-fullscreen #wpcontent,
body.cake-editor-fullscreen #wpbody,
body.cake-editor-fullscreen #wpbody-content {
	position: static !important;
	float: none !important;
	width: 100% !important;
	max-width: none !important;
	height: 100% !important;
	min-height: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
}

body.cake-editor-fullscreen .cake-editor-form {
	position: fixed;
	inset: 0;
	z-index: 100000;
	width: auto;
	height: auto;
	margin: 0;
}

body.cake-editor-fullscreen .cake-editor-app {
	display: grid;
	grid-template-rows: 58px 66px minmax(0, 1fr);
	width: 100%;
	height: 100%;
	min-height: 0;
	padding: 8px;
	gap: 8px;
	background:
		radial-gradient(circle at 2% 7%, color-mix(in srgb, var(--cake-primary) 10%, transparent), transparent 28rem),
		radial-gradient(circle at 98% 4%, color-mix(in srgb, var(--cake-secondary) 8%, transparent), transparent 34rem),
		linear-gradient(148deg, var(--cake-page), var(--cake-page-alt));
}

body.cake-editor-fullscreen .cake-editor-branding,
body.cake-editor-fullscreen .cake-editor-header {
	margin: 0;
	padding: 6px 12px;
	border-radius: 14px;
	background: color-mix(in srgb, var(--cake-surface-strong) 94%, transparent);
	box-shadow:
		0 14px 38px color-mix(in srgb, black 22%, transparent),
		inset 0 1px 0 color-mix(in srgb, white 6%, transparent),
		inset 0 0 0 1px var(--cake-surface-line-soft);
}

body.cake-editor-fullscreen .cake-editor-branding {
	min-height: 58px;
}

body.cake-editor-fullscreen .cake-editor-logo {
	width: 36px;
	height: 36px;
}

body.cake-editor-fullscreen .cake-editor-brand-name {
	font-size: 19px;
	color: var(--cake-text);
}

body.cake-editor-fullscreen .cake-editor-user-pill {
	min-height: 38px;
	padding: 7px 12px;
	border-radius: 11px;
	background: var(--cake-control);
	box-shadow: inset 0 0 0 1px var(--cake-separator);
	color: var(--cake-text);
	font-size: 10px;
}

body.cake-editor-fullscreen .cake-editor-header {
	min-height: 66px;
	gap: 14px;
}

body.cake-editor-fullscreen .cake-editor-back,
body.cake-editor-fullscreen .cake-editor-title-label,
body.cake-editor-fullscreen .cake-editor-save-status {
	font-size: 11.5px;
}

body.cake-editor-fullscreen .cake-editor-body {
	display: grid;
	grid-template-columns: 304px minmax(0, 1fr);
	gap: 8px;
	min-width: 0;
	min-height: 0;
	padding: 0;
}

body.cake-editor-fullscreen .cake-editor-sidebar,
body.cake-editor-fullscreen .cake-editor-main {
	height: 100%;
	min-height: 0;
	border-radius: 14px;
	background: color-mix(in srgb, var(--cake-surface) 95%, transparent);
	box-shadow:
		0 14px 38px color-mix(in srgb, black 19%, transparent),
		inset 0 1px 0 color-mix(in srgb, white 5%, transparent),
		inset 0 0 0 1px var(--cake-surface-line-soft);
}

body.cake-editor-fullscreen .cake-editor-sidebar {
	display: flex;
	width: auto;
	max-width: none;
	padding: 0;
	overflow: hidden;
}

body.cake-editor-fullscreen .cake-editor-sidebar-mode-tabs {
	margin: 8px 10px 0;
	padding: 3px;
	border-radius: 9px;
	background: var(--cake-control);
}

body.cake-editor-fullscreen .cake-editor-sidebar-mode-tabs button {
	min-height: 36px;
	border-radius: 8px;
	font-size: 12px;
}

body.cake-editor-fullscreen .cake-editor-sidebar-tabs {
	padding: 8px 10px 0;
}

body.cake-editor-fullscreen .cake-sidebar-tab {
	padding: 10px 12px;
	font-size: 12px;
}

body.cake-editor-fullscreen .cake-sidebar-panel {
	padding: 12px;
	background: transparent;
}

body.cake-editor-fullscreen .cake-section-editor-notice {
	margin: 0 0 10px;
	padding: 10px 11px;
	border: 0;
	border-radius: 11px;
	background: color-mix(in srgb, var(--cake-primary) 7%, var(--cake-control));
	box-shadow: inset 0 0 0 1px var(--cake-separator);
}

body.cake-editor-fullscreen .cake-section-editor-notice strong {
	font-size: 13px;
	color: var(--cake-text);
}

body.cake-editor-fullscreen .cake-section-editor-notice span {
	font-size: 11.5px;
	color: var(--cake-text-muted);
}

body.cake-editor-fullscreen .cake-file-item,
body.cake-editor-fullscreen .cake-panel-link {
	min-height: 34px;
	padding: 7px 9px;
	border-radius: 8px;
	font-size: 11.5px;
	color: var(--cake-text-muted);
}

body.cake-editor-fullscreen .cake-file-item.is-active {
	padding-left: 8px;
	border-left: 0;
	background: linear-gradient(90deg, color-mix(in srgb, var(--cake-primary) 15%, transparent), color-mix(in srgb, var(--cake-primary) 4%, transparent));
	color: var(--cake-primary);
	box-shadow: inset 2px 0 0 var(--cake-primary);
}

body.cake-editor-fullscreen .cake-panel-heading {
	padding: 10px 0;
	font-size: 13px;
	color: var(--cake-text);
}

body.cake-editor-fullscreen .cake-editor-main {
	display: grid;
	grid-template-rows: 48px minmax(0,1fr);
	overflow: hidden;
	background: color-mix(in srgb, var(--cake-surface) 78%, transparent);
}

body.cake-editor-fullscreen .cake-editor-view-tabs {
	min-height: 48px;
	padding: 0 15px;
	border: 0;
	background: color-mix(in srgb, var(--cake-surface-strong) 86%, transparent);
	box-shadow: inset 0 -1px 0 var(--cake-separator);
}

body.cake-editor-fullscreen .cake-view-tab {
	padding: 12px 12px;
	font-size: 12px;
}

body.cake-editor-fullscreen .cake-editor-canvas-area {
	display: block;
	min-width: 0;
	min-height: 0;
	padding: 14px;
	background:
		radial-gradient(circle at 70% 0%, color-mix(in srgb, var(--cake-secondary) 9%, transparent), transparent 42%),
		color-mix(in srgb, var(--cake-page-alt) 70%, var(--cake-page));
	overflow: hidden;
}

body.cake-editor-fullscreen .cake-editor-canvas,
body.cake-editor-fullscreen .cake-editor-visual {
	position: relative;
	inset: auto;
	width: 100%;
	height: 100%;
	min-width: 0;
	min-height: 0;
	padding: 0;
	border-radius: 12px;
	overflow: auto;
}

body.cake-editor-fullscreen .cake-editor-visual {
	display: none;
	align-items: flex-start;
	justify-content: center;
	background: color-mix(in srgb, var(--cake-page) 62%, transparent);
	box-shadow: inset 0 0 0 1px var(--cake-surface-line-soft);
}

body.cake-editor-fullscreen .cake-editor-visual.is-active {
	display: flex;
}

body.cake-editor-fullscreen .cake-editor-visual iframe {
	display: block;
	flex: 0 0 auto;
	width: 100%;
	max-width: 100%;
	height: 100%;
	min-height: 100%;
	border: 0;
	border-radius: 0;
	background: var(--cake-page);
	box-shadow: none;
}

body.cake-editor-fullscreen .cake-editor-visual[data-cake-device="desktop"] {
	padding: 0;
}

body.cake-editor-fullscreen .cake-editor-visual[data-cake-device="desktop"] iframe {
	width: 100% !important;
	max-width: 100% !important;
	border-radius: 0;
}

body.cake-editor-fullscreen .cake-editor-visual[data-cake-device="tablet"],
body.cake-editor-fullscreen .cake-editor-visual[data-cake-device="mobile"] {
	padding: 18px;
}

body.cake-editor-fullscreen .cake-editor-visual[data-cake-device="tablet"] iframe {
	width: 768px !important;
	max-width: min(768px, 100%) !important;
	border-radius: 16px;
	box-shadow: 0 22px 58px color-mix(in srgb, black 30%, transparent);
}

body.cake-editor-fullscreen .cake-editor-visual[data-cake-device="mobile"] iframe {
	width: 390px !important;
	max-width: min(390px, 100%) !important;
	border-radius: 22px;
	box-shadow: 0 22px 58px color-mix(in srgb, black 32%, transparent);
}

/* Editor iframe shell should not inherit the dark canvas as a fake page. */
body.cake-editor-preview-body {
	margin: 0;
	padding: 0;
	background: var(--cake-page);
	color: var(--cake-text);
}

body.cake-editor-preview-body .wp-site-blocks {
	min-height: 100vh;
}

body.cake-editor-preview-body .cake-reusable-shell-header {
	position: relative;
	top: auto;
	width: calc(100% - 24px);
	margin: 12px auto;
}

/* Public content rehabilitation ----------------------------------------- */
body:not(.wp-admin) {
	background:
		radial-gradient(circle at 2% 8%, color-mix(in srgb, var(--cake-primary) 13%, transparent), transparent 30rem),
		radial-gradient(circle at 98% 4%, color-mix(in srgb, var(--cake-secondary) 11%, transparent), transparent 34rem),
		linear-gradient(148deg, var(--cake-page), var(--cake-page-alt));
	color: var(--cake-text);
}

body:not(.wp-admin) .cake-main,
body:not(.wp-admin) .cake-front-page {
	background: transparent;
}

body:not(.wp-admin) .cake-page-content {
	width: min(calc(100% - 24px), 1400px);
	margin-inline: auto;
	padding: 0 0 32px;
	color: var(--cake-text);
}

body:not(.wp-admin) .cake-page-content :is(h1,h2,h3,h4,h5,h6) {
	color: var(--cake-text);
	text-shadow: none;
}

body:not(.wp-admin) .cake-page-content :is(p,li,figcaption,small) {
	color: var(--cake-text-muted);
}

body:not(.wp-admin) .cake-page-content > :is(.wp-block-cover,.wp-block-group,.wp-block-columns,.featured-section,.community-card),
body:not(.wp-admin) .cake-page-content > [class*="hero"],
body:not(.wp-admin) .cake-page-content > [class*="section"] {
	border: 0;
	border-radius: 18px;
	box-shadow:
		0 18px 50px color-mix(in srgb, black 16%, transparent),
		inset 0 1px 0 color-mix(in srgb, white 5%, transparent),
		inset 0 0 0 1px var(--cake-surface-line-soft);
}

/* Legacy page CSS frequently painted the hero solid pink and headings white.
   Keep the structure, but let the adaptive framework own the surface. */
body:not(.wp-admin) .cake-page-content > :first-child:not(.cake-notice):not(p) {
	background:
		radial-gradient(circle at 86% 15%, color-mix(in srgb, var(--cake-primary) 17%, transparent), transparent 34%),
		linear-gradient(145deg, color-mix(in srgb, var(--cake-surface-strong) 97%, transparent), color-mix(in srgb, var(--cake-surface) 92%, transparent));
	color: var(--cake-text);
}

body:not(.wp-admin) .cake-page-content > :first-child:not(.cake-notice):not(p) :is(h1,h2,h3,p) {
	color: var(--cake-text);
}

body:not(.wp-admin) .cake-page-content .featured-section,
body:not(.wp-admin) .cake-page-content [class*="featured"] {
	background: transparent;
}

body:not(.wp-admin) .cake-page-content .community-card,
body:not(.wp-admin) .cake-page-content [class*="community-card"] {
	background:
		linear-gradient(145deg, color-mix(in srgb, var(--cake-surface-strong) 45%, transparent), transparent 70%),
		var(--cake-surface);
	color: var(--cake-text);
}

body:not(.wp-admin) .cake-page-content .community-card :is(h2,h3,strong),
body:not(.wp-admin) .cake-page-content [class*="community-card"] :is(h2,h3,strong) {
	color: var(--cake-text);
}

body:not(.wp-admin) .cake-page-content .community-card :is(p,span),
body:not(.wp-admin) .cake-page-content [class*="community-card"] :is(p,span) {
	color: var(--cake-text-muted);
}

body:not(.wp-admin) .cake-page-content > p.has-background,
body:not(.wp-admin) .cake-page-content .cake-notice {
	background:
		linear-gradient(90deg, color-mix(in srgb, var(--cake-primary) 18%, transparent), color-mix(in srgb, var(--cake-secondary) 8%, transparent)),
		var(--cake-surface);
	color: var(--cake-text);
	box-shadow: var(--cake-shadow-control), inset 0 0 0 1px var(--cake-surface-line-soft);
}

body:not(.wp-admin) .cake-page-content .wp-block-button__link,
body:not(.wp-admin) .cake-page-content :is(a,button).cake-button {
	min-height: 36px;
	padding: 8px 16px;
	border-radius: 10px;
}

/* Responsive ----------------------------------------------------------- */
@media (max-width: 1180px) {
	.cake-dashboard-admin-wrap .cake-admin-shell .cake-site-header__inner {
		grid-template-columns: max-content minmax(210px,1fr) max-content;
	}
	.cake-dashboard-admin-wrap .cake-admin-shell .cake-settings-layout {
		grid-template-columns: 160px minmax(0,1fr);
	}
	.cake-dashboard-admin-wrap .cake-admin-shell .cake-settings-aside {
		grid-column: 1 / -1;
		grid-template-columns: repeat(2,minmax(0,1fr));
	}
}

@media (max-width: 900px) {
	.cake-dashboard-admin-wrap .cake-admin-shell .cake-admin-layout {
		grid-template-columns: 1fr;
	}
	.cake-dashboard-admin-wrap .cake-admin-shell .cake-admin-sidebar {
		position: relative;
		top: auto;
		height: auto;
		min-height: 0;
	}
	.cake-dashboard-admin-wrap .cake-admin-shell .cake-admin-sidebar-nav {
		display: flex;
		gap: 8px;
		overflow-x: auto;
		overflow-y: hidden;
	}
	.cake-dashboard-admin-wrap .cake-admin-shell .cake-admin-sidebar-group {
		flex: 0 0 190px;
	}
	body.cake-editor-fullscreen .cake-editor-body {
		grid-template-columns: 240px minmax(0,1fr);
	}
}

@media (max-width: 720px) {
	.cake-dashboard-admin-wrap .cake-admin-shell .cake-site-header__inner {
		grid-template-columns: max-content minmax(0,1fr) max-content;
	}
	.cake-dashboard-admin-wrap .cake-admin-shell .cake-header-dashboard-search {
		display: none;
	}
	.cake-dashboard-admin-wrap .cake-admin-shell .cake-dashboard-welcome,
	.cake-dashboard-admin-wrap .cake-admin-shell .cake-media-workspace-toolbar {
		align-items: flex-start;
		flex-direction: column;
	}
	.cake-dashboard-admin-wrap .cake-admin-shell .cake-settings-layout {
		grid-template-columns: 1fr;
	}
	.cake-dashboard-admin-wrap .cake-admin-shell .cake-settings-aside {
		grid-column: auto;
		grid-template-columns: 1fr;
	}
	body.cake-editor-fullscreen .cake-editor-app {
		grid-template-rows: 44px auto minmax(0,1fr);
	}
	body.cake-editor-fullscreen .cake-editor-header {
		align-items: flex-start;
		flex-direction: column;
	}
	body.cake-editor-fullscreen .cake-editor-body {
		grid-template-columns: 1fr;
	}
	body.cake-editor-fullscreen .cake-editor-sidebar {
		display: none;
	}
}

@media (prefers-reduced-motion: reduce) {
	.cake-dashboard-admin-wrap .cake-admin-shell *,
	body.cake-editor-fullscreen .cake-editor-app * {
		transition-duration: .01ms;
		animation-duration: .01ms;
		animation-iteration-count: 1;
	}
}

/* ========================================================================== 
   0.9.59 final convergence — remaining production islands
   ========================================================================== */

/* Keep the dashboard close to the approved near-black Nebula surface. */
[data-cake-theme="dark"] .cake-dashboard-admin-wrap .cake-admin-shell.cake-shell-context-dashboard,
[data-cake-theme="dark"] .cake-dashboard-admin-wrap .cake-admin-shell.cake-admin-shell-dashboard,
.cake-theme-dark .cake-dashboard-admin-wrap .cake-admin-shell.cake-shell-context-dashboard,
.cake-theme-dark .cake-dashboard-admin-wrap .cake-admin-shell.cake-admin-shell-dashboard {
	background:
		radial-gradient(circle at 0 18%, color-mix(in srgb, var(--cake-primary) 12%, transparent), transparent 28rem),
		radial-gradient(circle at 100% 3%, color-mix(in srgb, var(--cake-secondary) 10%, transparent), transparent 34rem),
		linear-gradient(150deg, #0b0c13, #0f1019 55%, #11121c);
}

.cake-dashboard-admin-wrap .cake-admin-shell,
body.cake-editor-fullscreen .cake-editor-app {
	font-size: 12px;
}

/* Real page/list rows: readable, compact, and no black-on-black titles. */
.cake-dashboard-admin-wrap .cake-admin-shell .cake-dashboard-page-list {
	gap: 7px;
}

.cake-dashboard-admin-wrap .cake-admin-shell .cake-content-row {
	grid-template-columns: minmax(220px,1fr) minmax(88px,auto) auto;
	min-height: 58px;
	padding: 9px 12px;
	gap: 12px;
	border-radius: 11px;
	background: color-mix(in srgb, var(--cake-surface-soft) 82%, transparent);
	box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--cake-separator) 56%, transparent);
}

.cake-dashboard-admin-wrap .cake-admin-shell .cake-content-row::after {
	left: 12px;
	right: 12px;
	background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--cake-separator) 72%, transparent), transparent);
}

.cake-dashboard-admin-wrap .cake-admin-shell .cake-content-row:hover,
.cake-dashboard-admin-wrap .cake-admin-shell .cake-content-row:focus-within {
	background: color-mix(in srgb, var(--cake-primary) 5%, var(--cake-surface-strong));
	box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--cake-primary) 20%, var(--cake-separator)), 0 10px 26px color-mix(in srgb, black 14%, transparent);
}

.cake-dashboard-admin-wrap .cake-admin-shell .cake-content-row-link,
.cake-dashboard-admin-wrap .cake-admin-shell .cake-content-row-title,
.cake-dashboard-admin-wrap .cake-admin-shell .cake-content-row-title strong {
	color: var(--cake-text);
}

.cake-dashboard-admin-wrap .cake-admin-shell .cake-content-row-title strong {
	font-size: 13.5px;
	font-weight: 650;
}

.cake-dashboard-admin-wrap .cake-admin-shell .cake-content-row-date {
	color: var(--cake-text-muted);
	font-size: 11.5px;
}

.cake-dashboard-admin-wrap .cake-admin-shell .cake-visibility-badge,
.cake-dashboard-admin-wrap .cake-admin-shell .cake-content-type-badge {
	min-height: 20px;
	padding: 3px 7px;
	border-radius: 999px;
	background: color-mix(in srgb, var(--cake-primary) 10%, var(--cake-control));
	box-shadow: none;
	color: var(--cake-primary);
	font-size: 10px;
}

.cake-dashboard-admin-wrap .cake-admin-shell .cake-dot-menu-button {
	width: 32px;
	min-width: 32px;
	height: 32px;
	border-radius: 9px;
	background: color-mix(in srgb, var(--cake-control) 88%, transparent);
	color: var(--cake-text-muted);
}

/* Filters should look like controls, not another giant panel. */
.cake-dashboard-admin-wrap .cake-admin-shell .cake-dashboard-page-filters {
	display: flex;
	align-items: center;
	gap: 9px;
	padding: 10px;
	border: 0;
	border-radius: 12px;
	background: color-mix(in srgb, var(--cake-control) 50%, transparent);
	box-shadow: inset 0 0 0 1px var(--cake-surface-line-soft);
}

.cake-dashboard-admin-wrap .cake-admin-shell .cake-dashboard-page-filters .cake-live-search {
	flex: 1 1 260px;
	min-height: 36px;
	border: 0;
	border-radius: 9px;
	background: color-mix(in srgb, var(--cake-control) 96%, transparent);
	box-shadow: inset 0 0 0 1px var(--cake-separator);
	color: var(--cake-text);
}

/* Media workspace: one heading, text tabs, and visible file data. */
.cake-dashboard-admin-wrap .cake-admin-shell .cake-media-workspace-toolbar .cake-dashboard-kicker {
	font-size: 10px;
}

.cake-dashboard-admin-wrap .cake-admin-shell .cake-fe-toolbar {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 7px;
	background: transparent;
	box-shadow: inset 0 -1px 0 var(--cake-separator);
}

.cake-dashboard-admin-wrap .cake-admin-shell .cake-fe-breadcrumb {
	min-height: 38px;
	background: transparent;
	box-shadow: inset 0 -1px 0 var(--cake-separator);
}

.cake-dashboard-admin-wrap .cake-admin-shell .cake-fe-list {
	display: grid;
	gap: 2px;
}

.cake-dashboard-admin-wrap .cake-admin-shell .cake-fe-entry {
	box-shadow: inset 0 -1px 0 color-mix(in srgb, var(--cake-separator) 55%, transparent);
}

.cake-dashboard-admin-wrap .cake-admin-shell .cake-fe-name,
.cake-dashboard-admin-wrap .cake-admin-shell .cake-fe-name a,
.cake-dashboard-admin-wrap .cake-admin-shell .cake-fe-name button {
	color: var(--cake-text);
	opacity: 1;
}

/* The editor is an app, not a WordPress page floating inside white chrome. */
body.cake-editor-fullscreen #wpbody-content {
	overflow: hidden !important;
}

body.cake-editor-fullscreen .cake-editor-form,
body.cake-editor-fullscreen .cake-editor-app {
	max-width: none;
}

body.cake-editor-fullscreen .cake-editor-header-left,
body.cake-editor-fullscreen .cake-editor-header-right {
	min-width: 0;
}

body.cake-editor-fullscreen .cake-editor-header-right {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 7px;
	flex-wrap: wrap;
}

body.cake-editor-fullscreen .cake-editor-device-controls {
	display: flex;
	align-items: center;
	gap: 2px;
	padding: 3px;
	border-radius: 9px;
	background: var(--cake-control);
	box-shadow: inset 0 0 0 1px var(--cake-separator);
}

body.cake-editor-fullscreen .cake-editor-device-controls button {
	min-height: 28px;
	padding: 6px 9px;
	border: 0;
	border-radius: 7px;
	background: transparent;
	box-shadow: none;
	color: var(--cake-text-muted);
	font-size: 9.5px;
}

body.cake-editor-fullscreen .cake-editor-device-controls button.is-active {
	background: color-mix(in srgb, var(--cake-primary) 12%, var(--cake-surface-strong));
	color: var(--cake-primary);
}

body.cake-editor-fullscreen .cake-editor-canvas-area {
	padding: 12px;
}

/* Shell Sections render in their real DOM position, but do not waste a full
   page of vertical canvas while editing a header or footer. */
body.cake-editor-fullscreen .cake-editor-app[data-section-role="header"] .cake-editor-visual,
body.cake-editor-fullscreen .cake-editor-app[data-section-role="footer"] .cake-editor-visual {
	align-items: flex-start;
	padding: 24px;
	background:
		radial-gradient(circle at 50% 0, color-mix(in srgb, var(--cake-primary) 10%, transparent), transparent 52%),
		color-mix(in srgb, var(--cake-page-alt) 76%, var(--cake-page));
}

body.cake-editor-fullscreen .cake-editor-app[data-section-role="header"] .cake-editor-visual iframe {
	height: 190px;
	min-height: 190px;
	border-radius: 14px;
	box-shadow: 0 22px 54px color-mix(in srgb, black 24%, transparent);
}

body.cake-editor-fullscreen .cake-editor-app[data-section-role="footer"] .cake-editor-visual iframe {
	height: 220px;
	min-height: 220px;
	border-radius: 14px;
	box-shadow: 0 22px 54px color-mix(in srgb, black 24%, transparent);
}

body.cake-editor-preview-body.cake-section-preview-role-header,
body.cake-editor-preview-body.cake-section-preview-role-footer {
	min-height: 0;
	padding: 12px;
	background: var(--cake-page);
}

body.cake-editor-preview-body.cake-section-preview-role-header .wp-site-blocks,
body.cake-editor-preview-body.cake-section-preview-role-footer .wp-site-blocks {
	min-height: 0;
	padding: 0;
}

body.cake-editor-preview-body.cake-section-preview-role-header .cake-reusable-shell-header,
body.cake-editor-preview-body.cake-section-preview-role-footer .cake-reusable-shell-footer {
	width: 100%;
	margin: 0;
}

/* Frontend legacy page rescue. These selectors are deliberately restricted
   to the authored page body; reusable Header/Footer Sections remain untouched. */
body:not(.wp-admin) .cake-page-content > .banner,
body:not(.wp-admin) .cake-page-content > .wp-block-heading.banner,
body:not(.wp-admin) .cake-page-content > h1.banner,
body:not(.wp-admin) .cake-front-page .cake-page-content > h1:first-child {
	display: grid !important;
	place-items: center !important;
	width: 100% !important;
	min-height: clamp(132px, 14vw, 190px) !important;
	margin: 0 0 14px !important;
	padding: clamp(26px, 5vw, 64px) 24px !important;
	border: 0 !important;
	border-radius: 18px !important;
	background:
		radial-gradient(circle at 82% 15%, color-mix(in srgb, var(--cake-primary) 18%, transparent), transparent 34%),
		linear-gradient(145deg, color-mix(in srgb, var(--cake-surface-strong) 98%, transparent), color-mix(in srgb, var(--cake-surface) 92%, transparent)) !important;
	box-shadow: var(--cake-shadow-panel), inset 0 1px 0 color-mix(in srgb, white 6%, transparent), inset 0 0 0 1px var(--cake-surface-line-soft) !important;
	color: var(--cake-text) !important;
	font-family: var(--cake-font-heading) !important;
	font-size: clamp(42px, 6vw, 78px) !important;
	font-weight: 780 !important;
	line-height: .98 !important;
	letter-spacing: -.045em !important;
	text-align: center !important;
	text-shadow: none !important;
}

body:not(.wp-admin) .cake-page-content > .cake-notice,
body:not(.wp-admin) .cake-page-content > .cake-notice-error,
body:not(.wp-admin) .cake-page-content > .wp-block-group.cake-notice {
	max-width: 1120px;
	margin: 0 auto 18px !important;
	padding: 11px 15px !important;
	border: 0 !important;
	border-radius: 12px !important;
	background:
		linear-gradient(90deg, color-mix(in srgb, var(--cake-warning, #ffb547) 10%, transparent), transparent),
		color-mix(in srgb, var(--cake-surface) 96%, transparent) !important;
	box-shadow: inset 3px 0 0 var(--cake-warning, #ffb547), inset 0 0 0 1px var(--cake-surface-line-soft) !important;
	color: var(--cake-text) !important;
}

body:not(.wp-admin) .cake-page-content > .cake-notice :is(p,strong),
body:not(.wp-admin) .cake-page-content > .cake-notice-error :is(p,strong) {
	margin: 0;
	color: var(--cake-text) !important;
	font-size: 12px;
}

body:not(.wp-admin) .cake-page-content > .featured-section {
	display: grid;
	gap: 18px;
	margin: 0 !important;
	padding: clamp(18px, 3vw, 32px) 0 !important;
	border: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
}

body:not(.wp-admin) .cake-page-content > .featured-section > h2,
body:not(.wp-admin) .cake-page-content .featured-section > .wp-block-heading {
	margin: 0 !important;
	color: var(--cake-text) !important;
	font-size: clamp(28px, 4vw, 48px) !important;
	font-weight: 760 !important;
	letter-spacing: -.035em !important;
	text-shadow: none !important;
}

body:not(.wp-admin) .cake-page-content .community-card {
	display: grid !important;
	grid-template-columns: minmax(240px, .8fr) minmax(0, 1.2fr) !important;
	align-items: center !important;
	gap: clamp(22px, 4vw, 54px) !important;
	width: min(100%, 1080px) !important;
	margin: 0 auto !important;
	padding: clamp(20px, 3vw, 36px) !important;
	border: 0 !important;
	border-radius: 18px !important;
	background:
		radial-gradient(circle at 0 0, color-mix(in srgb, var(--cake-primary) 8%, transparent), transparent 38%),
		color-mix(in srgb, var(--cake-surface) 97%, transparent) !important;
	box-shadow: var(--cake-shadow-panel), inset 0 1px 0 color-mix(in srgb, white 5%, transparent), inset 0 0 0 1px var(--cake-surface-line-soft) !important;
	color: var(--cake-text) !important;
}

body:not(.wp-admin) .cake-page-content .community-card .media {
	min-width: 0;
	border-radius: 15px !important;
	background: color-mix(in srgb, var(--cake-control) 96%, transparent) !important;
	box-shadow: inset 0 0 0 1px var(--cake-surface-line-soft);
	overflow: hidden;
}

body:not(.wp-admin) .cake-page-content .community-card .content {
	min-width: 0;
	padding: 0 !important;
}

body:not(.wp-admin) .cake-page-content .community-card .heading {
	margin: 0 0 9px !important;
	color: var(--cake-text) !important;
	font-size: clamp(26px, 3.3vw, 46px) !important;
	font-weight: 760 !important;
	letter-spacing: -.035em !important;
}

body:not(.wp-admin) .cake-page-content .community-card .desc {
	margin: 0 0 18px !important;
	color: var(--cake-text-muted) !important;
	font-size: 13px !important;
	line-height: 1.6 !important;
}

body:not(.wp-admin) .cake-page-content .wp-block-buttons {
	gap: 8px;
}

body:not(.wp-admin) .cake-page-content .wp-block-button__link {
	min-height: 38px !important;
	padding: 9px 17px !important;
	border: 0 !important;
	border-radius: 10px !important;
	background: linear-gradient(135deg, var(--cake-primary), var(--cake-primary-strong) 62%, var(--cake-secondary)) !important;
	box-shadow: 0 12px 28px color-mix(in srgb, var(--cake-primary) 24%, transparent) !important;
	color: #fff !important;
	font-size: 12px !important;
	font-weight: 680 !important;
}

@media (max-width: 760px) {
	.cake-dashboard-admin-wrap .cake-admin-shell .cake-content-row {
		grid-template-columns: 1fr;
	}
	.cake-dashboard-admin-wrap .cake-admin-shell .cake-content-row-actions {
		justify-self: start;
	}
	body:not(.wp-admin) .cake-page-content .community-card {
		grid-template-columns: 1fr !important;
	}
	body.cake-editor-fullscreen .cake-editor-app[data-section-role="header"] .cake-editor-visual,
	body.cake-editor-fullscreen .cake-editor-app[data-section-role="footer"] .cake-editor-visual {
		padding: 10px;
	}
}

.cake-dashboard-admin-wrap .cake-admin-shell .cake-content-workspace-toolbar {
	min-height: 38px;
	margin: 0;
}

.cake-dashboard-admin-wrap .cake-admin-shell .cake-content-workspace-summary {
	margin: 2px 0 0;
	color: var(--cake-text-muted);
	font-size: 11px;
	line-height: 1.5;
}

/* Page headers sit on the workspace, rather than inside a second oversized card. */
.cake-dashboard-admin-wrap .cake-admin-shell .cake-dashboard-welcome {
	min-height: 76px;
	padding: 8px 4px 15px;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
	backdrop-filter: none;
	-webkit-backdrop-filter: none;
}

.cake-dashboard-admin-wrap .cake-admin-shell .cake-dashboard-welcome::after {
	left: 0;
	right: 0;
	background: linear-gradient(90deg, color-mix(in srgb, var(--cake-primary) 38%, transparent), var(--cake-separator), transparent 92%);
}

.cake-dashboard-admin-wrap .cake-admin-shell .cake-dashboard-welcome h1 {
	font-size: clamp(25px, 2.1vw, 32px);
}

/* ========================================================================== 
   0.9.60 — final fidelity pass
   ========================================================================== */

/* Reduce the pink wash to an ambient glow and let the surfaces do the work. */
[data-cake-theme="dark"] .cake-dashboard-admin-wrap .cake-admin-shell.cake-shell-context-dashboard,
[data-cake-theme="dark"] .cake-dashboard-admin-wrap .cake-admin-shell.cake-admin-shell-dashboard,
.cake-theme-dark .cake-dashboard-admin-wrap .cake-admin-shell.cake-shell-context-dashboard,
.cake-theme-dark .cake-dashboard-admin-wrap .cake-admin-shell.cake-admin-shell-dashboard {
	background:
		radial-gradient(circle at -4% 16%, color-mix(in srgb, var(--cake-primary) 7%, transparent), transparent 24rem),
		radial-gradient(circle at 102% 0, color-mix(in srgb, var(--cake-secondary) 7%, transparent), transparent 30rem),
		linear-gradient(150deg, #0a0b12, #0e0f17 58%, #10111a);
}

.cake-dashboard-admin-wrap .cake-admin-shell .cake-site-header {
	min-height: 58px;
	border-radius: 14px;
	box-shadow: 0 14px 42px color-mix(in srgb, black 22%, transparent), inset 0 1px 0 color-mix(in srgb, white 4%, transparent);
}

.cake-dashboard-admin-wrap .cake-admin-shell .cake-admin-sidebar,
.cake-dashboard-admin-wrap .cake-admin-shell .cake-dashboard-panel,
.cake-dashboard-admin-wrap .cake-admin-shell .cake-media-workspace {
	border: 0;
	box-shadow: 0 18px 52px color-mix(in srgb, black 15%, transparent), inset 0 1px 0 color-mix(in srgb, white 4%, transparent);
}

.cake-dashboard-admin-wrap .cake-admin-shell .cake-fe-toolbar,
.cake-dashboard-admin-wrap .cake-admin-shell .cake-fe-breadcrumb,
.cake-dashboard-admin-wrap .cake-admin-shell .cake-fe-entry {
	border: 0;
	box-shadow: none;
}

.cake-dashboard-admin-wrap .cake-admin-shell .cake-fe-toolbar::after,
.cake-dashboard-admin-wrap .cake-admin-shell .cake-fe-breadcrumb::after,
.cake-dashboard-admin-wrap .cake-admin-shell .cake-fe-entry::after {
	content: "";
	display: block;
	position: absolute;
	left: 12px;
	right: 12px;
	bottom: 0;
	height: 1px;
	background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--cake-separator) 58%, transparent), transparent);
	pointer-events: none;
}

.cake-dashboard-admin-wrap .cake-admin-shell .cake-fe-toolbar,
.cake-dashboard-admin-wrap .cake-admin-shell .cake-fe-breadcrumb,
.cake-dashboard-admin-wrap .cake-admin-shell .cake-fe-entry { position: relative; }

.cake-dashboard-admin-wrap .cake-admin-shell .cake-fe-breadcrumb .cake-button,
.cake-dashboard-admin-wrap .cake-admin-shell .cake-fe-breadcrumb > span {
	background: color-mix(in srgb, var(--cake-control) 78%, transparent);
	color: var(--cake-text-muted);
	box-shadow: none;
}

/* A shell Section gets a focused artboard instead of disappearing into a
   full-page black canvas. */
body.cake-editor-fullscreen .cake-editor-app[data-section-role="header"] .cake-editor-visual,
body.cake-editor-fullscreen .cake-editor-app[data-section-role="footer"] .cake-editor-visual {
	position: relative;
	align-items: flex-start;
	justify-content: center;
	padding: 58px 28px 28px;
	background:
		linear-gradient(color-mix(in srgb, var(--cake-separator) 16%, transparent) 1px, transparent 1px),
		linear-gradient(90deg, color-mix(in srgb, var(--cake-separator) 16%, transparent) 1px, transparent 1px),
		radial-gradient(circle at 50% 0, color-mix(in srgb, var(--cake-primary) 8%, transparent), transparent 46%),
		var(--cake-page-alt);
	background-size: 28px 28px, 28px 28px, auto, auto;
}

body.cake-editor-fullscreen .cake-editor-app[data-section-role="header"] .cake-editor-visual::before,
body.cake-editor-fullscreen .cake-editor-app[data-section-role="footer"] .cake-editor-visual::before {
	position: absolute;
	top: 18px;
	left: 28px;
	content: "Shared shell Section \00B7 changes appear everywhere";
	color: var(--cake-text-subtle);
	font-size: 10px;
	font-weight: 700;
	letter-spacing: .06em;
	text-transform: uppercase;
}

body.cake-editor-fullscreen .cake-editor-app[data-section-role="header"] .cake-editor-visual iframe,
body.cake-editor-fullscreen .cake-editor-app[data-section-role="footer"] .cake-editor-visual iframe {
	flex: 0 0 auto;
	width: min(100%, 1440px) !important;
	max-width: 1440px !important;
	min-height: 0 !important;
	border-radius: 16px;
	box-shadow: 0 24px 68px color-mix(in srgb, black 30%, transparent), 0 0 0 1px var(--cake-surface-line-soft);
}

body.cake-editor-fullscreen .cake-editor-app[data-section-role="header"] .cake-editor-visual iframe {
	height: 220px !important;
}
body.cake-editor-fullscreen .cake-editor-app[data-section-role="footer"] .cake-editor-visual iframe {
	height: 260px !important;
}

body.cake-editor-preview-body.cake-section-preview-role-header,
body.cake-editor-preview-body.cake-section-preview-role-footer {
	min-height: 0 !important;
	height: auto !important;
	padding: 12px !important;
	overflow: hidden;
}
body.cake-editor-preview-body.cake-section-preview-role-header .cake-section-preview-stage,
body.cake-editor-preview-body.cake-section-preview-role-footer .cake-section-preview-stage {
	min-height: 0 !important;
}

/* The legacy rescue is only intended for pages actually detected as being
   produced by the retired pink/white generator. */
body.cake-legacy-generated-page:not(.wp-admin) .cake-main,
body.cake-legacy-generated-page:not(.wp-admin) .cake-page-content {
	background: transparent !important;
}

@media (max-width: 720px) {
	body.cake-editor-fullscreen .cake-editor-app[data-section-role="header"] .cake-editor-visual,
	body.cake-editor-fullscreen .cake-editor-app[data-section-role="footer"] .cake-editor-visual {
		padding: 48px 10px 10px;
	}
	body.cake-editor-fullscreen .cake-editor-app[data-section-role="header"] .cake-editor-visual::before,
	body.cake-editor-fullscreen .cake-editor-app[data-section-role="footer"] .cake-editor-visual::before {
		left: 12px;
		top: 15px;
	}
}


/* ========================================================================== 
   0.9.61 — scale correction and shell-preview isolation
   The 0.9.59 compact pass accidentally drove most production UI down to
   9–11px. This restores the intended mockup scale without browser zoom.
   ========================================================================== */

/* The application is designed at a normal 100% browser zoom. */
html:has(body.cake-dashboard-fullscreen),
html:has(body.cake-editor-fullscreen) {
	font-size: 16px;
}

.cake-dashboard-admin-wrap .cake-admin-shell,
body.cake-editor-fullscreen .cake-editor-app {
	font-size: 15px;
}

.cake-dashboard-admin-wrap .cake-admin-shell .cake-dashboard-kicker,
.cake-dashboard-admin-wrap .cake-admin-shell .cake-settings-rail-label,
.cake-dashboard-admin-wrap .cake-admin-shell .cake-media-workspace-toolbar .cake-dashboard-kicker {
	font-size: 10.5px;
	letter-spacing: .09em;
}

.cake-dashboard-admin-wrap .cake-admin-shell .cake-dashboard-welcome h1,
.cake-dashboard-admin-wrap .cake-admin-shell .cake-settings-heading h2 {
	font-size: clamp(30px, 2.4vw, 38px);
	line-height: 1.02;
}

.cake-dashboard-admin-wrap .cake-admin-shell .cake-dashboard-welcome p,
.cake-dashboard-admin-wrap .cake-admin-shell .cake-settings-heading > div > p:last-child,
.cake-dashboard-admin-wrap .cake-admin-shell .cake-media-workspace-toolbar p {
	font-size: 13px;
	line-height: 1.55;
}

.cake-dashboard-admin-wrap .cake-admin-shell .cake-settings-tab,
.cake-dashboard-admin-wrap .cake-admin-shell .cake-content-tab,
.cake-dashboard-admin-wrap .cake-admin-shell .cake-media-tab {
	font-size: 12.5px;
}

.cake-dashboard-admin-wrap .cake-admin-shell :is(.cake-settings-field-label,.cake-field-label),
.cake-dashboard-admin-wrap .cake-admin-shell .cake-settings-card-heading h3,
.cake-dashboard-admin-wrap .cake-admin-shell .cake-settings-aside-card h3 {
	font-size: 13px;
}

.cake-dashboard-admin-wrap .cake-admin-shell :is(.cake-settings-description,.cake-settings-card-heading p,.cake-settings-aside-card p) {
	font-size: 11.5px;
	line-height: 1.55;
}

/* Editor chrome follows the same readable scale as the dashboard. */
body.cake-editor-fullscreen .cake-editor-branding,
body.cake-editor-fullscreen .cake-editor-header {
	padding-inline: 16px;
}

body.cake-editor-fullscreen .cake-editor-back,
body.cake-editor-fullscreen .cake-editor-title-label,
body.cake-editor-fullscreen .cake-editor-save-status,
body.cake-editor-fullscreen .cake-editor-user-pill {
	font-size: 12px;
}

body.cake-editor-fullscreen .cake-editor-device-controls button {
	min-height: 34px;
	padding: 8px 11px;
	font-size: 11px;
}

body.cake-editor-fullscreen .cake-sidebar-tab,
body.cake-editor-fullscreen .cake-editor-sidebar-mode-tabs button,
body.cake-editor-fullscreen .cake-file-item,
body.cake-editor-fullscreen .cake-panel-link,
body.cake-editor-fullscreen .cake-view-tab {
	font-size: 12px;
}

body.cake-editor-fullscreen .cake-section-editor-notice strong,
body.cake-editor-fullscreen .cake-panel-heading {
	font-size: 13px;
}

body.cake-editor-fullscreen .cake-section-editor-notice span {
	font-size: 11.5px;
}

/* Shell previews show the shell only. Live account/navigation popovers are
   deliberately suppressed in the editor artboard so they cannot create the
   giant white card seen in 0.9.60. */
body.cake-editor-fullscreen .cake-editor-app[data-section-role="header"] .cake-editor-visual {
	padding: 52px 24px 24px;
}

body.cake-editor-fullscreen .cake-editor-app[data-section-role="header"] .cake-editor-visual iframe {
	height: 116px !important;
	min-height: 116px !important;
	overflow: hidden !important;
}

body.cake-editor-fullscreen .cake-editor-app[data-section-role="footer"] .cake-editor-visual iframe {
	height: 170px !important;
	min-height: 170px !important;
}

body.cake-editor-preview-body.cake-section-preview-role-header {
	height: 116px !important;
	min-height: 116px !important;
	padding: 12px !important;
	overflow: hidden !important;
}

body.cake-editor-preview-body.cake-section-preview-role-header .cake-section-preview-stage {
	display: block;
	height: 92px !important;
	min-height: 92px !important;
	padding: 0 !important;
	overflow: hidden !important;
}

body.cake-editor-preview-body.cake-section-preview-role-header .cake-section-preview-stage > :not(.cake-reusable-shell-header),
body.cake-editor-preview-body.cake-section-preview-role-footer .cake-section-preview-stage > :not(.cake-reusable-shell-footer) {
	display: none !important;
}

body.cake-editor-preview-body.cake-section-preview-role-header .cake-reusable-shell-header {
	position: relative !important;
	top: auto !important;
	width: 100% !important;
	max-width: none !important;
	min-height: 68px !important;
	max-height: 92px !important;
	margin: 0 !important;
	overflow: hidden !important;
}

body.cake-editor-preview-body.cake-section-preview-role-header :is(
	.cake-user-menu-dropdown,
	.cake-bound-navigation-menu,
	.cake-admin-notification-panel,
	.cake-custom-select-menu,
	.cake-dropdown,
	.cake-popover
) {
	display: none !important;
}

body.cake-editor-preview-body.cake-section-preview-role-header :is(.cake-user-menu-trigger,.cake-bound-navigation-toggle) {
	pointer-events: none;
}

/* Public pages and preview canvases use the same human-sized typography. */
body:not(.wp-admin) .cake-page-content {
	font-size: 16px;
	line-height: 1.6;
}

body:not(.wp-admin) .cake-site-header.cake-reusable-shell-header {
	padding: 10px 14px;
}

body:not(.wp-admin) .cake-page-content .wp-block-button__link {
	min-height: 42px !important;
	padding: 10px 19px !important;
	font-size: 13px !important;
}

@media (max-width: 980px) {
	:root {
		--cake-sidebar-width: 218px;
	}
	body.cake-editor-fullscreen .cake-editor-body {
		grid-template-columns: 264px minmax(0, 1fr);
	}
}

@media (max-width: 760px) {
	:root {
		--cake-control-height: 40px;
		--cake-header-height: 62px;
	}
	body.cake-editor-fullscreen .cake-editor-app {
		grid-template-rows: 58px auto minmax(0,1fr);
	}
	body.cake-editor-fullscreen .cake-editor-app[data-section-role="header"] .cake-editor-visual {
		padding: 46px 10px 10px;
	}
}

/* ========================================================================== 
   0.9.62 — editor interaction restoration and true 100% interface scale
   ========================================================================== */

/* The previous compact passes still left production controls below a normal
   application scale. These values are deliberate pixel sizes at 100% browser
   zoom rather than transforms or CSS zoom. */
:root {
	--cake-header-height: 76px;
	--cake-sidebar-width: clamp(252px, 16vw, 286px);
	--cake-control-height: 44px;
}

.cake-dashboard-admin-wrap .cake-admin-shell,
body.cake-editor-fullscreen .cake-editor-app {
	font-size: 16px;
}

/* Shared shell ---------------------------------------------------------- */
.cake-site-header,
.cake-reusable-shell-header {
	padding: 10px 12px;
	border-radius: 20px;
}

.cake-site-header__inner {
	min-height: 68px;
	padding-inline: 10px;
	gap: clamp(16px, 1.6vw, 28px);
}

.cake-brand-mark {
	flex-basis: 46px;
	width: 46px;
	height: 46px;
	border-radius: 12px;
}

.cake-site-title {
	font-size: 1.38rem;
}

.cake-site-header .cake-bound-navigation-pill,
.cake-site-header .cake-bound-navigation-link {
	min-height: 46px;
	padding: 10px 14px;
	font-size: .96rem;
}

.cake-admin-shell .cake-header-dashboard-search {
	width: min(100%, 430px);
}

.cake-admin-shell .cake-admin-global-search {
	height: 42px;
	border-radius: 12px;
}

.cake-admin-shell .cake-admin-global-search input {
	font-size: .88rem;
}

.cake-admin-shell .cake-admin-global-search kbd {
	font-size: .7rem;
}

.cake-admin-shell .cake-admin-icon-link,
.cake-admin-shell .cake-admin-topbar-link,
.cake-admin-shell .cake-admin-notifications > summary {
	min-width: 40px;
	min-height: 40px;
	font-size: .82rem;
}

/* Dashboard scale ------------------------------------------------------- */
.cake-dashboard-admin-wrap .cake-admin-shell .cake-admin-layout {
	grid-template-columns: var(--cake-sidebar-width) minmax(0, 1fr);
	gap: 20px;
}

.cake-dashboard-admin-wrap .cake-admin-shell .cake-admin-sidebar {
	padding: 14px 12px;
	border-radius: 18px;
}

.cake-dashboard-admin-wrap .cake-admin-shell .cake-admin-sidebar-group-label,
.cake-dashboard-admin-wrap .cake-admin-shell .cake-admin-sidebar-group-title {
	font-size: 11.5px;
	letter-spacing: .095em;
}

.cake-dashboard-admin-wrap .cake-admin-shell .cake-admin-sidebar-nav a {
	min-height: 44px;
	padding: 9px 11px;
	gap: 10px;
	border-radius: 11px;
	font-size: 14px;
}

.cake-dashboard-admin-wrap .cake-admin-shell .cake-admin-sidebar-nav a svg,
.cake-dashboard-admin-wrap .cake-admin-shell .cake-admin-sidebar-icon {
	width: 19px;
	height: 19px;
}

.cake-dashboard-admin-wrap .cake-admin-shell .cake-dashboard-welcome {
	min-height: 112px;
	padding: 24px 28px;
	border-radius: 18px;
}

.cake-dashboard-admin-wrap .cake-admin-shell .cake-dashboard-welcome h1,
.cake-dashboard-admin-wrap .cake-admin-shell .cake-settings-heading h2 {
	font-size: clamp(36px, 2.6vw, 44px);
}

.cake-dashboard-admin-wrap .cake-admin-shell .cake-dashboard-welcome p:not(.cake-dashboard-kicker),
.cake-dashboard-admin-wrap .cake-admin-shell .cake-settings-heading > div > p:last-child,
.cake-dashboard-admin-wrap .cake-admin-shell .cake-media-workspace-toolbar p {
	font-size: 14px;
}

.cake-dashboard-admin-wrap .cake-admin-shell .cake-dashboard-kicker,
.cake-dashboard-admin-wrap .cake-admin-shell .cake-settings-rail-label {
	font-size: 11px;
}

.cake-dashboard-admin-wrap .cake-admin-shell .cake-content-tab,
.cake-dashboard-admin-wrap .cake-admin-shell .cake-media-tab,
.cake-dashboard-admin-wrap .cake-admin-shell .cake-settings-tab {
	min-height: 42px;
	font-size: 14px;
}

.cake-dashboard-admin-wrap .cake-admin-shell .cake-admin-section-heading h2,
.cake-dashboard-admin-wrap .cake-admin-shell .cake-media-workspace-toolbar h2 {
	font-size: 22px;
}

.cake-dashboard-admin-wrap .cake-admin-shell .cake-content-row {
	min-height: 68px;
	padding: 12px 15px;
}

.cake-dashboard-admin-wrap .cake-admin-shell .cake-content-row-title strong,
.cake-dashboard-admin-wrap .cake-admin-shell .cake-fe-name,
.cake-dashboard-admin-wrap .cake-admin-shell .cake-fe-name :is(a,button) {
	font-size: 14px;
}

.cake-dashboard-admin-wrap .cake-admin-shell .cake-content-row-date,
.cake-dashboard-admin-wrap .cake-admin-shell .cake-fe-meta,
.cake-dashboard-admin-wrap .cake-admin-shell .cake-fe-status {
	font-size: 12.5px;
}

.cake-dashboard-admin-wrap .cake-admin-shell .cake-fe-entry {
	min-height: 50px;
	padding: 9px 10px;
}

.cake-dashboard-admin-wrap .cake-admin-shell :is(.cake-button,.button,.cake-input,.cake-select,input,select,textarea) {
	font-size: 14px;
}

/* Editor chrome --------------------------------------------------------- */
body.cake-editor-fullscreen .cake-editor-app {
	grid-template-rows: 70px 78px minmax(0, 1fr);
	padding: 10px;
	gap: 10px;
}

body.cake-editor-fullscreen .cake-editor-branding,
body.cake-editor-fullscreen .cake-editor-header {
	padding: 10px 18px;
	border-radius: 17px;
}

body.cake-editor-fullscreen .cake-editor-branding {
	min-height: 70px;
}

body.cake-editor-fullscreen .cake-editor-header {
	min-height: 78px;
}

body.cake-editor-fullscreen .cake-editor-logo {
	width: 42px;
	height: 42px;
}

body.cake-editor-fullscreen .cake-editor-brand-name {
	font-size: 22px;
}

body.cake-editor-fullscreen .cake-editor-user-pill {
	min-height: 42px;
	padding: 9px 14px;
	font-size: 13.5px;
}

body.cake-editor-fullscreen .cake-editor-back,
body.cake-editor-fullscreen .cake-editor-title-label,
body.cake-editor-fullscreen .cake-editor-save-status {
	font-size: 13.5px;
}

body.cake-editor-fullscreen .cake-editor-header-right {
	gap: 10px;
}

body.cake-editor-fullscreen .cake-editor-device-controls button,
body.cake-editor-fullscreen .cake-editor-history-controls button,
body.cake-editor-fullscreen .cake-editor-header .cake-button {
	min-height: 40px;
	padding: 9px 13px;
	font-size: 13px;
}

body.cake-editor-fullscreen .cake-editor-body {
	grid-template-columns: 348px minmax(0, 1fr);
	gap: 10px;
}

body.cake-editor-fullscreen .cake-editor-sidebar,
body.cake-editor-fullscreen .cake-editor-main {
	border-radius: 17px;
}

body.cake-editor-fullscreen .cake-editor-sidebar-mode-tabs {
	margin: 10px 12px 0;
	padding: 4px;
}

body.cake-editor-fullscreen .cake-editor-sidebar-mode-tabs button {
	min-height: 42px;
	font-size: 14px;
}

body.cake-editor-fullscreen .cake-editor-sidebar-tabs {
	display: flex;
	gap: 18px;
	padding: 11px 14px 0;
	overflow-x: auto;
}

body.cake-editor-fullscreen .cake-sidebar-tab,
body.cake-editor-fullscreen .cake-view-tab {
	min-height: 42px;
	padding: 10px 2px;
	font-size: 14px;
	white-space: nowrap;
}

body.cake-editor-fullscreen .cake-sidebar-tab.is-unavailable {
	opacity: .46;
	cursor: not-allowed;
}

body.cake-editor-fullscreen .cake-sidebar-panel {
	padding: 15px;
}

body.cake-editor-fullscreen .cake-section-editor-notice {
	padding: 13px 14px;
	border-radius: 13px;
}

body.cake-editor-fullscreen .cake-section-editor-notice strong,
body.cake-editor-fullscreen .cake-panel-heading {
	font-size: 15px;
}

body.cake-editor-fullscreen .cake-section-editor-notice span,
body.cake-editor-fullscreen .cake-muted,
body.cake-editor-fullscreen .cake-field-label,
body.cake-editor-fullscreen .cake-prop-label {
	font-size: 13px;
}

body.cake-editor-fullscreen .cake-file-item,
body.cake-editor-fullscreen .cake-panel-link,
body.cake-editor-fullscreen .cake-block-item {
	min-height: 44px;
	padding: 10px 11px;
	font-size: 13.5px;
}

body.cake-editor-fullscreen .cake-editor-main {
	grid-template-rows: 56px minmax(0, 1fr);
}

body.cake-editor-fullscreen .cake-editor-view-tabs {
	min-height: 56px;
	padding-inline: 18px;
}

body.cake-editor-fullscreen .cake-editor-canvas-area {
	padding: 18px;
}

body.cake-editor-fullscreen .cake-editor-canvas,
body.cake-editor-fullscreen .cake-editor-visual {
	border-radius: 15px;
}

body.cake-editor-fullscreen .cake-editor-app[data-section-role="header"] .cake-editor-visual {
	padding: 62px 28px 28px;
}

body.cake-editor-fullscreen .cake-editor-app[data-section-role="header"] .cake-editor-visual iframe {
	height: 138px !important;
	min-height: 138px !important;
}

body.cake-editor-preview-body.cake-section-preview-role-header {
	height: 138px !important;
	min-height: 138px !important;
	padding: 14px !important;
}

body.cake-editor-preview-body.cake-section-preview-role-header .cake-section-preview-stage {
	height: 110px !important;
	min-height: 110px !important;
}

body.cake-editor-preview-body.cake-section-preview-role-header .cake-reusable-shell-header {
	min-height: 78px !important;
	max-height: 110px !important;
}

/* Properties and Components are permanent Content-mode tabs. They are
   disabled until a block is selected instead of disappearing completely. */
.cake-sidebar-empty-state {
	display: grid;
	gap: 7px;
	padding: 18px;
	border-radius: 14px;
	background: color-mix(in srgb, var(--cake-control) 84%, transparent);
	box-shadow: inset 0 0 0 1px var(--cake-separator);
	color: var(--cake-text-muted);
	font-size: 13px;
	line-height: 1.5;
}

.cake-sidebar-empty-state strong {
	color: var(--cake-text);
	font-size: 15px;
}

/* Floating block toolbar ------------------------------------------------ */
body.cake-editor-fullscreen .cake-floating-menu {
	position: absolute;
	z-index: 500;
	padding: 0;
	border-radius: 14px;
	background: transparent;
	box-shadow: none;
	backdrop-filter: none;
}

body.cake-editor-fullscreen .cake-floating-menu-inner {
	display: flex;
	align-items: center;
	gap: 4px;
	max-width: min(720px, calc(100vw - 420px));
	min-height: 48px;
	padding: 6px;
	border: 0;
	border-radius: 14px;
	background: color-mix(in srgb, var(--cake-surface-strong) 96%, transparent);
	box-shadow: var(--cake-shadow-panel-strong), inset 0 0 0 1px var(--cake-separator);
	backdrop-filter: blur(22px) saturate(1.2);
	overflow-x: auto;
}

body.cake-editor-fullscreen .cake-floating-menu-inner button,
body.cake-editor-fullscreen .cake-floating-menu-inner select,
body.cake-editor-fullscreen .cake-floating-menu-inner input[type="number"] {
	min-width: 36px;
	min-height: 36px;
	padding: 7px 10px;
	border: 0;
	border-radius: 9px;
	background: transparent;
	color: var(--cake-text);
	font-size: 13px;
}

body.cake-editor-fullscreen .cake-floating-menu-inner button:hover {
	background: color-mix(in srgb, var(--cake-primary) 12%, var(--cake-control));
	color: var(--cake-primary);
}

body.cake-editor-fullscreen .cake-floating-menu-inner .cake-float-delete {
	color: var(--cake-danger);
}

/* Image blocks have no editor-imposed minimum height. Explicit dimensions
   set by the user are still respected. */
body.cake-editor-preview-body.cake-editor-mode .cake-media-set > img,
body.cake-editor-preview-body.cake-editor-mode .cake-image-block > img,
body.cake-editor-preview-body.cake-editor-mode .cake-slideshow-slide > img {
	display: block;
	height: auto;
	min-height: 0;
}

body.cake-editor-preview-body.cake-editor-mode .cake-media-set.cake-editor-resizable > img {
	min-height: 0;
	object-fit: contain;
}

@media (max-width: 1100px) {
	body.cake-editor-fullscreen .cake-editor-body {
		grid-template-columns: 310px minmax(0, 1fr);
	}
	body.cake-editor-fullscreen .cake-floating-menu-inner {
		max-width: calc(100vw - 360px);
	}
}

@media (max-width: 760px) {
	:root {
		--cake-sidebar-width: 230px;
	}
	body.cake-editor-fullscreen .cake-editor-app {
		grid-template-rows: 64px auto minmax(0, 1fr);
	}
}

/* Keep the three Content inspector tabs inside the sidebar instead of each
   retaining the legacy 100% width. */
body.cake-editor-fullscreen .cake-editor-sidebar-tabs {
	overflow: hidden;
}
body.cake-editor-fullscreen .cake-editor-sidebar-tabs .cake-sidebar-tab {
	flex: 1 1 0;
	width: auto;
	min-width: 0;
	text-align: center;
	overflow: hidden;
	text-overflow: ellipsis;
}

/* ========================================================================== 
   0.9.64 — light-theme refinement and reliable image-block editing
   ========================================================================== */

/* Image selection and resize hosts -------------------------------------- */
body.cake-editor-preview-body.cake-editor-mode .cake-editor-resize-host {
	position: relative !important;
	overflow: visible !important;
}
body.cake-editor-preview-body.cake-editor-mode .cake-brand-mark.cake-editor-selected,
body.cake-editor-preview-body.cake-editor-mode .cake-brand-mark.cake-editor-resize-host {
	overflow: visible !important;
}
body.cake-editor-preview-body.cake-editor-mode .cake-brand-mark > img {
	display: block;
	width: 100%;
	height: 100%;
	min-width: 0;
	min-height: 0;
	object-fit: contain;
	border-radius: inherit;
}
body.cake-editor-preview-body.cake-editor-mode :is(.cake-media-set,.cake-image-block)[data-cake-unlocked-ratio="1"]::after {
	content: "Free resize";
	position: absolute;
	right: 8px;
	top: 8px;
	z-index: 13;
	padding: 4px 7px;
	border-radius: 999px;
	background: color-mix(in srgb, var(--cake-surface-strong) 92%, transparent);
	color: var(--cake-text-muted);
	font-size: 10px;
	font-weight: 760;
	pointer-events: none;
}

/* Explicit light mode is calmer and more legible than the legacy pink wash. */
:root[data-cake-theme="light"],
.cake-theme-light {
	--cake-page: #f6f4f7;
	--cake-page-alt: #efebf1;
	--cake-surface: rgba(255,255,255,.82);
	--cake-surface-strong: rgba(255,255,255,.96);
	--cake-surface-soft: rgba(250,248,251,.78);
	--cake-surface-raised: rgba(255,255,255,.92);
	--cake-control: rgba(249,247,250,.90);
	--cake-control-hover: #fff;
	--cake-separator: rgba(61,45,66,.105);
	--cake-separator-strong: rgba(233,25,134,.22);
	--cake-shadow-panel: 0 18px 48px rgba(52,38,57,.085);
	--cake-shadow-panel-strong: 0 24px 64px rgba(52,38,57,.12);
	--cake-shadow-control: 0 7px 20px rgba(52,38,57,.055);
	--cake-sidebar-glow: rgba(255,45,157,.14);
	--cake-sidebar-glow-secondary: rgba(159,69,236,.09);
}

:root[data-cake-theme="light"] .cake-dashboard-admin-wrap .cake-admin-shell.cake-shell-context-dashboard,
:root[data-cake-theme="light"] .cake-dashboard-admin-wrap .cake-admin-shell.cake-admin-shell-dashboard,
.cake-theme-light .cake-dashboard-admin-wrap .cake-admin-shell.cake-shell-context-dashboard,
.cake-theme-light .cake-dashboard-admin-wrap .cake-admin-shell.cake-admin-shell-dashboard {
	background:
		radial-gradient(circle at 0 0, rgba(255,45,157,.075), transparent 31rem),
		radial-gradient(circle at 100% 100%, rgba(76,157,255,.055), transparent 34rem),
		linear-gradient(145deg, #f8f6f9, #f2eff4 60%, #f7f5f8);
}

:root[data-cake-theme="light"] .cake-dashboard-admin-wrap .cake-admin-shell .cake-site-header,
.cake-theme-light .cake-dashboard-admin-wrap .cake-admin-shell .cake-site-header {
	background: rgba(255,255,255,.86);
	box-shadow: 0 16px 42px rgba(52,38,57,.08), inset 0 1px 0 rgba(255,255,255,.92);
}

:root[data-cake-theme="light"] .cake-dashboard-admin-wrap .cake-admin-shell .cake-admin-sidebar,
.cake-theme-light .cake-dashboard-admin-wrap .cake-admin-shell .cake-admin-sidebar {
	background-image:
		radial-gradient(circle at 0 12%, rgba(255,45,157,.10), transparent 42%),
		linear-gradient(165deg, rgba(255,255,255,.94), rgba(248,246,249,.88));
	box-shadow: 0 18px 44px rgba(52,38,57,.075), inset 0 1px 0 rgba(255,255,255,.96);
}

:root[data-cake-theme="light"] .cake-dashboard-admin-wrap .cake-admin-shell .cake-admin-sidebar::before,
.cake-theme-light .cake-dashboard-admin-wrap .cake-admin-shell .cake-admin-sidebar::before {
	left: -42%;
	top: -12%;
	width: 105%;
	opacity: .18;
	filter: blur(32px);
	animation-duration: 14s;
}

:root[data-cake-theme="light"] .cake-dashboard-admin-wrap .cake-admin-shell .cake-admin-sidebar-nav a,
.cake-theme-light .cake-dashboard-admin-wrap .cake-admin-shell .cake-admin-sidebar-nav a {
	color: #5e5866;
}

:root[data-cake-theme="light"] .cake-dashboard-admin-wrap .cake-admin-shell .cake-admin-sidebar-nav a:hover,
.cake-theme-light .cake-dashboard-admin-wrap .cake-admin-shell .cake-admin-sidebar-nav a:hover {
	background: rgba(255,255,255,.78);
	color: #201b25;
}

:root[data-cake-theme="light"] .cake-dashboard-admin-wrap .cake-admin-shell .cake-admin-sidebar-nav a.is-active,
.cake-theme-light .cake-dashboard-admin-wrap .cake-admin-shell .cake-admin-sidebar-nav a.is-active {
	background: linear-gradient(90deg, rgba(255,45,157,.13), rgba(255,255,255,.82));
	color: #211923;
	box-shadow: 0 10px 24px rgba(233,25,134,.09);
}

:root[data-cake-theme="light"] .cake-dashboard-admin-wrap .cake-admin-shell .cake-dashboard-panel,
.cake-theme-light .cake-dashboard-admin-wrap .cake-admin-shell .cake-dashboard-panel {
	background: rgba(255,255,255,.80);
	box-shadow: 0 18px 48px rgba(52,38,57,.075), inset 0 1px 0 rgba(255,255,255,.95);
}

/* Content Library: compact shell cards and cleaner hierarchy. */
.cake-dashboard-admin-wrap .cake-admin-shell .cake-site-content-panel {
	padding: clamp(20px, 2vw, 30px);
}

.cake-dashboard-admin-wrap .cake-admin-shell .cake-section-assignment-overview {
	gap: 12px;
	margin-bottom: 14px;
}

.cake-dashboard-admin-wrap .cake-admin-shell .cake-section-assignment-card {
	min-height: 132px;
	padding: 18px;
	border-radius: 18px;
	background: color-mix(in srgb, var(--cake-surface-strong) 88%, var(--cake-page-alt));
	box-shadow: var(--cake-shadow-control), inset 0 0 0 1px color-mix(in srgb, var(--cake-separator) 72%, transparent);
}

.cake-dashboard-admin-wrap .cake-admin-shell .cake-section-assignment-card::after {
	display: none;
}

.cake-dashboard-admin-wrap .cake-admin-shell .cake-section-assignment-card::before {
	left: 18px;
	right: auto;
	bottom: 0;
	width: 72px;
	height: 2px;
	background: linear-gradient(90deg, var(--cake-primary), var(--cake-secondary));
	opacity: .7;
}

.cake-dashboard-admin-wrap .cake-admin-shell .cake-section-assignment-kicker {
	color: var(--cake-text-subtle);
	font-size: 10.5px;
	letter-spacing: .085em;
}

.cake-dashboard-admin-wrap .cake-admin-shell .cake-section-assignment-card strong {
	color: var(--cake-text);
	font-size: 18px;
}

.cake-dashboard-admin-wrap .cake-admin-shell .cake-section-assignment-card p {
	color: var(--cake-text-muted);
	font-size: 13px;
	font-weight: 600;
}

.cake-dashboard-admin-wrap .cake-admin-shell .cake-section-role-hint {
	margin-bottom: 14px;
	padding: 14px 16px;
	border-radius: 14px;
	background: color-mix(in srgb, var(--cake-primary) 3.5%, var(--cake-control));
	box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--cake-separator) 72%, transparent);
}

.cake-dashboard-admin-wrap .cake-admin-shell .cake-section-role-hint::after {
	left: 16px;
	right: auto;
	width: 64px;
	height: 2px;
	background: linear-gradient(90deg, var(--cake-primary), var(--cake-secondary));
}

.cake-dashboard-admin-wrap .cake-admin-shell .cake-content-row {
	grid-template-columns: minmax(260px, 1fr) auto auto;
	min-height: 64px;
	padding: 10px 12px 10px 16px;
	background: color-mix(in srgb, var(--cake-surface-soft) 92%, transparent);
}

.cake-dashboard-admin-wrap .cake-admin-shell .cake-content-row-link {
	justify-self: stretch;
	text-align: left;
}

.cake-dashboard-admin-wrap .cake-admin-shell .cake-content-row-info {
	align-items: flex-start;
	text-align: left;
}

.cake-dashboard-admin-wrap .cake-admin-shell .cake-content-row-title {
	justify-content: flex-start;
}

:root[data-cake-theme="light"] .cake-dashboard-admin-wrap .cake-admin-shell .cake-content-row,
.cake-theme-light .cake-dashboard-admin-wrap .cake-admin-shell .cake-content-row {
	background: rgba(250,248,251,.84);
	box-shadow: inset 0 0 0 1px rgba(74,54,78,.08);
}

:root[data-cake-theme="light"] .cake-dashboard-admin-wrap .cake-admin-shell .cake-content-row:hover,
.cake-theme-light .cake-dashboard-admin-wrap .cake-admin-shell .cake-content-row:hover {
	background: rgba(255,255,255,.98);
	box-shadow: inset 0 0 0 1px rgba(233,25,134,.16), 0 10px 26px rgba(52,38,57,.07);
}

/* Light editor uses neutral chrome and a clearly separated canvas. */
:root[data-cake-theme="light"] body.cake-editor-fullscreen,
body.cake-editor-fullscreen.cake-theme-light {
	background:
		radial-gradient(circle at 15% 0, rgba(255,45,157,.065), transparent 28rem),
		linear-gradient(145deg, #f7f5f8, #efecf1);
}

:root[data-cake-theme="light"] body.cake-editor-fullscreen .cake-editor-branding,
:root[data-cake-theme="light"] body.cake-editor-fullscreen .cake-editor-header,
:root[data-cake-theme="light"] body.cake-editor-fullscreen .cake-editor-sidebar,
:root[data-cake-theme="light"] body.cake-editor-fullscreen .cake-editor-main,
body.cake-editor-fullscreen.cake-theme-light :is(.cake-editor-branding,.cake-editor-header,.cake-editor-sidebar,.cake-editor-main) {
	background: rgba(255,255,255,.88);
	box-shadow: 0 14px 38px rgba(52,38,57,.075), inset 0 1px 0 rgba(255,255,255,.95);
}

:root[data-cake-theme="light"] body.cake-editor-fullscreen .cake-editor-canvas-area,
body.cake-editor-fullscreen.cake-theme-light .cake-editor-canvas-area {
	background: rgba(240,236,242,.72);
}

@media (max-width: 980px) {
	.cake-dashboard-admin-wrap .cake-admin-shell .cake-section-assignment-overview {
		grid-template-columns: 1fr;
	}
	.cake-dashboard-admin-wrap .cake-admin-shell .cake-content-row {
		grid-template-columns: minmax(0, 1fr) auto;
	}
	.cake-dashboard-admin-wrap .cake-admin-shell .cake-content-row-date {
		display: none;
	}
}


/* ========================================================================== 
   0.9.65 — shell cleanup, single dividers and dashboard spacing
   ========================================================================== */

/* A Header Section is a single shell slot. Editor-only or accidentally
   appended root blocks must never leak below the live Header. Style/script
   nodes remain available for inline Section assets. */
.cake-reusable-section-header {
	width: 100%;
	margin: 0;
	padding: 0;
}

.cake-reusable-section-header > :not(.cake-reusable-shell-header):not(style):not(script):not(link) {
	display: none !important;
}

.cake-reusable-section-header > .cake-reusable-shell-header {
	width: 100%;
	margin-inline: auto;
}

/* Keep the dashboard Header compact but comfortably human-sized. */
.cake-dashboard-admin-wrap .cake-admin-shell.cake-shell-context-dashboard > .cake-site-header,
.cake-dashboard-admin-wrap .cake-admin-shell.cake-admin-shell-dashboard > .cake-site-header {
	min-height: 80px;
	margin-bottom: 20px;
	padding: 8px 14px;
	border-radius: 18px;
}

.cake-dashboard-admin-wrap .cake-admin-shell .cake-site-header__inner {
	min-height: 62px;
	grid-template-columns: minmax(190px, 1fr) minmax(330px, 440px) minmax(330px, 1fr);
	gap: clamp(14px, 1.35vw, 24px);
	padding-inline: 8px;
}

.cake-dashboard-admin-wrap .cake-admin-shell .cake-brand-link {
	gap: 10px;
}

.cake-dashboard-admin-wrap .cake-admin-shell .cake-brand-mark {
	flex-basis: 42px;
	width: 42px;
	height: 42px;
}

.cake-dashboard-admin-wrap .cake-admin-shell .cake-site-title {
	font-size: 1.28rem;
	line-height: 1;
}

.cake-dashboard-admin-wrap .cake-admin-shell .cake-header-actions,
.cake-dashboard-admin-wrap .cake-admin-shell .cake-header-dashboard-actions {
	gap: 10px;
}

/* Old generations supplied native borders as well as pseudo-element
   separators. Retain one quiet pseudo divider and remove the duplicates. */
.cake-dashboard-admin-wrap .cake-admin-shell :is(
	.cake-admin-sidebar-group,
	.cake-admin-sidebar-group > summary,
	.cake-admin-sidebar-group-items,
	.cake-admin-sidebar-nav,
	.cake-dashboard-panel,
	.cake-dashboard-welcome,
	.cake-admin-section-heading
) {
	border: 0;
}

.cake-dashboard-admin-wrap .cake-admin-shell :is(
	.cake-dashboard-panel,
	.cake-dashboard-welcome,
	.cake-settings-card,
	.cake-settings-aside-card
)::after {
	display: none;
}

.cake-dashboard-admin-wrap .cake-admin-shell .cake-admin-sidebar-group:not(:last-child)::after {
	left: 14px;
	right: 14px;
	height: 1px;
	background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--cake-separator) 72%, transparent), transparent);
	opacity: 1;
}

/* Remove the large decorative circles from metrics. Surface contrast and a
   small accent marker provide enough hierarchy without the grey blobs. */
.cake-dashboard-admin-wrap .cake-admin-shell .cake-dashboard-metric::before {
	display: none;
}

.cake-dashboard-admin-wrap .cake-admin-shell .cake-dashboard-metric {
	min-height: 148px;
	padding: 22px 24px;
	background: linear-gradient(145deg,
		color-mix(in srgb, var(--cake-surface-strong) 94%, transparent),
		color-mix(in srgb, var(--cake-surface-soft) 96%, transparent));
	overflow: visible;
}

.cake-dashboard-admin-wrap .cake-admin-shell .cake-dashboard-metric::after {
	left: 24px;
	right: auto;
	bottom: 0;
	width: 72px;
	height: 2px;
	transform: none;
	opacity: .72;
}

.cake-dashboard-admin-wrap .cake-admin-shell .cake-dashboard-metric:hover::after,
.cake-dashboard-admin-wrap .cake-admin-shell .cake-dashboard-metric:focus-visible::after {
	transform: none;
	opacity: 1;
}

.cake-dashboard-admin-wrap .cake-admin-shell .cake-admin-main {
	gap: 20px;
}

.cake-dashboard-admin-wrap .cake-admin-shell .cake-dashboard-panel {
	padding: clamp(22px, 1.8vw, 30px);
}

.cake-dashboard-admin-wrap .cake-admin-shell .cake-admin-section-heading {
	margin-bottom: 18px;
}

.cake-dashboard-admin-wrap .cake-admin-shell .cake-dashboard-insights {
	gap: 14px;
}

/* Light mode needs clear edges without reverting to visible borders. */
:root[data-cake-theme="light"] .cake-dashboard-admin-wrap .cake-admin-shell .cake-dashboard-metric,
.cake-theme-light .cake-dashboard-admin-wrap .cake-admin-shell .cake-dashboard-metric {
	background: linear-gradient(145deg, rgba(255,255,255,.98), rgba(249,247,250,.94));
	box-shadow: 0 12px 30px rgba(52,38,57,.06);
}

:root[data-cake-theme="light"] .cake-dashboard-admin-wrap .cake-admin-shell .cake-dashboard-metric :is(span,small),
.cake-theme-light .cake-dashboard-admin-wrap .cake-admin-shell .cake-dashboard-metric :is(span,small) {
	color: #625a69;
}

@media (max-width: 1180px) {
	.cake-dashboard-admin-wrap .cake-admin-shell .cake-site-header__inner {
		grid-template-columns: minmax(170px, .8fr) minmax(260px, 1.2fr) minmax(280px, 1fr);
	}
}

@media (max-width: 900px) {
	.cake-dashboard-admin-wrap .cake-admin-shell.cake-shell-context-dashboard > .cake-site-header,
	.cake-dashboard-admin-wrap .cake-admin-shell.cake-admin-shell-dashboard > .cake-site-header {
		position: relative;
		top: auto;
		min-height: 0;
	}

	.cake-dashboard-admin-wrap .cake-admin-shell .cake-site-header__inner {
		grid-template-columns: 1fr;
		gap: 10px;
	}
}


/* ========================================================================== 
   0.9.66 — canonical shell containment and final light-mode cleanup
   ========================================================================== */

/* Shell Sections are one-root components. This is a CSS safety net for cached
   HTML while the 0.9.66 database repair removes accidental editor siblings. */
.cake-reusable-section-header,
.cake-reusable-section-footer,
.cake-reusable-section-sidebar {
	contain: layout style;
}

.cake-reusable-section-header > :not([data-cake-section-role="header"]):not(header):not(style):not(script):not(link),
.cake-reusable-section-footer > :not([data-cake-section-role="footer"]):not(footer):not(style):not(script):not(link),
.cake-reusable-section-sidebar > :not([data-cake-section-role="sidebar"]):not(aside):not(style):not(script):not(link) {
	display: none !important;
}

/* Do not let old decorative pseudo-elements create doubled rules or circles. */
.cake-dashboard-admin-wrap .cake-admin-shell :is(
	.cake-site-header,
	.cake-site-header__inner,
	.cake-dashboard-welcome,
	.cake-dashboard-panel,
	.cake-dashboard-metric,
	.cake-admin-section-heading
)::before {
	content: none;
}

.cake-dashboard-admin-wrap .cake-admin-shell :is(
	.cake-site-header,
	.cake-site-header__inner,
	.cake-dashboard-welcome,
	.cake-dashboard-panel,
	.cake-admin-section-heading
)::after {
	content: none;
}

.cake-dashboard-admin-wrap .cake-admin-shell .cake-admin-sidebar-group + .cake-admin-sidebar-group::before {
	content: none;
}

.cake-dashboard-admin-wrap .cake-admin-shell .cake-admin-sidebar-group:not(:last-child)::after {
	content: "";
	display: block;
	position: absolute;
	left: 16px;
	right: 16px;
	bottom: 0;
	height: 1px;
	background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--cake-separator) 66%, transparent), transparent);
}

.cake-dashboard-admin-wrap .cake-admin-shell .cake-admin-sidebar::before {
	opacity: .22;
	transform: scale(.78);
	transform-origin: top left;
}

.cake-dashboard-admin-wrap .cake-admin-shell .cake-dashboard-metric::after {
	content: "";
	display: block;
}

.cake-dashboard-admin-wrap .cake-admin-shell .cake-admin-main {
	row-gap: 22px;
}

.cake-dashboard-admin-wrap .cake-admin-shell .cake-dashboard-grid,
.cake-dashboard-admin-wrap .cake-admin-shell .cake-dashboard-insights {
	gap: 18px;
}

:root[data-cake-theme="light"] .cake-dashboard-admin-wrap .cake-admin-shell,
.cake-theme-light .cake-dashboard-admin-wrap .cake-admin-shell {
	background:
		radial-gradient(circle at 8% 3%, rgba(255,55,157,.07), transparent 24rem),
		radial-gradient(circle at 96% 4%, rgba(130,82,255,.055), transparent 28rem),
		linear-gradient(145deg, #f8f6f9, #f1eef4);
}

:root[data-cake-theme="light"] .cake-dashboard-admin-wrap .cake-admin-shell .cake-admin-sidebar,
.cake-theme-light .cake-dashboard-admin-wrap .cake-admin-shell .cake-admin-sidebar {
	background: rgba(255,255,255,.78);
	box-shadow: 0 18px 44px rgba(62,45,68,.08), inset 0 1px 0 rgba(255,255,255,.94);
}


/* ========================================================================== 
   0.9.67 — shell encoding repair and focused Header artboard
   ========================================================================== */
body.cake-editor-fullscreen .cake-editor-app[data-section-role="header"] .cake-editor-canvas-area {
	flex: 0 0 auto !important;
	height: 176px !important;
	min-height: 176px !important;
	padding: 18px 24px 20px !important;
	overflow: hidden !important;
}
body.cake-editor-fullscreen .cake-editor-app[data-section-role="header"] .cake-editor-canvas,
body.cake-editor-fullscreen .cake-editor-app[data-section-role="header"] .cake-editor-visual {
	height: 138px !important;
	min-height: 138px !important;
	max-height: 138px !important;
}
body.cake-editor-fullscreen .cake-editor-app[data-section-role="header"] .cake-editor-visual {
	padding: 0 !important;
	overflow: hidden !important;
}
body.cake-editor-fullscreen .cake-editor-app[data-section-role="header"] .cake-editor-visual iframe {
	height: 138px !important;
	min-height: 138px !important;
	max-height: 138px !important;
}
body.cake-editor-preview-body.cake-section-preview-role-header,
body.cake-editor-preview-body.cake-section-preview-role-header .cake-section-preview-stage {
	height: auto !important;
	min-height: 0 !important;
	max-height: 138px !important;
}
body.cake-editor-preview-body.cake-section-preview-role-header .cake-section-preview-stage {
	padding: 10px !important;
}
body.cake-editor-preview-body.cake-section-preview-role-header .cake-reusable-shell-header {
	min-height: 0 !important;
	max-height: 112px !important;
}
.cake-admin-global-search input[data-cake-dashboard-search] {
	font-variant-ligatures: normal;
	unicode-bidi: plaintext;
}

/* ========================================================================== 
   0.9.68 — page glass-container control and full-scale public Header
   ========================================================================== */

/* The page container is a page-level editor setting. Existing pages default to
   enabled, while the explicit no-glass class removes the surface completely. */
body.cake-page-glass-container:not(.wp-admin) .cake-main,
body.cake-editor-preview-body.cake-page-glass-container .cake-main {
	position: relative;
	width: min(calc(100% - clamp(24px, 3.2vw, 64px)), 1560px);
	margin: clamp(18px, 2.2vw, 34px) auto clamp(34px, 4vw, 58px);
	padding: clamp(18px, 2.4vw, 36px);
	border-radius: clamp(22px, 2vw, 30px);
	background:
		radial-gradient(circle at 8% 0%, color-mix(in srgb, var(--cake-primary) 9%, transparent), transparent 32rem),
		radial-gradient(circle at 96% 2%, color-mix(in srgb, var(--cake-secondary) 7%, transparent), transparent 34rem),
		color-mix(in srgb, var(--cake-surface) 94%, transparent);
	box-shadow:
		var(--cake-shadow-panel-strong),
		inset 0 1px 0 var(--cake-glass-highlight-soft),
		inset 0 0 0 1px var(--cake-surface-line-soft);
	backdrop-filter: blur(22px) saturate(118%);
}

body.cake-page-glass-container:not(.wp-admin) .cake-main > .cake-page-content,
body.cake-editor-preview-body.cake-page-glass-container .cake-main > .cake-page-content {
	width: 100%;
	max-width: none;
	margin: 0;
	padding: 0;
}

body.cake-page-no-glass-container:not(.wp-admin) .cake-main,
body.cake-editor-preview-body.cake-page-no-glass-container .cake-main {
	width: 100%;
	max-width: none;
	margin: 0;
	padding: 0;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
	backdrop-filter: none;
}

/* Public Header sizing is deliberately independent from the more compact
   dashboard shell. This keeps the live site and editor preview readable at
   ordinary browser zoom and high-resolution desktop widths. */
body:not(.wp-admin) .cake-site-header.cake-reusable-shell-header {
	width: min(calc(100% - clamp(28px, 4vw, 72px)), 1760px);
	min-height: 96px;
	margin: clamp(16px, 2vw, 28px) auto clamp(18px, 2vw, 28px);
	padding: 12px 18px;
	border-radius: 24px;
}

body:not(.wp-admin) .cake-site-header.cake-reusable-shell-header .cake-site-header__inner {
	min-height: 72px;
	padding-inline: clamp(10px, 1.2vw, 20px);
	gap: clamp(18px, 2vw, 34px);
}

body:not(.wp-admin) .cake-site-header.cake-reusable-shell-header .cake-brand-link {
	gap: 12px;
}

body:not(.wp-admin) .cake-site-header.cake-reusable-shell-header .cake-brand-mark {
	flex-basis: 54px;
	width: 54px;
	height: 54px;
	border-radius: 14px;
}

body:not(.wp-admin) .cake-site-header.cake-reusable-shell-header .cake-site-title {
	font-size: 1.55rem;
	line-height: 1;
}

body:not(.wp-admin) .cake-site-header.cake-reusable-shell-header :is(.cake-bound-navigation-pill,.cake-bound-navigation-link) {
	min-height: 50px;
	padding: 11px 16px;
	font-size: 1rem;
}

body:not(.wp-admin) .cake-site-header.cake-reusable-shell-header :is(.cake-user-menu-trigger,.cake-user-menu-login) {
	min-height: 50px;
	padding: 8px 15px 8px 9px;
	font-size: .94rem;
}

body:not(.wp-admin) .cake-site-header.cake-reusable-shell-header .cake-user-menu-avatar {
	width: 36px;
	height: 36px;
}

/* Match the Header Section artboard to the larger live Header. */
body.cake-editor-fullscreen .cake-editor-app[data-section-role="header"] .cake-editor-canvas-area {
	height: 202px !important;
	min-height: 202px !important;
	padding: 18px 24px 22px !important;
}
body.cake-editor-fullscreen .cake-editor-app[data-section-role="header"] :is(.cake-editor-canvas,.cake-editor-visual),
body.cake-editor-fullscreen .cake-editor-app[data-section-role="header"] .cake-editor-visual iframe {
	height: 160px !important;
	min-height: 160px !important;
	max-height: 160px !important;
}
body.cake-editor-preview-body.cake-section-preview-role-header,
body.cake-editor-preview-body.cake-section-preview-role-header .cake-section-preview-stage {
	max-height: 160px !important;
}
body.cake-editor-preview-body.cake-section-preview-role-header .cake-reusable-shell-header {
	max-height: 136px !important;
}

@media (max-width: 760px) {
	body.cake-page-glass-container:not(.wp-admin) .cake-main,
	body.cake-editor-preview-body.cake-page-glass-container .cake-main {
		width: min(calc(100% - 16px), 1560px);
		margin-top: 10px;
		padding: 12px;
		border-radius: 20px;
	}
	body:not(.wp-admin) .cake-site-header.cake-reusable-shell-header {
		width: calc(100% - 16px);
		min-height: 78px;
		margin: 8px auto 12px;
		padding: 8px 10px;
		border-radius: 18px;
	}
	body:not(.wp-admin) .cake-site-header.cake-reusable-shell-header .cake-site-header__inner {
		min-height: 60px;
	}
	body:not(.wp-admin) .cake-site-header.cake-reusable-shell-header .cake-brand-mark {
		flex-basis: 44px;
		width: 44px;
		height: 44px;
	}
	body:not(.wp-admin) .cake-site-header.cake-reusable-shell-header .cake-site-title {
		font-size: 1.25rem;
	}
}

/* --------------------------------------------------------------------------
   Site Content: grouped reusable Sections and read-only built-in block source
   -------------------------------------------------------------------------- */
.cake-section-library-groups {
	display: grid;
	gap: 12px;
	margin-top: 16px;
}
.cake-section-library-group {
	position: relative;
	border: 0;
	border-radius: var(--cake-radius-lg, 18px);
	background: color-mix(in srgb, var(--cake-surface, #fff) 82%, transparent);
	box-shadow: var(--cake-shadow-soft, 0 14px 40px rgba(13,16,30,.08));
	overflow: clip;
}
.cake-section-library-group > summary {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 18px;
	min-height: 74px;
	padding: 16px 18px;
	cursor: pointer;
	list-style: none;
}
.cake-section-library-group > summary::-webkit-details-marker { display: none; }
.cake-section-library-group > summary::after {
	content: '';
	position: absolute;
	left: 18px;
	right: 18px;
	bottom: 0;
	height: 1px;
	background: linear-gradient(90deg, transparent, var(--cake-separator, rgba(126,128,153,.18)), transparent);
	opacity: 0;
	transition: opacity .18s ease;
}
.cake-section-library-group[open] > summary::after { opacity: 1; }
.cake-section-library-group > summary > span:first-child {
	display: grid;
	gap: 4px;
	min-width: 0;
}
.cake-section-library-group > summary strong {
	font-family: var(--cake-font-heading, Rubik, sans-serif);
	font-size: 1rem;
	color: var(--cake-text, #111827);
}
.cake-section-library-group > summary small,
.cake-built-in-block-library-heading span,
.cake-section-slot-strip span {
	color: var(--cake-text-muted, #6b7280);
	font-size: .76rem;
	line-height: 1.5;
}
.cake-section-library-summary-meta {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	flex: 0 0 auto;
}
.cake-section-library-summary-meta em {
	font-style: normal;
	font-size: .7rem;
	font-weight: 700;
	color: var(--cake-primary, #ff2f92);
}
.cake-section-library-summary-meta b {
	display: grid;
	place-items: center;
	min-width: 28px;
	height: 28px;
	padding-inline: 8px;
	border-radius: 999px;
	background: color-mix(in srgb, var(--cake-primary, #ff2f92) 12%, transparent);
	color: var(--cake-primary, #ff2f92);
	font-size: .72rem;
}
.cake-section-library-group-body {
	display: grid;
	gap: 12px;
	padding: 14px;
}
.cake-section-slot-strip,
.cake-built-in-block-library-heading {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	padding: 14px;
	border-radius: var(--cake-radius-md, 14px);
	background: color-mix(in srgb, var(--cake-surface-strong, #fff) 84%, transparent);
}
.cake-section-slot-strip > div:first-child,
.cake-built-in-block-library-heading > div {
	display: grid;
	gap: 3px;
}
.cake-section-slot-actions { display: flex; flex-wrap: wrap; gap: 8px; }
.cake-section-group-list { margin: 0; }
.cake-built-in-block-library { display: grid; gap: 9px; }
.cake-built-in-block-source {
	border: 0;
	border-radius: var(--cake-radius-md, 14px);
	background: color-mix(in srgb, var(--cake-control-surface, #f7f7fb) 92%, transparent);
	overflow: clip;
}
.cake-built-in-block-source > summary {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	padding: 12px 14px;
	list-style: none;
	cursor: pointer;
}
.cake-built-in-block-source > summary::-webkit-details-marker { display: none; }
.cake-built-in-block-source > summary > span {
	display: grid;
	grid-template-columns: 28px auto;
	align-items: center;
	column-gap: 9px;
	min-width: 0;
}
.cake-built-in-block-source > summary .cake-editor-block-glyph {
	grid-row: 1 / span 2;
	display: grid;
	place-items: center;
	width: 28px;
	height: 28px;
	border-radius: 9px;
	background: color-mix(in srgb, var(--cake-primary, #ff2f92) 12%, transparent);
	color: var(--cake-primary, #ff2f92);
}
.cake-built-in-block-source > summary strong { color: var(--cake-text); font-size: .82rem; }
.cake-built-in-block-source > summary small { color: var(--cake-text-muted); font-size: .66rem; }
.cake-built-in-block-source-body {
	position: relative;
	display: grid;
	grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr) minmax(0, 1fr);
	gap: 10px;
	padding: 12px 14px 14px;
}
.cake-built-in-block-source-body::before {
	content: '';
	position: absolute;
	left: 14px;
	right: 14px;
	top: 0;
	height: 1px;
	background: linear-gradient(90deg, transparent, var(--cake-separator), transparent);
}
.cake-built-in-block-source-body label { display: grid; gap: 6px; min-width: 0; }
.cake-built-in-block-source-body label > span { color: var(--cake-text-muted); font-size: .68rem; font-weight: 750; text-transform: uppercase; letter-spacing: .05em; }
.cake-code-readonly {
	min-height: 82px;
	resize: vertical;
	font: 500 .69rem/1.55 ui-monospace, SFMono-Regular, Consolas, monospace !important;
	white-space: pre;
	overflow: auto;
}
@media (max-width: 900px) {
	.cake-built-in-block-source-body { grid-template-columns: 1fr; }
}
@media (max-width: 620px) {
	.cake-section-library-group > summary,
	.cake-section-slot-strip,
	.cake-built-in-block-source > summary { align-items: flex-start; flex-direction: column; }
	.cake-section-library-summary-meta { width: 100%; justify-content: space-between; }
}

/* 0.9.76 — portalled colour-picker range controls.
   The picker is moved under <body> so it can escape the Properties sidebar.
   Range styling must therefore target the popover itself rather than relying
   on the original .cake-color-control ancestor. */
.cake-color-popover input[type="range"] {
	width: 100%;
	height: 8px;
	min-height: 8px;
	margin: 5px 0;
	padding: 0;
	border: 0;
	border-radius: 999px;
	background: linear-gradient(90deg, var(--cake-primary), var(--cake-secondary));
	box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--cake-text) 12%, transparent), 0 5px 16px color-mix(in srgb, var(--cake-primary) 10%, transparent);
	cursor: pointer;
	appearance: none;
	-webkit-appearance: none;
}
.cake-color-popover input[type="range"]::-webkit-slider-runnable-track {
	height: 8px;
	border: 0;
	border-radius: 999px;
	background: transparent;
}
.cake-color-popover input[type="range"]::-webkit-slider-thumb {
	width: 20px;
	height: 20px;
	margin-top: -6px;
	border: 3px solid var(--cake-surface-strong, #fff);
	border-radius: 50%;
	background: var(--cake-primary);
	box-shadow: 0 0 0 1px color-mix(in srgb, var(--cake-text) 26%, transparent), 0 0 0 5px color-mix(in srgb, var(--cake-primary) 16%, transparent), 0 5px 14px rgba(16, 18, 28, .22);
	appearance: none;
	-webkit-appearance: none;
}
.cake-color-popover input[type="range"]::-moz-range-track {
	height: 8px;
	border: 0;
	border-radius: 999px;
	background: transparent;
}
.cake-color-popover input[type="range"]::-moz-range-thumb {
	width: 14px;
	height: 14px;
	border: 3px solid var(--cake-surface-strong, #fff);
	border-radius: 50%;
	background: var(--cake-primary);
	box-shadow: 0 0 0 1px color-mix(in srgb, var(--cake-text) 26%, transparent), 0 0 0 5px color-mix(in srgb, var(--cake-primary) 16%, transparent), 0 5px 14px rgba(16, 18, 28, .22);
}
.cake-color-popover input[type="range"]:focus-visible {
	outline: 0;
	box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--cake-text) 12%, transparent), 0 0 0 4px color-mix(in srgb, var(--cake-primary) 18%, transparent);
}
.cake-color-popover input[type="range"][data-cake-color-h] {
	background: linear-gradient(90deg, #ff3b30, #ffd60a, #34c759, #64d2ff, #0a84ff, #bf5af2, #ff375f, #ff3b30) !important;
}
.cake-color-popover input[type="range"][data-cake-color-s] {
	background: linear-gradient(90deg, #fff, var(--cake-picker-color, #f52aa0)) !important;
}
.cake-color-popover input[type="range"][data-cake-color-v] {
	background: linear-gradient(90deg, #050508, var(--cake-picker-color, #f52aa0)) !important;
}
.cake-color-popover input[type="range"][data-cake-color-a] {
	background:
		linear-gradient(90deg, transparent, var(--cake-picker-color, #f52aa0)),
		repeating-conic-gradient(#d9d9df 0 25%, #fff 0 50%) 0 / 10px 10px !important;
}