/* =========================================================================
   System shell pages (home + selected inner pages): GeneratePress layout glue
   body.mi-page--system is added in functions.php.
   ========================================================================= */
body.mi-page--system.one-container .site-content {
	display: block;
}

body.mi-page--system .site-main .inside-article,
body.mi-page--system .site-main .entry-content {
	margin: 0;
	max-width: none;
}

body.mi-page--system .site-main .inside-article {
	padding-inline: 0;
}

/* Core blocks that follow a custom HTML shell (e.g. Guides query loop). */
body.mi-page--system .entry-content > .wp-block-group.mi-layout-shell {
	box-sizing: border-box;
}

/* Core/group adds __inner-container between shell and our mi-layout-shell__inner. */
body.mi-page--system .mi-layout-shell.wp-block-group > .wp-block-group__inner-container {
	max-width: none;
	width: 100%;
	margin: 0;
	padding: 0;
}

/* -------------------------------------------------------------------------
   Guides: search + featured + archive grid (same breakpoints as team grid)
   ------------------------------------------------------------------------- */
body.mi-page--system .mi-guides-toolbar {
	margin-bottom: calc(var(--mi-grid-step) * 2);
}

body.mi-page--system .mi-guides-toolbar .wp-block-search {
	width: 100%;
	max-width: min(36rem, 100%);
}

body.mi-page--system .mi-guides-search .wp-block-search__inside-wrapper,
body.mi-page--system .mi-guides-search.wp-block-search .wp-block-search__inside-wrapper {
	display: flex;
	align-items: stretch;
	flex-wrap: nowrap;
	border: var(--mi-surface-border-rest);
	border-radius: var(--mi-radius);
	box-shadow: var(--mi-surface-shadow-rest);
	background: var(--mi-surface-glass-fill);
	backdrop-filter: blur(12px);
	-webkit-backdrop-filter: blur(12px);
	overflow: hidden;
}

body.mi-page--system .mi-guides-search .wp-block-search__input,
body.mi-page--system .mi-guides-search.wp-block-search .wp-block-search__input {
	border: 0;
	border-radius: 0;
	box-shadow: none;
	margin: 0;
	padding: var(--mi-space-3) var(--mi-space-4);
	font-family: var(--mi-font-sans);
	font-size: var(--mi-text-base);
	line-height: var(--mi-leading-normal);
	color: var(--mi-text);
	background: transparent;
	flex: 1 1 auto;
	min-width: 0;
}

body.mi-page--system .mi-guides-search .wp-block-search__input:focus,
body.mi-page--system .mi-guides-search.wp-block-search .wp-block-search__input:focus {
	outline: none;
	box-shadow: inset 0 0 0 2px var(--mi-border-accent-strong);
}

body.mi-page--system .mi-guides-search .wp-block-search__button,
body.mi-page--system .mi-guides-search.wp-block-search .wp-block-search__button {
	border: 0;
	border-radius: 0;
	margin: 0;
	padding: var(--mi-space-3) var(--mi-space-5);
	font-family: var(--mi-font-heading);
	font-weight: 600;
	font-size: var(--mi-text-sm);
	letter-spacing: var(--mi-tracking-tight);
	color: var(--mi-black);
	background: var(--mi-accent);
	cursor: pointer;
	flex: 0 0 auto;
}

body.mi-page--system .mi-guides-search .wp-block-search__button:hover,
body.mi-page--system .mi-guides-search.wp-block-search .wp-block-search__button:hover {
	filter: brightness(0.95);
}

body.mi-page--system .mi-guides-search .wp-block-search__button:focus-visible,
body.mi-page--system .mi-guides-search.wp-block-search .wp-block-search__button:focus-visible {
	outline: 2px solid var(--mi-black);
	outline-offset: 2px;
}

body.mi-page--system .mi-guides-featured-shell .wp-block-post-template {
	margin: 0;
	padding: 0;
	list-style: none;
}

body.mi-page--system .mi-guides-featured-shell .wp-block-post-template > li.wp-block-post {
	display: grid;
	gap: var(--mi-space-6);
	grid-template-columns: 1fr;
	align-items: start;
	box-sizing: border-box;
}

@media (min-width: 720px) {
	body.mi-page--system .mi-guides-featured-shell .wp-block-post-template > li.wp-block-post {
		grid-template-columns: minmax(200px, 34%) 1fr;
	}
}

