/* Site bar around a published issue. The issue's own stylesheet is left untouched. */
body.issue-view { margin: 0; }

.br-bar {
  display: flex; flex-wrap: wrap; align-items: baseline; gap: 6px 22px;
  padding: 10px 24px; background: #131316; color: #eceae6;
  font: 400 13px/1.55 "JetBrains Mono", ui-monospace, Menlo, monospace;
  border-bottom: 3px solid #b3261e; letter-spacing: 0; text-align: left;
}
.br-bottom { border-bottom: 0; border-top: 3px solid #b3261e; }
.br-bar a { display: inline-block; padding: 3px 0; color: #eceae6; text-decoration: underline; text-decoration-color: #6e6b66; text-underline-offset: 3px; }
.br-bar a:hover { text-decoration-color: #eceae6; }
.br-bar a:focus-visible { outline: 2px solid #eceae6; outline-offset: 2px; }
.br-name { font-weight: 500; text-decoration: none !important; }
.br-date { color: #bdbab3; }
.br-links, .br-step { display: flex; flex-wrap: wrap; gap: 4px 18px; }
.br-step { margin-left: auto; }
.br-muted { color: #8f8c85; }
.br-credit { width: 100%; color: #8f8c85; }

@media (max-width: 820px) {
  .br-bar { padding: 6px 14px; gap: 0 16px; }
  .br-top .br-date, .br-wide, .br-step a[href="/archive/"] { display: none; }
  .br-bottom .br-step a[href="/archive/"] { display: inline-block; }
  .br-step { margin-left: 0; }
  .issue-doc table { display: block; max-width: 100%; overflow-x: auto; }
  .issue-doc pre { white-space: pre-wrap; }
}

@media print {
  .br-bar { display: none; }
  .issue-doc { zoom: 1 !important; }
}