/* Mime's own section (20 Oct 2026): the site's SideBar pages in Mime's colours, black and white only (its locked logo,
	feeds/mime/brand). The current row's dot (21 Oct 2026, the Web Director: an ink dot vanished on the ink pill) is a white
	dot drawn with difference, so it reads near black on a light row and light on the current pill, and inverts smoothly as
	it glides between rows; its glow is white too. The current pill and the outline bar already are ink, and ShotScript's
	orange accents in the shared docs styles (shot-icons.css) are ink here. Loaded only by mime.html; everything else is the
	Stroke pages' machinery. */
.mime .side-dot { background: #fff; box-shadow: none; mix-blend-mode: difference; }
.mime .side-dot::after { background: radial-gradient(closest-side, rgb(255 255 255 / .35), rgb(255 255 255 / 0)); }
.mime .doc.lrn2 .lrn-c-ink { --lrn-c: var(--ink); --lrn-c-soft: #ececef; }
.mime .doc.lrn .lrn-t-accent { background: #f2f2f4; border-color: #d4d4da; --lrn-tone: var(--ink); --lrn-tone-text: var(--ink); }
.mime .doc.lrn-docs .lrn-fname .lrn-i, .mime .doc.lrn-docs .doc-list li::marker { color: var(--ink); }
.mime .doc.lrn-docs .lrn-steplink a { background: #ececef; color: var(--ink); }
@media (hover: hover) { .mime .doc.lrn-docs .lrn-steplink a:hover { background: #dcdce1; color: var(--ink); } }
/* Mime's About (21 Oct 2026, the Web Director's Part B): the hero still across the card like Stroke's film (a 1x still: the
	card is narrower than its 1440 pixels, so it is never drawn larger than it is), and the cover grid's pictures in one
	shape (the covers are 16:9 crops already, stills.json cover-*) */
.mime .doc .mm-hero { margin: 10px calc(-1 * var(--st-pad-x, 0px)) 6px; }
.mime .doc .mm-hero img { border-radius: 0; box-shadow: 0 1px 0 #e6e6ea, 0 -1px 0 #e6e6ea; }
.mime .mm-covers .doc-shot img { aspect-ratio: 16 / 9; object-fit: cover; }