/* Visuais dos posts (scripts/blog-visuals.mjs): continua src/blog.css, carregado logo depois dele. */
/* ===== Lote SEO 1 (22/10): componentes b1- de scripts/blog-visuals.mjs (cartoes, quadro, checklist, trilha, celulas, arquivo, cadeia, casos, divisao, celulares, pedido) ===== */
.post-body .viz [class^="b1-"] p,.post-body .viz [class*=" b1-"] p{margin:0}
.b1-cartoes{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr));gap:12px}
.b1-cartoes>div{display:grid;align-content:start;gap:4px;padding:18px;border:1px solid rgba(21,22,24,.1);border-radius:14px;background:#F6F4F1}
.b1-cartoes>.b1-on{background:#FBF6F1;border-color:rgba(194,129,79,.55);box-shadow:inset 0 3px 0 #C2814F}
.b1-nome{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#9A6236}
.b1-big{font:700 clamp(26px,3vw,32px)/1.08 "Inter Tight",Inter,sans-serif;letter-spacing:-.03em;color:#151618;font-variant-numeric:tabular-nums}
.b1-cartoes small{font-size:13px;color:#55575B}
@media(min-width:761px){.b1-cartoes small{min-height:2.9em}}
.post-body .b1-cartoes ul{margin:10px 0 0;padding:12px 0 0 18px;border-top:1px solid rgba(21,22,24,.1);gap:7px;font-size:14px;line-height:1.45}

.b1-quadro{display:grid;font-size:14.5px;line-height:1.45}
.b1-q-cab,.b1-q-lin{display:grid;grid-template-columns:minmax(110px,.75fr) repeat(var(--n),minmax(0,1fr));gap:0 14px;padding:12px 2px;border-bottom:1px solid #E6E3DE;align-items:start}
.b1-q-cab{padding-top:0;border-bottom:2px solid #151618;font-size:13.5px}
.b1-q-cab .b1-on{color:#9A6236}
.b1-q-lin>b{font-size:14px}
.b1-q-lin .b1-on{margin:-6px 0 -6px -8px;padding:6px 8px;border-radius:8px;background:#FBF6F1}

.b1-check{display:grid;place-items:center;padding:22px 12px;background:#ECEAE6;border-radius:12px}
.b1-check article{width:min(100%,600px);padding:24px 28px;background:#FFFFFF;border-radius:4px;box-shadow:0 18px 40px rgba(21,22,24,.14)}
.b1-check-doc{display:block;padding-bottom:10px;border-bottom:2px solid #25272B;font:700 17px "Inter Tight",Inter,sans-serif}
.post-body .b1-check ol{list-style:none;margin:0;padding:0;gap:0}
.b1-check li{display:grid;grid-template-columns:22px 1fr;gap:12px;padding:12px 0;border-bottom:1px dashed #D9D5CF}
.b1-caixa{width:20px;height:20px;margin-top:3px;border:2px solid #C2814F;border-radius:5px}
.b1-check li b{display:block;font-size:15px}.b1-check li span{display:block;font-size:14px;line-height:1.45;color:#55575B}
.b1-check article>p{margin-top:14px!important;font-size:14px;font-weight:600;color:#9A6236}

.post-body .b1-trilha{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.b1-trilha li{display:grid;grid-template-columns:120px repeat(3,minmax(0,1fr));gap:18px;align-items:stretch}
.b1-t-cab b{font-size:12px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:#55575B}.b1-t-cab b:last-child{color:#9A6236}
.b1-t-nome{align-self:center;font:700 15.5px/1.25 "Inter Tight",Inter,sans-serif}
.b1-trilha li>div{position:relative;padding:10px 12px;border-radius:10px;background:#F6F4F1;font-size:13.5px;line-height:1.42}
.b1-trilha li>div small{display:none}
.b1-trilha .b1-t-2{background:#FBF6F1;box-shadow:inset 3px 0 0 #C2814F}
.b1-trilha .b1-t-0:after,.b1-trilha .b1-t-1:after{content:"→";position:absolute;right:-15px;top:50%;transform:translateY(-50%);font-size:13px;line-height:1;color:#C2814F}

.b1-fx{display:flex;align-items:center;gap:10px;padding:7px 10px;border-bottom:1px solid #E3E3E0;font:12.5px/1.45 ui-monospace,SFMono-Regular,Consolas,monospace;color:#25272B}
.b1-fx span{flex:none;padding:1px 8px;border:1px solid #D9D9D6;border-radius:4px;font:12px Inter,sans-serif;color:#55575B}
.b1-fx i{flex:none;font:italic 13px Georgia,serif;color:#8A8C90}
/* fórmula longa: uma linha só, rola de lado como a barra do Excel (não quebra no meio) */
.post-body .b1-fx code{flex:1;min-width:0;white-space:nowrap;overflow-x:auto;scrollbar-width:thin;background:none;padding:0;font:inherit;color:inherit}
.xls td.b1-sel{outline:2px solid #1F6E43;outline-offset:-2px;font-weight:600}

.b1-arq{border:1px solid rgba(21,22,24,.14);border-radius:10px;overflow:hidden;background:#FFFFFF}
.b1-arq-barra{padding:8px 14px;background:#F1F1EE;border-bottom:1px solid #E3E3E0;font-size:12.5px;font-weight:600;color:#3D3F44}
.post-body .b1-arq ol{list-style:none;margin:0;padding:10px 0;gap:0;counter-reset:ln}
.b1-arq li{counter-increment:ln;display:grid;grid-template-columns:34px auto 1fr;align-items:baseline;gap:0 14px;padding:1px 14px 1px 0}
.b1-arq li:before{content:counter(ln);text-align:right;font:12px ui-monospace,Consolas,monospace;color:#A9ABAF}
.post-body .b1-arq code{font:13px/1.6 ui-monospace,SFMono-Regular,Consolas,monospace;color:#25272B;background:none;padding:0;overflow-wrap:anywhere}
.b1-arq li.b1-on{background:#FBF6F1;box-shadow:inset 3px 0 0 #C2814F}
.b1-arq em{font-style:normal;font-size:12.5px;font-weight:600;color:#9A6236}

.b1-cadeia{display:flex;align-items:center;gap:10px}
.b1-no{flex:1;display:grid;gap:2px;padding:14px 10px;border-radius:12px;background:#F6F4F1;text-align:center}
.b1-no small{font-size:12px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:#55575B}
.b1-no b{font:700 22px/1.2 "Inter Tight",Inter,sans-serif;letter-spacing:-.02em;font-variant-numeric:tabular-nums;white-space:nowrap}
.b1-no span{font-size:13px;color:#55575B}
.b1-elo{flex:0 1 150px;display:grid;justify-items:center;gap:2px;text-align:center;font-size:12.5px;line-height:1.35;color:#55575B}
.b1-elo b{font-size:12px;letter-spacing:.07em;text-transform:uppercase;color:#9A6236}
.b1-elo i{font-style:normal;font-size:22px;line-height:1;color:#C2814F}

.b1-casos{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr));gap:12px}
.b1-casos>div{display:grid;align-content:start;gap:10px;padding:16px;border-radius:12px;border:1px solid rgba(21,22,24,.1);box-shadow:inset 0 3px 0 #151618}
.b1-casos>div>b{font:700 16px/1.3 "Inter Tight",Inter,sans-serif}
.b1-casos p{display:grid;gap:2px;font-size:14px;line-height:1.45;color:#3D3F44}
.b1-casos small{font-size:12px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:#55575B}
.b1-casos .b1-acao{padding:10px 12px;border-radius:8px;background:#FBF6F1;color:#25272B}.b1-casos .b1-acao small{color:#9A6236}

.b1-div{display:grid;gap:6px}
.b1-div-cab,.b1-div-lin{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.b1-div-cab b{padding:10px 14px;border-radius:10px;background:#F6F4F1;font:700 15px "Inter Tight",Inter,sans-serif}
.b1-div-cab b+b{background:#C2814F;color:#151618}
.b1-div-lin small{grid-column:1/-1;margin-top:8px;font-size:12px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:#55575B}
.b1-div-lin span{padding:10px 14px;border-radius:10px;background:#F6F4F1;font-size:14px;line-height:1.4}
.b1-div-lin span+span{background:#FBF6F1;box-shadow:inset 3px 0 0 #C2814F;font-weight:600}

.b1-cel{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:18px;align-items:start}
.b1-cel-lado{grid-template-columns:minmax(0,300px) minmax(0,1fr);gap:24px}
.b1-fone-col{display:grid;gap:8px;justify-items:center}
.b1-selo{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#9A6236}
.b1-fone{width:100%;max-width:320px;border:7px solid #1C1D20;border-radius:26px;overflow:hidden;background:#ECE5DD}
.b1-fone-topo{display:grid;padding:11px 16px;background:#1F5E4A;color:#FFFFFF}
.b1-fone-topo b{font-size:14.5px}.b1-fone-topo small{font-size:12px;opacity:.85}
.post-body .b1-fone ol{list-style:none;margin:0;padding:12px 10px 14px;display:grid;gap:8px}
.b1-fone li{justify-self:start;max-width:88%;padding:8px 11px;border-radius:10px;background:#FFFFFF;font-size:13.5px;line-height:1.4;box-shadow:0 1px 1px rgba(0,0,0,.08)}
.b1-fone li.b1-a{justify-self:end;background:#D9F5C8}
.b1-fone li.b1-s{justify-self:center;max-width:100%;background:#FFF6D8;font-size:12px;color:#55575B;text-align:center}
.b1-fone li.b1-alerta{box-shadow:0 0 0 2px #C2814F}
.b1-fone time{display:block;margin-top:2px;font-size:12px;color:#55575B;text-align:right}
.b1-lado{display:grid;align-content:start;gap:10px}
.b1-lado-tit{margin-top:6px!important;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#9A6236}
.post-body .b1-reg{list-style:none;margin:0;padding:0;gap:6px}
.b1-reg li{position:relative;padding:8px 12px 8px 26px;border-radius:8px;background:#F6F4F1;font-size:14px}
.b1-reg li:before{content:"";position:absolute;left:11px;top:50%;width:7px;height:7px;margin-top:-3.5px;border-radius:50%;background:#C2814F}
.b1-ad{display:grid;grid-template-columns:1fr 64px;align-items:center;gap:4px 10px;font-size:14px}
.b1-ad>span{grid-column:1/-1;font-weight:600}
.b1-ad i{display:block;width:var(--w);height:10px;border-radius:5px;background:#CFCFCC}
.b1-ad b{text-align:right;font-variant-numeric:tabular-nums}
.b1-ad i.b1-dep{background:#C2814F}.b1-ad b.b1-dep{color:#9A6236}

.b1-pedido{border:1px solid rgba(21,22,24,.1);border-left:3px solid #C2814F;border-radius:10px;background:#FFFFFF;overflow:hidden}
.b1-pedido>div{display:grid;grid-template-columns:78px 1fr;gap:12px;padding:10px 16px;border-bottom:1px dashed #E3DFD9}
.b1-pedido>div:last-child{border-bottom:0}
.b1-pedido small{font:700 12px/1.8 Inter,sans-serif;letter-spacing:.07em;text-transform:uppercase;color:#9A6236}
.b1-pedido span{font:13.5px/1.6 ui-monospace,SFMono-Regular,Consolas,monospace;color:#25272B}

@media(max-width:760px){
 .b1-trilha .b1-t-cab{display:none}
 .b1-trilha li{grid-template-columns:1fr;gap:6px;padding-bottom:12px;border-bottom:1px solid #E6E3DE}
 .b1-trilha li:last-child{border-bottom:0;padding-bottom:0}
 .b1-trilha li>div{display:grid;gap:2px}.b1-trilha li>div small{display:block;font-size:12px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:#55575B}
 .b1-trilha .b1-t-2 small{color:#9A6236!important}
 .b1-trilha .b1-t-0:after,.b1-trilha .b1-t-1:after{content:none}
 .b1-cel-lado{grid-template-columns:1fr}
 .b1-cadeia{flex-direction:column;align-items:stretch}.b1-elo{flex:none}.b1-elo i{transform:rotate(90deg)}
}
@media(max-width:640px){
 .b1-q-cab{display:none}
 .b1-q-lin{grid-template-columns:1fr;gap:8px;padding:14px;margin-bottom:10px;border:1px solid rgba(21,22,24,.1);border-radius:12px;background:#F6F4F1}
 .b1-q-lin>b{font:700 15.5px "Inter Tight",Inter,sans-serif}
 .b1-q-lin span{display:grid;gap:1px}
 .b1-q-lin span:before{content:attr(data-col);font-size:12px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:#55575B}
 .b1-q-lin .b1-on{margin:0;padding:8px 10px;background:#FFFFFF}.b1-q-lin .b1-on:before{color:#9A6236}
 .b1-check article{padding:18px 16px}
 .b1-div-lin span{padding:9px 10px;font-size:13px}.b1-div-cab b{padding:9px 10px;font-size:14px}
 .b1-pedido>div{grid-template-columns:1fr;gap:2px}
 .b1-arq li{grid-template-columns:26px 1fr;gap:0 10px}.b1-arq em{grid-column:2}
}
/* b1: contas da folha de fechamento e linhas em branco para preencher (dentro de folha()) */
.b1-conta{display:grid;grid-template-columns:1fr auto;gap:4px 16px;font-size:14px}
.b1-conta b{text-align:right;font-variant-numeric:tabular-nums}
.b1-conta span:nth-last-child(2),.b1-conta b:last-child{padding-top:6px;border-top:1px solid #D9D5CF;font-weight:700}
.viz-folha .b1-linha{height:24px;margin-top:2px!important;border-bottom:1px solid #BDB8B0}
/* planilha({celular:[...]}): no celular ficam só as colunas escolhidas, sem deslizar */
@media (max-width:640px){.xls-cel .xls-so-pc,.xls-cel .deslize{display:none!important}.post-body .xls-cel table{table-layout:auto;width:100%}.post-body .xls-cel td{font-size:12.5px;padding:6px 8px}.xls-cel .xls-abas{flex-wrap:wrap;overflow:visible}.xls-cel .xls-abas span{padding:7px 8px}}
/* b1 horas(): barras pareadas antes × depois, uma por tarefa, e o total do mês separado por um traço */
.b1-horas{display:grid;gap:16px;max-width:620px}
.b1-horas-tot{padding-top:14px;border-top:2px solid #25272B}.b1-horas-tot .b1-ad>span{font-weight:700}
/* stats de 4 números no celular: 2×2, não empilhados */
@media(max-width:640px){.viz-stats:has(>div:nth-child(4):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}.viz-stats:has(>div:nth-child(4):last-child) div{padding:14px}}

/* --- Lote SEO 2 (22/10): telaPt, fichas, arvore, copia, ciclo (scripts/blog-visuals.mjs). Prefixo b2- --- */
/* legenda numerada de print em inglês: os números batem com os marcadores cobre da imagem */
.post-body .b2-leg{list-style:none;margin:16px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px 22px;counter-reset:b2}
.post-body .b2-leg li{counter-increment:b2;position:relative;padding-left:36px;font-size:14px;line-height:1.45;color:#3A3B3E}
.b2-leg li:before{content:counter(b2);position:absolute;left:0;top:1px;width:25px;height:25px;border-radius:50%;background:#C2814F;color:#FFFFFF;font:700 13px/25px Inter,sans-serif;text-align:center}
.b2-leg span{display:block;font:600 12px/1.4 ui-monospace,SFMono-Regular,Consolas,monospace;color:#55575B}
/* fichas: grupos em colunas equilibradas, sem buraco */
.b2-fichas{columns:2 280px;column-gap:14px}
.b2-fichas:has(>section:nth-child(3):last-child){columns:3 200px}
.b2-fichas section{break-inside:avoid;margin:0 0 14px;padding:14px 18px 8px;background:#F6F4F1;border-radius:12px}
.b2-fichas h4{margin:0 0 4px;font:700 12px Inter,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:#9A6236}
.b2-ficha{padding:11px 0;border-top:1px solid rgba(21,22,24,.08)}.b2-ficha:first-of-type{border-top:0}
.b2-ficha>b{display:block;font-size:15.5px;color:#151618}
.b2-ficha p{margin:4px 0 0;font-size:14px;color:#3A3B3E}
.b2-ficha dl{display:grid;gap:3px;margin:6px 0 0;font-size:13.5px;line-height:1.45}
.b2-ficha dl div{display:grid;grid-template-columns:58px 1fr;gap:8px}
.b2-ficha dt{color:#55575B;font-size:12px;font-weight:600;padding-top:1px}.b2-ficha dd{margin:0;color:#25272B}
/* árvore de decisão: pergunta → sim → saída; o não desce */
.b2-arv-lin{display:grid;grid-template-columns:minmax(0,1fr) 76px minmax(0,1fr);align-items:center}
.b2-q{position:relative;padding:14px 16px 14px 44px;background:#FBF6F1;border:1.5px solid #C2814F;border-radius:12px}
.b2-q:before{content:"";position:absolute;left:16px;top:19px;width:12px;height:12px;border:2px solid #C2814F;transform:rotate(45deg);border-radius:2px}
.b2-q b,.b2-res b{display:block;font-size:16px;color:#151618}
.b2-q span,.b2-res span{display:block;margin-top:3px;font-size:13.5px;line-height:1.4;color:#55575B}
.b2-sim,.b2-nao{position:relative;font-size:0;font-style:normal;background:#25272B}
.b2-sim{height:2px;margin:0 8px 0 6px}
.b2-sim:after{content:"";position:absolute;right:-2px;top:-5px;border:6px solid transparent;border-left:8px solid #25272B;border-right:0}
/* o rótulo "sim"/"não" é texto de verdade (span), não ::before: lido por leitor de tela e medido como texto */
.b2-sim>span,.b2-nao>span{position:absolute;left:50%;top:-22px;transform:translateX(-50%);padding:0 3px;background:#FFFFFF;font:700 12.5px/1.2 Inter,sans-serif;color:#9A6236}
.b2-nao{display:block;width:2px;height:34px;margin-left:calc(25% - 19px)}
.b2-nao:after{content:"";position:absolute;left:-5px;bottom:-2px;border:6px solid transparent;border-top:8px solid #25272B;border-bottom:0}
.b2-nao>span{left:14px;top:8px;transform:none}
.b2-res{padding:14px 16px;background:#FFFFFF;border:1px solid rgba(21,22,24,.14);border-left:4px solid #25272B;border-radius:10px}
.b2-res-fim{grid-column:1;background:#F6F4F1;border-left-color:#C2814F}
/* robô copiando de uma janela para a outra */
.b2-copia{display:grid;grid-template-columns:minmax(0,1fr) 170px minmax(0,1fr);gap:14px;align-items:center}
.b2-jan{border:1px solid rgba(21,22,24,.14);border-radius:10px;overflow:hidden;background:#FFFFFF;font-size:13.5px}
.b2-jan-barra{padding:8px 12px;background:#25272B;color:#ECEDEF;font-size:12px;font-weight:600}
.post-body .b2-jan ul{list-style:none;margin:0;padding:8px;display:grid;gap:4px}
.b2-jan li{padding:6px 8px;border-radius:6px;background:#F6F4F1;color:#3A3B3E}
.b2-jan dl{margin:0;padding:10px 12px 4px;display:grid;gap:8px}
.b2-jan dl div{display:grid;grid-template-columns:82px 1fr;gap:8px;align-items:center}
.b2-jan dt{font-size:12px;color:#6B6D71}.b2-jan dd{margin:0;padding:5px 8px;border:1px solid #DAD7D2;border-radius:5px;color:#25272B}
.b2-jan li.b2-on,.b2-jan .b2-on dd{outline:2px solid #C2814F;outline-offset:-2px;background:#FBF1E8}
.b2-botao{display:inline-block;margin:8px 12px 12px;padding:6px 16px;border-radius:999px;background:#25272B;color:#FFFFFF;font-size:12.5px;font-weight:600}
.post-body .b2-robo{list-style:none;margin:0;padding:0;display:grid;gap:8px;counter-reset:b2r}
.b2-robo li{counter-increment:b2r;display:flex;gap:8px;align-items:center;font-size:13.5px;line-height:1.3;color:#25272B}
.b2-robo li:before{content:counter(b2r);flex:none;width:22px;height:22px;border-radius:50%;background:#C2814F;color:#FFFFFF;font:700 12px/22px Inter,sans-serif;text-align:center}
/* ciclo PDCA */
.b2-ciclo svg{display:block;width:min(100%,440px);height:auto;margin:0 auto;font-family:Inter,sans-serif}
.b2-c-aro{fill:none;stroke:#D8D4CE;stroke-width:3}.b2-c-seta{fill:#C2814F}.b2-c-ponto{fill:#25272B}
.b2-c-nome{font-size:23px;font-weight:700;fill:#151618}.b2-c-det{font-size:18px;fill:#55575B}
.b2-c-centro{font:700 25px "Inter Tight",Inter,sans-serif;fill:#9A6236}.b2-c-centro2{font-size:17px;fill:#55575B}
@media(max-width:640px){
 /* celular: pergunta e saída lado a lado; o "não" desce de pergunta em pergunta */
 .b2-arv-lin{grid-template-columns:minmax(0,1.1fr) 30px minmax(0,1fr);align-items:stretch}
 .b2-q{padding:10px 10px 10px 28px;display:flex;flex-direction:column;justify-content:center}.b2-q:before{left:9px;top:15px;width:9px;height:9px}
 .b2-q b,.b2-res b{font-size:14px;line-height:1.3}.b2-q span,.b2-res span{font-size:12px;line-height:1.35}
 .b2-sim{align-self:center;margin:0 5px 0 3px}
 .b2-sim>span{top:-19px;font-size:12px}
 .b2-res{padding:10px;border-left-width:3px;display:flex;flex-direction:column;justify-content:center}
 .b2-res-fim{grid-column:1/-1}
 .b2-nao{height:30px;margin-left:calc((100% - 30px) * .262 - 1px)}
 .b2-copia{grid-template-columns:1fr}
 .post-body .b2-robo{padding:4px 0 4px 12px;border-left:2px solid #C2814F;margin-left:12px}
 .post-body .b2-leg{grid-template-columns:1fr}
}

/* fluxograma (22/10): raias na vertical no celular (raiasDuplo) e o fluxo com os erros numerados (fluxoErros) */
.rz-cel{display:none}
@media(max-width:640px){.rz-pc{display:none}.rz-cel{display:block}}
.viz-raias.rz-cel svg,.fe-svg svg{min-width:0;width:100%;height:auto;display:block;font-family:Inter,sans-serif}
.rzv-t{font-size:14px;fill:#25272B;text-anchor:middle}.rzv-pq{font-size:12.5px}
.rzv-nome{font-size:13px;font-weight:600;fill:#55575B;text-anchor:middle}
.rz-erro{stroke:#B3412E!important;fill:#FBEDEA!important}.rz-ok{stroke:#C2814F!important;fill:#FBF1E8!important;stroke-width:2.2!important}
.rz-seta-erro{stroke:#B3412E!important}

/* --- Lote SEO 2, 2º ciclo (22/10): lados, kpis, email, decisao. Prefixo b2- --- */
/* dois lados claros; o recomendado com borda cobre */
.b2-lados{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.b2-lado{padding:16px 18px;border-radius:12px;border:1px solid rgba(21,22,24,.12);background:#FFFFFF}
.b2-lado-on{border:1.5px solid #C2814F;background:#FBF6F1}
.b2-lado-t{display:block;font-size:15.5px;margin-bottom:10px;color:#151618}.b2-lado-on .b2-lado-t{color:#9A6236}
.post-body .b2-lados ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.b2-lados li{display:flex;gap:10px;align-items:flex-start;font-size:14px;line-height:1.45;color:#3A3B3E}
.b2-lados li>i{flex:none;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font:700 12.5px Inter,sans-serif;font-style:normal;margin-top:1px}
.b2-st-ok>i{background:#25272B;color:#FFFFFF}.b2-st-erro>i{background:#F3D9D3;color:#B3412E}.b2-st-confere>i{background:#C2814F;color:#FFFFFF}
.b2-lados li b{display:block;font-size:14px;color:#151618}
/* grade de indicadores */
.b2-kpis{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
@media(min-width:1500px){.b2-kpis{grid-template-columns:repeat(5,minmax(0,1fr))}}
.b2-kpis>div{position:relative;display:grid;gap:3px;align-content:start;padding:14px 14px 12px;border:1px solid rgba(21,22,24,.12);border-radius:12px;background:#FFFFFF}
.b2-kpi-u{position:absolute;top:10px;right:12px;font:700 20px "Inter Tight",Inter,sans-serif;color:#C2814F}
.b2-kpis small{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#55575B}
.b2-kpis b{font:600 16px/1.25 "Inter Tight",Inter,sans-serif;color:#151618;padding-right:34px;min-height:40px}
.b2-kpis code{display:block;margin-top:2px;padding:5px 8px;border-radius:6px;background:#F3F1EE;font:12.5px/1.35 ui-monospace,SFMono-Regular,Consolas,monospace;color:#25272B}
.b2-kpi-d{font-size:12px;color:#6B6D71}
/* mensagem como chega ao cliente */
.b2-mail{max-width:620px;margin:0 auto;border:1px solid rgba(21,22,24,.14);border-radius:12px;overflow:hidden;background:#FFFFFF;box-shadow:0 14px 30px rgba(21,22,24,.08)}
.b2-mail-cab{display:grid;gap:4px;padding:12px 18px;background:#F6F4F1;border-bottom:1px solid rgba(21,22,24,.08);font-size:13.5px;color:#3A3B3E}
.b2-mail-cab span{display:grid;grid-template-columns:62px 1fr;align-items:baseline}
.b2-mail-cab small{font-size:12px;color:#55575B}
.b2-mail-corpo{padding:18px 20px 6px;font-size:15px;line-height:1.6;color:#25272B}
.post-body .b2-mail-corpo p{margin:0 0 12px}
/* decisão por critério */
.b2-dec{display:grid;gap:8px}
.b2-dec-cab,.b2-dec-lin{display:grid;grid-template-columns:150px 1fr 1fr;gap:8px}
.b2-dec-cab b{padding:8px 12px;border-radius:999px;background:#25272B;color:#FFFFFF;font-size:14px;text-align:center}
.b2-dec-lin>span{padding:11px 13px;border-radius:10px;background:#FFFFFF;border:1px solid rgba(21,22,24,.1);font-size:14px;line-height:1.45;color:#3A3B3E}
.b2-dec-lin>.b2-dec-k{background:none;border:0;padding:11px 0;font-weight:700;color:#151618}
.b2-dec-res>span:not(.b2-dec-k){background:#FBF6F1;border:1.5px solid #C2814F;color:#151618;font-weight:600}
.b2-dec-res>.b2-dec-k{color:#9A6236}
@media(max-width:640px){
 .b2-lados{grid-template-columns:1fr}
 .b2-kpis{grid-template-columns:1fr 1fr;gap:8px}
 .b2-kpis>div{padding:11px 10px 10px}.b2-kpis b{font-size:14.5px;padding-right:22px;min-height:36px}.b2-kpi-u{font-size:16px;right:9px}
 .b2-kpis code{font-size:12px;padding:4px 6px}
 .b2-mail-corpo{padding:14px 14px 4px;font-size:14.5px}
 .b2-dec-cab{display:none}
 .b2-dec-lin{grid-template-columns:1fr 1fr;gap:6px}
 .b2-dec-lin>.b2-dec-k{grid-column:1/-1;padding:4px 0 0}
 .b2-dec-lin>span[data-col]{padding:9px 10px;font-size:13.5px}
 .b2-dec-lin>span[data-col]:before{content:attr(data-col);display:block;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#55575B;margin-bottom:2px}
}
/* (b2) nota lida pela IA: documento + o que foi extraído */
.b2-nl{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:14px;align-items:start}
.b2-nl-doc{padding:16px;border:1px solid rgba(21,22,24,.14);border-radius:6px;background:#FFFFFF;box-shadow:0 10px 24px rgba(21,22,24,.08)}
.b2-nl-doc>b{display:block;font:700 15px "Inter Tight",Inter,sans-serif;color:#151618}
.b2-nl-doc>small{display:block;font-size:12px;color:#6B6D71;margin-bottom:10px}
.post-body .b2-nl-doc p.b2-nl-aviso{margin:0 0 8px;font-size:12px;font-weight:700;color:#9A6236}
.post-body .b2-nl table{display:table;width:100%;border-collapse:collapse;font-size:13px;font-variant-numeric:tabular-nums}
.post-body .b2-nl th,.post-body .b2-nl td{padding:6px 6px;border-bottom:1px solid #ECEAE6;text-align:left;white-space:nowrap}
.post-body .b2-nl th{font-size:12px;color:#55575B;font-weight:600}
.post-body .b2-nl th.b2-on,.post-body .b2-nl td.b2-on{background:#FBF1E8;color:#151618}.post-body .b2-nl th.b2-on{color:#9A6236;box-shadow:inset 0 -2px 0 #C2814F}
.b2-nl-lido{padding:14px 16px;border:1.5px solid #C2814F;border-radius:12px;background:#FBF6F1}
.b2-nl-lido>b{display:block;font-size:14.5px;color:#9A6236;margin-bottom:8px}
.post-body .b2-nl-lido ul{list-style:none;margin:0;padding:0;display:grid;gap:9px}
.b2-nl-lido li{display:flex;gap:9px;font-size:13.5px;line-height:1.4;color:#3A3B3E}
.b2-nl-lido li>i{flex:none;width:21px;height:21px;border-radius:50%;display:grid;place-items:center;font:700 12px Inter,sans-serif;font-style:normal;margin-top:1px}
.b2-nl-lido li b{color:#151618;margin-right:5px}.b2-nl-lido small{display:block;font-size:12.5px;color:#9A6236;font-weight:600}
@media(max-width:640px){.b2-nl{grid-template-columns:1fr}.b2-nl-doc{padding:12px}.post-body .b2-nl th,.post-body .b2-nl td{padding:5px 4px;font-size:12px}}

/* Coluna lateral do artigo (22/10): com sumário longo, o "Leia também" era cortado no meio do título pelo max-height.
   Agora só a lista do sumário encolhe e rola; CTA e "Leia também" ficam sempre inteiros. */
@media(min-width:1100px){
 .post-side{display:flex;flex-direction:column;gap:28px;overflow:visible}
 .post-side>*{flex:none}
 .post-side>.post-toc{flex:0 1 auto;min-height:0;display:flex;flex-direction:column}
 .post-toc ol{min-height:0;overflow:auto;scrollbar-width:thin}
}

/* testePop (POP, 22/10): alguém lê o POP e executa; o passo onde parou fica marcado com a pergunta */
.tp{border:1px solid rgba(21,22,24,.12);border-radius:12px;background:#FFFFFF;overflow:hidden}
.tp-cab{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 12px;padding:11px 16px;background:#F6F4F1;border-bottom:1px solid rgba(21,22,24,.08);font-size:13px;color:#6B6D71}
.tp-cab b{font-size:14px;color:#151618}
.post-body .tp ol{list-style:none;margin:0;padding:12px 16px;display:grid;gap:8px}
.tp li{display:flex;gap:10px;align-items:flex-start;font-size:14.5px;line-height:1.45;color:#25272B}
.tp li>i{flex:none;width:22px;height:22px;margin-top:1px;border-radius:50%;display:grid;place-items:center;font:700 12.5px Inter,sans-serif;font-style:normal;background:#25272B;color:#FFFFFF}
.tp li.tp-parou{margin:2px -8px;padding:10px 8px;border-radius:10px;background:#FBF6F1;box-shadow:inset 3px 0 0 #C2814F}
.tp li.tp-parou>i{background:#C2814F}
.tp li em{display:block;margin-top:6px;padding:7px 11px;border-radius:10px 10px 10px 2px;background:#FFFFFF;border:1px solid #E5CDB8;font-style:normal;font-size:14px;color:#7E4B22;width:fit-content;max-width:100%}
.tp li.tp-nao{color:#6B6D71}.tp li.tp-nao>i{background:none;border:1.5px dashed #C9CBCF}
.tp-fix{margin:0!important;padding:11px 16px 13px;border-top:1px dashed #E3DFD9;font-size:14.5px;line-height:1.5}
.tp-fix small{display:block;font-size:12px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:#9A6236;margin-bottom:2px}

/* --- No lugar dos cartões ✗/✓ lado a lado (22/10): lista, tabelaAD, revisao, fluxoMarcado, plano, permissoes, fluxoErros --- */
.post-body .viz :is(.ls,.ad,.rv,.fm,.pl,.pm,.fe) p{margin:0}
/* lista revisada: marcado, riscado com motivo, ou caixa em branco com a falha comum */
.ls{max-width:640px;border:1px solid rgba(21,22,24,.12);border-radius:12px;background:#FFFFFF;overflow:hidden}
.ls-cab{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 12px;padding:11px 16px;background:#F6F4F1;border-bottom:1px solid rgba(21,22,24,.08);font-size:13px;color:#6B6D71}.ls-cab b{font-size:14.5px;color:#151618}
.post-body .ls ol{list-style:none;margin:0;padding:6px 16px 10px;display:grid;gap:0}
.ls li{display:flex;gap:11px;align-items:flex-start;padding:9px 0;border-bottom:1px dashed #E3DFD9;font-size:14.5px;line-height:1.45;color:#25272B}.ls li:last-child{border-bottom:0}
.ls li>i{flex:none;width:21px;height:21px;margin-top:1px;border-radius:5px;display:grid;place-items:center;font:700 12px Inter,sans-serif;font-style:normal;background:#25272B;color:#FFFFFF}
.ls li.ls-fora>i{background:#F3D9D3;color:#B3412E}.ls li.ls-nota>i{background:none;border:2px solid #C2814F}
.ls-fora .ls-t{color:#6B6D71;text-decoration:line-through;text-decoration-color:#B3412E;text-decoration-thickness:1.5px}
.ls em{display:block;margin-top:3px;font-style:normal;font-size:13.5px;font-weight:600;color:#B3412E}.ls-nota em{color:#9A6236}
/* tabelaAD: a mesma tabela antes e depois; o que mudou fica marcado nas duas */
.ad{display:grid;gap:4px}.ad .xls{margin:0}
.ad-rot{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#55575B;margin-bottom:6px!important}.ad-depois .ad-rot{color:#9A6236}
.post-body .ad td.ad-muda{background:#FBEDEA;color:#8A3B12}.ad-antes td.ad-muda{text-decoration:line-through;text-decoration-color:#B3412E}
.post-body .ad-depois td.ad-muda{background:#FBF1E8;color:#151618;font-weight:600;box-shadow:inset 0 0 0 2px #C2814F}
.ad-seta{justify-self:center;font-style:normal;font-size:22px;line-height:1;color:#C2814F}
/* revisao: a frase vaga riscada e a reescrita embaixo */
.rv{max-width:640px;padding:20px 24px;border:1px solid rgba(21,22,24,.12);border-radius:6px;background:#FFFFFF;box-shadow:0 12px 28px rgba(21,22,24,.08)}
.rv-doc{display:block;padding-bottom:10px;border-bottom:2px solid #25272B;font:700 15.5px "Inter Tight",Inter,sans-serif}
.post-body .rv ol{margin:0;padding:6px 0 0 22px;display:grid;gap:0}
.rv li{padding:10px 0;border-bottom:1px dashed #E3DFD9;font-size:14.5px;line-height:1.45}.rv li:last-child{border-bottom:0}
.rv s{display:block;color:#6B6D71;text-decoration-color:#B3412E;text-decoration-thickness:1.5px}
.rv li>span{display:block;margin-top:3px;padding-left:20px;position:relative;font-weight:600;color:#151618}.rv li>span:before{content:"↳";position:absolute;left:0;color:#C2814F}
/* fluxoMarcado: um caminho só, com a etapa onde o problema acontece */
.post-body .fm{list-style:none;margin:0;padding:0 0 0 30px;display:grid;gap:0;position:relative;max-width:640px}
.fm:before{content:"";position:absolute;left:10px;top:12px;bottom:12px;width:2px;background:#D8D4CE}
.fm li{position:relative;display:grid;gap:2px;padding:8px 0 14px;font-size:14.5px;line-height:1.45;color:#55575B}
.fm li:before{content:"";position:absolute;left:-26px;top:12px;width:14px;height:14px;border-radius:50%;background:#FFFFFF;border:2px solid #25272B}
.fm li b{font-size:15px;color:#151618}
.fm li.fm-on{margin:4px 0 10px -10px;padding:10px 12px 12px;border-radius:10px;background:#FBEDEA}.fm li.fm-on:before{left:-16px;border-color:#B3412E;background:#B3412E}
.fm em{display:block;margin-top:4px;font-style:normal;font-size:13.5px;font-weight:700;color:#B3412E}
/* plano: cartão como na página de preços */
.pl{max-width:520px;margin:0 auto;border:1px solid rgba(21,22,24,.14);border-radius:14px;background:#FFFFFF;overflow:hidden;box-shadow:0 14px 30px rgba(21,22,24,.08)}
.pl-cab{display:grid;gap:2px;padding:18px 22px;border-bottom:1px solid rgba(21,22,24,.08)}
.pl-cab span{font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#9A6236}
.pl-cab b{font:700 34px/1.05 "Inter Tight",Inter,sans-serif;letter-spacing:-.03em;color:#151618}.pl-cab small{font-size:13.5px;color:#6B6D71}
.post-body .pl ul{list-style:none;margin:0;padding:12px 22px;display:grid;gap:8px}
.pl li{position:relative;padding-left:24px;font-size:14.5px;line-height:1.4;color:#25272B}
.pl-in li:before{content:"✓";position:absolute;left:0;font-weight:700;color:#25272B}
.pl-t{padding:10px 22px 0;border-top:1px dashed #E3DFD9;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#55575B}
.pl-out li{display:flex;justify-content:space-between;gap:12px;color:#6B6D71}.pl-out li:before{content:"—";position:absolute;left:0;color:#C9CBCF}
.pl-out small{flex:none;font-size:12px;font-weight:700;color:#9A6236}
/* permissoes: a tela de permissões do conector; a linha que mudou mostra o valor anterior */
.pm{border:1px solid rgba(21,22,24,.14);border-radius:12px;background:#FFFFFF;overflow:hidden}
.pm-cab{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 12px;padding:11px 16px;background:#25272B;color:#ECEDEF;font-size:12.5px}.pm-cab b{font-size:14px}
.pm-lin{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 16px;align-items:center;padding:11px 16px;border-top:1px solid #ECEAE6}
.pm-f{font-size:14.5px;font-weight:600;color:#151618}.pm-f small{display:block;font-size:12.5px;font-weight:600;color:#B3412E;text-decoration:line-through}
.pm-op{display:inline-flex;padding:3px;border-radius:999px;background:#F1F0ED}
.pm-op span{padding:5px 11px;border-radius:999px;font-size:12.5px;color:#55575B;white-space:nowrap}.pm-op .on{background:#25272B;color:#FFFFFF;font-weight:600}
.pm-muda{background:#FBF6F1;box-shadow:inset 3px 0 0 #C2814F}.pm-muda .pm-op .on{background:#C2814F;color:#151618}
/* fluxoErros: o fluxograma com os erros numerados e a lista ao lado */
.fe{display:grid;grid-template-columns:minmax(0,330px) minmax(0,1fr);gap:22px;align-items:start}
.fe-svg{border:1px solid rgba(21,22,24,.1);border-radius:10px;overflow:hidden}
.rz-selo circle{fill:#B3412E}.rz-selo text{font:700 12.5px Inter,sans-serif;fill:#FFFFFF;text-anchor:middle}
.post-body .fe-lista{list-style:none;margin:0;padding:0;display:grid;gap:12px;counter-reset:fe}
.fe-lista li{counter-increment:fe;position:relative;display:grid;gap:2px;padding-left:34px;font-size:14px;line-height:1.45;color:#55575B}
.fe-lista li:before{content:counter(fe);position:absolute;left:0;top:0;width:23px;height:23px;border-radius:50%;background:#B3412E;color:#FFFFFF;font:700 12.5px/23px Inter,sans-serif;text-align:center}
.fe-lista b{font-size:15px;color:#151618}
/* folha(): anotação no título da seção (de qual parte do POP vem cada parte da Skill) */
.viz-folha h4 .vira{display:inline-block;margin-left:8px;font:600 12.5px Inter,sans-serif;font-style:normal;letter-spacing:0;text-transform:none;color:#9A6236}.viz-folha h4 .vira:before{content:"→ "}
@media(max-width:640px){
 .fe{grid-template-columns:1fr}.fe-svg{max-width:360px;margin:0 auto;width:100%}
 .pm-lin{grid-template-columns:1fr;padding:10px 12px}.pm-op{display:flex}.pm-op span{flex:1 1 0;padding:5px 4px;font-size:12px;line-height:1.25;text-align:center;white-space:normal}
 .rv{padding:16px}
 /* tabelaAD no celular: cada linha vira um cartão (rótulo da coluna ao lado do valor); nenhuma palavra quebra no meio */
 .post-body .ad .xls :is(table,tbody,tr,td){display:block;width:auto}
 .post-body .ad .xls thead{display:none}
 .post-body .ad .xls tr{padding:10px 8px;border-bottom:1px solid #E3E3E0}.post-body .ad .xls tr:last-child{border-bottom:0}
 .post-body .ad .xls td{display:grid;grid-template-columns:104px minmax(0,1fr);gap:10px;margin:2px 0;padding:4px 6px;border:0;border-radius:6px;font-size:14px;line-height:1.4;white-space:normal}
 .post-body .ad .xls td:before{content:attr(data-col);font-size:12px;font-weight:600;line-height:1.55;color:#55575B}
 .post-body .ad .xls td:first-child{display:block;font-size:15px;font-weight:700}.post-body .ad .xls td:first-child:before{content:none}
}

/* raiasCel (22/10): nome das raias em pé, na margem branca do recorte de celular do print, como no editor; só até 640 px, onde o recorte aparece */
.rzr{display:block;position:relative}.post-body .rzr img{margin-top:0}.post-body .nodarya-meio .rzr{margin-top:14px}.post-body .isca-nodarya .rzr{margin-top:0}
.rzr-nome{display:none}
@media(max-width:640px){.rzr-nome{position:absolute;left:0;width:var(--rzr-m);display:flex;align-items:center;justify-content:center;writing-mode:vertical-rl;transform:rotate(180deg);font:700 12px/1 Inter,sans-serif;letter-spacing:.02em;color:#151618;white-space:nowrap;pointer-events:none}}