/*
  The PDFCarry site bar, for pages that keep their own design (the worked example at /proof).
  Self-contained so it cannot restyle the page beneath it: navigation rules are scoped to .site-bar; ledger scrolling is scoped separately.
  Same frame colour, wordmark and five links as the header in /styles.css.
*/

@font-face { font-family: "Barlow"; font-style: normal; font-weight: 600; font-display: swap; src: url(fonts/barlow-latin-600-normal.woff2) format("woff2"); }

.site-bar { background: #151e28; color: #eaf0f6; box-shadow: 0 1px 0 #31404f; font-family: "Barlow", Bahnschrift, "Segoe UI", system-ui, sans-serif; font-weight: 600; }
.site-bar .site-bar-inner { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px 24px; max-width: 1160px; margin: 0 auto; padding: 10px 32px; min-height: 60px; box-sizing: border-box; }
.site-bar a { color: #a9b6c3; text-decoration: none; }
.site-bar a:hover { color: #eaf0f6; }
.site-bar a:focus-visible { outline: 2px solid #6fb1ff; outline-offset: 3px; }
.site-bar .site-bar-mark { display: inline-flex; align-items: center; gap: 10px; color: #eaf0f6; font-size: 1.15rem; }
.site-bar nav { display: flex; flex-wrap: wrap; gap: 4px 18px; }
.site-bar nav a { font-size: 0.95rem; padding: 6px 0; border-bottom: 2px solid transparent; }
.site-bar nav a:hover { border-bottom-color: #6fb1ff; }

@media (max-width: 640px) {
  .site-bar .site-bar-inner { padding: 10px 20px; }
}
@media print {
  .site-bar { display: none; }
}

/* Keep the original evidence tables intact and keyboard-scrollable on narrow screens. */
.proof-table-scroll { position: relative; max-width: 100%; overflow-x: auto; }
.proof-table-scroll:focus-visible { outline: 2px solid #176ab0; outline-offset: 3px; }