/* LTS Editor Phase 3B/3C — class-based per-block design, responsive typography, and dimensions. */

/* Presets. Explicit controls below intentionally override preset properties. */
.lts-design-block.lts-design-preset-editorial-card {
	padding: clamp(1.25rem, 3vw, 2rem);
	border: 1px solid var(--lts-design-border);
	border-radius: var(--lts-design-radius-card);
	background: var(--lts-design-paper);
	box-shadow: 0 10px 30px rgba(16, 43, 70, 0.12);
	color: var(--lts-design-ink);
}

.lts-design-block.lts-design-preset-section-band {
	padding: clamp(2rem, 6vw, 4.5rem) clamp(1.25rem, 5vw, 4rem);
	border-block: 1px solid var(--lts-design-border);
	background: linear-gradient(135deg, var(--lts-design-surface) 0%, var(--lts-design-paper) 100%);
	color: var(--lts-design-ink);
}

.lts-design-block.lts-design-preset-scripture-panel {
	padding: clamp(1.4rem, 4vw, 2.4rem);
	border: 1px solid var(--lts-design-border);
	border-color: color-mix(in srgb, var(--lts-design-gold) 48%, var(--lts-design-border));
	border-left: 5px solid var(--lts-design-gold);
	border-radius: var(--lts-design-radius-card);
	background: linear-gradient(135deg, var(--lts-design-gold-soft) 0%, var(--lts-design-paper) 72%);
	box-shadow: 0 8px 24px rgba(16, 43, 70, 0.08);
	color: var(--lts-design-ink);
	font-family: var(--lts-design-font-biblical);
}

.lts-design-block.lts-design-preset-exegetical-note {
	padding: clamp(1.25rem, 3.5vw, 2rem);
	border: 1px solid var(--lts-design-border);
	border-color: color-mix(in srgb, var(--lts-design-blue) 28%, var(--lts-design-border));
	border-left: 4px solid var(--lts-design-blue);
	border-radius: var(--lts-design-radius-card);
	background: var(--lts-design-surface);
	background: color-mix(in srgb, var(--lts-design-blue) 5%, var(--lts-design-paper));
	box-shadow: 0 4px 16px rgba(16, 43, 70, 0.08);
	color: var(--lts-design-ink);
}

.lts-design-block.lts-design-preset-application-panel {
	padding: clamp(1.25rem, 3.5vw, 2rem);
	border: 1px solid var(--lts-design-border);
	border-color: color-mix(in srgb, var(--lts-design-gold) 40%, var(--lts-design-border));
	border-radius: var(--lts-design-radius-card);
	background: var(--lts-design-deep-navy);
	box-shadow: 0 14px 36px rgba(11, 34, 56, 0.18);
	color: var(--lts-design-paper);
}

/* Surface controls. */
.lts-design-block.lts-design-surface-paper { background: var(--lts-design-paper); }
.lts-design-block.lts-design-surface-surface { background: var(--lts-design-surface); }
.lts-design-block.lts-design-surface-gold-soft { background: var(--lts-design-gold-soft); }
.lts-design-block.lts-design-surface-navy { background: var(--lts-design-navy); }
.lts-design-block.lts-design-surface-deep-navy { background: var(--lts-design-deep-navy); }
.lts-design-block.lts-design-surface-blue { background: var(--lts-design-blue); }

/* Text controls deliberately inherit through ordinary inner content. */
.lts-design-block.lts-design-text-ink,
.lts-design-block.lts-design-text-ink :where(h1,h2,h3,h4,h5,h6,p,li,a,cite,figcaption) { color: var(--lts-design-ink); }
.lts-design-block.lts-design-text-muted,
.lts-design-block.lts-design-text-muted :where(h1,h2,h3,h4,h5,h6,p,li,a,cite,figcaption) { color: var(--lts-design-muted); }
.lts-design-block.lts-design-text-paper,
.lts-design-block.lts-design-text-paper :where(h1,h2,h3,h4,h5,h6,p,li,a,cite,figcaption) { color: var(--lts-design-paper); }
.lts-design-block.lts-design-text-navy,
.lts-design-block.lts-design-text-navy :where(h1,h2,h3,h4,h5,h6,p,li,a,cite,figcaption) { color: var(--lts-design-navy); }
.lts-design-block.lts-design-text-gold,
.lts-design-block.lts-design-text-gold :where(h1,h2,h3,h4,h5,h6,p,li,a,cite,figcaption) { color: var(--lts-design-gold); }

/* Border controls. */
.lts-design-block.lts-design-border-none { border: 0; }
.lts-design-block.lts-design-border-subtle { border: 1px solid var(--lts-design-border); }
.lts-design-block.lts-design-border-gold { border: 1px solid var(--lts-design-gold); }
.lts-design-block.lts-design-border-navy { border: 1px solid var(--lts-design-navy); }

/* Radius controls. */
.lts-design-block.lts-design-radius-none { border-radius: 0; }
.lts-design-block.lts-design-radius-subtle { border-radius: var(--lts-design-radius-subtle); }
.lts-design-block.lts-design-radius-card { border-radius: var(--lts-design-radius-card); }
.lts-design-block.lts-design-radius-rounded { border-radius: var(--lts-design-radius-rounded); }

/* Shadow controls. */
.lts-design-block.lts-design-shadow-none { box-shadow: none; }
.lts-design-block.lts-design-shadow-soft { box-shadow: 0 4px 16px rgba(16, 43, 70, 0.08); }
.lts-design-block.lts-design-shadow-card { box-shadow: 0 10px 30px rgba(16, 43, 70, 0.12); }
.lts-design-block.lts-design-shadow-elevated { box-shadow: 0 18px 44px rgba(16, 43, 70, 0.18); }

/* Alignment controls. */
.lts-design-block.lts-design-alignment-left { text-align: left; }
.lts-design-block.lts-design-alignment-center { text-align: center; }
.lts-design-block.lts-design-alignment-right { text-align: right; }

