/* Vibetiles: the panel's own frame, which on Architrave belongs to the
   theme (the tiny panel wears it too). GENERATED by tools/build-plugin.py from
   the theme's style.css; loaded only where the plugin is a guest. */
:not(#live-design-panel-guard) .reading-panel[data-panel-side="light"], .architrave-panel-opener[data-panel-side="light"] {
	--surface-raised: #ffffff;
	--surface-base: #ffffff;
	--surface-floating: #ffffff;
	--surface-canvas: #f2f2f2;
	--surface-plane: #f2f2f2;
	--surface-hover: #ececec;
	--surface-selected: #e4e4e4;
	--surface-pressed: #dcdcdc;
	--surface-track: #e8e8e8;
	--surface-track-selected: #ffffff;
	--surface-subtle: #f2f2f2;
	--text-primary: #1c1c1e;
	--text-secondary: #6b6b70;
	--text-muted: #8a8a8f;
	--text-subtle: #a0a0a5;
	--text-disabled: #b4b4b8;
	--text-inverse: #ffffff;
	--border-subtle: #ececec;
	--border-default: #dcdcdc;
	--border-strong: #b4b4b8;
	--line: #dcdcdc;
	--accent: #0088ff;
	--accent-contrast: #ffffff;
	--accent-muted: #e0ecff;
	--danger: #ff383c;
	--success: #34c759;
	--focus: color-mix(in srgb, #0088ff 40%, transparent);
	--groove-page: #e8e8e8;
	--chip-page: #ffffff;
	color-scheme: light;
}
:not(#live-design-panel-guard) .reading-panel[data-panel-side="dark"], .architrave-panel-opener[data-panel-side="dark"] {
	--surface-raised: #2c2c2e;
	--surface-base: #2c2c2e;
	--surface-floating: #2c2c2e;
	--surface-canvas: #1c1c1e;
	--surface-plane: #1c1c1e;
	--surface-hover: #3a3a3c;
	--surface-selected: #444446;
	--surface-pressed: #4c4c4e;
	--surface-track: #3a3a3c;
	--surface-track-selected: #545456;
	--surface-subtle: #242426;
	--text-primary: #f2f2f7;
	--text-secondary: #a1a1a6;
	--text-muted: #8e8e93;
	--text-subtle: #7c7c81;
	--text-disabled: #636366;
	--text-inverse: #1c1c1e;
	--border-subtle: #333335;
	--border-default: #48484a;
	--border-strong: #636366;
	--line: #48484a;
	--accent: #0091ff;
	--accent-contrast: #ffffff;
	--accent-muted: #1e3358;
	--danger: #ff4245;
	--success: #30d158;
	--focus: color-mix(in srgb, #0091ff 40%, transparent);
	--groove-page: #3a3a3c;
	--chip-page: #545456;
	color-scheme: dark;
}
@media (prefers-contrast: more) {
	:not(#live-design-panel-guard) .reading-panel[data-panel-side="light"], .architrave-panel-opener[data-panel-side="light"] {
		--accent: #1e6ef4;
		--danger: #e9152d;
		--success: #008932;
		--focus: color-mix(in srgb, #1e6ef4 50%, transparent);
		--border-default: var(--border-strong);
	}
	:not(#live-design-panel-guard) .reading-panel[data-panel-side="dark"], .architrave-panel-opener[data-panel-side="dark"] {
		--accent: #5cb8ff;
		--danger: #ff6165;
		--success: #4ad968;
		--focus: color-mix(in srgb, #5cb8ff 50%, transparent);
		--border-default: var(--border-strong);
	}
}
:not(#live-design-panel-guard) .reading-panel {
	--interaction-surface: var(--surface-raised);
	--toggle-knob-on: #ffffff;
	--text-base: 13px;
	--text-heading-md: 18px;
	--layout-row-min-height: 36px;
	--layout-control-height: calc(var(--layout-row-min-height) + 2 * var(--border-width-default));
	--layout-control-height-compact: calc(var(--layout-control-height) - var(--layout-control-step));
	--layout-control-height-large: calc(var(--layout-control-height) + var(--layout-control-step));
	--layout-action-square: var(--layout-row-min-height);
	--layout-icon-button-bleed: calc((var(--layout-action-square) - var(--icon-control)) / 2);
	--radius-control: var(--radius-lg);
	--radius-row: initial;
	--reading-row-height: 44px;
	--reading-row-gap: var(--space-3);
	--reading-label-size: 14px;
	--reading-label-weight: 500;
	--reading-title-size: 15px;
	--reading-menu-row-height: 40px;
	--toggle-knob-ink: #ffffff;
	--elevation-knob: 0 1px 4px rgb(0 0 0 / 0.25);
	position: fixed;
	inset-block-start: var(--panel-anchor-top, var(--space-2));
	inset-inline-end: calc(var(--panel-anchor-right, var(--space-2)) + var(--layout-menu-offset));
	z-index: calc(var(--layer-overlay) + 3);
	width: var(--layout-content-width-min);
	max-width: calc(100vw - 2 * var(--space-4));
	--card-padding: var(--space-4);
	padding: var(--card-padding);
	border-radius: calc(var(--card-padding) + var(--radius-control-base));
	background: var(--surface-raised);
	color: var(--text-primary);
	box-shadow: var(--elevation-floating);
	font-family: var(--font-sans);
	font-size: var(--text-sm-contextual);
}
:not(#live-design-panel-guard) .reading-panel p {
	font-family: inherit;
}
:not(#live-design-panel-guard) .reading-panel-scrim {
	position: fixed;
	inset: 0;
	z-index: calc(var(--layer-overlay) + 2);
	background: var(--scrim);
}
:not(#live-design-panel-guard) .reading-panel[hidden] {
	display: none;
}
@media (min-width: 1010px) {
	:not(#live-design-panel-guard) .reading-panel {
		inset-block-start: var(--panel-anchor-top, calc(var(--wp-admin--admin-bar--height, 0px) + var(--space-16)));
		inset-block-end: auto;
		inset-inline-end: var(--panel-anchor-right, var(--space-4));
		width: var(--layout-settings-width);
		max-width: calc(100vw - 2 * var(--space-4));
		max-height: var(--panel-anchor-max, calc(100vh - var(--panel-anchor-top, var(--space-16)) - var(--space-4)));
		padding: 0;
		border-radius: calc(var(--space-4) + var(--radius-control-base));
		display: flex;
		flex-direction: column;
		overflow: hidden;
		background: var(--surface-floating);
		box-shadow: var(--elevation-floating);
		--interaction-surface: var(--surface-floating);
	}
	:not(#live-design-panel-guard) .reading-panel {
		transform-origin: top right;
		transition: opacity var(--motion-duration-reveal) var(--motion-easing-standard), transform var(--motion-duration-reveal) var(--motion-easing-standard), visibility 0s linear 0s;
	}
	:not(#live-design-panel-guard) .reading-panel.is-above {
		transform-origin: bottom right;
	}
	:not(#live-design-panel-guard) .reading-panel[hidden] {
		display: flex;
		visibility: hidden;
		opacity: 0;
		pointer-events: none;
		transition: opacity var(--motion-duration-feedback) var(--motion-easing-standard), transform var(--motion-duration-feedback) var(--motion-easing-standard), visibility 0s linear var(--motion-duration-feedback);
	}
	:not(#live-design-panel-guard) .reading-panel.is-opening {
		animation: none;
	}
	:not(#live-design-panel-guard) .reading-panel {
		--panel-roll-duration: 260ms;
		--panel-roll-spring: linear(0, 0.0572, 0.186, 0.3402, 0.492, 0.6269, 0.7385, 0.826, 0.8914, 0.938, 0.9696, 0.9899, 1.0019, 1.0082, 1.0107, 1.011, 1.01, 1.0084, 1.0067, 1.0051, 1.0037, 1.0025, 1.0016, 1.001, 1);
	}
	:not(#live-design-panel-guard) .reading-panel.is-rolling {
		transition:
		height var(--panel-roll-duration) var(--panel-roll-spring),
		box-shadow var(--panel-roll-duration) var(--motion-easing-standard),
		opacity var(--motion-duration-reveal) var(--motion-easing-standard),
		visibility 0s linear 0s;
	}
	:not(#live-design-panel-guard) .reading-panel.is-rolling-shut {
		transition:
		height var(--motion-duration-fast) var(--motion-easing-standard),
		box-shadow var(--motion-duration-fast) var(--motion-easing-standard),
		opacity var(--motion-duration-fast) var(--motion-easing-standard),
		visibility 0s linear 0s;
		opacity: 0;
	}
	@media (prefers-reduced-motion: reduce) {
		:not(#live-design-panel-guard) .reading-panel.is-rolling, :not(#live-design-panel-guard) .reading-panel.is-rolling-shut {
			transition: none;
		}
	}
	:not(#live-design-panel-guard) body.has-frame .reading-panel {
		z-index: calc(var(--layer-overlay) + 3);
	}
}
:not(#live-design-panel-guard) .reading-panel .reading-panel-title {
	margin: 0 0 var(--space-3);
	text-align: center;
	font-size: var(--reading-title-size, var(--text-base));
	font-weight: var(--font-weight-semibold);
	color: var(--text-primary);
}
:not(#live-design-panel-guard) .reading-dots {
	position: absolute;
	inset-inline: 0;
	inset-block-start: calc(100% + var(--space-1));
	display: flex;
	justify-content: space-between;
	padding-inline: var(--space-3);
	pointer-events: none;
	opacity: var(--opacity-hidden);
	transition: opacity var(--motion-duration-reveal) var(--motion-easing-standard);
}
:not(#live-design-panel-guard) .reading-panel.is-stepping .reading-dots {
	opacity: var(--opacity-visible);
	transition-duration: var(--motion-duration-fast);
}
:not(#live-design-panel-guard) .reading-dots i {
	width: var(--space-1-5);
	height: var(--space-1-5);
	border-radius: var(--radius-full);
	background: var(--text-subtle);
}
:not(#live-design-panel-guard) .reading-dots i.is-on {
	background: var(--accent);
}
:not(#live-design-panel-guard) .reading-stepper {
	position: relative;
	flex: 1;
	display: flex;
	overflow: visible;
	border-radius: var(--radius-control);
	background: var(--surface-hover);
}
:not(#live-design-panel-guard) .reading-stepper button {
	flex: 1;
	height: var(--layout-control-height);
	border: 0;
	border-radius: 0;
	background: transparent;
	color: var(--text-primary);
	font: var(--font-weight-medium) var(--text-sm-contextual) / 1 var(--font-sans);
	cursor: pointer;
	position: relative;
}
:not(#live-design-panel-guard) .reading-stepper button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	line-height: 1;
	text-box: trim-both cap alphabetic;
}
:not(#live-design-panel-guard) .reading-stepper button:not(.big) {
	font-size: var(--text-base);
}
:not(#live-design-panel-guard) .reading-stepper button.big {
	font-size: calc(var(--text-lg) + var(--space-1));
}
:not(#live-design-panel-guard) .reading-stepper button:first-child {
	border-start-start-radius: var(--radius-control);
	border-end-start-radius: var(--radius-control);
}
:not(#live-design-panel-guard) .reading-stepper button:last-of-type {
	border-start-end-radius: var(--radius-control);
	border-end-end-radius: var(--radius-control);
}
:not(#live-design-panel-guard) .reading-stepper button + button::before {
	content: '';
	position: absolute;
	inset-inline-start: 0;
	inset-block: 0;
	width: var(--border-width-default);
	background: var(--border-strong);
	opacity: var(--opacity-muted);
}
@media (hover: hover) {
	:not(#live-design-panel-guard) .reading-stepper button:not(:disabled):hover {
		background: var(--surface-selected);
	}
}
:not(#live-design-panel-guard) .reading-stepper button:not(:disabled):active {
	background: var(--surface-pressed);
}
:not(#live-design-panel-guard) .reading-stepper button:disabled, :not(#live-design-panel-guard) .reading-stepper button[aria-disabled="true"] {
	color: var(--text-disabled);
	cursor: default;
}
:not(#live-design-panel-guard) .reading-stepper + .reading-segment {
	margin-block-start: var(--space-4);
}
:not(#live-design-panel-guard) .reading-panel .is-carried {
	position: fixed;
	z-index: 1000;
	margin: 0;
	pointer-events: none;
	scale: 1.04;
}
:not(#live-design-panel-guard) .reading-panel-head {
	display: grid;
	grid-template-columns: var(--layout-action-square) minmax(0, 1fr) var(--layout-action-square);
	align-items: center;
	margin-bottom: var(--space-2);
}
:not(#live-design-panel-guard) .reading-panel-head .reading-panel-title {
	margin: 0;
}
@media (min-width: 1010px) {
	:not(#live-design-panel-guard) .reading-panel .reading-panel-head {
		position: relative; cursor: grab; touch-action: none; user-select: none;
	}
	:not(#live-design-panel-guard) .reading-panel .reading-panel-head::before {
		content: '';
		position: absolute;
		inset-block-start: calc(-1 * var(--space-2));
		inset-inline-start: 50%;
		width: var(--space-8);
		height: var(--space-1);
		translate: -50% 0;
		border-radius: var(--radius-full);
		background: var(--text-disabled);
		pointer-events: none;
		transition: width var(--motion-duration-slow) var(--motion-easing-standard), background-color var(--motion-duration-slow) var(--motion-easing-standard), opacity var(--motion-duration-slow) var(--motion-easing-standard);
	}
	:not(#live-design-panel-guard) .reading-panel:is([data-grab], [data-dragging]) .reading-panel-head::before {
		width: calc(1.5 * var(--space-8));
	}
	:not(#live-design-panel-guard) .reading-panel[data-grab] {
		cursor: grab;
	}
	:not(#live-design-panel-guard) .reading-panel[data-grab] .reading-panel-head::before {
		background: var(--text-secondary);
	}
	:not(#live-design-panel-guard) .reading-panel[data-dragging], :not(#live-design-panel-guard) .reading-panel[data-dragging] .reading-panel-head {
		cursor: grabbing;
	}
	:not(#live-design-panel-guard) .reading-panel[data-dragging] .reading-panel-head::before {
		background: var(--text-primary);
	}
	:not(#live-design-panel-guard) .reading-panel .reading-panel-head :is(button, a) {
		cursor: pointer;
	}
	:not(#live-design-panel-guard) .reading-panel[data-dragging] {
		transition: none;
	}
}
:not(#live-design-panel-guard) .reading-panel .reading-sheet-top {
	padding: var(--space-4) var(--space-4) var(--space-2);
}
:not(#live-design-panel-guard) .reading-panel .reading-sheet-top {
	position: relative;
}
:not(#live-design-panel-guard) .reading-panel .reading-sheet-body {
	scrollbar-width: thin; scrollbar-color: color-mix(in srgb, var(--text-primary) 28%, transparent) transparent;
}
:not(#live-design-panel-guard) .reading-panel-head.has-tools {
	grid-template-columns: minmax(max-content, 1fr) minmax(0, auto) minmax(max-content, 1fr); column-gap: var(--space-2);
}
:not(#live-design-panel-guard) .reading-panel-head.has-tools .reading-panel-title {
	overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
:not(#live-design-panel-guard) .reading-panel-head.has-tools > :first-child {
	justify-self: start;
}
:not(#live-design-panel-guard) .reading-panel .reading-back:disabled {
	opacity: 0.35; cursor: default;
}
:not(#live-design-panel-guard) .reading-panel .is-found {
	position: relative;
}
:not(#live-design-panel-guard) .reading-panel .is-found::after {
	content: "";
	position: absolute;
	inset: 0;
	border-radius: inherit;
	box-shadow: inset 0 0 0 calc(var(--space-1) / 2) var(--accent);
	pointer-events: none;
	animation: reading-found 1.8s ease-out forwards;
}
@media (prefers-reduced-motion: reduce) {
	:not(#live-design-panel-guard) .reading-panel .is-found::after {
		animation-duration: 0.01s; animation-delay: 1.2s;
	}
}
:not(#live-design-panel-guard) .reading-panel .is-destructive {
	color: var(--danger);
}
@media (max-width: 1009.98px) {
	:not(#live-design-panel-guard) .reading-panel .reading-panel-head .reading-back {
		width: calc(var(--space-10) + var(--space-1)); height: calc(var(--space-10) + var(--space-1));
	}
}
@media (min-width: 1010px) {
	:not(#live-design-panel-guard) body.has-frame .reading-panel .reading-sheet-top {
		padding: var(--space-4) var(--space-4) var(--space-2);
	}
	:not(#live-design-panel-guard) body.has-frame .reading-panel .reading-sheet-top .reading-panel-head {
		margin-bottom: 0;
	}
}
:not(#live-design-panel-guard) .reading-panel .reading-sheet-body {
	flex: 1 1 auto;
	min-height: 0;
	overflow-y: auto;
	padding: 0 var(--space-4) var(--space-4);
}
:not(#live-design-panel-guard) .reading-back {
	width: var(--layout-action-square);
	height: var(--layout-action-square);
	border: 0;
	border-radius: var(--radius-control-action);
	background: var(--surface-hover);
	color: var(--text-primary);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
}
@media (hover: hover) {
	:not(#live-design-panel-guard) .reading-back:hover {
		background: var(--surface-selected);
	}
}
:not(#live-design-panel-guard) .reading-back:active {
	background: var(--surface-pressed);
}
:not(#live-design-panel-guard) .reading-panel[data-popup-spill] {
	overflow: visible;
}
:not(#live-design-panel-guard) .reading-panel[data-popup-spill] .reading-sheet-body {
	overflow: visible;
}
:not(#live-design-panel-guard) .reading-back svg {
	width: var(--icon-xs);
	height: var(--icon-xs);
	stroke-width: var(--icon-stroke-width);
}
:not(#live-design-panel-guard) .reading-segment {
	display: flex;
	width: 100%;
	border: var(--border-width-default) solid transparent;
	padding: var(--groove, var(--space-1));
	gap: var(--groove, var(--space-1));
	border-radius: var(--radius-control);
	background: var(--groove-page, var(--surface-track));
}
:not(#live-design-panel-guard) .reading-segment button {
	flex: 1;
	height: calc(var(--layout-control-height) - 2 * var(--groove, var(--space-1)));
	padding: 0 var(--space-2-5);
	border: 0;
	border-radius: calc(var(--radius-control) - var(--groove, var(--space-1)));
	background: transparent;
	color: var(--text-secondary);
	font: var(--text-sm-contextual) / 1 var(--font-sans);
	cursor: pointer;
}
:not(#live-design-panel-guard) .reading-tall {
	--tall: var(--layout-control-height);
}
:not(#live-design-panel-guard) .reading-tall.reading-stepper button {
	height: var(--tall);
}
:not(#live-design-panel-guard) .reading-tall.reading-segment button {
	height: calc(var(--tall) - 2 * var(--groove, var(--space-1)));
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: var(--space-2);
}
:not(#live-design-panel-guard) .reading-tall.reading-segment button svg {
	width: var(--icon-control);
	height: var(--icon-control);
	stroke-width: var(--icon-stroke-width);
}
:not(#live-design-panel-guard) .reading-segment button[aria-checked="true"] {
	background: var(--chip-page, var(--surface-track-selected));
	color: var(--text-primary);
	box-shadow: var(--elevation-control);
}
@media (max-width: 1009px) {
	:not(#live-design-panel-guard) .reading-panel {
		inset-inline: 0;
		inset-block-end: 0;
		inset-block-start: auto;
		width: auto;
		max-width: none;
		padding: var(--space-4) var(--space-4) calc(var(--space-8) + env(safe-area-inset-bottom, 0px));
		border-radius: calc(var(--space-4) + var(--radius-control-base)) calc(var(--space-4) + var(--radius-control-base)) 0 0;
		max-height: calc(100dvh - var(--layout-shell-header-height) - var(--space-16));
		overflow-y: auto;
	}
	:not(#live-design-panel-guard) .reading-panel[data-sheet] {
		display: flex; flex-direction: column; overflow: hidden; overscroll-behavior: contain;
	}
	:not(#live-design-panel-guard) .reading-panel[data-sheet] .reading-sheet-top {
		flex: none; touch-action: none; user-select: none;
	}
	:not(#live-design-panel-guard) .reading-panel[data-sheet] .reading-sheet-body {
		flex: 1 1 auto; min-height: 0; overflow-y: auto; overscroll-behavior: contain;
	}
	:not(#live-design-panel-guard) .reading-panel.is-sheet-moving {
		transition: height 0.44s cubic-bezier(0.32, 0.72, 0, 1);
	}
	:not(#live-design-panel-guard) .reading-panel[data-sheet]::before {
		content: "";
		position: absolute;
		inset-block-start: var(--space-2);
		inset-inline-start: 50%;
		width: var(--space-8);
		height: var(--space-1);
		translate: -50% 0;
		border-radius: var(--radius-full);
		background: var(--text-disabled);
		pointer-events: none;
	}
	:not(#live-design-panel-guard) .reading-panel[data-sheet-drag]::before {
		background: var(--text-secondary);
	}
	:not(#live-design-panel-guard) .reading-panel-scrim {
		transition: opacity var(--motion-duration-slow) var(--motion-easing-standard);
	}
	:not(#live-design-panel-guard) .reading-panel-scrim[data-clear] {
		opacity: 0; pointer-events: none;
	}
	@media (prefers-reduced-motion: reduce) {
		:not(#live-design-panel-guard) .reading-panel.is-sheet-moving {
			transition: none;
		}
	}
	:not(#live-design-panel-guard) .reading-panel .reading-back[data-panel-close] {
		display: inline-flex;
	}
	:not(#live-design-panel-guard) .reading-stepper button {
		height: var(--layout-row-comfortable);
	}
	:not(#live-design-panel-guard) .reading-panel-head {
		margin-bottom: var(--space-4);
	}
	:not(#live-design-panel-guard) .reading-segment button {
		height: calc(var(--layout-row-comfortable) - 2 * var(--groove, var(--space-1)));
	}
}
:not(#live-design-panel-guard) .reading-panel .reading-back[data-panel-level] {
	display: inline-flex;
}
:not(#live-design-panel-guard) .reading-panel .reading-sheet-body {
	padding-block-start: var(--space-4);
}
:not(#live-design-panel-guard) .reading-panel .is-carried {
	scale: 1.06; animation: tile-lift var(--motion-duration-fast) var(--motion-easing-standard);
}
@media (prefers-reduced-motion: reduce) {
	:not(#live-design-panel-guard) .reading-panel .is-carried {
		animation: none;
	}
}
:not(#live-design-panel-guard) .reading-segment.is-disabled button {
	opacity: var(--opacity-disabled, 0.4); cursor: default; pointer-events: none;
}
:not(#live-design-panel-guard) .reading-panel.is-opening {
	animation: reading-in var(--motion-duration-reveal) var(--motion-easing-standard);
}
:not(#live-design-panel-guard) .reading-panel.is-turning .reading-sheet-body {
	animation: reading-turn var(--motion-duration-reveal) var(--motion-easing-standard);
}
@media (max-width: 1009.98px) {
	:not(#live-design-panel-guard) .reading-panel.is-turning[data-turn="forward"] .reading-sheet-body {
		animation: reading-push-in var(--motion-duration-slow) var(--motion-easing-standard);
	}
	:not(#live-design-panel-guard) .reading-panel.is-turning[data-turn="back"] .reading-sheet-body {
		animation: reading-pop-in var(--motion-duration-slow) var(--motion-easing-standard);
	}
}
@media (min-width: 1010px) {
	:not(#live-design-panel-guard) .reading-panel.is-turning[data-turn="forward"] .reading-sheet-body {
		animation-name: reading-turn-forward;
	}
	:not(#live-design-panel-guard) .reading-panel.is-turning[data-turn="back"] .reading-sheet-body {
		animation-name: reading-turn-back;
	}
	:not(#live-design-panel-guard) .reading-panel.is-resizing {
		transition: height var(--motion-duration-reveal) var(--motion-easing-standard), inset-block-start var(--motion-duration-reveal) var(--motion-easing-standard), opacity var(--motion-duration-reveal) var(--motion-easing-standard), transform var(--motion-duration-reveal) var(--motion-easing-standard), visibility 0s linear 0s;
	}
}
@media (prefers-reduced-motion: reduce) {
	:not(#live-design-panel-guard) .reading-panel.is-opening {
		animation: none;
	}
	:not(#live-design-panel-guard) .reading-panel.is-turning .reading-sheet-body {
		animation: none;
	}
	:not(#live-design-panel-guard) .reading-panel.is-resizing {
		transition: none;
	}
}
:not(#live-design-panel-guard) .reading-panel, .architrave-panel-opener, .architrave-panel-opener span {
	font-family: var(--font-settings);
	letter-spacing: normal;
	text-transform: none;
	font-style: normal;
	line-height: var(--text-base-line-height);
}
:not(#live-design-panel-guard) .reading-panel, .architrave-panel-opener {
	font-weight: 400;
}
:not(#live-design-panel-guard) .reading-panel .quire-menu-item {
	min-height: var(--reading-menu-row-height); font-size: var(--reading-label-size);
}
:not(#live-design-panel-guard) .reading-panel[data-input="pointer"] :focus-visible {
	outline: none;
}
:not(#live-design-panel-guard) .reading-panel, .architrave-panel-opener {
	--line: color-mix(in srgb, var(--text-primary) 14%, transparent);
	--line-enclose: 0px;
	--card-edge: transparent;
	--border-width-default: 1px;
	--chip-page: var(--surface-track-selected);
	--radius-2xs: 2px;
	--radius-xs: 4px;
	--radius-sm: 6px;
	--radius-md: 8px;
	--radius-lg: 10px;
	--radius-xl: 12px;
	--radius-2xl: 16px;
	--radius-3xl: 20px;
	--radius-4xl: 24px;
	--radius-full: 9999px;
	--radius-control: var(--radius-lg);
	--radius-control-base: var(--radius-lg);
	--radius-row: initial;
	--radius-control-action: var(--radius-control);
	--radius-control-compact: var(--radius-xs);
	--radius-panel: var(--radius-md);
	--radius-overlay: calc(var(--space-4) + var(--radius-control-base));
	--radius-row-tight: var(--radius-md);
	--radius-row-medium: var(--radius-lg);
	--radius-row-loose: var(--radius-xl);
	--quire-radius-sm: var(--radius-sm);
	--quire-radius-md: var(--radius-md);
	--quire-radius-lg: var(--radius-lg);
	--quire-radius-pill: var(--radius-full);
}
:not(#live-design-panel-guard) .reading-panel button[data-panel-reader-remove] {
	transition: translate var(--motion-duration-fast) var(--motion-easing-standard);
}
:not(#live-design-panel-guard) .reading-panel button[data-panel-reader-remove].is-dragging {
	position: relative; z-index: 2; transition: none; background: var(--surface-selected); box-shadow: var(--elevation-floating); border-radius: var(--radius-control); cursor: grabbing;
}
:root[data-focus-on][data-focus-idle] :is(.paper-stack-focus, .architrave-panel-opener[aria-expanded="false"]) {
	opacity: 0; transition: opacity var(--motion-duration-slow) var(--motion-easing-standard) 0s;
}
@media (min-width: 1010px) {
	:not(#live-design-panel-guard) .reading-panel.is-above {
		inset-block-start: auto;
		inset-block-end: var(--panel-anchor-bottom, var(--space-4));
		max-height: calc(100vh - var(--panel-anchor-bottom, var(--space-4)) - var(--wp-admin--admin-bar--height, 0px) - var(--space-4));
	}
}
@media (min-width: 1010px) {
	:not(#live-design-panel-guard) body.has-frame .reading-panel.is-above {
		max-height: var(--panel-anchor-max, none);
	}
}
@keyframes reading-in { from { opacity: 0; translate: 0 var(--space-2); } }
@keyframes reading-turn { from { opacity: 0; translate: 0 var(--space-1); } }
@keyframes reading-turn-forward { from { opacity: 0; translate: var(--space-6) 0; } }
@keyframes reading-turn-back { from { opacity: 0; translate: calc(-1 * var(--space-6)) 0; } }

