/* Páginas de segmento, ata e artigos */
.steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:12px;counter-reset:st}
.steps li{counter-increment:st;border:1px solid var(--rule);background:var(--card);border-radius:4px;padding:18px 18px 18px 64px;position:relative;font-size:15.5px;line-height:1.5;color:var(--muted)}
.steps li::before{content:counter(st);position:absolute;left:16px;top:16px;width:34px;height:34px;border-radius:50%;background:var(--violet);color:var(--on-violet);font-weight:600;display:flex;align-items:center;justify-content:center;font-size:15px}
.steps li b{display:block;color:var(--ink);font-size:16px;margin-bottom:4px}
.tbl{width:100%;border-collapse:collapse;font-size:15px;background:var(--card);border:1px solid var(--rule);border-radius:4px;overflow:hidden}
.tbl th,.tbl td{text-align:left;padding:12px 14px;border-bottom:1px solid var(--rule);vertical-align:top}
.tbl th{font-family:var(--f-mono);font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--teal);font-weight:600;background:var(--glass-2)}
.tbl td.num{white-space:nowrap;font-variant-numeric:tabular-nums;font-weight:600}
.tblw{overflow-x:auto}
.callout{border:1px solid var(--rule);border-left:4px solid var(--teal);background:var(--card);border-radius:4px;padding:16px 18px;font-size:15.5px;line-height:1.55;color:var(--muted)}
.callout b{color:var(--ink)}
.callout.warn{border-left-color:var(--yellow)}
.two{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px}
.ok-no{border:1px solid var(--rule);background:var(--card);border-radius:4px;padding:18px}
.ok-no h3{margin:0 0 10px;font-size:17px}
.ok-no ul{margin:0;padding-left:20px;color:var(--muted);font-size:15px;line-height:1.55}
.ok-no li{margin-bottom:6px}
.ok-no.yes h3{color:var(--teal)} .ok-no.no h3{color:var(--hot)}
.links-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
/* quem usa */
.uses{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:12px}
.use{border:1px solid var(--rule);background:var(--card);border-radius:4px;padding:18px;display:flex;flex-direction:column;gap:8px}
.use small{font-family:var(--f-mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--teal);font-weight:600}
.use h3{margin:0;font-size:17px;line-height:1.3}
.use p{margin:0;color:var(--muted);font-size:14.5px;line-height:1.5}
.use a{font-size:13.5px;color:var(--violet);font-weight:600;text-decoration:none;margin-top:auto}
.use a:hover{text-decoration:underline}
.use.stat b{font-size:34px;line-height:1;letter-spacing:-.02em;color:var(--ink)}
.uses-note{font-size:12.5px;color:var(--muted);margin:12px 0 0}
/* artigos */
.art{max-width:46em}
.art h2{font-size:clamp(22px,2.4vw,28px);margin:clamp(30px,4vw,44px) 0 10px;letter-spacing:-.015em;line-height:1.2}
.art h3{font-size:18px;margin:22px 0 6px}
.art p,.art li{font-size:17px;line-height:1.65;color:var(--ink)}
.art p{margin:0 0 14px}
.art ul,.art ol{margin:0 0 16px;padding-left:22px}
.art li{margin-bottom:6px}
.art .callout{margin:18px 0}
.art .meta{font-family:var(--f-mono);font-size:12px;letter-spacing:.04em;color:var(--muted);text-transform:uppercase;margin:0 0 20px}
.art .fontes{font-size:14px;color:var(--muted);border-top:1px solid var(--rule);padding-top:14px;margin-top:30px}
.art .fontes a{color:var(--violet)}
.guias{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}
.guia{display:flex;flex-direction:column;gap:8px;text-decoration:none;color:inherit;border:1px solid var(--rule);background:var(--card);border-radius:4px;padding:20px;transition:border-color .2s,transform .2s}
.guia:hover{border-color:var(--violet);transform:translateY(-2px)}
.guia small{font-family:var(--f-mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--teal);font-weight:600}
.guia b{font-size:18px;line-height:1.3}
.guia p{margin:0;color:var(--muted);font-size:14.5px;line-height:1.5}
.guia span{margin-top:auto;font-size:13.5px;color:var(--violet);font-weight:600}
.seg h1{font-size:clamp(34px,4.4vw,60px);line-height:1.04;letter-spacing:-.03em;max-width:16em;margin:0 0 16px}
.seg .ph-grid{align-items:start}
.steps{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}