/* Narrower, centered form only on About Us (node 5) edit page. */
body.about-us-node-5 .node-form {
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
}

/* Hide advanced sections only on About Us edit page. */
body.about-us-node-5 #edit-meta,               /* Status */
body.about-us-node-5 #edit-field-meta-tags-0,  /* Meta Tags */
body.about-us-node-5 #edit-revision-information,
body.about-us-node-5 #edit-path-0,             /* URL alias */
body.about-us-node-5 #edit-author,             /* Authoring information */
body.about-us-node-5 #edit-options {           /* Promotion options */
  display: none;
}

/* Hide empty vertical tabs menu (the thin line below Text format). */
body.about-us-node-5 .vertical-tabs__menu {
  display: none;
}

/* Form field descriptions: readable background and bold text on About Us edit. */
body.about-us-node-5 .form-item__description,
body.about-us-node-5 .description {
  background: #fff;
  color: #222;
  font-weight: 700;
  padding: 0.75rem 1rem; /* make box a bit bigger */
  border: 1px solid #ddd;
  border-radius: 4px;
  line-height: 1.5;
  white-space: pre-line; /* keep line breaks from the text */
}
body.about-us-node-5 .form-item__description .placeholder,
body.about-us-node-5 .description .placeholder,
body.about-us-node-5 .form-item__description em.placeholder,
body.about-us-node-5 .description em.placeholder {
  background: transparent;
  color: #222;
  font-weight: 700;
}

/* Hide the helper description under the URL field in Read More on About Us. */
body.about-us-node-5 #edit-field-read-more-0-uri--description {
  display: none;
}

/* CKEditor 5 renders inline, so frontend theme CSS applies inside the editor.
 * About Us body HTML uses .reveal animation classes that default to opacity: 0
 * until scroll JS adds .active — which never runs in the editor. */
body.about-us-node-5 .ck-editor__editable .reveal,
body.about-us-node-5 .ck-editor__editable .slide-left,
body.about-us-node-5 .ck-editor__editable .slide-right,
body.about-us-node-5 .ck-editor__editable .scale-up,
body.about-us-node-5 .ck-editor__editable .slide-up {
  opacity: 1 !important;
  transform: none !important;
  clip-path: none !important;
  filter: none !important;
}

/* Use a simple stacked layout in the editor instead of the frontend flex row. */
body.about-us-node-5 .ck-editor__editable .about-us-main-content {
  display: block;
}

body.about-us-node-5 .ck-editor__editable .static-image-box {
  width: auto;
  max-width: 100%;
}

body.about-us-node-5 .ck-editor__editable .custom-container {
  overflow: visible;
}