/* ============================================================================ GREEN PACIFIC — REVIEW INSTRUMENTATION. NOT DESIGN. NOT BRAND. This file exists ONLY so that a reviewer can see, on the page, what media class each empty slot is briefed for. design-system.md §2.8 and §8.3: "The prototype shows #194E83 / #7A5C2E / #5B3E7A / #2E6E52 chips on media slots. THESE ARE NOT BRAND COLOURS AND NEVER SHIP. They are review instrumentation." THREE THINGS MUST HAPPEN BEFORE ANY STAGING OR PUBLICATION: 1. remove data-review="on" from the element of every page 2. delete the to this file from every page 3. strip the .slot__chip markup entirely design-system.md §8.4 assertion 10: any data-review="on" in a production build FAILS the build. That assertion is deliberately not softened here. The hex literals below are the ONLY hex literals outside tokens.css, and they are confined to this file precisely so that §8.4 assertion 8 holds for the shipping stylesheets once this file is deleted. ============================================================================ */ .slot__chip{ display:none; } [data-review="on"] .slot__chip{ display:block; position:absolute; top:0; left:0; z-index:2; font-family:var(--mono); font-weight:var(--w-mono); font-size:var(--fs-m-sm); /* 10px — the mono floor (D-2). Prototype used 9px */ letter-spacing:var(--tr-m); text-transform:uppercase; padding:var(--s-1) var(--s-2); color:#FFFFFF; } [data-review="on"] .slot__chip--c1{ background:#194E83; } /* verified / documentary */ [data-review="on"] .slot__chip--c2{ background:#7A5C2E; } /* staged production */ [data-review="on"] .slot__chip--c3{ background:#5B3E7A; } /* ai / synthetic */ [data-review="on"] .slot__chip--c4{ background:#2E6E52; } /* derived real */ /* A standing, visible reminder that this is not a shippable state. */ [data-review="on"] .review-banner{ display:block; border-left:3px solid #96301B; background:#FBF3F1; color:#111C29; padding:var(--s-4) var(--s-5); margin:var(--s-6) 0 0; font-size:var(--fs-sm); line-height:var(--lh-sm); } .review-banner{ display:none; } [data-review="on"] .review-banner b{ display:block; margin-bottom:var(--s-2); font-family:var(--mono); font-weight:var(--w-mono); font-size:var(--fs-m-sm); letter-spacing:var(--tr-m); text-transform:uppercase; color:#96301B; }