@import url("https://fonts.googleapis.com/css2?family=Archivo:wdth,wght@62..125,400..800&display=swap");
:root{--tinta:#16202c;--papel:#fff;--apagado:#5b6672;--linha:#d3d9de;--sinal:#e40303}
@media (prefers-color-scheme:dark){:root{--tinta:#eef1f4;--papel:#16202c;--apagado:#a9b3bd;--linha:#34414f}}
*{box-sizing:border-box}
body{margin:0;background:var(--papel);color:var(--tinta);font-family:Archivo,system-ui,sans-serif;font-size:16px;line-height:1.55}
header{padding:16px 20px;border-bottom:2px solid var(--tinta);position:relative}
header::before{content:"";position:absolute;left:0;top:0;bottom:0;width:6px;background:var(--sinal)}
.nome{margin:6px 0 0;font-weight:800;font-stretch:62%;font-size:28px;line-height:1}
.autor{margin:2px 0 0;font-size:13px;color:var(--apagado)}
.voltar{font-weight:700;font-size:14px;color:var(--tinta);text-decoration-color:var(--sinal);text-decoration-thickness:2px;text-underline-offset:3px}
main{max-width:760px;margin:0 auto;padding:24px 20px 40px}
h1{font-weight:800;font-stretch:62%;font-size:44px;line-height:1;margin:8px 0 12px}
h2{font-weight:800;font-stretch:72%;font-size:24px;margin:34px 0 8px;border-top:2px solid var(--tinta);padding-top:10px}
h3{font-weight:800;font-stretch:78%;font-size:18px;margin:22px 0 6px}
p,li{margin:0 0 10px}
ul{padding-left:20px}
a{color:inherit;text-decoration-color:var(--sinal);text-decoration-thickness:2px;text-underline-offset:3px}
.data{color:var(--apagado);font-size:14px}
.destaque{font-size:17px;border-left:5px solid var(--sinal);padding-left:12px}
.alerta{background:var(--sinal);color:#fff;padding:12px 14px}
table{width:100%;border-collapse:collapse;font-size:14px;margin:8px 0 14px}
th,td{text-align:left;vertical-align:top;padding:7px 6px;border-bottom:1px solid var(--linha)}
th{border-bottom:2px solid var(--tinta)}
tr.grupo td{font-weight:800;color:var(--apagado);padding-top:14px;border-bottom:2px solid var(--tinta)}
footer{max-width:760px;margin:0 auto;padding:16px 20px 40px;border-top:2px solid var(--tinta);font-size:13px;color:var(--apagado)}
footer p{margin:0 0 8px}
@media (max-width:600px){h1{font-size:34px}table{font-size:13px}}
.sobre-autor{margin-top:12px;padding-top:12px;border-top:1px solid var(--linha)}
.sobre-titulo{display:block;font-weight:800;font-stretch:72%;font-size:15px;letter-spacing:.02em;color:var(--tinta);margin-bottom:6px}
.formula{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:13.5px;background:rgba(127,127,127,.12);padding:8px 10px}

@media (max-width:640px){table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}}