/* Páginas de conteúdo (artigos): mesmas cores do restante do site, leitura em coluna estreita. */
.art h1 { font-size: 27px; line-height: 1.2; margin: 14px 0 8px; }
.art .lead { color: var(--text-dim); font-size: 16px; margin: 0 0 18px; line-height: 1.55; }
.art h2 { font-size: 19px; margin: 28px 0 10px; }
.art p { line-height: 1.6; font-size: 15.5px; }
.art .termo { border: 1px solid var(--border); border-radius: 12px; background: var(--card); padding: 13px 15px; margin: 0 0 10px; }
.art .termo b { display: block; color: var(--green); margin-bottom: 3px; }
.art .termo p { margin: 0; line-height: 1.5; font-size: 15px; }
.art .formula { border: 1px dashed var(--border); border-radius: 12px; padding: 12px 15px; margin: 0 0 10px; font-size: 15px; line-height: 1.7; }
.art .exemplo { border: 1px solid var(--border); border-radius: 12px; background: var(--card); padding: 14px 16px; }
.art .exemplo table { width: 100%; min-width: 0; margin: 0; border-collapse: collapse; font-size: 15px; }
.art .exemplo td { padding: 6px 0; border-bottom: 1px solid var(--border); }
.art .exemplo td:last-child { text-align: right; font-weight: 700; white-space: nowrap; }
.art .exemplo p { margin: 10px 0 0; line-height: 1.5; font-size: 14.5px; color: var(--text-dim); }
.art .cta { border: 1px solid var(--green); border-radius: 14px; padding: 18px; background: var(--green-soft, rgba(99,200,50,.08)); margin: 26px 0 0; }
.art .cta h2 { margin: 0 0 6px; }
.art .cta p { margin: 0 0 12px; color: var(--text-dim); font-size: 14.5px; }
.art .btn { display: block; box-sizing: border-box; text-align: center; padding: 16px; border-radius: 10px; background: var(--green); color: #0b1a07; font-weight: 700; font-size: 17px; text-decoration: none; }
.art .nota { color: var(--text-faint, var(--text-dim)); font-size: 12.5px; margin: 14px 0 0; line-height: 1.5; }
.art .mais { margin: 28px 0 0; padding: 0; list-style: none; }
.art .mais li { margin: 0 0 8px; }
.art .mais a { color: var(--green); font-size: 15px; }