/**
 * MilitarySci — Layout Layer v5.0
 * Containers, header shell, status bar, footer, bottom nav, grid systems,
 * section rhythm, page headers, utility position scaffolds.
 *//* ---------- Container & main canvas ---------- */
.msi-container {
	inline-size: min(var(--ms-container), 100% - 2 * var(--ms-space-6));
	margin-inline: auto;
}
.msi-main {
	min-block-size: calc(100vh - var(--ms-header-h) - var(--ms-subnav-h));
	padding-block-end: var(--ms-space-9);
	position: relative;
}
.msi-row {
	display: flex;
	align-items: center;
	padding: var(--ms-space-4);
}
.msi-stack { display: grid; gap: var(--ms-space-4); }
/* ============================================================
   HEADER — 58px precision bar
   ============================================================ */
.msi-header {
	position: sticky;
	inset-block-start: 0;
	z-index: var(--ms-z-header);
	block-size: var(--ms-header-h);
	background: var(--ms-color-glass);
	backdrop-filter: blur(14px) saturate(1.3);
	-webkit-backdrop-filter: blur(14px) saturate(1.3);
	border-block-end: 1px solid var(--ms-color-border);
}
.msi-header__inner {
	display: flex;
	align-items: center;
	gap: var(--ms-space-6);
	block-size: 100%;
}
/* Brand */
.msi-logo {
	display: inline-flex;
	align-items: center;
	gap: var(--ms-space-3);
	flex-shrink: 0;
}
.msi-logo__mark {
	inline-size: 30px;
	block-size: 30px;
	color: var(--ms-color-accent);
	filter: drop-shadow(0 0 12px var(--ms-atmo-glow));
	transition: transform var(--ms-dur-slow) var(--ms-ease-swing);
}
.msi-logo:hover .msi-logo__mark { transform: rotate(90deg); }
.msi-logo__word {
	display: flex;
	flex-direction: column;
	line-height: 1.1;
}
.msi-logo__name {
	font-family: var(--ms-font-mono);
	font-weight: 700;
	font-size: 1.06rem;
	letter-spacing: -.02em;
	direction: ltr;
	unicode-bidi: embed;
}
.msi-logo__name em {
	font-style: normal;
	color: var(--ms-color-accent);
}
.msi-logo__tag {
	font-size: var(--ms-fs-micro);
	color: var(--ms-color-text-tertiary);
	letter-spacing: .02em;
	white-space: nowrap;
}
/* Primary nav */
.msi-nav { flex: 1; min-inline-size: 0; }
.msi-nav__list {
	display: flex;
	align-items: center;
	gap: var(--ms-space-1);
	list-style: none;
	margin: 0;
	padding: 0;
}
.msi-nav__link {
	display: inline-block;
	padding: var(--ms-space-2) var(--ms-space-3);
	border-radius: var(--ms-radius-sm);
	font-size: var(--ms-fs-small);
	font-weight: 500;
	color: var(--ms-color-text-secondary);
	transition:
		color var(--ms-dur-fast) var(--ms-ease-out),
		background-color var(--ms-dur-fast) var(--ms-ease-out);
	white-space: nowrap;
}
.msi-nav__link:hover {
	color: var(--ms-color-text);
	background: var(--ms-color-surface-hi);
}
.msi-nav__link[aria-current="page"] {
	color: var(--ms-color-accent);
	background: var(--ms-color-accent-softer);
}
/* Header actions */
.msi-header__actions {
	display: flex;
	align-items: center;
	gap: var(--ms-space-2);
	flex-shrink: 0;
}
/* Search trigger — intelligent, reads as a command surface */
.msi-searchtrigger {
	display: inline-flex;
	align-items: center;
	gap: var(--ms-space-2);
	padding: var(--ms-space-2) var(--ms-space-3);
	border: 1px solid var(--ms-color-border);
	border-radius: var(--ms-radius-md);
	background: var(--ms-color-surface);
	color: var(--ms-color-text-tertiary);
	font-size: var(--ms-fs-small);
	min-inline-size: 200px;
	transition:
		border-color var(--ms-dur-fast) var(--ms-ease-out),
		background-color var(--ms-dur-fast) var(--ms-ease-out),
		color var(--ms-dur-fast) var(--ms-ease-out);
}
.msi-searchtrigger:hover {
	border-color: var(--ms-color-border-strong);
	background: var(--ms-color-surface-raised);
	color: var(--ms-color-text-secondary);
}
.msi-searchtrigger svg { inline-size: 15px; block-size: 15px; flex-shrink: 0; }
.msi-searchtrigger__hint {
	flex: 1;
	text-align: start;
	white-space: nowrap;
	overflow: hidden;
}
.msi-searchtrigger__kbd {
	font-size: var(--ms-fs-micro);
	padding: 2px 6px;
	border: 1px solid var(--ms-color-border);
	border-block-end-width: 2px;
	border-radius: var(--ms-radius-xs);
	background: var(--ms-color-bg-deep);
	color: var(--ms-color-text-tertiary);
}
/* Icon button primitive */
.msi-iconbtn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	inline-size: 36px;
	block-size: 36px;
	border-radius: var(--ms-radius-md);
	border: 1px solid var(--ms-color-border);
	background: var(--ms-color-surface);
	color: var(--ms-color-text-secondary);
	transition:
		border-color var(--ms-dur-fast) var(--ms-ease-out),
		color var(--ms-dur-fast) var(--ms-ease-out),
		background-color var(--ms-dur-fast) var(--ms-ease-out);
}
.msi-iconbtn:hover {
	border-color: var(--ms-color-border-strong);
	color: var(--ms-color-text);
	background: var(--ms-color-surface-hi);
}
.msi-iconbtn svg { inline-size: 16px; block-size: 16px; }
/* ============================================================
   STATUS BAR — quiet ops strip
   ============================================================ */
