/* Velaro Customer Test/Diagnostic Tool Pages — Shared Chrome
   Used by one-off pages built per customer issue or for internal testing:
   the UTM/inline-chat test pages, the CMP cookie-consent test page.
   Not for full landing pages (see _shared.css) and not for co-branded
   partner pages with their own header/logo treatment (e.g. azenta/cmp-test.html,
   which intentionally uses a different, wider layout and Azenta co-branding). */
*{box-sizing:border-box;margin:0;padding:0}
:root{
  --sans:'Inter',system-ui,sans-serif;
  --mono:'JetBrains Mono',monospace;
  --green:#2fbf71;
  --navy:#0d1535;
  --border:#e5e7eb;
  --bg:#f9fafb;
  --r:12px;
  --text-1:#111827;
  --text-2:#374151;
  --text-3:#6b7280;
}
/* body{} is intentionally NOT shared -- font-size/line-height vary per page
   (e.g. cmp-test.html is denser, 15px/1.6, vs amscro's 18px/1.65). Each page
   sets its own body{} using the --sans/--bg/--text-1 tokens above. */

.ph{background:#fff;border-bottom:1px solid var(--border);padding:0 24px;height:56px;display:flex;align-items:center;gap:12px;position:sticky;top:0;z-index:100;box-shadow:0 1px 4px rgba(0,0,0,.04)}
.brand{display:flex;align-items:center;gap:8px;font-weight:800;font-size:16px;color:var(--navy);text-decoration:none}
.brand-dot{color:var(--green)}
.ph-right{margin-left:auto;display:flex;align-items:center;gap:12px}
.ph-link{font-size:15px;color:var(--text-3);text-decoration:none;font-weight:500}
.ph-link:hover{color:var(--navy)}

.wrap{max-width:860px;margin:0 auto;padding:40px 24px 80px}