/* Desktop spacing. */
.lts-design-block.lts-design-padding-desktop-none { padding: 0; }
.lts-design-block.lts-design-padding-desktop-lts-xs { padding: var(--wp--preset--spacing--lts-xs, 0.5rem); }
.lts-design-block.lts-design-padding-desktop-lts-sm { padding: var(--wp--preset--spacing--lts-sm, 0.75rem); }
.lts-design-block.lts-design-padding-desktop-lts-md { padding: var(--wp--preset--spacing--lts-md, 1rem); }
.lts-design-block.lts-design-padding-desktop-lts-lg { padding: var(--wp--preset--spacing--lts-lg, 1.5rem); }
.lts-design-block.lts-design-padding-desktop-lts-xl { padding: var(--wp--preset--spacing--lts-xl, 2rem); }
.lts-design-block.lts-design-padding-desktop-lts-2xl { padding: var(--wp--preset--spacing--lts-2xl, clamp(2.25rem, 5vw, 3rem)); }
.lts-design-block.lts-design-padding-desktop-lts-3xl { padding: var(--wp--preset--spacing--lts-3xl, clamp(3rem, 7vw, 4.5rem)); }

.lts-design-block.lts-design-margin-bottom-desktop-none { margin-bottom: 0; }
.lts-design-block.lts-design-margin-bottom-desktop-lts-xs { margin-bottom: var(--wp--preset--spacing--lts-xs, 0.5rem); }
.lts-design-block.lts-design-margin-bottom-desktop-lts-sm { margin-bottom: var(--wp--preset--spacing--lts-sm, 0.75rem); }
.lts-design-block.lts-design-margin-bottom-desktop-lts-md { margin-bottom: var(--wp--preset--spacing--lts-md, 1rem); }
.lts-design-block.lts-design-margin-bottom-desktop-lts-lg { margin-bottom: var(--wp--preset--spacing--lts-lg, 1.5rem); }
.lts-design-block.lts-design-margin-bottom-desktop-lts-xl { margin-bottom: var(--wp--preset--spacing--lts-xl, 2rem); }
.lts-design-block.lts-design-margin-bottom-desktop-lts-2xl { margin-bottom: var(--wp--preset--spacing--lts-2xl, clamp(2.25rem, 5vw, 3rem)); }
.lts-design-block.lts-design-margin-bottom-desktop-lts-3xl { margin-bottom: var(--wp--preset--spacing--lts-3xl, clamp(3rem, 7vw, 4.5rem)); }

@media (max-width: 960px) {
	.lts-design-block.lts-design-padding-tablet-none { padding: 0; }
	.lts-design-block.lts-design-padding-tablet-lts-xs { padding: var(--wp--preset--spacing--lts-xs, 0.5rem); }
	.lts-design-block.lts-design-padding-tablet-lts-sm { padding: var(--wp--preset--spacing--lts-sm, 0.75rem); }
	.lts-design-block.lts-design-padding-tablet-lts-md { padding: var(--wp--preset--spacing--lts-md, 1rem); }
	.lts-design-block.lts-design-padding-tablet-lts-lg { padding: var(--wp--preset--spacing--lts-lg, 1.5rem); }
	.lts-design-block.lts-design-padding-tablet-lts-xl { padding: var(--wp--preset--spacing--lts-xl, 2rem); }
	.lts-design-block.lts-design-padding-tablet-lts-2xl { padding: var(--wp--preset--spacing--lts-2xl, clamp(2.25rem, 5vw, 3rem)); }
	.lts-design-block.lts-design-padding-tablet-lts-3xl { padding: var(--wp--preset--spacing--lts-3xl, clamp(3rem, 7vw, 4.5rem)); }

	.lts-design-block.lts-design-margin-bottom-tablet-none { margin-bottom: 0; }
	.lts-design-block.lts-design-margin-bottom-tablet-lts-xs { margin-bottom: var(--wp--preset--spacing--lts-xs, 0.5rem); }
	.lts-design-block.lts-design-margin-bottom-tablet-lts-sm { margin-bottom: var(--wp--preset--spacing--lts-sm, 0.75rem); }
	.lts-design-block.lts-design-margin-bottom-tablet-lts-md { margin-bottom: var(--wp--preset--spacing--lts-md, 1rem); }
	.lts-design-block.lts-design-margin-bottom-tablet-lts-lg { margin-bottom: var(--wp--preset--spacing--lts-lg, 1.5rem); }
	.lts-design-block.lts-design-margin-bottom-tablet-lts-xl { margin-bottom: var(--wp--preset--spacing--lts-xl, 2rem); }
	.lts-design-block.lts-design-margin-bottom-tablet-lts-2xl { margin-bottom: var(--wp--preset--spacing--lts-2xl, clamp(2.25rem, 5vw, 3rem)); }
	.lts-design-block.lts-design-margin-bottom-tablet-lts-3xl { margin-bottom: var(--wp--preset--spacing--lts-3xl, clamp(3rem, 7vw, 4.5rem)); }
}

@media (max-width: 600px) {
	.lts-design-block.lts-design-padding-mobile-none { padding: 0; }
	.lts-design-block.lts-design-padding-mobile-lts-xs { padding: var(--wp--preset--spacing--lts-xs, 0.5rem); }
	.lts-design-block.lts-design-padding-mobile-lts-sm { padding: var(--wp--preset--spacing--lts-sm, 0.75rem); }
	.lts-design-block.lts-design-padding-mobile-lts-md { padding: var(--wp--preset--spacing--lts-md, 1rem); }
	.lts-design-block.lts-design-padding-mobile-lts-lg { padding: var(--wp--preset--spacing--lts-lg, 1.5rem); }
	.lts-design-block.lts-design-padding-mobile-lts-xl { padding: var(--wp--preset--spacing--lts-xl, 2rem); }
	.lts-design-block.lts-design-padding-mobile-lts-2xl { padding: var(--wp--preset--spacing--lts-2xl, clamp(2.25rem, 5vw, 3rem)); }
	.lts-design-block.lts-design-padding-mobile-lts-3xl { padding: var(--wp--preset--spacing--lts-3xl, clamp(3rem, 7vw, 4.5rem)); }

	.lts-design-block.lts-design-margin-bottom-mobile-none { margin-bottom: 0; }
	.lts-design-block.lts-design-margin-bottom-mobile-lts-xs { margin-bottom: var(--wp--preset--spacing--lts-xs, 0.5rem); }
	.lts-design-block.lts-design-margin-bottom-mobile-lts-sm { margin-bottom: var(--wp--preset--spacing--lts-sm, 0.75rem); }
	.lts-design-block.lts-design-margin-bottom-mobile-lts-md { margin-bottom: var(--wp--preset--spacing--lts-md, 1rem); }
	.lts-design-block.lts-design-margin-bottom-mobile-lts-lg { margin-bottom: var(--wp--preset--spacing--lts-lg, 1.5rem); }
	.lts-design-block.lts-design-margin-bottom-mobile-lts-xl { margin-bottom: var(--wp--preset--spacing--lts-xl, 2rem); }
	.lts-design-block.lts-design-margin-bottom-mobile-lts-2xl { margin-bottom: var(--wp--preset--spacing--lts-2xl, clamp(2.25rem, 5vw, 3rem)); }
	.lts-design-block.lts-design-margin-bottom-mobile-lts-3xl { margin-bottom: var(--wp--preset--spacing--lts-3xl, clamp(3rem, 7vw, 4.5rem)); }
}