.msi-statusbar {
	background: var(--ms-color-bg-deep);
	border-block-end: 1px solid var(--ms-color-hairline);
	block-size: 26px;
	font-size: var(--ms-fs-micro);
	overflow: hidden;
}
.msi-statusbar__inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	block-size: 100%;
	color: var(--ms-color-text-tertiary);
	letter-spacing: .06em;
}
.msi-statusbar__cell {
	display: inline-flex;
	align-items: center;
	gap: var(--ms-space-2);
	white-space: nowrap;
}
.msi-statusbar__dot {
	inline-size: 6px;
	block-size: 6px;
	border-radius: 50%;
	background: var(--ms-color-neutral-3);
}
.msi-statusbar__dot.is-on {
	background: var(--ms-color-accent);
	box-shadow: 0 0 8px var(--ms-atmo-sweep);
}
/* ============================================================
   BOTTOM NAV — mobile rail
   ============================================================ */
.msi-bottomnav {
	display: none;
	position: fixed;
	inset-inline: 0;
	inset-block-end: 0;
	z-index: var(--ms-z-drawer);
	block-size: var(--ms-bottomnav-h);
	background: var(--ms-color-glass);
	backdrop-filter: blur(16px) saturate(1.3);
	-webkit-backdrop-filter: blur(16px) saturate(1.3);
	border-block-start: 1px solid var(--ms-color-border);
	padding-block-end: env(safe-area-inset-bottom);
}
.msi-bottomnav__item {
	flex: 1;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 3px;
	color: var(--ms-color-text-tertiary);
	font-size: var(--ms-fs-micro);
	position: relative;
	transition: color var(--ms-dur-fast) var(--ms-ease-out);
}
.msi-bottomnav__icon svg { inline-size: 20px; block-size: 20px; }
.msi-bottomnav__item.is-active { color: var(--ms-color-accent); }
.msi-bottomnav__item.is-active::before {
	content: "";
	position: absolute;
	inset-block-start: 0;
	inline-size: 22px;
	block-size: 2px;
	background: var(--ms-color-accent);
	border-radius: var(--ms-radius-pill);
}
/* ============================================================
   FOOTER
   ============================================================ */
.msi-footer {
	border-block-start: 1px solid var(--ms-color-border);
	background:
		linear-gradient(var(--ms-color-bg-secondary), var(--ms-color-bg-deep));
	padding-block: var(--ms-space-9) var(--ms-space-6);
	margin-block-start: var(--ms-space-10);
}
.msi-footer__grid {
	display: grid;
	grid-template-columns: 2fr 1fr 1fr 1fr 1fr;
	gap: var(--ms-space-8);
	padding-block-end: var(--ms-space-8);
	border-block-end: 1px solid var(--ms-color-hairline);
}
.msi-footer__brand .msi-row { margin-block-start: var(--ms-space-4); }
.msi-footer__blurb {
	color: var(--ms-color-text-tertiary);
	font-size: var(--ms-fs-small);
	max-inline-size: 40ch;
	margin-block-start: var(--ms-space-4);
}
.msi-footer__col h3 {
	font-family: var(--ms-font-ui);
	font-size: var(--ms-fs-small);
	font-weight: 600;
	color: var(--ms-color-text-secondary);
	margin-block-end: var(--ms-space-4);
	letter-spacing: .02em;
}
.msi-footer__links,
.msi-footer__col ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	gap: var(--ms-space-2);
}
.msi-footer__links a,
.msi-footer__col ul a {
	color: var(--ms-color-text-tertiary);
	font-size: var(--ms-fs-small);
	transition: color var(--ms-dur-fast) var(--ms-ease-out);
}
.msi-footer__links a:hover,
.msi-footer__col ul a:hover { color: var(--ms-color-accent); }
.msi-footer__bottom {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--ms-space-4);
	padding-block-start: var(--ms-space-6);
	font-size: var(--ms-fs-micro);
	color: var(--ms-color-text-quaternary);
	flex-wrap: wrap;
}
/* ============================================================
   PAGE HEADER — archive/section tops
   ============================================================ */
