/* Páginas de conteúdo (soluções por setor, artigos e estudos). Carregar depois de /cases/case.css. */
.chero h1.t{font-size:clamp(34px,6vw,64px);line-height:1.04;max-width:20ch}
.byline{margin-top:26px;display:flex;align-items:center;gap:12px;font-size:14px;color:var(--muted)}
.byline img{width:40px;height:40px;border-radius:50%;object-fit:cover;border:1px solid var(--line-strong)}
.byline b{color:var(--paper);font-weight:600}
.byline time{font-family:var(--mono);font-size:12px}

/* resposta direta logo no topo (o trecho que Google e IA tendem a citar) */
.tldr{margin-top:28px;max-width:72ch;border:1px solid rgba(200,255,62,.35);border-radius:16px;padding:20px 22px;background:linear-gradient(160deg,rgba(200,255,62,.07),transparent 70%)}
.tldr .k{font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--accent);display:block;margin-bottom:10px}
.tldr p{font-size:17px;line-height:1.6;color:rgba(245,243,238,.92)}

/* texto corrido */
.prose{max-width:72ch}
.prose>*+*{margin-top:18px}
.prose h2{font-size:clamp(24px,3.2vw,34px);line-height:1.15;letter-spacing:-.02em;font-weight:500;margin-top:56px;max-width:none}
.prose h3{font-size:20px;line-height:1.3;font-weight:600;margin-top:36px}
.prose p,.prose li{font-size:17px;line-height:1.7;color:rgba(245,243,238,.86)}
.prose strong{color:var(--paper);font-weight:600}
.prose p,.prose li,.tldr p,.faq p{overflow-wrap:anywhere}
.prose a{color:var(--accent);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.prose ul,.prose ol{padding-left:22px;display:flex;flex-direction:column;gap:8px}
.prose li::marker{color:var(--accent)}
.prose blockquote{border-left:2px solid var(--accent);padding:4px 0 4px 18px;color:var(--muted)}
.prose .nota{font-family:var(--mono);font-size:12px;line-height:1.6;color:var(--muted);letter-spacing:.02em}
.tabela{margin-top:24px;overflow-x:auto;border:1px solid var(--line);border-radius:14px}
.tabela table{width:100%;border-collapse:collapse;font-size:15px;min-width:520px}
.tabela th,.tabela td{padding:12px 14px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top;line-height:1.5}
.tabela th{font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-weight:500;background:rgba(255,255,255,.02)}
.tabela tr:last-child td{border-bottom:none}
.tabela td.n{font-variant-numeric:tabular-nums;white-space:nowrap}
.tabela tr.hl td{background:rgba(200,255,62,.06)}
.fonte{margin-top:10px;font-family:var(--mono);font-size:11px;line-height:1.6;color:var(--muted);letter-spacing:.04em}

/* perguntas frequentes */
.faq{margin-top:32px;border-top:1px solid var(--line);max-width:80ch}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{cursor:pointer;list-style:none;padding:20px 36px 20px 0;font-size:18px;font-weight:500;position:relative;line-height:1.4}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;right:4px;top:18px;font-family:var(--mono);font-size:20px;color:var(--accent);transition:transform .2s}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq details p{padding:0 0 22px;font-size:16px;line-height:1.65;color:rgba(245,243,238,.82);max-width:72ch}

/* cartões de leitura relacionada */
.rel{margin-top:32px;display:grid;grid-template-columns:1fr;gap:16px}
@media (min-width:820px){.rel{grid-template-columns:repeat(3,1fr)}}
.rel a{display:flex;flex-direction:column;gap:10px;padding:22px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.02);transition:border-color .2s,background .2s}
.rel a:hover{border-color:var(--line-strong);background:rgba(255,255,255,.04)}
.rel small{font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}
.rel strong{font-size:18px;font-weight:500;line-height:1.3;letter-spacing:-.01em}
.rel span{font-size:14px;line-height:1.5;color:var(--muted)}

/* honestidade visível: o que é exemplo e o que é dado */
.selo{display:inline-flex;align-items:center;gap:8px;font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#ffb35c;border:1px solid rgba(255,179,92,.4);border-radius:999px;padding:6px 10px}
.limites{margin-top:40px;display:grid;grid-template-columns:1fr;gap:16px}
@media (min-width:820px){.limites{grid-template-columns:1fr 1fr}}
.limites>div{border:1px solid var(--line);border-radius:16px;padding:24px}
.limites h3{font-family:var(--mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;font-weight:500;margin-bottom:14px}
.limites .sim h3{color:var(--accent)}
.limites .nao h3{color:#ffb35c}
.limites ul{list-style:none;display:flex;flex-direction:column;gap:10px}
.limites li{font-size:15px;line-height:1.55;color:rgba(245,243,238,.86);padding-left:20px;position:relative}
.limites .sim li::before{content:"✓";position:absolute;left:0;color:var(--accent);font-size:13px}
.limites .nao li::before{content:"×";position:absolute;left:0;color:#ffb35c}

/* passos */
.passos{margin-top:40px;counter-reset:p;display:grid;grid-template-columns:1fr;gap:1px;background:var(--line);border:1px solid var(--line);border-radius:16px;overflow:hidden}
@media (min-width:900px){.passos{grid-template-columns:repeat(4,1fr)}}
.passos li{list-style:none;background:var(--ink);padding:24px 22px;counter-increment:p}
.passos li::before{content:"0" counter(p);display:block;font-family:var(--mono);font-size:11px;color:var(--accent);margin-bottom:12px}
.passos b{display:block;font-size:17px;font-weight:600;margin-bottom:8px}
.passos span{font-size:14px;line-height:1.55;color:var(--muted)}

/* índice de artigos */
.lista{margin-top:36px;display:grid;grid-template-columns:1fr;gap:16px}
@media (min-width:820px){.lista{grid-template-columns:1fr 1fr}}
.lista a{display:flex;flex-direction:column;gap:10px;padding:26px;border:1px solid var(--line);border-radius:16px;transition:border-color .2s,background .2s}
.lista a:hover{border-color:var(--line-strong);background:rgba(255,255,255,.03)}
.lista small{font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}
.lista strong{font-size:21px;font-weight:500;line-height:1.25;letter-spacing:-.015em}
.lista span{font-size:15px;line-height:1.55;color:var(--muted)}
.lista time{font-family:var(--mono);font-size:11px;color:var(--muted)}
.foot-links{display:flex;flex-wrap:wrap;gap:14px}