/* The All-in-One menu: one direct link per published feature page, without categories or a detail rail. */
.sd-mmt__in {
	max-width: calc(var(--sd-max) + 2 * var(--sd-gutter));
	margin: 0 auto;
	padding: 24px var(--sd-gutter) 18px;
}
.sd-mmt__top { margin: 0 0 18px; }
.sd-mmt__kicker {
	margin: 0 0 8px;
	color: var(--accent);
	font: 600 11px/1.3 var(--f-num);
	letter-spacing: .1em;
	text-transform: uppercase;
}
.sd-mmt__kicker span { padding: 0 4px; color: var(--faint); }
.sd-mmt__title {
	margin: 0;
	color: var(--text);
	font: 600 clamp(21px, 1rem + .9vw, 27px)/1.16 var(--f-display);
	letter-spacing: -.04em;
}
.sd-mmt__intro { margin: 8px 0 0; color: var(--mute); font: 400 14px/1.4 var(--f-text); }
.sd-mmt__grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 10px;
	list-style: none;
	margin: 0;
	padding: 0;
}
.sd-mmt__grid > li { min-width: 0; margin: 0; padding: 0; }
.sd-mmt__tile {
	position: relative;
	display: block;
	min-height: 111px;
	height: 100%;
	padding: 15px 32px 14px 15px;
	border: 1px solid var(--line-2);
	background: var(--raise, #151d23);
	color: var(--text);
	text-decoration: none;
	transition: transform .16s, border-color .16s, background-color .16s;
}
.sd-mmt__tile:hover, .sd-mmt__tile:focus-visible {
	transform: translateY(-2px);
	border-color: var(--accent);
	background: color-mix(in srgb, var(--raise, #151d23) 76%, var(--accent));
}
.sd-mmt__tile:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
.sd-mmt__tile-head { display: flex; align-items: center; gap: 10px; min-height: 30px; }
.sd-mmt__icon {
	display: grid;
	place-items: center;
	width: 30px;
	height: 30px;
	flex: none;
	border: 1px solid color-mix(in srgb, var(--accent) 45%, transparent);
	background: color-mix(in srgb, var(--accent) 16%, var(--bg));
	color: var(--accent);
}
.sd-mmt__icon svg { width: 19px; height: 19px; }
.sd-mmt__name { min-width: 0; font: 700 16px/1.16 var(--f-text); letter-spacing: -.015em; }
.sd-mmt__desc { display: block; margin: 10px 0 0 40px; color: var(--mute); font: 400 13.3px/1.28 var(--f-text); }
.sd-mmt__arrow {
	position: absolute;
	right: 13px;
	top: 15px;
	color: var(--faint);
	font: 16px/1 var(--f-text);
	transition: color .16s, transform .16s;
}
.sd-mmt__tile:hover .sd-mmt__arrow, .sd-mmt__tile:focus-visible .sd-mmt__arrow {
	color: var(--accent);
	transform: translate(2px, -2px);
}
.sd-mmt__foot {
	display: flex;
	justify-content: space-between;
	gap: 20px;
	margin: 15px 0 0;
	padding-top: 14px;
	border-top: 1px solid var(--line);
	color: var(--mute);
	font: 400 13px/1.4 var(--f-text);
}
.sd-mmt__foot a { color: var(--accent); font-weight: 700; text-decoration: none; white-space: nowrap; }
.sd-mmt__foot a:hover, .sd-mmt__foot a:focus-visible { text-decoration: underline; }

@media (max-width: 1060px) {
	.sd-mmt__in { padding: 18px 20px 22px; }
	.sd-mmt__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 700px) {
	.sd-mmt__in { padding: 18px 16px 22px; }
	.sd-mmt__title { font-size: 22px; }
	.sd-mmt__intro { font-size: 13px; }
	.sd-mmt__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
	.sd-mmt__tile { min-height: 126px; padding: 12px 20px 12px 11px; }
	.sd-mmt__tile-head { display: block; }
	.sd-mmt__name { display: block; margin-top: 7px; font-size: 14px; }
	.sd-mmt__desc { margin: 6px 0 0; font-size: 12px; line-height: 1.26; }
	.sd-mmt__arrow { right: 9px; top: 11px; }
	.sd-mmt__foot { flex-direction: column; gap: 9px; font-size: 12px; }
}
@media (max-width: 350px) {
	.sd-mmt__grid { grid-template-columns: 1fr; }
	.sd-mmt__tile { min-height: 0; }
	.sd-mmt__tile-head { display: flex; }
	.sd-mmt__name { margin-top: 0; }
	.sd-mmt__desc { margin-left: 40px; }
}
@media (prefers-reduced-motion: reduce) {
	.sd-mmt__tile, .sd-mmt__arrow { transition: none; }
}