/* =====================================================================
   PADRÃO VISUAL RBIE — folha de estilo do periódico (OJS / SBC-OpenLib).
   Versão CLARA (light-only): as páginas da SOL têm fundo sempre branco,
   portanto esta folha NÃO usa modo escuro (prefers-color-scheme), para
   não gerar caixas escuras/texto claro quando o leitor está com o
   sistema em "dark mode".
   Como usar:
   1) Suba este arquivo em: Configurações > Site > (aba) "Páginas..."?
      NÃO — vá em Configurações > Site > (campo) "Folha de estilos da
      revista" e envie este arquivo, substituindo o anterior. Salve.
   2) No conteúdo de cada página, envolva o HTML em
      <div class="rbie-doc"> ... </div>.
   Todas as regras estão escopadas em .rbie-doc: não afetam cabeçalho,
   menu, barra lateral nem rodapé do tema da SOL.
   Paleta derivada da logomarca da RBIE (teal + dourado), contraste AA.
   ===================================================================== */

.rbie-doc{
  --rbie-teal:#0b6e6d;
  --rbie-teal-strong:#095857;
  --rbie-teal-bright:#1aa0a0;
  --rbie-gold:#c9911a;
  --ink:#152a2a;
  --muted:#4d5f5f;
  --bg:#ffffff;
  --surface:#f3f8f8;
  --surface-2:#e9f2f2;
  --border:#d6e4e4;
  --radius:8px;

  max-width:820px;
  color:var(--ink);
  font-size:1.02rem;
  line-height:1.65;
}

/* ---- Texto base ---- */
.rbie-doc p{margin:.6rem 0;color:var(--ink)}
.rbie-doc a{color:var(--rbie-teal);text-decoration:underline;text-underline-offset:2px;text-decoration-thickness:.06em}
.rbie-doc a:hover{color:var(--rbie-teal-strong)}
.rbie-doc :focus-visible{outline:3px solid var(--rbie-teal);outline-offset:2px;border-radius:3px}
.rbie-doc strong{color:var(--ink)}
.rbie-doc ul,.rbie-doc ol{margin:.6rem 0;padding-left:1.4rem}
.rbie-doc li{margin:.32rem 0;color:var(--ink)}
.rbie-doc li::marker{color:var(--rbie-teal-bright)}
.rbie-doc code,.rbie-doc .mono{
  font-family:"SFMono-Regular",Consolas,"Liberation Mono",Menlo,monospace;
  font-size:.92em;background:var(--surface-2);color:var(--ink);padding:.08em .35em;border-radius:4px;
}

/* ---- Títulos das seções ---- */
.rbie-doc h2{
  font-size:1.3rem;margin:2.2rem 0 .7rem;padding-left:.7rem;line-height:1.3;
  border-left:4px solid var(--rbie-teal-bright);color:var(--ink);
}
.rbie-doc h3{font-size:1.06rem;margin:1.4rem 0 .4rem;color:var(--rbie-teal-strong)}
.rbie-doc .lead{font-size:1.1rem;color:var(--muted);margin:.4rem 0 1.4rem}

/* ---- Aviso importante ---- */
.rbie-doc .announce{
  background:var(--surface-2);border:1px solid var(--border);border-left:5px solid var(--rbie-gold);
  border-radius:var(--radius);padding:1rem 1.2rem;margin:0 0 1.7rem;color:var(--ink);
}
.rbie-doc .announce .label{
  display:inline-block;font-weight:700;letter-spacing:.04em;text-transform:uppercase;
  font-size:.8rem;color:var(--rbie-teal-strong);margin-bottom:.35rem;
}
.rbie-doc .announce p{margin:.35rem 0;color:var(--ink)}
.rbie-doc .announce .date{
  font-weight:700;color:var(--ink);white-space:nowrap;
  background:rgba(201,145,26,.18);padding:.03em .35em;border-radius:4px;
}

/* ---- Sumário ---- */
.rbie-doc nav.toc{
  background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);
  padding:1rem 1.2rem;margin:1.4rem 0 2rem;
}
.rbie-doc nav.toc h2{border:0;padding:0;margin:0 0 .5rem;font-size:1.02rem;color:var(--rbie-teal-strong);text-transform:uppercase;letter-spacing:.04em}
.rbie-doc nav.toc ol{columns:2;column-gap:2rem;margin:0;padding-left:1.2rem;font-size:.95rem}
.rbie-doc nav.toc a{text-decoration:none}
.rbie-doc nav.toc a:hover{text-decoration:underline}
@media(max-width:560px){.rbie-doc nav.toc ol{columns:1}}

/* ---- Etiquetas (Obrigatória / Opcional) ---- */
.rbie-doc .tag{
  display:inline-block;font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;
  padding:.12em .5em;border-radius:999px;vertical-align:middle;margin-left:.35rem;
}
.rbie-doc .tag.req{background:#fbeaea;color:#8a1f1f}
.rbie-doc .tag.opt{background:var(--surface-2);color:var(--muted)}

/* ---- Nota lateral ---- */
.rbie-doc .note{
  background:var(--surface);border:1px solid var(--border);border-left:4px solid var(--rbie-gold);
  border-radius:var(--radius);padding:.85rem 1.05rem;margin:1.1rem 0;font-size:.97rem;color:var(--ink);
}
.rbie-doc .back-top{font-size:.82rem}