/* LTS canvas preview overrides for non-iframed editors. */
:is(body.lts-editor-device-tablet, body.lts-editor-device-mobile) .editor-styles-wrapper .lts-design-block.lts-design-padding-tablet-none { padding: 0; }
:is(body.lts-editor-device-tablet, body.lts-editor-device-mobile) .editor-styles-wrapper .lts-design-block.lts-design-padding-tablet-lts-xs { padding: var(--wp--preset--spacing--lts-xs, 0.5rem); }
:is(body.lts-editor-device-tablet, body.lts-editor-device-mobile) .editor-styles-wrapper .lts-design-block.lts-design-padding-tablet-lts-sm { padding: var(--wp--preset--spacing--lts-sm, 0.75rem); }
:is(body.lts-editor-device-tablet, body.lts-editor-device-mobile) .editor-styles-wrapper .lts-design-block.lts-design-padding-tablet-lts-md { padding: var(--wp--preset--spacing--lts-md, 1rem); }
:is(body.lts-editor-device-tablet, body.lts-editor-device-mobile) .editor-styles-wrapper .lts-design-block.lts-design-padding-tablet-lts-lg { padding: var(--wp--preset--spacing--lts-lg, 1.5rem); }
:is(body.lts-editor-device-tablet, body.lts-editor-device-mobile) .editor-styles-wrapper .lts-design-block.lts-design-padding-tablet-lts-xl { padding: var(--wp--preset--spacing--lts-xl, 2rem); }
:is(body.lts-editor-device-tablet, body.lts-editor-device-mobile) .editor-styles-wrapper .lts-design-block.lts-design-padding-tablet-lts-2xl { padding: var(--wp--preset--spacing--lts-2xl, clamp(2.25rem, 5vw, 3rem)); }
:is(body.lts-editor-device-tablet, body.lts-editor-device-mobile) .editor-styles-wrapper .lts-design-block.lts-design-padding-tablet-lts-3xl { padding: var(--wp--preset--spacing--lts-3xl, clamp(3rem, 7vw, 4.5rem)); }
:is(body.lts-editor-device-tablet, body.lts-editor-device-mobile) .editor-styles-wrapper .lts-design-block.lts-design-margin-bottom-tablet-none { margin-bottom: 0; }
:is(body.lts-editor-device-tablet, body.lts-editor-device-mobile) .editor-styles-wrapper .lts-design-block.lts-design-margin-bottom-tablet-lts-xs { margin-bottom: var(--wp--preset--spacing--lts-xs, 0.5rem); }
:is(body.lts-editor-device-tablet, body.lts-editor-device-mobile) .editor-styles-wrapper .lts-design-block.lts-design-margin-bottom-tablet-lts-sm { margin-bottom: var(--wp--preset--spacing--lts-sm, 0.75rem); }
:is(body.lts-editor-device-tablet, body.lts-editor-device-mobile) .editor-styles-wrapper .lts-design-block.lts-design-margin-bottom-tablet-lts-md { margin-bottom: var(--wp--preset--spacing--lts-md, 1rem); }
:is(body.lts-editor-device-tablet, body.lts-editor-device-mobile) .editor-styles-wrapper .lts-design-block.lts-design-margin-bottom-tablet-lts-lg { margin-bottom: var(--wp--preset--spacing--lts-lg, 1.5rem); }
:is(body.lts-editor-device-tablet, body.lts-editor-device-mobile) .editor-styles-wrapper .lts-design-block.lts-design-margin-bottom-tablet-lts-xl { margin-bottom: var(--wp--preset--spacing--lts-xl, 2rem); }
:is(body.lts-editor-device-tablet, body.lts-editor-device-mobile) .editor-styles-wrapper .lts-design-block.lts-design-margin-bottom-tablet-lts-2xl { margin-bottom: var(--wp--preset--spacing--lts-2xl, clamp(2.25rem, 5vw, 3rem)); }
:is(body.lts-editor-device-tablet, body.lts-editor-device-mobile) .editor-styles-wrapper .lts-design-block.lts-design-margin-bottom-tablet-lts-3xl { margin-bottom: var(--wp--preset--spacing--lts-3xl, clamp(3rem, 7vw, 4.5rem)); }

