/* Studio Ágil · Adriano Gelain · www.studioagil.com.br · guias (texto corrido), usa os tokens do paginas.css */
.guia-meta{display:flex;flex-wrap:wrap;gap:6px 18px;margin-top:22px;font:500 13px/1.4 var(--f-mono);letter-spacing:.04em;color:var(--steel)}
.guia-meta a{color:inherit}
.resumo{margin-top:28px;padding:22px 24px;border:1px solid var(--line-strong);border-radius:18px;background:var(--panel);max-width:70ch}
.resumo p{margin:0 0 12px;color:var(--text-primary)}
.resumo ul{display:grid;gap:8px}
.resumo li{position:relative;padding-left:22px;color:var(--text-secondary)}
.resumo li::before{content:"";position:absolute;left:2px;top:.62em;width:8px;height:8px;border-radius:2px;background:var(--accent)}
.artigo{max-width:72ch}
.artigo h2{font:700 clamp(24px,2.6vw,34px)/1.15 var(--f-display);letter-spacing:-.018em;margin:56px 0 14px;text-wrap:balance}
.artigo h2:first-child{margin-top:0}
.artigo p{margin:0 0 16px;color:var(--text-secondary)}
.artigo p strong,.artigo li strong{color:var(--text-primary);font-weight:600}
.artigo ul,.artigo ol{margin:0 0 18px;display:grid;gap:8px}
.artigo ul li{position:relative;padding-left:22px;color:var(--text-secondary)}
.artigo ul li::before{content:"";position:absolute;left:4px;top:.66em;width:6px;height:6px;border-radius:50%;background:var(--steel)}
.artigo ol{counter-reset:n}
.artigo ol li{position:relative;padding-left:36px;color:var(--text-secondary);counter-increment:n}
.artigo ol li::before{content:counter(n,decimal-leading-zero);position:absolute;left:0;top:.18em;font:500 13px/1.4 var(--f-mono);color:var(--steel)}
.artigo a{color:var(--text-primary);text-decoration:none;border-bottom:1px solid var(--line-strong)}
.artigo a:hover{border-color:var(--accent-bright)}
.artigo blockquote{margin:0 0 18px;padding:14px 18px;border-left:3px solid var(--accent);background:var(--panel);border-radius:0 12px 12px 0;color:var(--text-primary)}
.artigo blockquote cite{display:block;margin-top:8px;font-style:normal;font-size:14px;color:var(--steel)}
.tabela{overflow-x:auto;margin:0 0 20px;border:1px solid var(--line);border-radius:14px}
.tabela table{width:100%;border-collapse:collapse;font-size:15.5px;min-width:520px}
.tabela th,.tabela td{text-align:left;vertical-align:top;padding:12px 14px;border-bottom:1px solid var(--line)}
.tabela th{font:500 12.5px/1.3 var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--steel);background:var(--panel)}
.tabela td{color:var(--text-secondary)}
.tabela tr:last-child td{border-bottom:0}
.aviso{margin-top:40px;padding:16px 18px;border:1px dashed var(--line-strong);border-radius:14px;font-size:14.5px;color:var(--text-secondary);max-width:72ch}
.fontes{margin-top:28px;font-size:14.5px}
.fontes li{color:var(--text-secondary)}