/* MyFundedCapital School icons (27 Oct 2026, owner school_icons A + B). Loaded only while mfc_school_icons is on.
   A: one line icon per lesson, one stroke (1.75 px at any size), one colour (currentColor), one tile (56 px, radius 16).
   B: text-free Terminal / Dashboard fragment in headers, neutrals + one blue accent. No float, no tilt, no 3D shadows. */
.mfcs2 .si { display: block; width: 28px; height: 28px; fill: none; stroke: currentColor; stroke-width: 1.75; stroke-linecap: round; stroke-linejoin: round; }
.mfcs2 .si * { vector-effect: non-scaling-stroke; }
.mfcs2 .si-t { display: grid; place-items: center; flex: none; width: 56px; height: 56px; border-radius: 16px; background: #fff; border: 1px solid #E3E6EA; color: #006AFF; box-sizing: border-box; }

/* lesson + track cards: the tile sits top-left, the card reads like the rest of the site */
.mfcs2.s2-v3 .s2-v3-art { display: flex; align-items: flex-start; justify-content: flex-start; height: auto; margin: 16px 0 10px; background: none; }
.mfcs2.s2-v3 .s2-v3-card > a { padding-top: 0; }
.mfcs2.s2-v3 .s2-v3-card > a:hover .si-t { border-color: #BFD5FF; }
.mfcs2.s2-v3 .s2-v3-tc .s2-v3-art { margin: 20px 0 10px; height: auto; }

/* path shelves */
.mfcs2.s2-path .sp-shelf .sp-art { width: 56px; height: 56px; background: none; border-radius: 16px; overflow: visible; }

/* next lesson / next track cards: tile bottom-right instead of the floating picture */
.mfcs2.s2-v3 .s2-v3-next { padding-right: 96px; }
.mfcs2.s2-v3 .s2-v3-next > .si-t { position: absolute; right: 24px; bottom: 24px; }
[dir="rtl"] .mfcs2.s2-v3 .s2-v3-next { padding: 26px 26px 26px 96px; }
[dir="rtl"] .mfcs2.s2-v3 .s2-v3-next > .si-t { right: auto; left: 24px; }

/* rewards are dark cards: the same tile in the dark treatment */
.mfcs2.s2-v3 .s2-v3-reward > .si-t { background: #14161B; border-color: #2A2D33; color: #7FB0FF; }

/* B: header fragment */
.mfcs2.s2-v3 .s2-v3-hi { width: clamp(260px, 30vw, 400px); }
.mfcs2.s2-v3 .s2-v3-hi .si-b { display: block; width: 100%; height: auto; border-radius: 16px; box-shadow: 0 30px 60px -30px rgba(0, 80, 255, .45); }
.mfcs2.s2-v3 .s2-th-r.s2-v3-thr { align-items: stretch; }

@media (max-width: 767px) {
	.mfcs2.s2-v3 .s2-v3-hi, .mfcs2.s2-v3 .s2-th .s2-v3-hi { order: 2; width: 100%; max-width: 360px; margin: 24px 0 0; }
	.mfcs2.s2-v3 .s2-th .s2-v3-hi { display: none; } /* track pages on phones: the lesson cards right below carry the icons */
	.mfcs2.s2-v3 .s2-v3-art { margin: 12px 0 8px; height: auto; }
	.mfcs2.s2-v3 .s2-v3-card .si-t { width: 48px; height: 48px; border-radius: 14px; }
	.mfcs2.s2-v3 .s2-v3-card .si { width: 24px; height: 24px; }
	.mfcs2.s2-v3 .s2-v3-next { padding-right: 84px; }
	.mfcs2.s2-v3 .s2-v3-next > .si-t { right: 18px; bottom: 18px; }
	.mfcs2.s2-path .sp-shelf .sp-art { width: 48px; height: 48px; }
	.mfcs2.s2-path .sp-shelf .sp-art .si-t { width: 48px; height: 48px; border-radius: 14px; }
	.mfcs2.s2-path .sp-shelf .sp-art .si { width: 24px; height: 24px; }
}