body.lts-editor-device-mobile .editor-styles-wrapper .lts-design-block.lts-design-padding-mobile-none { padding: 0; }
body.lts-editor-device-mobile .editor-styles-wrapper .lts-design-block.lts-design-padding-mobile-lts-xs { padding: var(--wp--preset--spacing--lts-xs, 0.5rem); }
body.lts-editor-device-mobile .editor-styles-wrapper .lts-design-block.lts-design-padding-mobile-lts-sm { padding: var(--wp--preset--spacing--lts-sm, 0.75rem); }
body.lts-editor-device-mobile .editor-styles-wrapper .lts-design-block.lts-design-padding-mobile-lts-md { padding: var(--wp--preset--spacing--lts-md, 1rem); }
body.lts-editor-device-mobile .editor-styles-wrapper .lts-design-block.lts-design-padding-mobile-lts-lg { padding: var(--wp--preset--spacing--lts-lg, 1.5rem); }
body.lts-editor-device-mobile .editor-styles-wrapper .lts-design-block.lts-design-padding-mobile-lts-xl { padding: var(--wp--preset--spacing--lts-xl, 2rem); }
body.lts-editor-device-mobile .editor-styles-wrapper .lts-design-block.lts-design-padding-mobile-lts-2xl { padding: var(--wp--preset--spacing--lts-2xl, clamp(2.25rem, 5vw, 3rem)); }
body.lts-editor-device-mobile .editor-styles-wrapper .lts-design-block.lts-design-padding-mobile-lts-3xl { padding: var(--wp--preset--spacing--lts-3xl, clamp(3rem, 7vw, 4.5rem)); }
body.lts-editor-device-mobile .editor-styles-wrapper .lts-design-block.lts-design-margin-bottom-mobile-none { margin-bottom: 0; }
body.lts-editor-device-mobile .editor-styles-wrapper .lts-design-block.lts-design-margin-bottom-mobile-lts-xs { margin-bottom: var(--wp--preset--spacing--lts-xs, 0.5rem); }
body.lts-editor-device-mobile .editor-styles-wrapper .lts-design-block.lts-design-margin-bottom-mobile-lts-sm { margin-bottom: var(--wp--preset--spacing--lts-sm, 0.75rem); }
body.lts-editor-device-mobile .editor-styles-wrapper .lts-design-block.lts-design-margin-bottom-mobile-lts-md { margin-bottom: var(--wp--preset--spacing--lts-md, 1rem); }
body.lts-editor-device-mobile .editor-styles-wrapper .lts-design-block.lts-design-margin-bottom-mobile-lts-lg { margin-bottom: var(--wp--preset--spacing--lts-lg, 1.5rem); }
body.lts-editor-device-mobile .editor-styles-wrapper .lts-design-block.lts-design-margin-bottom-mobile-lts-xl { margin-bottom: var(--wp--preset--spacing--lts-xl, 2rem); }
body.lts-editor-device-mobile .editor-styles-wrapper .lts-design-block.lts-design-margin-bottom-mobile-lts-2xl { margin-bottom: var(--wp--preset--spacing--lts-2xl, clamp(2.25rem, 5vw, 3rem)); }
body.lts-editor-device-mobile .editor-styles-wrapper .lts-design-block.lts-design-margin-bottom-mobile-lts-3xl { margin-bottom: var(--wp--preset--spacing--lts-3xl, clamp(3rem, 7vw, 4.5rem)); }

/* Inspector presentation: readable at Gutenberg's native sidebar width. */
.lts-design-controls {
	display: grid;
	gap: 16px;
}

.lts-design-controls__intro {
	margin: 0;
	color: #5f6b78;
	font-size: 12px;
	line-height: 1.55;
}

.lts-design-controls__notice {
	margin: 0;
}

.lts-design-controls__section {
	display: grid;
	gap: 12px;
	padding: 14px;
	border: 1px solid #dce3ea;
	border-radius: 8px;
	background: #fff;
}

.lts-design-controls__section-title {
	display: grid;
	gap: 3px;
	padding-bottom: 9px;
	border-bottom: 1px solid #e7ebef;
}

.lts-design-controls__section-title strong {
	color: #102b46;
	font-size: 13px;
	line-height: 1.3;
}

.lts-design-controls__section-title span {
	color: #687687;
	font-size: 11px;
	line-height: 1.45;
}

.lts-design-controls .components-base-control {
	margin-bottom: 0;
}

.lts-design-controls .components-base-control__label {
	margin-bottom: 6px;
	color: #253342;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.02em;
	text-transform: uppercase;
}

.lts-design-controls .components-select-control__input {
	min-height: 38px;
	border-color: #cfd8e1;
	border-radius: 5px;
}

.lts-design-controls__devices {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	width: 100%;
}

.lts-design-controls__devices .components-button {
	justify-content: center;
	min-width: 0;
	padding-inline: 5px;
	font-size: 11px;
}

.lts-design-controls__footer {
	display: flex;
	justify-content: flex-end;
	padding-top: 2px;
}

/* Media wrappers pass the selected corner treatment to the visible asset. */
.wp-block-image.lts-design-block[class*="lts-design-radius-"] img,
.wp-block-gallery.lts-design-block[class*="lts-design-radius-"] img,
.wp-block-video.lts-design-block[class*="lts-design-radius-"] video,
.wp-block-embed.lts-design-block[class*="lts-design-radius-"] iframe {
	border-radius: inherit;
}

.wp-block-cover.lts-design-block[class*="lts-design-radius-"] {
	overflow: hidden;
}

.lts-design-block.lts-design-preset-application-panel :where(h1,h2,h3,h4,h5,h6,p,li,a,cite,figcaption),
.lts-design-block.lts-design-preset-scripture-panel :where(h1,h2,h3,h4,h5,h6,p,li,a,cite,figcaption),
.lts-design-block.lts-design-preset-exegetical-note :where(h1,h2,h3,h4,h5,h6,p,li,a,cite,figcaption),
.lts-design-block.lts-design-preset-editorial-card :where(h1,h2,h3,h4,h5,h6,p,li,a,cite,figcaption) {
	color: inherit;
}

.lts-design-block.lts-design-preset-scripture-panel :where(h1,h2,h3,h4,h5,h6,p,li,cite) {
	font-family: inherit;
}


/* Phase 3C typography roles and fixed type treatments. */
.lts-design-block.lts-design-font-family-body,
.lts-design-block.lts-design-font-family-body :where(h1,h2,h3,h4,h5,h6,p,li,a,cite,figcaption,summary,td,th) { font-family: var(--lts-design-font-body); }
.lts-design-block.lts-design-font-family-heading,
.lts-design-block.lts-design-font-family-heading :where(h1,h2,h3,h4,h5,h6,p,li,a,cite,figcaption,summary,td,th) { font-family: var(--lts-design-font-heading); }
.lts-design-block.lts-design-font-family-biblical,
.lts-design-block.lts-design-font-family-biblical :where(h1,h2,h3,h4,h5,h6,p,li,a,cite,figcaption,summary,td,th) { font-family: var(--lts-design-font-biblical); }

.lts-design-block.lts-design-font-weight-400,
.lts-design-block.lts-design-font-weight-400 :where(h1,h2,h3,h4,h5,h6,p,li,a,cite,figcaption,summary,td,th) { font-weight: 400; }
.lts-design-block.lts-design-font-weight-500,
.lts-design-block.lts-design-font-weight-500 :where(h1,h2,h3,h4,h5,h6,p,li,a,cite,figcaption,summary,td,th) { font-weight: 500; }
.lts-design-block.lts-design-font-weight-600,
.lts-design-block.lts-design-font-weight-600 :where(h1,h2,h3,h4,h5,h6,p,li,a,cite,figcaption,summary,td,th) { font-weight: 600; }
.lts-design-block.lts-design-font-weight-700,
.lts-design-block.lts-design-font-weight-700 :where(h1,h2,h3,h4,h5,h6,p,li,a,cite,figcaption,summary,td,th) { font-weight: 700; }

