/* The specimen bar: the one piece of Ozwebnet chrome on a concept build.
   It names the page as a specimen for a fictional business, links back to
   the Work sheet, and carries the register. Everything else on the page is
   the specimen's own design system. */
.spec-skip { position: absolute; left: -9999px; top: 0; background: #0B0B0F; color: #ECEAE3; padding: 10px 14px; z-index: 1000; font: 12px/1 system-ui, sans-serif; }
.spec-skip:focus { left: 12px; top: 12px; }
.spec-bar {
  position: relative; z-index: 900;
  display: flex; flex-wrap: wrap; align-items: center; gap: 8px 22px;
  padding: 11px clamp(16px, 3vw, 40px);
  background: #0B0B0F; color: #C9CDD3;
  font: 400 10px/1.5 "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
  letter-spacing: 0.18em; text-transform: uppercase;
  border-bottom: 1px solid rgba(201, 205, 211, 0.18);
}
.spec-bar-top { position: sticky; top: 0; }
.spec-bar-top::before { content: ''; position: absolute; left: 0; top: 0; bottom: 0; width: 4px; background: #FF5A1F; }
.spec-bar-foot { border-top: 1px solid rgba(201, 205, 211, 0.18); border-bottom: 0; padding: 22px clamp(16px, 3vw, 40px) 26px; }
.spec-bar-tag { color: #FF5A1F; }
.spec-bar-top .spec-bar-tag { white-space: nowrap; }
.spec-bar-foot .spec-bar-tag { flex-basis: 100%; }
/* full-bleed imagery may overscale by a few pixels on purpose; the page never scrolls sideways */
html, body { overflow-x: clip; }
.spec-bar-note { color: #8B9097; text-transform: none; letter-spacing: 0.04em; font-size: 11px; flex: 1 1 320px; }
.spec-bar-links { display: flex; gap: 18px; margin-left: auto; white-space: nowrap; }
.spec-bar a { color: #EDEFF2; text-decoration: none; border-bottom: 1px solid rgba(201, 205, 211, 0.3); padding-bottom: 2px; transition: color 0.25s, border-color 0.25s; }
.spec-bar a:hover { color: #FF5A1F; border-color: #FF5A1F; }
.spec-bar-cta { color: #FF5A1F; }
.spec-bar-reg { flex-basis: 100%; color: #787D85; font-size: 9px; letter-spacing: 0.14em; }
@media (max-width: 720px) {
  .spec-bar { gap: 6px 14px; padding: 10px 16px; }
  .spec-bar-note { display: none; }
  .spec-bar-top .spec-bar-links a:first-child { display: none; }
}