.mf-theme .cols { display: grid; grid-template-columns: 1fr 1.1fr; gap: 2.4rem; margin-left: 14rem; }
.mf-theme .icon { width: 64px; height: 48px; color: var(--c, var(--accent)); margin-bottom: .8rem; }
.mf-theme .prose { color: var(--text-2); font-size: 1.04rem; }
.mf-theme .eq { display: inline-block; margin-top: 1rem; font-family: var(--font-mono); font-size: .8rem; color: var(--muted); background: var(--surface-2); border-radius: 6px; padding: .45rem .7rem; }
.mf-theme .tfig { margin: 1.4rem 0 0; }
.mf-theme .tfig figcaption { font-size: .8rem; color: var(--dim); margin-top: .5rem; }
.mf-theme .tfig figcaption a { color: var(--muted); }
.mf-theme .plist ol { list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--line); }
.mf-theme .plist li { padding: .7rem 0; border-bottom: 1px solid var(--line); }
.mf-theme .plist .t { display: block; font-size: .96rem; line-height: 1.35; }
.mf-theme .plist .t:hover { color: var(--accent-ink); }
.mf-theme .plist .yr { font-family: var(--font-mono); font-size: .68rem; color: var(--dim); display: block; margin-top: .2rem; }
.mf-theme .mf-head .mono { color: color-mix(in srgb, var(--c, var(--muted)) 72%, var(--text)); }   /* a programme colour, mixed toward the ink so small text stays readable */
.mf-theme .all { display: inline-block; margin-top: 1rem; font-size: .9rem; color: var(--muted); }
.mf-theme .all:hover { color: var(--accent-ink); }
@media (max-width: 960px) { .mf-theme .cols { grid-template-columns: 1fr; margin-left: 0; } }