.msi-pagehead {
	padding-block: var(--ms-space-8) var(--ms-space-6);
	border-block-end: 1px solid var(--ms-color-hairline);
	position: relative;
}
.msi-pagehead__kicker {
	display: inline-flex;
	align-items: center;
	gap: var(--ms-space-2);
	font-family: var(--ms-font-mono);
	font-size: var(--ms-fs-micro);
	letter-spacing: .18em;
	text-transform: uppercase;
	color: var(--ms-color-accent);
	margin-block-end: var(--ms-space-3);
	direction: ltr;
	unicode-bidi: embed;
}
.msi-pagehead__kicker::before {
	content: "";
	inline-size: 18px;
	block-size: 1.5px;
	background: var(--ms-color-accent);
}
.msi-pagehead__title {
	font-family: var(--ms-font-display);
	font-size: var(--ms-fs-display);
	font-weight: 600;
	line-height: var(--ms-lh-tight);
	letter-spacing: -.01em;
}
.msi-pagehead__desc {
	color: var(--ms-color-text-secondary);
	max-inline-size: 68ch;
	margin-block-start: var(--ms-space-3);
}
/* ============================================================
   SECTION RHYTHM — homepage & landing
   ============================================================ */
.msi-section {
	padding-block: var(--ms-space-9) 0;
}
.msi-section__head {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: var(--ms-space-6);
	margin-block-end: var(--ms-space-6);
	padding-block-end: var(--ms-space-4);
	border-block-end: 1px solid var(--ms-color-hairline);
}
.msi-section__title {
	font-family: var(--ms-font-display);
	font-size: var(--ms-fs-h2);
	font-weight: 600;
	line-height: var(--ms-lh-tight);
}
.msi-section__kicker {
	font-family: var(--ms-font-mono);
	font-size: var(--ms-fs-micro);
	letter-spacing: .18em;
	text-transform: uppercase;
	color: var(--ms-color-accent);
	direction: ltr;
	unicode-bidi: embed;
	display: block;
	margin-block-end: var(--ms-space-2);
}
.msi-section__link {
	flex-shrink: 0;
	font-size: var(--ms-fs-small);
	color: var(--ms-color-text-secondary);
	display: inline-flex;
	align-items: center;
	gap: var(--ms-space-2);
	transition: color var(--ms-dur-fast) var(--ms-ease-out);
}
.msi-section__link:hover { color: var(--ms-color-accent); }
/* ============================================================
   GRID SYSTEMS
   ============================================================ */
.msi-grid {
	display: grid;
	gap: var(--ms-space-5);
}
.msi-grid--3 { grid-template-columns: repeat(3, 1fr); }
.msi-grid--4 { grid-template-columns: repeat(4, 1fr); }
/* Auto-fill responsive card grids (entity archives) */
.msi-cards {
	display: grid;
	gap: var(--ms-space-5);
	grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
}
/* Horizontal intelligence rail — swipeable on touch *//* Two-column content shell (dossier main + aside) *//* ============================================================
   RESPONSIVE
   ============================================================ */
@media (max-width: 1200px) {	.msi-footer__grid { grid-template-columns: 1fr 1fr 1fr; }
	.msi-footer__brand { grid-column: 1 / -1; }
}
@media (max-width: 1120px) {
	.msi-nav { display: none; }
}
@media (max-width: 900px) {
	:root { --ms-header-h: 54px; }
	.msi-searchtrigger__hint,
	.msi-searchtrigger__kbd { display: none; }
	.msi-searchtrigger { min-inline-size: 0; }
	.msi-logo__tag { display: none; }
	.msi-grid--3, .msi-grid--4 { grid-template-columns: repeat(2, 1fr); }
	.msi-main { padding-block-end: calc(var(--ms-bottomnav-h) + var(--ms-space-8)); }
	.msi-bottomnav { display: flex; float: right; right: 0;}
	.msi-footer { padding-block: var(--ms-space-8) var(--ms-space-6); }
	.msi-section { padding-block-start: var(--ms-space-8); }
}
@media (max-width: 640px) {
	.msi-container { inline-size: min(100% - 2 * var(--ms-space-4), 100%); }
	.msi-cards { grid-template-columns: 1fr; }
	.msi-footer__grid { grid-template-columns: 1fr 1fr; gap: var(--ms-space-6); }
	.msi-footer__bottom { flex-direction: column; align-items: flex-start; }
	.msi-section__head { flex-direction: column; align-items: flex-start; }
}