.writer-toolbar{display:flex;flex-wrap:wrap;gap:6px;margin:9px 0}
.writer-toolbar button{margin:0;padding:9px 12px;background:#172a44;color:#fff;border:0;border-radius:7px;font-size:13px}
.writer-toolbar button:hover{background:#b1833b}
.writer-visual-editor{box-sizing:border-box;width:100%;min-height:280px;padding:16px 18px;border:1px solid #bbc6d5;border-radius:9px;background:#fff;color:#172a44;font:16px/1.7 system-ui,sans-serif;overflow-wrap:anywhere;outline:none}
.writer-visual-editor:focus{border-color:#b1833b;box-shadow:0 0 0 3px #b1833b24}
.writer-visual-editor:empty:before{content:attr(data-placeholder);color:#7b8798;pointer-events:none}
.writer-visual-editor h2{font-size:1.45em;margin:1em 0 .4em}
.writer-visual-editor h3{font-size:1.2em;margin:.9em 0 .4em}
.writer-visual-editor table{width:100%;border-collapse:collapse;margin:18px 0}
.writer-visual-editor th{background:#172a44;color:#fff;padding:10px;text-align:left}
.writer-visual-editor td{padding:10px;border:1px solid #dbe3ec}
.writer-visual-editor img{max-width:100%;height:auto;border-radius:8px}
.writer-visual-editor a{color:#176a9b;text-decoration:underline}
.writer-source-field{display:none!important}

/* PRO 5.8 — Pré-visualização editorial */
.writer-article-preview {
  color: #172b47;
  font: 16px/1.75 system-ui, sans-serif;
  white-space: normal;
  overflow-wrap: anywhere;
}

.writer-article-preview p {
  margin: 0 0 1.2em;
}

.writer-article-preview h2 {
  font-size: 1.6em;
  margin: 1.2em 0 .6em;
}

.writer-article-preview h3 {
  font-size: 1.3em;
  margin: 1em 0 .5em;
}

.writer-article-preview h4 {
  font-size: 1.1em;
  margin: 1em 0 .5em;
}

.writer-article-preview ul,
.writer-article-preview ol {
  padding-left: 28px;
  margin: 1em 0;
}

.writer-article-preview blockquote {
  border-left: 4px solid #b88b3b;
  padding: 10px 18px;
  margin: 18px 0;
  background: #fffaf0;
}

.writer-article-preview table {
  width: 100%;
  border-collapse: collapse;
  margin: 22px 0;
  font-size: 15px;
  white-space: normal;
}

.writer-article-preview th {
  background: #172a44;
  color: #fff;
  padding: 12px;
  text-align: left;
  border: 1px solid #172a44;
}

.writer-article-preview td {
  padding: 11px;
  border: 1px solid #dbe3ec;
}

.writer-article-preview img {
  max-width: 100%;
  height: auto;
  border-radius: 8px;
}

.writer-article-preview a {
  color: #176a9b;
  text-decoration: underline;
}