/* Política de privacidade da Black Gota Vitalícia. Sistema Argila: Linho, Cacau, Argila. */
:root {
  --linho: #F4EFE6;
  --linho-claro: #FBF8F2;
  --argila: #C96442;
  --argila-escura: #A9502F; /* 4,7:1 sobre Linho: Argila para texto e links */
  --cacau: #2E2320;
  --cacau-70: rgba(46, 35, 32, .74);
  --linha: rgba(46, 35, 32, .16);
  --creme: #FFF5DC;
  --serif: "Fraunces", Georgia, "Times New Roman", serif;
  --sans: "Outfit", system-ui, -apple-system, "Segoe UI", sans-serif;
  --gutter: 16px;
}

*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; overflow-x: clip; }
body {
  margin: 0;
  background: var(--linho);
  color: var(--cacau);
  font: 400 16px/1.6 var(--sans);
  overflow-x: clip;
}

.topo {
  max-width: 44rem; margin: 0 auto;
  padding: 14px var(--gutter) 0;
  display: flex; align-items: center; justify-content: space-between; gap: 12px;
}
.topo__nome { font: 600 19px/1 var(--serif); color: var(--cacau); text-decoration: none; }
.topo__nome em { font-style: italic; color: var(--argila-escura); }
.topo__volta { font: 500 15px/1 var(--sans); color: var(--argila-escura); padding: 12px 0; }

main { max-width: 44rem; margin: 0 auto; padding: 20px var(--gutter) 40px; }

h1 {
  font: 600 clamp(30px, 7vw, 42px)/1.12 var(--serif);
  margin: 8px 0 12px; letter-spacing: -.01em;
}
h1 em { font-style: italic; color: var(--argila); }
h2 {
  font: 600 22px/1.25 var(--serif);
  margin: 36px 0 8px; letter-spacing: -.005em;
}
p, li { max-width: 65ch; }
p { margin: 0 0 14px; }
.atualizado { color: var(--cacau-70); font-size: 15px; margin-bottom: 20px; }
.resumo {
  background: var(--linho-claro); border: 1px solid var(--linha); border-radius: 14px;
  padding: 16px 18px; margin: 18px 0 8px;
}
.resumo p:last-child { margin-bottom: 0; }

ul { margin: 0 0 14px; padding-left: 1.2em; }
li { margin-bottom: 8px; }
li::marker { color: var(--argila); }
strong { font-weight: 600; }
a { color: var(--argila-escura); text-underline-offset: 3px; }
a:focus-visible { outline: 3px solid var(--cacau); outline-offset: 3px; border-radius: 2px; }
.num { font-variant-numeric: lining-nums tabular-nums; }

/* marcadores para o Victor conferir antes de ir ao ar */
.conferir { background: var(--creme); border-bottom: 1.5px solid var(--argila); padding: 0 3px; }

.chamada {
  display: inline-flex; align-items: center; justify-content: center;
  min-height: 48px; padding: 0 22px; margin-top: 8px;
  background: var(--argila-escura); color: var(--creme);
  font: 600 16px/1 var(--sans); text-decoration: none; border-radius: 10px;
}
.chamada:focus-visible { outline: 3px solid var(--cacau); outline-offset: 3px; }

.rodape { max-width: 44rem; margin: 0 auto; padding: 8px var(--gutter) 32px; color: var(--cacau-70); font-size: 14px; border-top: 1px solid var(--linha); }
.rodape p { margin: 16px 0 0; }