html:not(.app-top-level) #app-version, html:not(.app-top-level) #app-update { display: none; }
#app-version {
  color: #666;
  font: 11px/1.5 Helvetica, Arial, sans-serif;
  margin: 8px 0;
  text-align: center;
}
/* PHP pages end at the copyright row; the version line shares that row so
   page heights (and the darkroom scroll clamp) stay PHP's (EB-070/096). */
#site-footer { position: relative; }
#site-footer > #app-version { position: absolute; right: 0; bottom: 0; margin: 0; }
@media (max-width: 600px) { #site-footer > #app-version { position: static; margin: 8px 0; } }
#app-update[hidden] { display: none; }
#app-update {
  position: sticky;
  top: 0;
  z-index: 90;
  box-sizing: border-box;
  background: #f4f8fb;
  border: 1px solid #91b4cb;
  border-radius: 4px;
  color: #303d46;
  font: 13px/1.5 Helvetica, Arial, sans-serif;
  margin: 0 auto 12px;
  max-width: 700px;
  width: 100%;
  padding: 10px 14px;
  text-align: center;
}
#app-update span { display: inline-block; margin: 2px 4px; }
#app-update button {
  background: #fff;
  border: 1px solid #647d8e;
  border-radius: 3px;
  color: #254c65;
  cursor: pointer;
  font: inherit;
  margin: 2px 4px;
  padding: 3px 10px;
}
#app-update button:focus-visible { outline: 2px solid #1a75af; outline-offset: 2px; }
@media print { #app-version, #app-update { display: none !important; } }