body { font-family: "Inter", sans-serif; }
.material-symbols-outlined { font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24; }

/* Conteúdo dos artigos */
.help-prose { color: #334155; font-size: 1rem; line-height: 1.75; }
.help-prose h2 { scroll-margin-top: 6rem; }
.help-prose h3 { scroll-margin-top: 6rem; }
.help-prose a { color: #137fec; font-weight: 600; text-decoration: none; }
.help-prose a:hover { text-decoration: underline; }
.help-prose img {
    border: 1px solid #e2e8f0;
    border-radius: 0.75rem;
    box-shadow: 0 10px 30px -12px rgba(15, 23, 42, .25);
    max-width: 100%;
    height: auto;
}
.help-prose ol > li::marker { color: #137fec; font-weight: 800; }
.help-prose kbd, .help-kbd {
    display: inline-block;
    min-width: 1.6em;
    padding: 0.05em 0.45em;
    border: 1px solid #cbd5e1;
    border-bottom-width: 2px;
    border-radius: 0.375rem;
    background: #f8fafc;
    color: #0f172a;
    font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
    font-size: 0.85em;
    font-weight: 700;
    text-align: center;
    line-height: 1.5;
}
.help-prose code::before, .help-prose code::after { content: none; }
.help-prose code {
    background: #f1f5f9;
    border-radius: 0.375rem;
    padding: 0.1em 0.35em;
    font-weight: 600;
    color: #0f172a;
}
.help-prose .table-wrap { overflow-x: auto; margin: 1.5em 0; border: 1px solid #e2e8f0; border-radius: 0.75rem; }
.help-prose .table-wrap table { margin: 0; min-width: 32rem; }
.help-prose .table-wrap th { background: #f8fafc; padding: 0.6em 0.9em; }
.help-prose .table-wrap td { padding: 0.6em 0.9em; }

/* Avisos (admonitions): !!! dica, !!! nota, !!! atencao, !!! importante */
.help-prose .admonition {
    margin: 1.5em 0;
    padding: 1em 1.1em 1em 3.1em;
    border-radius: 0.75rem;
    border: 1px solid;
    position: relative;
}
.help-prose .admonition::before {
    font-family: "Material Symbols Outlined";
    font-size: 1.35rem;
    position: absolute;
    left: 0.9rem;
    top: 0.85rem;
    line-height: 1;
}
.help-prose .admonition > p { margin: 0.35em 0 0; }
.help-prose .admonition > p.admonition-title { margin: 0; font-weight: 800; color: #0f172a; }
.help-prose .admonition.dica { background: #ecfdf5; border-color: #a7f3d0; }
.help-prose .admonition.dica::before { content: "lightbulb"; color: #059669; }
.help-prose .admonition.nota { background: #eff6ff; border-color: #bfdbfe; }
.help-prose .admonition.nota::before { content: "info"; color: #137fec; }
.help-prose .admonition.atencao { background: #fffbeb; border-color: #fde68a; }
.help-prose .admonition.atencao::before { content: "warning"; color: #d97706; }
.help-prose .admonition.importante { background: #fef2f2; border-color: #fecaca; }
.help-prose .admonition.importante::before { content: "error"; color: #dc2626; }

/* Sugestões da busca */
.help-suggestions a { display: block; padding: 0.7rem 1rem; border-bottom: 1px solid #f1f5f9; }
.help-suggestions a:last-child { border-bottom: 0; }
.help-suggestions a:hover, .help-suggestions a[aria-selected="true"] { background: #eff6ff; }
.help-suggestions .s-title { display: block; font-weight: 700; color: #0f172a; font-size: 0.9rem; }
.help-suggestions .s-meta { display: block; color: #64748b; font-size: 0.75rem; margin-top: 0.1rem; }
.help-suggestions .s-empty { padding: 0.9rem 1rem; color: #64748b; font-size: 0.875rem; }

/* Navegação lateral */
.help-nav a[aria-current="page"] { background: #eff6ff; color: #137fec; font-weight: 700; }
.help-toc a.is-active { color: #137fec; border-color: #137fec; }

@media print {
    header, nav, form, .no-print, footer { display: none !important; }
    .help-prose { font-size: 11pt; }
}
