:root { --papel:#f4f3ed; --folha:#fbfaf6; --tinta:#1f2824; --fraca:#626d66; --linha:#cfd4ce; --verde:#195745; --aviso:#8a5b13; --mono:"IBM Plex Mono",monospace; --sans:"Libre Franklin",sans-serif; --serif:"Source Serif 4",serif; }
* { box-sizing: border-box; }
body { margin:0; background:var(--papel); color:var(--tinta); font-family:var(--sans); line-height:1.7; }
header { padding:18px clamp(18px,5vw,64px); border-bottom:1px solid var(--linha); background:var(--folha); }
header a { color:var(--tinta); text-decoration:none; font:700 22px var(--serif); }
main { width:min(760px,calc(100% - 28px)); margin:40px auto 80px; padding:clamp(24px,5vw,54px); background:var(--folha); border:1px solid var(--linha); }
h1,h2 { font-family:var(--serif); line-height:1.15; }
h1 { margin:0; font-size:clamp(34px,6vw,54px); }
h2 { margin-top:42px; font-size:25px; }
.rotulo { margin:0 0 8px; color:var(--verde); font:600 11px var(--mono); letter-spacing:.12em; text-transform:uppercase; }
.atualizacao { color:var(--fraca); font:12px var(--mono); }
.aviso { margin:26px 0; padding:16px 18px; border-left:4px solid var(--aviso); background:#f7eedb; color:#654612; }
a { color:var(--verde); }
li { margin-bottom:8px; }
table { width:100%; border-collapse:collapse; font-size:14px; }
th,td { padding:10px; border:1px solid var(--linha); text-align:left; vertical-align:top; }
th { background:#eef1ec; }
nav { display:flex; flex-wrap:wrap; gap:12px 20px; margin-top:46px; padding-top:22px; border-top:1px solid var(--linha); font-size:13px; }
@media(max-width:520px){ main{margin:14px auto 40px;padding:24px 18px;} table{display:block;overflow-x:auto;} }