/* A narrow, shared notice above the public studio. */
.site-notice-banner {
  position: sticky;
  top: 0;
  z-index: 70;
  margin: 0;
  padding: 7px max(20px, env(safe-area-inset-left));
  background: #49361c;
  color: #ffe3ad;
  border-bottom: 1px solid #71532b;
  font: 500 12px/1.5 'Manrope', sans-serif;
  text-align: center;
  overflow-wrap: anywhere;
  white-space: normal;
}
.site-notice-banner[hidden] { display: none !important; }
html:has(#site-notice:not([hidden])) { --site-notice-height: 33px; }
html:has(#site-notice:not([hidden])) .workspace-rail { top: calc(12px + var(--site-notice-height)); }
html:has(#site-notice:not([hidden])) .workspace-panel {
  top: calc(12px + var(--site-notice-height));
  height: calc(100dvh - 24px - var(--site-notice-height));
}
@media (max-width: 760px) {
  .site-notice-banner { padding: 8px 16px; }
  html:has(#site-notice:not([hidden])) .workspace-rail { top: calc(8px + var(--site-notice-height)); }
  html:has(#site-notice:not([hidden])) .workspace-panel {
    top: calc(8px + var(--site-notice-height));
    height: calc(100dvh - 16px - var(--site-notice-height));
  }
}