/* Shared article blocks and controls for the local editor. */
.prose .content-callout {
  margin:1.15rem 0;
  padding:1rem 1.1rem;
  border:1px solid #d5e5ec;
  border-inline-start:4px solid #39778c;
  border-radius:.8rem;
  background:#edf6f8;
}
.prose .content-card-grid {
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr));
  gap:.7rem;
  margin:1.15rem 0;
}
.prose .content-card {
  padding:1rem;
  border:1px solid #d5e5ec;
  border-radius:.8rem;
  background:#fff;
}
.prose :is(.content-callout,.content-card) > :first-child { margin-top:0; }
.prose :is(.content-callout,.content-card) > :last-child { margin-bottom:0; }

.admin-shell { background:#fff; }
.admin-shell .admin-content > .admin-hint { margin:-.28rem 0 .75rem; }
.admin-shell .editor-toolbar:not([hidden]) {
  display:grid;
  gap:.45rem;
  margin-bottom:.75rem;
  padding:.65rem;
  border:1px solid #dae6ec;
  border-radius:.72rem;
  background:#f7fafb;
}
.admin-shell :is(.editor-mode,.editor-tools) {
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:.42rem;
  min-width:0;
}
.admin-shell .editor-toolbar button,
.admin-shell .editor-insert select,
.admin-shell .editor-photo-button {
  max-width:100%;
  min-height:2.4rem;
  padding:.4rem .65rem;
  border:1px solid #c4d7df;
  border-radius:.45rem;
  color:#20485b;
  background:#fff;
  font:inherit;
  font-size:.84rem;
}
.admin-shell .editor-toolbar button { cursor:pointer; }
.admin-shell .editor-toolbar button:disabled { opacity:.52; cursor:default; }
.admin-shell .editor-toolbar button:not(:disabled):hover,
.admin-shell .editor-photo-button:hover { background:#edf6f8; }
.admin-shell .editor-toolbar .editor-mode button[aria-pressed=true] {
  color:#fff;
  border-color:#125266;
  background:#125266;
  font-weight:700;
}
.admin-shell .editor-toolbar .editor-mode button[aria-pressed=true]:hover { background:#1a647b; }
.admin-shell .editor-insert {
  display:flex;
  align-items:center;
  gap:.42rem;
  min-width:0;
  max-width:100%;
}
.admin-shell .editor-insert select { width:auto; max-width:min(100%,15rem); }
.admin-shell .editor-label { font-size:.8rem; color:#3e6476; font-weight:650; }
.admin-shell .editor-photo-button {
  position:relative;
  display:inline-flex;
  align-items:center;
  cursor:pointer;
}
.admin-shell .editor-photo-button input {
  position:absolute;
  inset:0;
  opacity:0;
  cursor:pointer;
}
.admin-shell .editor-photo-button:focus-within { outline:2px solid #1ba6cc; outline-offset:2px; }
.admin-shell .editor-block-tools { border-top:1px solid #dde9ee; padding-top:.45rem; }
.admin-shell .editor-toolbar :is(.editor-block-tools,.editor-image-tools)[hidden] { display:none; }
.admin-shell .editor-image-tools {
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:.45rem .8rem;
  padding:.5rem;
  border-radius:.5rem;
  color:#544221;
  background:#faf2e3;
}
.admin-shell .editor-image-tools p { margin:0; font-size:.84rem; }
.admin-shell #upload-status:not(:empty) {
  display:block;
  margin-bottom:.55rem;
  color:#294f62;
  font-size:.86rem;
}
.admin-shell .editor > [data-editor-selected] {
  outline:2px solid #85bac9;
  outline-offset:3px;
}
.admin-shell .editor [data-editor-image] {
  display:block;
  min-width:min(14rem,100%);
  min-height:3rem;
  padding:.55rem;
  border:1px dashed #a5b9bd;
  border-radius:.5rem;
  background:#edf5f5;
}
.admin-shell .editor summary { cursor:pointer; font-weight:700; }
.admin-shell .editor a[href] { cursor:pointer; }
.admin-shell .editor-dialog {
  width:min(26rem,calc(100% - 2rem));
  padding:1.2rem;
  border:1px solid #cbdee5;
  border-radius:.8rem;
  color:#21354b;
  background:#fff;
}
.admin-shell .editor-dialog::backdrop { background:#18324677; }
.admin-shell #html-value { font:13px/1.55 Consolas,monospace; min-height:20rem; }
.admin-shell #photo-alt-preview:not([src]) { visibility:hidden; }
@media(max-width:560px) {
  .admin-shell .editor-block-tools .editor-insert { flex-basis:100%; }
  .admin-shell .editor-insert select { min-width:0; max-width:100%; }
}