.lts-design-block.lts-design-line-height-compact,
.lts-design-block.lts-design-line-height-compact :where(h1,h2,h3,h4,h5,h6,p,li,a,cite,figcaption,summary,td,th) { line-height: 1.2; }
.lts-design-block.lts-design-line-height-balanced,
.lts-design-block.lts-design-line-height-balanced :where(h1,h2,h3,h4,h5,h6,p,li,a,cite,figcaption,summary,td,th) { line-height: 1.45; }
.lts-design-block.lts-design-line-height-reading,
.lts-design-block.lts-design-line-height-reading :where(h1,h2,h3,h4,h5,h6,p,li,a,cite,figcaption,summary,td,th) { line-height: 1.7; }
.lts-design-block.lts-design-line-height-spacious,
.lts-design-block.lts-design-line-height-spacious :where(h1,h2,h3,h4,h5,h6,p,li,a,cite,figcaption,summary,td,th) { line-height: 1.9; }

.lts-design-block.lts-design-letter-spacing-tight,
.lts-design-block.lts-design-letter-spacing-tight :where(h1,h2,h3,h4,h5,h6,p,li,a,cite,figcaption,summary,td,th) { letter-spacing: -0.02em; }
.lts-design-block.lts-design-letter-spacing-normal,
.lts-design-block.lts-design-letter-spacing-normal :where(h1,h2,h3,h4,h5,h6,p,li,a,cite,figcaption,summary,td,th) { letter-spacing: 0; }
.lts-design-block.lts-design-letter-spacing-open,
.lts-design-block.lts-design-letter-spacing-open :where(h1,h2,h3,h4,h5,h6,p,li,a,cite,figcaption,summary,td,th) { letter-spacing: 0.04em; }
.lts-design-block.lts-design-letter-spacing-wide,
.lts-design-block.lts-design-letter-spacing-wide :where(h1,h2,h3,h4,h5,h6,p,li,a,cite,figcaption,summary,td,th) { letter-spacing: 0.08em; }

.lts-design-block.lts-design-text-transform-none,
.lts-design-block.lts-design-text-transform-none :where(h1,h2,h3,h4,h5,h6,p,li,a,cite,figcaption,summary,td,th) { text-transform: none; }
.lts-design-block.lts-design-text-transform-uppercase,
.lts-design-block.lts-design-text-transform-uppercase :where(h1,h2,h3,h4,h5,h6,p,li,a,cite,figcaption,summary,td,th) { text-transform: uppercase; }
.lts-design-block.lts-design-text-transform-lowercase,
.lts-design-block.lts-design-text-transform-lowercase :where(h1,h2,h3,h4,h5,h6,p,li,a,cite,figcaption,summary,td,th) { text-transform: lowercase; }
.lts-design-block.lts-design-text-transform-capitalize,
.lts-design-block.lts-design-text-transform-capitalize :where(h1,h2,h3,h4,h5,h6,p,li,a,cite,figcaption,summary,td,th) { text-transform: capitalize; }

/* Phase 3C responsive font sizes. */
.lts-design-block.lts-design-font-size-desktop-lts-small,
.lts-design-block.lts-design-font-size-desktop-lts-small :where(h1,h2,h3,h4,h5,h6,p,li,a,cite,figcaption,summary,td,th) { font-size: var(--wp--preset--font-size--lts-small, 0.875rem); }
.lts-design-block.lts-design-font-size-desktop-lts-body,
.lts-design-block.lts-design-font-size-desktop-lts-body :where(h1,h2,h3,h4,h5,h6,p,li,a,cite,figcaption,summary,td,th) { font-size: var(--wp--preset--font-size--lts-body, clamp(1rem, calc(1vw + 0.75rem), 1.125rem)); }
.lts-design-block.lts-design-font-size-desktop-lts-lead,
.lts-design-block.lts-design-font-size-desktop-lts-lead :where(h1,h2,h3,h4,h5,h6,p,li,a,cite,figcaption,summary,td,th) { font-size: var(--wp--preset--font-size--lts-lead, clamp(1.125rem, calc(1vw + 0.9rem), 1.35rem)); }
.lts-design-block.lts-design-font-size-desktop-lts-h3,
.lts-design-block.lts-design-font-size-desktop-lts-h3 :where(h1,h2,h3,h4,h5,h6,p,li,a,cite,figcaption,summary,td,th) { font-size: var(--wp--preset--font-size--lts-h3, clamp(1.35rem, calc(2vw + 0.9rem), 1.75rem)); }
.lts-design-block.lts-design-font-size-desktop-lts-h2,
.lts-design-block.lts-design-font-size-desktop-lts-h2 :where(h1,h2,h3,h4,h5,h6,p,li,a,cite,figcaption,summary,td,th) { font-size: var(--wp--preset--font-size--lts-h2, clamp(1.75rem, calc(3vw + 1rem), 2.5rem)); }
.lts-design-block.lts-design-font-size-desktop-lts-h1,
.lts-design-block.lts-design-font-size-desktop-lts-h1 :where(h1,h2,h3,h4,h5,h6,p,li,a,cite,figcaption,summary,td,th) { font-size: var(--wp--preset--font-size--lts-h1, clamp(2.25rem, calc(5vw + 1rem), 3.75rem)); }
.lts-design-block.lts-design-font-size-desktop-lts-display,
.lts-design-block.lts-design-font-size-desktop-lts-display :where(h1,h2,h3,h4,h5,h6,p,li,a,cite,figcaption,summary,td,th) { font-size: var(--wp--preset--font-size--lts-display, clamp(2.75rem, calc(7vw + 1rem), 5.25rem)); }

