/* article.css — componentes de artigo (trilhas e insights) */
.art{padding-top:clamp(140px,20vh,210px);padding-bottom:clamp(50px,7vh,80px)}
.back{display:inline-flex;align-items:center;gap:8px;text-decoration:none;font-weight:600;font-size:13px;color:var(--soft);margin-bottom:30px;transition:color .3s}
.back:hover{color:var(--dusk)}
.eyebrow{display:block;margin-bottom:16px}
.art h1{font-size:clamp(32px,4.8vw,54px);font-weight:300;line-height:1.14;max-width:20ch}
.art h1 i{font-style:italic;color:var(--dusk)}
.dek{font-family:'Newsreader',serif;font-style:italic;font-weight:300;color:var(--soft);font-size:clamp(17px,1.9vw,21px);max-width:52ch;margin-top:20px;line-height:1.5}
.rule{height:1px;margin:clamp(36px,5vh,54px) 0;background:linear-gradient(90deg,var(--dusk),var(--gold),transparent)}
/* ---- corpo do texto (estilos prontos para o conteúdo do Dr. Marcelo) ---- */
/* anywhere só age quando a palavra não cabe: protege de tokens sem ponto
   de quebra (e-mails, DOIs, URLs) estourarem a viewport em telas de 320px */
.body-txt{max-width:66ch;overflow-wrap:anywhere}
.body-txt p{margin-bottom:18px;color:#3A4650;font-size:16.5px}
.body-txt p b{font-weight:600;color:var(--slate)}
.body-txt h2{font-size:clamp(24px,2.6vw,30px);font-weight:400;margin:38px 0 14px}
.body-txt h2 i{color:var(--dusk)}
.body-txt h3{font-size:clamp(19px,2vw,23px);font-weight:500;margin:30px 0 10px}
.body-txt blockquote{font-style:italic;font-weight:300;font-size:clamp(19px,2.1vw,24px);color:var(--dusk);border-left:2px solid var(--gold);padding-left:20px;margin:26px 0;line-height:1.4}
.body-txt ul,.body-txt ol{margin:0 0 18px 22px;color:#3A4650}
.body-txt li{margin-bottom:8px}
.body-txt .destaque{font-family:'Newsreader',serif;font-weight:300;font-size:clamp(19px,2.1vw,24px);color:var(--slate);line-height:1.45}
/* ---- espaço reservado (remova ao publicar o texto) ---- */
.placeholder{padding:clamp(30px,4vw,44px);text-align:center}
.placeholder .lbl{display:block;margin-bottom:12px;color:var(--gold)}
.placeholder p{font-family:'Newsreader',serif;font-style:italic;font-weight:300;color:var(--soft);font-size:clamp(16px,1.8vw,19px);max-width:44ch;margin:0 auto}
/* ---- cta ---- */
/* respiro em cima E embaixo: sem o padding inferior a faixa cola no rodapé */
.cta-band{padding:clamp(40px,6vh,70px) 0 clamp(56px,8vh,96px)}
.cta-band .shell{max-width:var(--maxw)}
.band{padding:clamp(30px,4vw,48px);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:26px;align-items:center;border-left:3px solid var(--dusk)}
.band h2{font-size:clamp(22px,2.4vw,28px);font-weight:400;margin-bottom:8px}
.band p{color:var(--soft);font-size:15px;max-width:56ch}
.band-actions{display:flex;gap:12px;flex-wrap:wrap}
@media(max-width:860px){.band{grid-template-columns:1fr}}
/* ---- footer ---- */


/* componentes exclusivos de 'para médicos' */
.ref-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:26px 0}
.ref-card{padding:22px 24px;border-radius:16px}
.ref-card b{font-weight:600;font-size:15px;display:block;margin-bottom:4px}
.ref-card span{color:var(--soft);font-size:13.5px}
@media(max-width:700px){.ref-grid{grid-template-columns:1fr}}
.flow-steps{list-style:none;margin:22px 0 6px;counter-reset:st}
.flow-steps li{position:relative;padding:0 0 20px 44px;counter-increment:st}
.flow-steps li::before{content:counter(st,lower-roman)".";position:absolute;left:0;top:0;font-family:'Newsreader',serif;font-style:italic;font-size:19px;color:var(--gold)}
.flow-steps li:not(:last-child)::after{content:"";position:absolute;left:8px;top:30px;bottom:4px;width:1.5px;background:var(--line)}
.flow-steps b{font-weight:600}
.flow-steps span{display:block;color:var(--soft);font-size:14px}

/* Referências bibliográficas das trilhas. Regra perdida na extração do
   casco: sem ela o bloco renderiza no tamanho padrão do navegador e as
   citações longas (DOIs, listas de autores) estouram a viewport em 320px. */
.body-txt ol.refs{font-size:13.5px;color:var(--soft);margin-top:14px}
.body-txt ol.refs li{margin-bottom:10px;line-height:1.55}