/* Blog da Ana Paula Souza · editor de textos do painel · versão 1.0 · 2026-10-16 (base) · painel Ana v1.7 · 2026-10-16 */
#bldlg { width: min(860px, calc(100vw - 24px)); }
.bl .vazio { margin: 0; color: var(--muted); font-size: 14px; }
.bl-row .rs-info strong { font: 600 19px/1.2 var(--display); }
.bl-estado { font-size: 12px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--muted); }
.bl-rec { display: flex; gap: 12px; align-items: center; flex-wrap: wrap; border: 1.5px dashed var(--gold); background: color-mix(in srgb, var(--gold) 14%, var(--bg)); border-radius: var(--r); padding: 10px 12px; font-size: 14px; }
.bl-rec span { flex: 1 1 260px; }
.bl-tools { display: flex; gap: 8px; flex-wrap: wrap; align-items: center; margin: 2px 0 6px; }
.bl-tools .sp { flex: 1; }
.bl-tools .btn:disabled { opacity: .4; pointer-events: none; }
.bl-b { font-weight: 800; }
.bl-i { font-style: italic; }
.bl-linkrow { display: flex; gap: 8px; margin-bottom: 6px; }
.bl-linkrow[hidden], .bl-edit [hidden] { display: none; }
.bl-linkrow input { flex: 1; min-width: 0; padding: 8px 10px; border: 1.5px solid var(--line); border-radius: var(--r); background: var(--bg); }
.bl-edit .fld textarea#bl-corpo { min-height: 320px; font: 16px/1.65 var(--sans); }
.bl-ajuda { display: flex; gap: 8px 16px; flex-wrap: wrap; justify-content: space-between; }
.bl-prev { border: 1.5px solid var(--line); border-radius: var(--r); background: var(--paper); padding: clamp(16px, 4vw, 32px); min-height: 320px; }
.bl-art { max-width: 62ch; margin: 0 auto; }
.bl-art .bl-tema { margin: 0 0 10px; font-size: 12px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--gold); }
.bl-art h1 { margin: 0 0 22px; font: 600 clamp(30px, 5vw, 44px)/1.08 var(--display); }
.bl-art p { margin: 0 0 1.1em; font-size: 17px; line-height: 1.7; }
.bl-art h2 { margin: 1.6em 0 .5em; font: 600 26px/1.2 var(--display); }
.bl-art blockquote { margin: 1.4em 0; padding: 4px 0 4px 18px; border-left: 3px solid var(--gold); font: italic 500 22px/1.4 var(--display); }
.bl-art blockquote p { font: inherit; margin: 0; }
.bl-art a { color: inherit; text-decoration: underline; text-decoration-color: var(--gold); text-underline-offset: 3px; }
@media (max-width: 899px) {
  #bldlg .fld input[type="text"], #bldlg .fld textarea, .bl-linkrow input { font-size: 16px; }
  .bl-row .rs-act { width: 100%; }
}
a.link { color: var(--ink); font-weight: 600; text-decoration: underline; text-underline-offset: 3px; }