/* Artigos — mesmo sistema visual da página principal (revista) */
:root{--papel:#f5f4f0;--papel-2:#ebe9e3;--tinta:#141513;--grafite:#44463f;--fio:#cfccc3;--madeira:#7b4a24;--madeira-2:#b47a45;--serif:"Newsreader",Georgia,"Times New Roman",serif;--sans:"Hanken Grotesk","Helvetica Neue",Arial,sans-serif;color-scheme:light}
[hidden]{display:none!important}
*{box-sizing:border-box}
body{margin:0;background:var(--papel);color:var(--tinta);font-family:var(--sans);font-size:18px;line-height:1.75;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{color:inherit}
a:hover{color:var(--madeira)}
:focus-visible{outline:2px solid var(--madeira);outline-offset:3px}
.g{padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
.w{max-width:1240px;margin:0 auto}
.k{font-size:.78rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase}
.bar{position:sticky;top:0;z-index:10;background:var(--papel);border-bottom:1px solid var(--fio)}
.bar .w{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-block:14px}
.marca{font-family:var(--serif);font-size:1.25rem;letter-spacing:.06em;text-decoration:none}
.btn{display:inline-flex;align-items:center;gap:10px;font:600 .8rem var(--sans);letter-spacing:.12em;text-transform:uppercase;text-decoration:none;padding:12px 18px;border:1px solid currentColor}
.btn-tinta{background:var(--tinta);color:var(--papel);border-color:var(--tinta)}
.btn-tinta:hover{background:var(--madeira);border-color:var(--madeira);color:var(--papel)}
.cab{padding-block:clamp(48px,8vw,104px) clamp(28px,4vw,48px)}
.trilha{font-size:.86rem;color:var(--grafite);margin-bottom:28px}
.trilha a{text-decoration:none}
.cab h1{font-family:var(--serif);font-weight:500;font-size:clamp(2.4rem,6vw,4.8rem);line-height:1.04;letter-spacing:-.01em;margin:14px 0 22px;max-width:18ch;text-wrap:balance}
.cab h1 em{font-style:italic}
.linha-fina{font-family:var(--serif);font-size:clamp(1.25rem,2.2vw,1.6rem);line-height:1.4;color:var(--grafite);max-width:46ch;margin:0}
.meta{display:flex;flex-wrap:wrap;gap:8px 22px;margin-top:26px;padding-top:14px;border-top:1px solid var(--tinta);font-size:.86rem;color:var(--grafite)}
.capa-art{margin:0}
.capa-art img{width:100%;aspect-ratio:21/9;object-fit:cover}
.capa-art figcaption{font-size:.84rem;color:var(--grafite);margin-top:10px}
.corpo{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,680px) minmax(0,1fr);padding-block:clamp(40px,6vw,80px)}
.corpo>*{grid-column:2}
.corpo h2{font-family:var(--serif);font-weight:500;font-size:clamp(1.7rem,3vw,2.3rem);line-height:1.15;margin:2.2em 0 .6em;text-wrap:balance}
.corpo h3{font-size:1.1rem;margin:1.8em 0 .4em}
.corpo p,.corpo li{color:#2a2c27}
.corpo p{margin:0 0 1.1em}
.corpo ul,.corpo ol{padding-left:1.2em;margin:0 0 1.2em}
.corpo li{margin-bottom:.4em}
.corpo>p:first-of-type::first-letter{font-family:var(--serif);float:left;font-size:4.6em;line-height:.82;padding:.06em .1em 0 0;color:var(--madeira)}
.destaque{grid-column:1/-1;margin:2em 0;padding:clamp(24px,4vw,44px) max(16px,env(safe-area-inset-left,0px));background:var(--papel-2);border-block:1px solid var(--fio)}
.destaque blockquote{margin:0 auto;max-width:860px;font-family:var(--serif);font-weight:500;font-size:clamp(1.5rem,3vw,2.3rem);line-height:1.2}
.destaque blockquote em{color:var(--madeira)}
.tabela{overflow-x:auto;margin:0 0 1.4em}
table{width:100%;border-collapse:collapse;font-size:.95rem;font-variant-numeric:tabular-nums}
th,td{text-align:left;padding:10px 12px 10px 0;border-bottom:1px solid var(--fio);vertical-align:top}
th{font-size:.76rem;letter-spacing:.1em;text-transform:uppercase;color:var(--grafite);border-bottom-color:var(--tinta)}
.cronologia{list-style:none;padding:0!important;border-top:1px solid var(--tinta)}
.cronologia li{display:grid;grid-template-columns:5.5em 1fr;gap:14px;padding:12px 0;border-bottom:1px solid var(--fio);margin:0}
.cronologia b{font-family:var(--serif);font-size:1.2rem;font-weight:500;color:var(--madeira)}
.cta{margin:2.4em 0;padding:26px;border:1px solid var(--tinta);display:grid;gap:14px}
.cta p{margin:0}
.cta strong{font-family:var(--serif);font-weight:500;font-size:1.4rem}
.fontes{margin-top:2.4em;padding-top:16px;border-top:1px solid var(--tinta);font-size:.88rem}
.fontes h2{font-size:1.1rem;font-family:var(--sans);font-weight:600;margin:0 0 10px}
.fontes li{color:var(--grafite)}
.leia{background:var(--tinta);color:var(--papel);padding-block:clamp(48px,7vw,90px)}
.leia h2{font-family:var(--serif);font-weight:500;font-size:clamp(1.8rem,3.4vw,2.6rem);margin:0 0 26px}
.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
@media (max-width:860px){.cards{grid-template-columns:1fr}}
.card{display:grid;gap:10px;align-content:start;text-decoration:none;border-top:1px solid rgba(245,244,240,.4);padding-top:16px}
.card .k{color:var(--madeira-2)}
.card b{font-family:var(--serif);font-weight:500;font-size:1.35rem;line-height:1.2}
.card span:last-child{color:rgba(245,244,240,.72);font-size:.95rem}
.card:hover b{color:var(--madeira-2)}
footer{background:var(--tinta);color:rgba(245,244,240,.6);font-size:.82rem;padding-block:0 36px}
footer .w{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;border-top:1px solid rgba(245,244,240,.2);padding-top:18px}
footer a{color:rgba(245,244,240,.85)}