/* Native Forge blocks only; the existing site shell supplies the cream canvas. */
.iq-forge-page {
	--iq-forge-gap: clamp(1.5rem, 4vw, 2.5rem);
	max-width: 1100px;
	margin-inline: auto;
	padding: clamp(1rem, 4vw, 3.75rem);
	padding-block: clamp(2rem, 5vw, 4.375rem);
	background: #4a3428;
	color: #f3e7d5;
	border: 2px solid #a77f5c;
	border-radius: 8px;
	font-family: var(--iq-body);
	font-size: 1rem;
	line-height: 1.7;
	overflow-wrap: anywhere;
}
.entry-content > .iq-forge-page { max-width: 1100px; }
.iq-forge-page .wp-block-group { min-width: 0; }
.iq-forge-page > *, .iq-forge-page .wp-block-group > * { margin-block: 0; }
.iq-forge-page > * + * { margin-block-start: var(--iq-forge-gap); }
.iq-forge-page .iq-forge-copy > * + *, .iq-forge-page .iq-forge-intro > * + *, .iq-forge-page .iq-forge-closing > * + * { margin-block-start: 1.25rem; }
.iq-forge-page h1 { font-family: var(--iq-heading); font-size: clamp(2rem, 4vw, 2.75rem); font-weight: 600; line-height: 1.25; color: #faf4ea; text-align: center; }
.iq-forge-page :is(h2, h3) { font-family: var(--iq-body); font-size: clamp(1.5rem, 3vw, 1.875rem); font-weight: 700; line-height: 1.3; color: #f3e7d5; text-align: center; }
.iq-forge-page p { max-width: 68ch; }
.iq-forge-page .iq-forge-intro, .iq-forge-page .iq-forge-closing { text-align: center; }
.iq-forge-page .iq-forge-intro p, .iq-forge-page .iq-forge-closing p { margin-inline: auto; }
.iq-forge-page .iq-forge-label { font-family: var(--iq-heading); font-size: 1.375rem; font-weight: 400; line-height: 1.4; text-align: center; color: #d6ae8e; }
.iq-forge-page .iq-forge-beta .iq-forge-label { font-size: 1.5rem; }
.iq-forge-page .iq-forge-support, .iq-forge-page .iq-forge-subtitle { color: #d6ae8e; text-align: center; font-style: italic; }
.iq-forge-page .iq-forge-subtitle { font-size: 1.125rem; }
.iq-forge-page .iq-forge-investment { font-weight: 700; color: #faf4ea; }
.iq-forge-page .iq-forge-divider { width: 55%; max-width: 55%; height: 0; border: 0; border-top: 1px solid #a77f5c; margin-inline: auto; background: none; color: #a77f5c; opacity: 1; }
.iq-forge-page .iq-forge-card { background: #5b4133; border: 1px solid #a77f5c; border-radius: 8px; padding: clamp(.875rem, 3vw, 2.5rem); }
.iq-forge-page .iq-forge-service { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: var(--iq-forge-gap); align-items: center; }
.iq-forge-page .iq-forge-service > *, .iq-forge-page .iq-forge-service .iq-forge-copy, .iq-forge-page .iq-forge-service .iq-forge-media { margin: 0; max-width: none; }
.iq-forge-page .iq-forge-sample { align-items: start; }
.iq-forge-page .iq-forge-reverse .iq-forge-copy { grid-column: 2; grid-row: 1; }
.iq-forge-page .iq-forge-reverse .iq-forge-media { grid-column: 1; grid-row: 1; }
/* Keep optional Group/editor wrappers from becoming an extra grid column. */
.iq-forge-page .iq-forge-service > .wp-block-group__inner-container,
.iq-forge-page .iq-forge-service > .block-editor-inner-blocks,
.iq-forge-page .iq-forge-service > .block-editor-inner-blocks > .block-editor-block-list__layout { display: contents; }
.iq-forge-page .iq-forge-media { width: 100%; }
/* Intentionally blank decorative regions: no fabricated image or visitor-facing instructions. */
.iq-forge-page .iq-forge-photo { width: 100%; aspect-ratio: 3 / 2; min-height: 8rem; margin: 0 auto; border: 1px solid #a77f5c; border-radius: 8px; background: #4a3428; overflow: hidden; }
.iq-forge-page .iq-forge-beta .iq-forge-photo { width: 75%; aspect-ratio: 4 / 5; }
.iq-forge-page .iq-forge-photo-label { display: none; }
.iq-forge-page figure.iq-forge-photo img { display: block; width: 100%; height: 100%; object-fit: cover; }
.iq-forge-page .wp-block-buttons { display: flex; flex-wrap: wrap; justify-content: center; gap: 1rem; margin-block-start: 1.25rem; }
.iq-forge-page .wp-block-button { max-width: 100%; }
.iq-forge-page .wp-block-button__link { position: relative; isolation: isolate; display: inline-block; max-width: 100%; padding: .9rem 1.5rem; min-height: 48px; font-family: var(--iq-body); font-size: 1rem; line-height: 1.5; white-space: normal; overflow-wrap: anywhere; background: #2b2e31; color: #faf4ea; border: 1px solid #d6ae8e; border-radius: 6px; box-shadow: 0 3px 5px #2b2e3140; text-decoration: none; transition: color .7s ease, border-color .7s ease; }
.iq-forge-page .wp-block-button__link::before { content: ''; position: absolute; inset: 0; z-index: -1; border-radius: inherit; pointer-events: none; background: linear-gradient(#2b2e3173, #2b2e3173), linear-gradient(180deg, #2b2e31 19%, #c46a2d); opacity: 0; transition: opacity .7s ease; }
.iq-forge-page .wp-block-button__link:is(:hover, :focus-visible) { color: #f2f2f0; border-color: #c46a2d; }
.iq-forge-page .wp-block-button__link:is(:hover, :focus-visible)::before { opacity: 1; }
.iq-forge-page .wp-block-button__link:focus-visible { outline: 3px solid #faf4ea; outline-offset: 5px; }
.iq-forge-page .wp-block-button__link[aria-disabled="true"] { cursor: default; }
/* The same stylesheet runs in Gutenberg. List View names also identify replacements. */
.editor-styles-wrapper .iq-forge-page.wp-block { max-width: 1100px; }
.editor-styles-wrapper .iq-forge-page .wp-block { max-width: none; }
.editor-styles-wrapper .iq-forge-page .iq-forge-photo-label { display: block; padding: 1rem; font-family: var(--iq-body); font-size: .875rem; color: #f3e7d5; }
@media (max-width: 48rem) {
	.iq-forge-page .iq-forge-service { grid-template-columns: minmax(0, 1fr); }
	.iq-forge-page .iq-forge-service .iq-forge-copy, .iq-forge-page .iq-forge-service .iq-forge-media { grid-column: auto; grid-row: auto; }
}
@media (prefers-reduced-motion: reduce) {
	.iq-forge-page .wp-block-button__link, .iq-forge-page .wp-block-button__link::before { transition: none; }
}
@media print {
	.iq-forge-page, .iq-forge-page .iq-forge-card { background: #fff; color: #000; }
	.iq-forge-page :is(h1, h2, h3, p) { color: #000; }
	.iq-forge-page .iq-forge-photo, .iq-forge-page .wp-block-buttons { display: none; }
}
