/* Third supplied v3 design: 4a, slightly slimmer network row. */
body.preview-versionbar-enabled { padding-top:50px; }
#preview-versionbar {
  position:fixed; inset:0 0 auto; height:30px; z-index:10000; box-sizing:border-box; padding-bottom:2px;
  background:linear-gradient(#5d3315,#66350f 55%,#6f3813 72%,#54290f 88%,#2a1407);
  border-top:1px solid #b79b7d; border-bottom:1px solid #9a9897;
  box-shadow:inset 0 1px 0 #56301a,0 1px 0 #0f0f0f,0 2px 0 #2e2f31;
  color:#eadbc4; font:12px/1.45 Verdana,Helvetica,sans-serif; text-align:center;
}
.versionbar-inner { height:100%; max-width:850px; margin:auto; display:flex; justify-content:center; align-items:center; gap:12px; padding:0 14px; }
.versionbar-brand { color:#fff; font-size:11px; font-weight:bold; white-space:nowrap; text-shadow:0 1px 0 rgba(0,0,0,.6); }
#preview-versionbar a.versionbar-link { position:relative; display:inline-flex; align-items:center; gap:7px; padding:2px 4px; border:0; border-radius:0; color:#e8d3b0; background:transparent; font:inherit; font-size:11px; line-height:1; cursor:pointer; text-decoration:none; white-space:nowrap; transition:color .15s; }
.versionbar-icon-box { flex:none; display:block; width:20px; height:20px; }
.versionbar-icon { display:block; width:20px; height:20px; object-fit:contain; margin:0; border:0; filter:drop-shadow(0 1px 1px rgba(0,0,0,.5)); transition:filter .15s,opacity .15s; }
#preview-versionbar a.versionbar-link.is-current { color:#fff; font-weight:bold; }
#preview-versionbar a.versionbar-link:not(.is-current) .versionbar-icon { filter:grayscale(.85) brightness(.9) drop-shadow(0 1px 1px rgba(0,0,0,.5)); opacity:.7; }
#preview-versionbar a.versionbar-link:hover,#preview-versionbar a.versionbar-link:focus-visible { color:#fff; }
#preview-versionbar a.versionbar-link:hover .versionbar-icon,#preview-versionbar a.versionbar-link:focus-visible .versionbar-icon { filter:none; opacity:1; }
#preview-versionbar a.versionbar-link:focus-visible { outline:1px solid #f3cf89; outline-offset:1px; }
.versionbar-divider { flex:none; font-size:8px; color:#c89b5a; }
.preview-versionbar-enabled #content [id],.preview-versionbar-enabled #content a[name] { scroll-margin-top:40px; }
.preview-versionbar-enabled #top { scroll-margin-top:50px; }
@media(max-width:520px) { .versionbar-brand { display:none; } .versionbar-inner { gap:7px; padding:0 8px; } }