.content-block-stream {
  padding: 72px 0;
  border-top: 1px solid var(--ed-line, #d7dde3);
  background: var(--ed-wash, #f8f9fa);
}

.content-block-stream .container {
  display: grid;
  gap: 28px;
}

.content-block {
  position: relative;
  width: 100%;
  margin-inline: auto;
  padding: clamp(22px, 3vw, 42px);
  color: var(--ed-ink, #10141a);
  border: 1px solid var(--ed-line, #d7dde3);
  border-radius: 4px;
  background: var(--ed-card, #fff);
}

.content-block--width-narrow { max-width: 820px; }
.content-block--width-standard { max-width: 1120px; }
.content-block--width-wide { max-width: 1380px; }
.content-block--width-full { max-width: none; }
.content-block--space-compact { padding-block: 22px; }
.content-block--space-spacious { padding-block: clamp(48px, 6vw, 82px); }
.content-block--align-center { text-align: center; }
.content-block--align-center .content-block-copy { margin-inline: auto; text-align: center; }

.content-block--tone-steel { background: #edf1f4; }
.content-block--tone-dark { color: #fff; border-color: #31353c; background: #181c22; }
.content-block--tone-dark h2,
.content-block--tone-dark .content-block-copy { color: #fff; }
.content-block--tone-accent { border-color: #e67e22; background: #fff7ed; }

.content-block h2 {
  margin: 0 0 18px;
  color: inherit;
  font-family: var(--font-heading);
  font-size: clamp(1.7rem, 3vw, 2.6rem);
  line-height: 1.05;
}

.content-block-copy {
  max-width: 100%;
  color: var(--ed-muted, #475569);
  line-height: 1.75;
  text-align: left;
}

.content-block-copy > :first-child { margin-top: 0; }
.content-block-copy > :last-child { margin-bottom: 0; }
.content-block-copy table { width: 100%; border-collapse: collapse; }
.content-block-copy th,
.content-block-copy td { padding: 11px 13px; border: 1px solid #d7dde3; text-align: left; }
.content-block-copy th { color: #10141a; background: #edf1f4; }

.content-block--imageText {
  display: grid;
  grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
  gap: 32px;
  align-items: start;
}

.content-block--imageText h2 { grid-column: 2; margin-bottom: -18px; }
.content-block--imageText .content-block-media { grid-row: 1 / span 2; }
.content-block--imageText.content-block--media-right { grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr); }
.content-block--imageText.content-block--media-right h2 { grid-column: 1; }
.content-block--imageText.content-block--media-right .content-block-media { grid-column: 2; }
.content-block--imageText.content-block--media-full { grid-template-columns: 1fr; }
.content-block--imageText.content-block--media-full h2,
.content-block--imageText.content-block--media-full .content-block-media { grid-column: 1; grid-row: auto; margin-bottom: 0; }

.content-block-media { position: relative; margin: 0; overflow: hidden; background: #10141a; }
.content-block-media img { display: block; width: 100%; aspect-ratio: 4 / 3; object-fit: cover; }
.content-block-media--empty { display: grid; min-height: 280px; place-items: center; color: #aab4be; border: 1px dashed #8a95a3; background: #1c2026; }
.content-block-media .live-edit-img-btn { position: absolute; top: 12px; right: 12px; z-index: 2; }

.content-block-video { position: relative; aspect-ratio: 16 / 9; background: #10141a; }
.content-block-video iframe { width: 100%; height: 100%; border: 0; }
.content-block-video video { display: block; width: 100%; height: 100%; object-fit: contain; }

.content-block-document {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 18px 20px;
  color: #10141a;
  border-left: 3px solid #e67e22;
  background: #f3f6f8;
  text-decoration: none;
}

.content-block-document span { color: #a16207; font-size: 12px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.content-block-document strong { font-family: var(--font-heading); }
.content-block--callout { border-left: 4px solid #e67e22; }
.content-block--cta { display: flex; align-items: center; justify-content: space-between; gap: 28px; }

.content-block-draft-label {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 2;
  padding: 5px 7px;
  color: #78350f;
  border: 1px solid #f59e0b;
  background: #fef3c7;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .06em;
  text-transform: uppercase;
}

.content-block--draft { opacity: .72; }
.content-block-empty-placeholder { color: #94a3b8 !important; font-style: italic; }

body.miyay-visual-builder-frame [data-content-block-id] {
  transition: box-shadow .18s ease, outline-color .18s ease;
}

body.miyay-visual-builder-frame [data-content-block-id]:hover,
body.miyay-visual-builder-frame [data-content-block-id].is-builder-selected {
  outline: 2px solid #e67e22;
  outline-offset: 4px;
  box-shadow: 0 0 0 6px rgba(230,126,34,.12);
}

@media (max-width: 760px) {
  .content-block-stream { padding: 48px 0; }
  .content-block--imageText,
  .content-block--imageText.content-block--media-right { grid-template-columns: 1fr; }
  .content-block--imageText h2,
  .content-block--imageText.content-block--media-right h2,
  .content-block--imageText.content-block--media-right .content-block-media { grid-column: auto; margin-bottom: 0; }
  .content-block--imageText .content-block-media { grid-row: auto; }
  .content-block--cta { display: grid; }
}

/* hermes-ref-hidden: hidden reference cards are visible only to admins, clearly marked */
.cms-hidden-flag { display: none; }
.project-showcase-card.is-cms-hidden { opacity: .5; outline: 2px dashed #94a3b8; outline-offset: -2px; filter: grayscale(.7); }
.project-showcase-card.is-cms-hidden .cms-hidden-flag { display: inline-flex; position: absolute; z-index: 5; top: 12px; right: 12px; padding: 6px 10px; border-radius: 999px; background: #111827; color: #fff; font: 700 12px/1 Inter, Arial, sans-serif; letter-spacing: .02em; }
.project-showcase-card { position: relative; }

/* hermes-sweep-eco-hidden: same draft marking on industry-solution cards */
.miyay-project-card.is-cms-hidden { opacity: .5; outline: 2px dashed #94a3b8; outline-offset: -2px; filter: grayscale(.7); }
.miyay-project-card.is-cms-hidden .cms-hidden-flag { display: inline-flex; position: absolute; z-index: 60; top: 12px; left: 12px; padding: 6px 10px; border-radius: 999px; background: #111827; color: #fff; font: 700 12px/1 Inter, Arial, sans-serif; }
.facility-directory-card.is-cms-hidden .cms-hidden-flag { left: auto; right: 12px; }

/* hermes-sweep-eco-hidden-b */
a.facility-directory-card.is-cms-hidden > .cms-hidden-flag, a.miyay-project-card.is-cms-hidden > .cms-hidden-flag { display: inline-flex !important; position: absolute !important; z-index: 60; padding: 6px 10px !important; border-radius: 999px !important; background: #111827 !important; color: #fff !important; font: 700 12px/1 Inter, Arial, sans-serif !important; letter-spacing: .02em; text-transform: none !important; width: auto !important; height: auto !important; }
a.miyay-project-card.is-cms-hidden > .cms-hidden-flag { top: auto !important; left: auto !important; bottom: 12px; right: 12px; }
a.facility-directory-card.is-cms-hidden > .cms-hidden-flag { top: 12px; right: 12px; left: auto; }