/* Phase 3C responsive maximum width, minimum height, and positioning. */
.lts-design-block.lts-design-width-position-left { margin-left: 0; margin-right: auto; }
.lts-design-block.lts-design-width-position-center { margin-left: auto; margin-right: auto; }
.lts-design-block.lts-design-width-position-right { margin-left: auto; margin-right: 0; }
.lts-design-block.lts-design-max-width-desktop-none { max-width: none; }
.lts-design-block.lts-design-max-width-desktop-narrow { max-width: 38rem; }
.lts-design-block.lts-design-max-width-desktop-reading { max-width: 48rem; }
.lts-design-block.lts-design-max-width-desktop-wide { max-width: 64rem; }
.lts-design-block.lts-design-max-width-desktop-full { max-width: 100%; width: 100%; }
.lts-design-block.lts-design-min-height-desktop-none { min-height: 0; }
.lts-design-block.lts-design-min-height-desktop-compact { min-height: 12rem; }
.lts-design-block.lts-design-min-height-desktop-medium { min-height: 20rem; }
.lts-design-block.lts-design-min-height-desktop-tall { min-height: 30rem; }
.lts-design-block.lts-design-min-height-desktop-viewport { min-height: 70vh; }

@media (max-width: 960px) {
	.lts-design-block.lts-design-font-size-tablet-lts-small,
		.lts-design-block.lts-design-font-size-tablet-lts-small :where(h1,h2,h3,h4,h5,h6,p,li,a,cite,figcaption,summary,td,th) { font-size: var(--wp--preset--font-size--lts-small, 0.875rem); }
	.lts-design-block.lts-design-font-size-tablet-lts-body,
		.lts-design-block.lts-design-font-size-tablet-lts-body :where(h1,h2,h3,h4,h5,h6,p,li,a,cite,figcaption,summary,td,th) { font-size: var(--wp--preset--font-size--lts-body, clamp(1rem, calc(1vw + 0.75rem), 1.125rem)); }
	.lts-design-block.lts-design-font-size-tablet-lts-lead,
		.lts-design-block.lts-design-font-size-tablet-lts-lead :where(h1,h2,h3,h4,h5,h6,p,li,a,cite,figcaption,summary,td,th) { font-size: var(--wp--preset--font-size--lts-lead, clamp(1.125rem, calc(1vw + 0.9rem), 1.35rem)); }
	.lts-design-block.lts-design-font-size-tablet-lts-h3,
		.lts-design-block.lts-design-font-size-tablet-lts-h3 :where(h1,h2,h3,h4,h5,h6,p,li,a,cite,figcaption,summary,td,th) { font-size: var(--wp--preset--font-size--lts-h3, clamp(1.35rem, calc(2vw + 0.9rem), 1.75rem)); }
	.lts-design-block.lts-design-font-size-tablet-lts-h2,
		.lts-design-block.lts-design-font-size-tablet-lts-h2 :where(h1,h2,h3,h4,h5,h6,p,li,a,cite,figcaption,summary,td,th) { font-size: var(--wp--preset--font-size--lts-h2, clamp(1.75rem, calc(3vw + 1rem), 2.5rem)); }
	.lts-design-block.lts-design-font-size-tablet-lts-h1,
		.lts-design-block.lts-design-font-size-tablet-lts-h1 :where(h1,h2,h3,h4,h5,h6,p,li,a,cite,figcaption,summary,td,th) { font-size: var(--wp--preset--font-size--lts-h1, clamp(2.25rem, calc(5vw + 1rem), 3.75rem)); }
	.lts-design-block.lts-design-font-size-tablet-lts-display,
		.lts-design-block.lts-design-font-size-tablet-lts-display :where(h1,h2,h3,h4,h5,h6,p,li,a,cite,figcaption,summary,td,th) { font-size: var(--wp--preset--font-size--lts-display, clamp(2.75rem, calc(7vw + 1rem), 5.25rem)); }
	.lts-design-block.lts-design-max-width-tablet-none { max-width: none; }
	.lts-design-block.lts-design-max-width-tablet-narrow { max-width: 38rem; }
	.lts-design-block.lts-design-max-width-tablet-reading { max-width: 48rem; }
	.lts-design-block.lts-design-max-width-tablet-wide { max-width: 64rem; }
	.lts-design-block.lts-design-max-width-tablet-full { max-width: 100%; width: 100%; }
	.lts-design-block.lts-design-min-height-tablet-none { min-height: 0; }
	.lts-design-block.lts-design-min-height-tablet-compact { min-height: 12rem; }
	.lts-design-block.lts-design-min-height-tablet-medium { min-height: 20rem; }
	.lts-design-block.lts-design-min-height-tablet-tall { min-height: 30rem; }
	.lts-design-block.lts-design-min-height-tablet-viewport { min-height: 70vh; }
}

@media (max-width: 600px) {
	.lts-design-block.lts-design-font-size-mobile-lts-small,
		.lts-design-block.lts-design-font-size-mobile-lts-small :where(h1,h2,h3,h4,h5,h6,p,li,a,cite,figcaption,summary,td,th) { font-size: var(--wp--preset--font-size--lts-small, 0.875rem); }
	.lts-design-block.lts-design-font-size-mobile-lts-body,
		.lts-design-block.lts-design-font-size-mobile-lts-body :where(h1,h2,h3,h4,h5,h6,p,li,a,cite,figcaption,summary,td,th) { font-size: var(--wp--preset--font-size--lts-body, clamp(1rem, calc(1vw + 0.75rem), 1.125rem)); }
	.lts-design-block.lts-design-font-size-mobile-lts-lead,
		.lts-design-block.lts-design-font-size-mobile-lts-lead :where(h1,h2,h3,h4,h5,h6,p,li,a,cite,figcaption,summary,td,th) { font-size: var(--wp--preset--font-size--lts-lead, clamp(1.125rem, calc(1vw + 0.9rem), 1.35rem)); }
	.lts-design-block.lts-design-font-size-mobile-lts-h3,
		.lts-design-block.lts-design-font-size-mobile-lts-h3 :where(h1,h2,h3,h4,h5,h6,p,li,a,cite,figcaption,summary,td,th) { font-size: var(--wp--preset--font-size--lts-h3, clamp(1.35rem, calc(2vw + 0.9rem), 1.75rem)); }
	.lts-design-block.lts-design-font-size-mobile-lts-h2,
		.lts-design-block.lts-design-font-size-mobile-lts-h2 :where(h1,h2,h3,h4,h5,h6,p,li,a,cite,figcaption,summary,td,th) { font-size: var(--wp--preset--font-size--lts-h2, clamp(1.75rem, calc(3vw + 1rem), 2.5rem)); }
	.lts-design-block.lts-design-font-size-mobile-lts-h1,
		.lts-design-block.lts-design-font-size-mobile-lts-h1 :where(h1,h2,h3,h4,h5,h6,p,li,a,cite,figcaption,summary,td,th) { font-size: var(--wp--preset--font-size--lts-h1, clamp(2.25rem, calc(5vw + 1rem), 3.75rem)); }
	.lts-design-block.lts-design-font-size-mobile-lts-display,
		.lts-design-block.lts-design-font-size-mobile-lts-display :where(h1,h2,h3,h4,h5,h6,p,li,a,cite,figcaption,summary,td,th) { font-size: var(--wp--preset--font-size--lts-display, clamp(2.75rem, calc(7vw + 1rem), 5.25rem)); }
	.lts-design-block.lts-design-max-width-mobile-none { max-width: none; }
	.lts-design-block.lts-design-max-width-mobile-narrow { max-width: 38rem; }
	.lts-design-block.lts-design-max-width-mobile-reading { max-width: 48rem; }
	.lts-design-block.lts-design-max-width-mobile-wide { max-width: 64rem; }
	.lts-design-block.lts-design-max-width-mobile-full { max-width: 100%; width: 100%; }
	.lts-design-block.lts-design-min-height-mobile-none { min-height: 0; }
	.lts-design-block.lts-design-min-height-mobile-compact { min-height: 12rem; }
	.lts-design-block.lts-design-min-height-mobile-medium { min-height: 20rem; }
	.lts-design-block.lts-design-min-height-mobile-tall { min-height: 30rem; }
	.lts-design-block.lts-design-min-height-mobile-viewport { min-height: 70vh; }
}

