Class	Does
.page-main	Locks the page to 100vh − var(--chrome) and hides its overflow. --chrome is 130px — it counts both hairlines. Subtract 129 and the page overflows by exactly 1px and grows a scrollbar.
.svc7-head	Tab row left, position counter right, baselines aligned.
.svc7-tabs / .svc7-tab	Sentence case, heading face, 2px cyan underline when active. Not .tab — see the note below.
.svc7-counter	Position, not data. Dimmed accent; the current index brighter than the total.
.svc7-stage	Takes the height the head and foot leave, and clips the slide.
.svc7-grid	One screen. Absolutely stacked so the outgoing pane stays painted while it slides out. -1 and -2 set the tile count.
.svc7-card	A tile: visual takes the free height, caption is a fixed 5.8rem.
.svc7-foot	What powers the screen.
.svc7-arrow	The notches. Section 07 — they page the stage, then leave the page at the ends.

Two tab idioms is deliberate. .tab is uppercase mono-idiom chrome for switching panels inside a page; .svc7-tab names the screens themselves, so it is sentence case in the heading face at subheading size. Using one for the other collapses the distinction between moving within a view and moving between them.

Ported from journeymro_site with colour resolved through tokens rather than the literals the site hard-codes, and small type lifted onto this system's 13.6px floor — the site sets its tile blurb at 0.8rem and its labels at 0.58rem. Class names are verbatim, so markup moves between the two projects without translation.