*{margin:0;padding:0;box-sizing:border-box}
:root{
  --creme:#f4e4d7; --card:#fffdf9; --cafe:#211a14;
  --suave:rgba(33,26,20,.62); --tenue:rgba(33,26,20,.38);
  --borda:rgba(33,26,20,.12); --coral:#d97757; --coral-tinta:#a84e2a;
}
body{
  /* Lexend 450 é o corpo da casa; nunca abaixo de 16.5px em leitura
     principal (The Reading Effort Rule, DESIGN.md) */
  color:var(--cafe);font-family:'Lexend',system-ui,sans-serif;
  font-weight:450;font-size:1.03rem;line-height:1.7;
  -webkit-font-smoothing:antialiased;background-color:var(--creme);
  background-image:
    repeating-linear-gradient(0deg, rgba(33,26,20,.055) 0 1px, transparent 1px 26px),
    repeating-linear-gradient(90deg, rgba(33,26,20,.055) 0 1px, transparent 1px 26px);
  padding:2.2rem 1.1rem 4rem;
}
.folha{max-width:680px;margin:0 auto}
.kicker{
  font-family:'JetBrains Mono',monospace;font-size:.81rem;font-weight:600;
  text-transform:uppercase;letter-spacing:.18em;color:var(--coral-tinta);
}
h1{
  font-family:'Zodiak',Georgia,serif;font-weight:700;
  font-size:clamp(1.875rem,5vw,3.125rem);letter-spacing:-.01em;
  margin:.5rem 0 .6rem;line-height:1.1;
}
.abre{font-size:1.03rem;color:var(--suave);line-height:1.7;margin-bottom:2rem}
h2{
  font-family:'Zodiak',Georgia,serif;font-weight:700;
  font-size:clamp(1.375rem,3vw,1.75rem);letter-spacing:-.01em;
  line-height:1.3;margin:0 0 .6rem;
}
section{
  background:var(--card);border:1px solid var(--borda);border-radius:20px;
  padding:1.3rem 1.25rem;margin-bottom:.9rem;
}
p,li{font-size:1.03rem;color:var(--suave);line-height:1.7}
p+p{margin-top:.7rem}
ul{margin:.5rem 0 0 1.05rem}
li{margin-bottom:.35rem}
b{color:var(--cafe);font-weight:600}
.tabela{width:100%;border-collapse:collapse;margin-top:.7rem;font-size:.97rem}
.tabela th{
  text-align:left;font-family:'JetBrains Mono',monospace;font-size:.81rem;
  text-transform:uppercase;letter-spacing:.18em;color:var(--tenue);
  font-weight:600;padding:0 .6rem .5rem 0;border-bottom:1px solid var(--borda);
}
.tabela td{padding:.6rem .6rem .6rem 0;border-bottom:1px solid var(--borda);color:var(--suave);vertical-align:top;line-height:1.6}
.tabela tr:last-child td{border-bottom:0}
.rolo{overflow-x:auto}
a{color:var(--coral-tinta);font-weight:600}
.botao{
  display:inline-block;background:var(--cafe);color:var(--creme);
  text-decoration:none;font-family:'JetBrains Mono',monospace;
  font-weight:600;font-size:.81rem;text-transform:uppercase;letter-spacing:.18em;
  padding:.9rem 1.6rem;border-radius:999px;margin-top:.9rem;
}
.pe{
  /* tinta escura porque está abaixo de 16px (The Reading Effort Rule) */
  text-align:center;font-size:.97rem;color:var(--suave);
  margin-top:2rem;line-height:1.7;
}
.selo{
  font-family:'JetBrains Mono',monospace;font-size:.81rem;
  text-transform:uppercase;letter-spacing:.18em;color:var(--tenue);
}