body.mi-page--system .mi-guides-featured-shell .wp-block-post-featured-image {
	margin: 0;
	border-radius: var(--mi-radius);
	overflow: hidden;
}

body.mi-page--system .mi-guides-featured-shell .wp-block-post-featured-image img {
	display: block;
	width: 100%;
	height: auto;
}

body.mi-page--system .mi-guides-featured-shell .wp-block-post-title {
	margin: 0 0 var(--mi-space-2);
}

body.mi-page--system .mi-guides-featured-shell .wp-block-post-date {
	font-size: var(--mi-text-sm);
	color: var(--mi-text-muted);
	margin-bottom: var(--mi-space-3);
}

body.mi-page--system .mi-guides-archive-wrap {
	margin-top: 0;
}

body.mi-page--system .mi-guides-grid-query .wp-block-post-template {
	--mi-card-grid-gap: calc(var(--mi-grid-step) * 2);
	display: grid;
	gap: var(--mi-card-grid-gap);
	grid-template-columns: 1fr;
	list-style: none;
	margin: 0;
	padding: 0;
}

@media (min-width: 600px) {
	body.mi-page--system .mi-guides-grid-query .wp-block-post-template {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (min-width: 960px) {
	body.mi-page--system .mi-guides-grid-query .wp-block-post-template {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

body.mi-page--system .mi-guides-grid-query .wp-block-post-template > li {
	min-width: 0;
	margin: 0;
	background: var(--mi-surface-glass-fill);
	border: var(--mi-surface-border-strong);
	border-radius: var(--mi-surface-radius);
	box-shadow: var(--mi-surface-shadow-lifted);
	backdrop-filter: blur(12px);
	-webkit-backdrop-filter: blur(12px);
	padding: var(--mi-panel-pad);
	box-sizing: border-box;
	height: 100%;
}

body.mi-page--system .mi-guides-grid-query .wp-block-post-template > li .wp-block-post-title {
	margin: 0 0 var(--mi-space-2);
}

body.mi-page--system .mi-guides-grid-query .wp-block-post-template > li .wp-block-post-date {
	font-size: var(--mi-text-sm);
	color: var(--mi-text-muted);
	margin-bottom: var(--mi-space-3);
}

body.mi-page--system .mi-contact-typeform .mi-typeform-embed {
	max-width: 100%;
}

/* -------------------------------------------------------------------------
   Legal hub: comfortable measure + section cadence (long glass panels)
   ------------------------------------------------------------------------- */
body.mi-page--system .mi-layout-shell--legal .mi-hero-card--fluid .mi-prose--wide {
	max-width: min(52rem, 100%);
}

body.mi-page--system .mi-layout-shell--legal .mi-prose--legal {
	max-width: min(58rem, 100%);
	line-height: 1.65;
}

body.mi-page--system .mi-layout-shell--legal .mi-layout-section + .mi-layout-section {
	margin-top: calc(var(--mi-grid-step) * 3);
}

body.mi-page--system .mi-layout-shell--legal .mi-layout-section.mi-grid-snap-scope + .mi-layout-section {
	margin-top: calc(var(--mi-grid-step) * 4);
}

body.mi-page--system .mi-layout-shell--legal .mi-legal-primary {
	display: grid;
	gap: 0;
}

body.mi-page--system .mi-layout-shell--legal .mi-legal-primary__head {
	max-width: min(36rem, 100%);
}

body.mi-page--system .mi-layout-shell--legal .mi-legal-primary__marker {
	position: relative;
	padding: calc(var(--mi-space-4) - 1px);
	background: var(--mi-white);
	border: var(--mi-surface-border-rest);
	border-radius: var(--mi-space-1);
	box-shadow: var(--mi-surface-shadow-rest);
}

body.mi-page--system .mi-layout-shell--legal .mi-legal-primary__marker::after {
	content: "";
	position: absolute;
	top: 100%;
	left: calc(var(--mi-space-4) - 1px);
	width: 2px;
	height: calc(var(--mi-space-5) + 24px);
	border-left: 2px solid var(--mi-black);
	background: transparent;
}

body.mi-page--system .mi-layout-shell--legal .mi-legal-primary__eyebrow {
	margin: 0 0 var(--mi-space-2);
	font-size: var(--mi-text-xs);
	font-weight: 600;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--mi-text-muted);
}

body.mi-page--system .mi-layout-shell--legal .mi-legal-primary__marker .mi-section-title {
	margin: 0;
	padding: 0;
}

body.mi-page--system .mi-layout-shell--legal .mi-legal-primary__marker .mi-section-intro {
	margin: var(--mi-space-3) 0 0;
	padding: 0;
	border-bottom: none;
}

body.mi-page--system .mi-layout-shell--legal .mi-legal-primary__body {
	margin-top: calc(var(--mi-space-5) + 24px);
}

body.mi-page--system .mi-layout-shell--legal .mi-layout-section > .mi-panel.mi-surface--glass {
	padding-block: calc(var(--mi-panel-pad) + var(--mi-space-4));
}

body.mi-page--system .mi-layout-shell--legal .mi-panel.mi-surface--glass > .mi-section-title {
	margin: 0;
	padding: var(--mi-space-2) 0 var(--mi-space-3);
}

body.mi-page--system .mi-layout-shell--legal .mi-panel.mi-surface--glass > .mi-section-intro {
	margin: 0;
	padding: 0 0 var(--mi-space-6);
	border-bottom: var(--mi-surface-border-rest);
}

body.mi-page--system .mi-layout-shell--legal .mi-panel.mi-surface--glass > .mi-section-title + .mi-prose--legal,
body.mi-page--system .mi-layout-shell--legal .mi-panel.mi-surface--glass > .mi-section-intro + .mi-prose--legal {
	margin-top: var(--mi-space-6);
}

body.mi-page--system .mi-layout-shell--legal .mi-legal-primary__body > .mi-prose--legal {
	margin-top: 0;
}

body.mi-page--system .mi-layout-shell--legal .mi-prose--legal > ol > li {
	margin-bottom: var(--mi-space-6);
}

body.mi-page--system .mi-layout-shell--legal .mi-prose--legal > ol > li:last-child {
	margin-bottom: 0;
}

body.mi-page--system .mi-layout-shell--legal .mi-prose--legal h3.mi-heading {
	margin-top: var(--mi-space-8);
}

body.mi-page--system .mi-layout-shell--legal .mi-prose--legal h3.mi-heading:first-of-type {
	margin-top: var(--mi-space-6);
}

body.mi-page--system .mi-layout-shell--legal .mi-legal-note.mi-panel {
	padding: 0;
	background: transparent;
	border: none;
	box-shadow: none;
	overflow: visible;
}

body.mi-page--system .mi-layout-shell--legal .mi-legal-note .mi-annotation-card__marker {
	justify-content: flex-start;
	align-items: flex-start;
	min-height: 0;
}

body.mi-page--system .mi-layout-shell--legal .mi-legal-note .mi-annotation-card__marker::after {
	content: "";
	position: absolute;
	top: 100%;
	left: calc(var(--mi-space-4) - 1px);
	width: 2px;
	height: calc(var(--mi-space-5) + 20px);
	border-left: 2px solid var(--mi-black);
	background: transparent;
}

body.mi-page--system .mi-layout-shell--legal .mi-legal-note .mi-annotation-card__label {
	display: block;
	margin-top: calc(var(--mi-space-5) + 20px);
	padding: var(--mi-space-4);
	background: color-mix(in srgb, var(--mi-white) 72%, transparent);
	border: var(--mi-surface-border-strong);
	box-shadow: none;
	backdrop-filter: blur(8px);
	-webkit-backdrop-filter: blur(8px);
}

body.mi-page--system .mi-layout-shell--legal .mi-legal-note .mi-prose--legal {
	max-width: 100%;
}

body.mi-page--system .mi-layout-shell--legal .mi-legal-note__meta {
	display: flex;
	flex-direction: column;
	gap: var(--mi-space-2);
	align-items: flex-start;
}

body.mi-page--system .mi-layout-shell--legal .mi-legal-note__eyebrow {
	margin: 0;
	font-size: var(--mi-text-xs);
	font-weight: 600;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--mi-text-muted);
}

body.mi-page--system .mi-layout-shell--legal .mi-legal-note__meta .mi-heading {
	margin: 0;
	font-size: var(--mi-text-lg);
	line-height: var(--mi-lh-4);
}