/* About page (MKT-008): page-level additions and the engine room, prefixed er- so it never borrows the team view's rules. */
#public-key{display:flex;flex-wrap:wrap;gap:8px 22px;margin:0;padding:11px 18px;border-top:1px solid var(--paint-253047, #253047);font-size:11px;color:var(--muted)}
#public-key span{display:inline-flex;align-items:center;gap:8px}
.key-dot{display:inline-block;width:7px;height:7px;border-radius:50%}
.key-working{background:var(--working-color, #45efda);box-shadow:0 0 9px var(--working-color, #45efda);animation:breathe 1.8s ease-in-out infinite}
.key-travel{background:var(--delegated-color, #608dff);box-shadow:0 0 8px var(--delegated-color, #608dff);animation:key-travel 1.7s linear infinite}
.key-waiting{background:var(--waiting-color, #ffc46a);opacity:.6;animation:breathe 3.7s ease-in-out infinite}
@keyframes key-travel{0%{transform:translateX(-4px)}100%{transform:translateX(4px)}}
.engine-room{--er-gold:#E7C66E;--er-line:#D4A84B30;--er-panel:#0C0E14;--er-muted:#8C97A8;margin-top:40px}
.engine-room h2{margin:0 0 4px}
.engine-room .er-intro{color:var(--er-muted);margin:0 0 18px}
.er-banner{border:1px dashed #E7C66E88;color:var(--er-gold);font:600 11px/1 ui-monospace,monospace;letter-spacing:.18em;text-transform:uppercase;padding:10px 14px;margin-bottom:18px;text-align:center}
.er-banner.paused{color:var(--er-muted);border-color:#8C97A866}
.er-gauges{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}
.er-gauge{border:1px solid var(--er-line);border-radius:10px;padding:14px;text-align:center;background:var(--er-panel)}
.er-gauge svg{width:100%;max-width:170px;height:auto}
.er-gauge b{display:block;font-size:22px;font-weight:500;margin-top:2px}
.er-gauge span{color:var(--er-muted);font-size:12px}
.er-note{display:block;color:var(--er-muted);font-size:11px;margin-top:2px}
.er-engine{border:1px solid var(--er-line);border-radius:12px;background:var(--er-panel);padding:10px}
.er-engine svg{width:100%;height:auto;display:block}
.er-node{fill:#0C0E14;stroke:#D4A84B55;stroke-width:1.2}
.er-stage{fill:#0F1220;stroke:#D4A84B99;stroke-width:1.4}
.er-stage.er-hot{stroke:var(--er-gold);filter:drop-shadow(0 0 6px #E7C66Eaa)}
.er-label{fill:#F5F3EE;font:600 12px system-ui}
.er-sub{fill:var(--er-muted);font:11px system-ui}
.er-rail{fill:none;stroke:#D4A84B26;stroke-width:2}
.er-pulse{fill:var(--er-gold);filter:drop-shadow(0 0 6px var(--er-gold))}
.er-tag{fill:var(--er-gold);font:600 11px ui-monospace,monospace;paint-order:stroke;stroke:#0C0E14;stroke-width:4px}
.engine-room h3{font-size:15px;font-weight:500;margin:22px 0 8px;color:var(--er-gold)}
.er-feed{border:1px solid var(--er-line);border-radius:10px;background:var(--er-panel);padding:6px 14px;max-height:260px;overflow:hidden}
.er-row{display:grid;grid-template-columns:1.4fr 1fr .7fr .6fr;gap:10px;padding:7px 0;border-bottom:1px solid #D4A84B18;font-size:12.5px;color:var(--er-muted);font-variant-numeric:tabular-nums}
.er-row:first-child{color:#F5F3EE}
.er-foot{color:var(--er-muted);font-size:11px;margin-top:10px}
@media(max-width:760px){.er-gauges{grid-template-columns:repeat(2,minmax(0,1fr))}.er-row{grid-template-columns:1.2fr 1fr .8fr}.er-row span:nth-child(2){display:none}}
@media(prefers-reduced-motion:reduce){.er-pulse,.er-tag{display:none}}
.engine-room svg{position:relative;inset:auto}
/* The supply line (MKT-009). */
.supply-line{--er-gold:#E7C66E;--er-line:#D4A84B30;--er-panel:#0C0E14;--er-muted:#8C97A8;margin-top:40px}
.supply-line h2{margin:0 0 4px}
.supply-line .er-intro{color:var(--er-muted);margin:0 0 18px}
.sl-track{position:relative}
.sl-rail{position:absolute;inset:0;pointer-events:none;z-index:2}
.sl-stations{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:12px;position:relative}
.sl-stations:before{content:'';position:absolute;left:4%;right:4%;top:50%;height:2px;background:linear-gradient(90deg,#D4A84B10,#D4A84B55,#D4A84B10)}
.sl-station{position:relative;z-index:1;border:1px solid var(--er-line);border-radius:10px;background:var(--er-panel);padding:12px;display:flex;flex-direction:column;gap:4px;min-height:150px;transition:border-color .3s,box-shadow .3s}
.sl-station.sl-hot{border-color:var(--er-gold);box-shadow:0 0 14px #E7C66E44}
.sl-station.sl-off{opacity:.6}
.sl-num{font:600 10px ui-monospace,monospace;color:var(--er-gold);letter-spacing:.15em}
.sl-label{font-size:13px;color:#F5F3EE}
.sl-desc{font-size:11px;color:var(--er-muted);line-height:1.4;flex:1}
.sl-total{font-size:22px;font-weight:500;color:#F5F3EE;font-variant-numeric:tabular-nums}
.sl-unit{font-size:11px;color:var(--er-gold);line-height:1.35}
.sl-rate{font-size:11px;color:var(--er-gold);opacity:.75}
.sl-dot{position:absolute;left:0;top:0;width:8px;height:8px;margin:-4px 0 0 -4px;border-radius:50%;background:var(--er-gold);box-shadow:0 0 8px var(--er-gold);transition:transform 1.2s ease-in-out,opacity 1.2s ease-in}
@media(max-width:1000px){.sl-stations{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:600px){.sl-stations{grid-template-columns:repeat(2,minmax(0,1fr))}.sl-stations:before{display:none}}
@media(prefers-reduced-motion:reduce){.sl-dot{display:none}}