/* ============================================================================ * Grand Tour #17 — "Breadcrumbs by zone" / the route-line (re-skin, 20 Jul 2026) * ---------------------------------------------------------------------------- * CONCEPT * The breadcrumb trail is the reader's route through the network. This file * re-skins the EXISTING JS-injected breadcrumb (

, built and * inserted at the top of the pf-hero / ph-hero wrap) so it reads like a line on * a transit map: stations (crumbs) connected by thin route-line segments, with * the CURRENT crumb marked "you are here" by a small burnt-orange node. * * Adds NO markup and NO second injector. The per-page ZONE / platform identity * is already printed in the same hero by the GT#2 mu-plugin as a mono * "PLATFORM N" token (Methods=1 … Glossary=6); duplicating it in the breadcrumb * would be noise, so "by zone" is delivered here purely as the structural * route-line motif that sits directly beneath that PLATFORM token. Pure CSS: * reversible by dequeuing. * * LIVE STRUCTURE (verified against method + regional pages, 20 Jul 2026) * * Separators are / elements. Current crumb is the trailing * (also :last-child). Two hero variants: * .cnp-bc -> DARK hero (default, injected into .cc-pf .pf-hero .pf-wrap) * .cnp-bc.bcdark -> LIGHT/cream hero (.ph-hero .wrap) * * PALETTE (Instrument, exact — monochrome + the single burnt-orange accent) * cream #F5EEE1 · card #FBF6EB · ink #2A211B · soft-ink #6E6253 * hairline #DED3BF · burnt-orange #C75B22 * No per-zone colour-coding: the zone cue is textual/structural, never a hue. * FONTS IBM Plex Mono (breadcrumb labels) * * SPECIFICITY / SAFETY * The site prints its own