/* Blog da Leitura Caprichada: a mesma identidade de caderno da página de venda (papel, tinta, caneta vermelha, marca-texto). */
@font-face{font-family:Andika;font-weight:400;src:url('/fontes/Andika-Regular.woff') format('woff');font-display:swap}
@font-face{font-family:Andika;font-weight:700;src:url('/fontes/Andika-Bold.woff') format('woff');font-display:swap}
:root{--papel:#fffdf8;--branco:#fff;--tinta:#1c1c1c;--cinza:#57595f;--pauta:#dbe7f2;--margem:#f1b7b2;--verm:#d62419;--marca:#ffe14d;--cta:#15803d;--cta2:#0e5c2b;--azul:#1f6fe5}
*{box-sizing:border-box}
body{margin:0;background:var(--papel);color:var(--tinta);font:18px/1.65 Andika,system-ui,-apple-system,"Segoe UI",Arial,sans-serif}
img{max-width:100%;height:auto;display:block}
a{color:var(--azul)}
.w{max-width:680px;margin:0 auto;padding:0 20px}

.topo{border-bottom:2px solid var(--tinta);background:var(--branco)}
.topo .w{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-top:12px;padding-bottom:12px}
.marca{font:700 20px/1 Andika,system-ui,sans-serif;color:var(--tinta);text-decoration:none}
.marca b{color:var(--verm)}
.topo nav a{font-size:16px;color:var(--tinta);margin-left:14px}

.trilha{font-size:14px;color:var(--cinza);margin:22px 0 8px}
.trilha a{color:var(--cinza)}
h1,h2,h3{font-family:Andika,system-ui,sans-serif;font-weight:700;line-height:1.18;letter-spacing:-.01em}
h1{font-size:34px;margin:0 0 14px}
h2{font-size:26px;margin:40px 0 12px;padding-top:6px;border-top:3px solid var(--tinta)}
h3{font-size:21px;margin:26px 0 8px}
p{margin:0 0 16px}
.data{font-size:14px;color:var(--cinza);margin:0 0 22px}
.abre{font-size:20px}
mark{color:inherit;background:linear-gradient(transparent 52%,var(--marca) 52%,var(--marca) 92%,transparent 92%);padding:0 2px}
ul,ol{padding-left:22px;margin:0 0 16px}
li{margin-bottom:8px}

/* resposta curta: o resumo que o Google costuma destacar */
.resumo{background:var(--branco);border:2px solid var(--tinta);box-shadow:5px 5px 0 var(--marca);padding:18px 20px 6px;margin:24px 0 8px}
.resumo h2{border:0;margin:0 0 10px;padding:0;font-size:21px}

.ilha{font:700 22px/1.35 Andika,system-ui,sans-serif;margin:24px 0}

table{width:100%;border-collapse:collapse;margin:8px 0 20px;font-size:16px;background:var(--branco)}
th,td{border:1px solid #cfd6de;padding:10px;text-align:left;vertical-align:top}
th{background:#f3f6f9}
.silabas{font-weight:700;letter-spacing:.02em}
.rolar{overflow-x:auto;margin:8px 0 20px}.rolar table{margin:0}
@media (max-width:480px){table{font-size:15px}th,td{padding:8px 7px}}

.passo{display:flex;gap:14px;margin:16px 0}
.passo .n{flex:none;width:34px;height:34px;border:2px solid var(--tinta);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700}
.passo p{margin:0}

.folha{margin:24px 0 8px}
.folha img{background:#fff;padding:8px;box-shadow:0 1px 1px rgba(0,0,0,.08),0 10px 24px rgba(40,30,10,.14);transform:rotate(-.8deg)}
.folha figcaption{font-size:15px;color:var(--cinza);margin-top:12px}

.aviso{border-left:4px solid var(--verm);background:#fff4f2;padding:12px 16px;margin:20px 0;font-size:17px}

.oferta{background:var(--branco);border:2px dashed var(--tinta);border-radius:6px;padding:22px 20px 14px;margin:40px 0}
.oferta h2{border:0;margin:0 0 10px;padding:0;font-size:24px}
.btn{display:block;text-align:center;background:var(--cta);color:#fff;text-decoration:none;font:700 19px/1.2 Andika,system-ui,sans-serif;padding:16px;border-radius:10px;margin:16px 0 10px;box-shadow:0 4px 0 var(--cta2)}
.btn:active{transform:translateY(3px);box-shadow:0 1px 0 var(--cta2)}
.btn.sec{background:var(--branco);color:var(--tinta);border:2px solid var(--tinta);box-shadow:3px 3px 0 var(--tinta)}
.confianca{font-size:14px;color:var(--cinza);text-align:center}

.faq h3{font-size:19px}
.fontes{font-size:14px;color:var(--cinza);border-top:1px solid #cfd6de;margin-top:36px;padding-top:14px}
.fontes li{margin-bottom:4px}
.leia{margin:30px 0}
.leia a{display:block;padding:14px 16px;border:2px solid var(--tinta);background:var(--branco);color:var(--tinta);text-decoration:none;font-weight:700;margin-bottom:10px}

.lista-artigos{list-style:none;padding:0}
.lista-artigos li{border-bottom:1px solid var(--pauta);padding:18px 0}
.lista-artigos a{font:700 22px/1.25 Andika,system-ui,sans-serif;color:var(--tinta);text-decoration:none}
.lista-artigos p{margin:6px 0 0;color:var(--cinza);font-size:17px}

footer{border-top:2px solid var(--tinta);margin-top:48px;padding:22px 0 36px;font-size:14px;color:var(--cinza)}
footer a{color:var(--cinza)}

@media (min-width:700px){h1{font-size:40px}}