/* Scene Break Styles
 * ========================================================================== */

/* Toolbar button styling */
.lexxy-button--scene-break {
  font-size: var(--font-size-large);
  font-weight: bold;
  line-height: 1;
  color: var(--lexxy-color-ink);
}

/* Scene break - non-editable div with centered asterisks */
.scene-break {
  display: flex;
  justify-content: center;
  margin: 2rem auto;
  color: var(--color-ink--muted);
  font-size: var(--font-size-medium);
  letter-spacing: 0.5em;
  line-height: 1;
  user-select: none;
}

/* In editor view */
lexxy-editor .scene-break,
.lexxy-editor__content .scene-break {
  color: var(--color-ink--muted);
}

/* In published/rendered view */
.prose .scene-break,
.lexxy-content .scene-break {
  margin: 3rem auto;
  color: var(--color-ink);
  font-size: var(--font-size-large);
}

/* Action Text attachment styling */
action-text-attachment[content-type="application/vnd.actiontext.scene-break"] {
  display: block;
  margin: 2rem auto;
  text-align: center;
}

action-text-attachment[content-type="application/vnd.actiontext.scene-break"] .scene-break {
  margin: 0 auto;
}