/* En-tête commun : sa typographie et son rythme sont pilotés par les tokens DS. */
.mi-page-header {
    margin: 0 0 var(--ds-space-4);
    padding: 0;
    min-width: 0;
    flex-shrink: 0;
}
.mi-page-header__row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: var(--ds-space-3) var(--ds-space-5);
    min-width: 0;
}
.mi-page-header__identity {
    flex: 1 0 auto;
    width: max-content;
    min-width: 0;
    max-width: 100%;
}
.mi-page-header .fp-title-row {
    display: flex;
    align-items: center;
    gap: var(--ds-space-2);
    margin: 0;
    min-width: 0;
}
.mi-page-header__title {
    margin: 0;
    min-width: 0;
    color: var(--ds-text);
    font-size: var(--ds-page-header-title-size);
    font-weight: var(--ds-weight-semibold);
    letter-spacing: -.025em;
    line-height: var(--ds-line-height-heading);
    overflow-wrap: anywhere;
}
.mi-page-header__actions {
    display: flex;
    flex: 0 1 auto;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: var(--ds-space-2);
    min-width: 0;
    max-width: 100%;
}
.mi-page-header__actions > * { max-width: 100%; }
@media (max-width: 767.98px) {
    .mi-page-header__identity { flex-basis: 100%; }
    .mi-page-header__actions { justify-content: flex-start; width: 100%; }
}

.mi-context-note {
	display: grid;
	grid-template-columns: 36px minmax(0, 1fr);
	align-items: start;
	gap: .8rem;
	margin: 0 0 1.25rem;
	padding: .9rem 1rem;
	border: 1px solid var(--ds-border, #e5e5ea);
	border-radius: 12px;
	background: var(--ds-surface-2, #f7f7f9);
	color: var(--ds-text-2, #515154);
}
.mi-context-note > i { display: grid; place-items: center; width: 36px; height: 36px; border-radius: 9px; background: var(--ds-surface, #fff); color: var(--ds-text, #1d1d1f); }
.mi-context-note > p { max-width: 90ch; margin: 0; font-size: .88rem; line-height: 1.5; }
html.theme-dark .mi-context-note { background: var(--ds-surface-2, #262629); color: var(--ds-text-2, #c7c7cc); }
html.theme-dark .mi-context-note > i { background: var(--ds-surface, #1d1d20); color: var(--ds-text, #f5f5f7); }