.admin-view-toggle {
  position: fixed;
  top: 10px;
  right: 16px;
  z-index: 40;
  padding: 0 12px;
  background: #101511;
  border: 1px solid #425148;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  min-height: 44px;
  margin-bottom: 12px;
  color: var(--muted);
  font-size: .9rem;
  cursor: pointer;
}
.admin-view-toggle-dialog {
  position: static;
  margin: 0 auto 0 0;
  flex-shrink: 0;
}
body.modal-open > .app-frame > .app-shell > .admin-view-toggle { visibility: hidden; }
.admin-view-toggle input { width: 18px; height: 18px; accent-color: #a6efd0; }
html:not([data-admin-view="true"]) .admin-only { display: none !important; }
/* Keep review controls hidden during initial catalogue loading as well. */
html:not([data-admin-view="true"]) label:has(#catalog-deleted, #catalog-image, #catalog-generic-image, #catalog-wikipedia, #catalog-maps, #catalog-maps-check, #catalog-plaque-maps-batch),
html:not([data-admin-view="true"]) #card-detail-map-panel,
html:not([data-admin-view="true"]) #card-detail-remove,
html:not([data-admin-view="true"]) #card-detail-remove-feedback { display: none !important; }
html:not([data-admin-view="true"]) .card-detail-layout {
  grid-template-columns: minmax(200px, 340px) minmax(0, 1fr);
}
html:not([data-admin-view="true"]) .card-detail-copy { grid-column: auto; }
@media (min-width: 561px) {
  html:not([data-admin-view="true"]) .card-detail-dialog {
    width: min(calc(100% - 32px), 1120px);
  }
}
/* The preview determines the row height, not the length of the article. */
@media (min-width: 761px) {
  html:not([data-admin-view="true"]) .card-detail-copy {
    contain:size;
    align-self:stretch;
    display:flex;
    flex-direction:column;
    min-height:0;
    padding:18px 0;
    overflow:auto;
  }
  html:not([data-admin-view="true"]) .card-detail-copy > * { flex-shrink:0; }
  html:not([data-admin-view="true"]) .card-detail-copy .card-detail-description {
    flex:1 1 auto;
    min-height:64px;
    max-height:none;
    overflow:auto;
    overscroll-behavior:contain;
    scrollbar-width:thin;
    scrollbar-color:#647e6d #1b251e;
    padding-right:10px;
    margin:18px 0;
  }
  html:not([data-admin-view="true"]) .card-detail-copy .card-detail-credit { margin:10px 0 0; overflow-wrap:anywhere; }
}
@media (min-width:561px) and (max-width:760px) {
  html:not([data-admin-view="true"]) .card-detail-layout { grid-template-columns:1fr; }
  html:not([data-admin-view="true"]) .card-detail-copy { padding:0; }
}
@media (max-width: 560px) {
  html:not([data-admin-view="true"]) .card-detail-layout { grid-template-columns: 1fr; }
}