/* Estilo compartilhado das páginas legais de notes.araliva.app — mesmos tokens
   da safe page, para que nada aqui pareça herdado de outro site. */
:root{
  --paper:#FDFBF7; --champagne:#FEF8F3; --cream:#F8F3EE;
  --ink:#1D1B19; --muted:#6B6560;
  --sage:#2C4A3A; --gold:#79542A; --gold-soft:#FCEAC0;
  --line:#E8DFD4;
}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%}
body{
  background:var(--paper); color:var(--ink);
  font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  font-size:17px; line-height:1.75;
  -webkit-font-smoothing:antialiased;
}
.wrap{max-width:760px;margin:0 auto;padding:0 24px}
h1,h2{font-family:Fraunces,Georgia,serif;font-weight:400;line-height:1.2;text-wrap:balance}
a{color:var(--sage)}
a:hover{text-underline-offset:3px}
a:focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-radius:3px}

header{background:var(--cream);border-bottom:1px solid var(--line);padding:16px 0}
.bar{display:flex;align-items:center;gap:12px}
.bar img{width:38px;height:38px;border-radius:10px;display:block;object-fit:cover}
.brand-name{font-family:Fraunces,Georgia,serif;font-size:20px;letter-spacing:.14em;color:var(--sage)}

main{padding:56px 0 64px}
.eyebrow{
  font-size:11px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;
  color:var(--gold);margin-bottom:16px;
}
h1{font-size:clamp(30px,4.6vw,42px);margin-bottom:12px}
.updated{font-size:14px;color:var(--muted);margin-bottom:36px}
h2{font-size:22px;margin:38px 0 12px;color:var(--sage)}
p{margin-bottom:15px;color:#3A3733}
ul{margin:0 0 15px 22px;color:#3A3733}
li{margin-bottom:8px}
.box{
  background:var(--champagne);border:1px solid var(--line);
  border-left:4px solid var(--sage);border-radius:14px;padding:22px 24px;margin:26px 0;
}
.box p{margin:0;color:var(--muted);font-size:15.5px}

footer{background:var(--ink);color:#B9B2AA;padding:44px 0 40px;font-size:14px;margin-top:56px}
.f-links{display:flex;flex-wrap:wrap;gap:22px;margin-bottom:26px}
footer a{color:#D6CEC4;text-decoration:none}
footer a:hover{color:#fff;text-decoration:underline}
.f-legal{
  padding-top:24px;border-top:1px solid rgba(255,255,255,.11);
  font-size:12.5px;line-height:1.85;color:#8E877F;
}
.f-legal strong{color:#B9B2AA;font-weight:600}