/* * VaultPac service pages. * * Loads after styles.css and adds only what the generated pages need. Every * colour here is one of the brand tokens already defined there — --green, * --green-text, --ink, --muted, --surface, --line — so the service pages cannot * drift into a second palette, and a brand change made in one file changes * ninety-two pages. * * The visual argument these pages have to make is "movement orchestration, * custody and dispatch", not "here is a black car". That is why the recurring * shapes are a timeline, a structural flow and a capability grid rather than * vehicle photography. */ /* ---- Skip link. Ninety-two pages of nav before the content is a lot of tabbing for somebody who cannot use a mouse. ---- */ .skip-link { position: absolute; left: -9999px; top: 0; z-index: 100; background: var(--ink); color: #fff; padding: 12px 20px; border-radius: 0 0 4px 0; font-size: 13px; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; } .skip-link:focus { left: 0; } /* Visible focus everywhere. The default outline is removed in places by styles.css for inputs; this puts a consistent one back on everything interactive rather than leaving keyboard users to guess. */ .svc-doc a:focus-visible, .svc-doc button:focus-visible, .svc-doc input:focus-visible, .svc-doc textarea:focus-visible { outline: 3px solid var(--green-text); outline-offset: 2px; border-radius: 2px; } .svc-doc { overflow-x: hidden; } .svc-main { display: block; } /* A reading measure, not a narrower page. `.wrap` centres itself, so constraining the wrap to 760px also re-centres it — and the left edge then jumps between a full-width section and a text one, which reads as two different templates stitched together. Constraining the children instead keeps every section starting on the same line while text still stops at a comfortable measure. */ .svc-narrow > * { max-width: 760px; } /* ---- Reclaiming