/* AIP Platform — frontend styles for the four query-driven shortcodes.
 * Phase 00: baseline only (empty-state + placeholder). Section-specific
 * mockup-parity CSS is added in Phases 04 / 06 / 07.
 */

/* ── Boxed-layout neutralization for AIP pages ──────────────────────────
 * The theme's .arden-main is a constrained/boxed wrapper: padding-block 96px
 * (section-y) + padding-inline 32px (gutter) + 1280px content-size. That box
 * fought our full-bleed sections and pushed the page ~80px past the viewport
 * (跑版). On AIP pages only (body.aip-bleed), we let the CONTENT AREA run
 * edge-to-edge so the .aip-* sections behave like the source HTML. Header and
 * footer are siblings of <main>, OUTSIDE .arden-main, so they are untouched.
 * Vertical space is zeroed via the theme's own body.arden-vertical-padding-none. */
body.aip-bleed .arden-main {
	padding-inline: 0;
	max-width: none;
}
body.aip-bleed .arden-main > * {
	margin-block-start: 0; /* drop theme's 24px inter-child gap */
}
/* Defeat the constrained-layout max-width on the post-content wrapper and the
 * single .aip-* child so our sections can be a true 100% of the viewport. */
body.aip-bleed .arden-main > .wp-block-post-content,
body.aip-bleed .arden-main > .wp-block-post-content > * {
	max-width: none;
	margin-left: 0;
	margin-right: 0;
}

.aip-empty {
	margin: 0;
	padding: 1.5rem 0;
	color: var(--ink-soft, #6b5d4f);
	font-size: 0.95rem;
	text-align: center;
}

.aip-ph {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	min-height: 8rem;
	border: 1px dashed var(--line, #d8cdbd);
	border-radius: 8px;
	background: var(--paper, #f7f1e6);
	color: var(--ink-soft, #6b5d4f);
	font-size: 0.85rem;
}