/* Phase 3C canvas preview overrides when the editor viewport itself is not resized. */
:is(body.lts-editor-device-tablet, body.lts-editor-device-mobile) .editor-styles-wrapper .lts-design-block.lts-design-font-size-tablet-lts-small,
:is(body.lts-editor-device-tablet, body.lts-editor-device-mobile) .editor-styles-wrapper .lts-design-block.lts-design-font-size-tablet-lts-small :where(h1,h2,h3,h4,h5,h6,p,li,a,cite,figcaption,summary,td,th) { font-size: var(--wp--preset--font-size--lts-small, 0.875rem); }
:is(body.lts-editor-device-tablet, body.lts-editor-device-mobile) .editor-styles-wrapper .lts-design-block.lts-design-font-size-tablet-lts-body,
:is(body.lts-editor-device-tablet, body.lts-editor-device-mobile) .editor-styles-wrapper .lts-design-block.lts-design-font-size-tablet-lts-body :where(h1,h2,h3,h4,h5,h6,p,li,a,cite,figcaption,summary,td,th) { font-size: var(--wp--preset--font-size--lts-body, clamp(1rem, calc(1vw + 0.75rem), 1.125rem)); }
:is(body.lts-editor-device-tablet, body.lts-editor-device-mobile) .editor-styles-wrapper .lts-design-block.lts-design-font-size-tablet-lts-lead,
:is(body.lts-editor-device-tablet, body.lts-editor-device-mobile) .editor-styles-wrapper .lts-design-block.lts-design-font-size-tablet-lts-lead :where(h1,h2,h3,h4,h5,h6,p,li,a,cite,figcaption,summary,td,th) { font-size: var(--wp--preset--font-size--lts-lead, clamp(1.125rem, calc(1vw + 0.9rem), 1.35rem)); }
:is(body.lts-editor-device-tablet, body.lts-editor-device-mobile) .editor-styles-wrapper .lts-design-block.lts-design-font-size-tablet-lts-h3,
:is(body.lts-editor-device-tablet, body.lts-editor-device-mobile) .editor-styles-wrapper .lts-design-block.lts-design-font-size-tablet-lts-h3 :where(h1,h2,h3,h4,h5,h6,p,li,a,cite,figcaption,summary,td,th) { font-size: var(--wp--preset--font-size--lts-h3, clamp(1.35rem, calc(2vw + 0.9rem), 1.75rem)); }
:is(body.lts-editor-device-tablet, body.lts-editor-device-mobile) .editor-styles-wrapper .lts-design-block.lts-design-font-size-tablet-lts-h2,
:is(body.lts-editor-device-tablet, body.lts-editor-device-mobile) .editor-styles-wrapper .lts-design-block.lts-design-font-size-tablet-lts-h2 :where(h1,h2,h3,h4,h5,h6,p,li,a,cite,figcaption,summary,td,th) { font-size: var(--wp--preset--font-size--lts-h2, clamp(1.75rem, calc(3vw + 1rem), 2.5rem)); }
:is(body.lts-editor-device-tablet, body.lts-editor-device-mobile) .editor-styles-wrapper .lts-design-block.lts-design-font-size-tablet-lts-h1,
:is(body.lts-editor-device-tablet, body.lts-editor-device-mobile) .editor-styles-wrapper .lts-design-block.lts-design-font-size-tablet-lts-h1 :where(h1,h2,h3,h4,h5,h6,p,li,a,cite,figcaption,summary,td,th) { font-size: var(--wp--preset--font-size--lts-h1, clamp(2.25rem, calc(5vw + 1rem), 3.75rem)); }
:is(body.lts-editor-device-tablet, body.lts-editor-device-mobile) .editor-styles-wrapper .lts-design-block.lts-design-font-size-tablet-lts-display,
:is(body.lts-editor-device-tablet, body.lts-editor-device-mobile) .editor-styles-wrapper .lts-design-block.lts-design-font-size-tablet-lts-display :where(h1,h2,h3,h4,h5,h6,p,li,a,cite,figcaption,summary,td,th) { font-size: var(--wp--preset--font-size--lts-display, clamp(2.75rem, calc(7vw + 1rem), 5.25rem)); }
:is(body.lts-editor-device-tablet, body.lts-editor-device-mobile) .editor-styles-wrapper .lts-design-block.lts-design-max-width-tablet-none { max-width: none; }
:is(body.lts-editor-device-tablet, body.lts-editor-device-mobile) .editor-styles-wrapper .lts-design-block.lts-design-max-width-tablet-narrow { max-width: 38rem; }
:is(body.lts-editor-device-tablet, body.lts-editor-device-mobile) .editor-styles-wrapper .lts-design-block.lts-design-max-width-tablet-reading { max-width: 48rem; }
:is(body.lts-editor-device-tablet, body.lts-editor-device-mobile) .editor-styles-wrapper .lts-design-block.lts-design-max-width-tablet-wide { max-width: 64rem; }
:is(body.lts-editor-device-tablet, body.lts-editor-device-mobile) .editor-styles-wrapper .lts-design-block.lts-design-max-width-tablet-full { max-width: 100%; width: 100%; }
:is(body.lts-editor-device-tablet, body.lts-editor-device-mobile) .editor-styles-wrapper .lts-design-block.lts-design-min-height-tablet-none { min-height: 0; }
:is(body.lts-editor-device-tablet, body.lts-editor-device-mobile) .editor-styles-wrapper .lts-design-block.lts-design-min-height-tablet-compact { min-height: 12rem; }
:is(body.lts-editor-device-tablet, body.lts-editor-device-mobile) .editor-styles-wrapper .lts-design-block.lts-design-min-height-tablet-medium { min-height: 20rem; }
:is(body.lts-editor-device-tablet, body.lts-editor-device-mobile) .editor-styles-wrapper .lts-design-block.lts-design-min-height-tablet-tall { min-height: 30rem; }
:is(body.lts-editor-device-tablet, body.lts-editor-device-mobile) .editor-styles-wrapper .lts-design-block.lts-design-min-height-tablet-viewport { min-height: 70vh; }
body.lts-editor-device-mobile .editor-styles-wrapper .lts-design-block.lts-design-font-size-mobile-lts-small,
body.lts-editor-device-mobile .editor-styles-wrapper .lts-design-block.lts-design-font-size-mobile-lts-small :where(h1,h2,h3,h4,h5,h6,p,li,a,cite,figcaption,summary,td,th) { font-size: var(--wp--preset--font-size--lts-small, 0.875rem); }
body.lts-editor-device-mobile .editor-styles-wrapper .lts-design-block.lts-design-font-size-mobile-lts-body,
body.lts-editor-device-mobile .editor-styles-wrapper .lts-design-block.lts-design-font-size-mobile-lts-body :where(h1,h2,h3,h4,h5,h6,p,li,a,cite,figcaption,summary,td,th) { font-size: var(--wp--preset--font-size--lts-body, clamp(1rem, calc(1vw + 0.75rem), 1.125rem)); }
body.lts-editor-device-mobile .editor-styles-wrapper .lts-design-block.lts-design-font-size-mobile-lts-lead,
body.lts-editor-device-mobile .editor-styles-wrapper .lts-design-block.lts-design-font-size-mobile-lts-lead :where(h1,h2,h3,h4,h5,h6,p,li,a,cite,figcaption,summary,td,th) { font-size: var(--wp--preset--font-size--lts-lead, clamp(1.125rem, calc(1vw + 0.9rem), 1.35rem)); }
body.lts-editor-device-mobile .editor-styles-wrapper .lts-design-block.lts-design-font-size-mobile-lts-h3,
body.lts-editor-device-mobile .editor-styles-wrapper .lts-design-block.lts-design-font-size-mobile-lts-h3 :where(h1,h2,h3,h4,h5,h6,p,li,a,cite,figcaption,summary,td,th) { font-size: var(--wp--preset--font-size--lts-h3, clamp(1.35rem, calc(2vw + 0.9rem), 1.75rem)); }
body.lts-editor-device-mobile .editor-styles-wrapper .lts-design-block.lts-design-font-size-mobile-lts-h2,
body.lts-editor-device-mobile .editor-styles-wrapper .lts-design-block.lts-design-font-size-mobile-lts-h2 :where(h1,h2,h3,h4,h5,h6,p,li,a,cite,figcaption,summary,td,th) { font-size: var(--wp--preset--font-size--lts-h2, clamp(1.75rem, calc(3vw + 1rem), 2.5rem)); }
body.lts-editor-device-mobile .editor-styles-wrapper .lts-design-block.lts-design-font-size-mobile-lts-h1,
body.lts-editor-device-mobile .editor-styles-wrapper .lts-design-block.lts-design-font-size-mobile-lts-h1 :where(h1,h2,h3,h4,h5,h6,p,li,a,cite,figcaption,summary,td,th) { font-size: var(--wp--preset--font-size--lts-h1, clamp(2.25rem, calc(5vw + 1rem), 3.75rem)); }
body.lts-editor-device-mobile .editor-styles-wrapper .lts-design-block.lts-design-font-size-mobile-lts-display,
body.lts-editor-device-mobile .editor-styles-wrapper .lts-design-block.lts-design-font-size-mobile-lts-display :where(h1,h2,h3,h4,h5,h6,p,li,a,cite,figcaption,summary,td,th) { font-size: var(--wp--preset--font-size--lts-display, clamp(2.75rem, calc(7vw + 1rem), 5.25rem)); }
body.lts-editor-device-mobile .editor-styles-wrapper .lts-design-block.lts-design-max-width-mobile-none { max-width: none; }
body.lts-editor-device-mobile .editor-styles-wrapper .lts-design-block.lts-design-max-width-mobile-narrow { max-width: 38rem; }
body.lts-editor-device-mobile .editor-styles-wrapper .lts-design-block.lts-design-max-width-mobile-reading { max-width: 48rem; }
body.lts-editor-device-mobile .editor-styles-wrapper .lts-design-block.lts-design-max-width-mobile-wide { max-width: 64rem; }
body.lts-editor-device-mobile .editor-styles-wrapper .lts-design-block.lts-design-max-width-mobile-full { max-width: 100%; width: 100%; }
body.lts-editor-device-mobile .editor-styles-wrapper .lts-design-block.lts-design-min-height-mobile-none { min-height: 0; }
body.lts-editor-device-mobile .editor-styles-wrapper .lts-design-block.lts-design-min-height-mobile-compact { min-height: 12rem; }
body.lts-editor-device-mobile .editor-styles-wrapper .lts-design-block.lts-design-min-height-mobile-medium { min-height: 20rem; }
body.lts-editor-device-mobile .editor-styles-wrapper .lts-design-block.lts-design-min-height-mobile-tall { min-height: 30rem; }
body.lts-editor-device-mobile .editor-styles-wrapper .lts-design-block.lts-design-min-height-mobile-viewport { min-height: 70vh; }


/* Phase 3C inspector refinements. */
.lts-design-controls__section--device {
	background: linear-gradient(135deg, #f7f9fb 0%, #ffffff 100%);
}

.lts-design-controls__device-section {
	display: grid;
	gap: 12px;
}

.lts-design-controls__devices .components-button.is-primary {
	box-shadow: inset 0 -2px 0 #b79a3b;
}