/* Fontes auto-hospedadas, subset latin, VARIAVEIS (um arquivo por familia
   cobre toda a faixa de peso). Vieram do Google Fonts; auto-hospedar tirou dois
   terceiros da politica de privacidade e da CSP e acabou com o bloqueio de render. */
@font-face{font-family:"Sora";font-style:normal;font-weight:400 800;font-display:swap;src:url("/fonts/sora-latin.woff2") format("woff2")}
@font-face{font-family:"Inter";font-style:normal;font-weight:100 900;font-display:swap;src:url("/fonts/inter-latin.woff2") format("woff2")}
:root{ --bg:#f4f4f5; --surface:#fff; --ink:#1c1e22; --ink-soft:#3c3f45; --muted:#6b6f77;
  --brand:#1c1e22; --line:#e0e0e3; --accent:#35c07a;
  --font-display:"Sora",system-ui,sans-serif; --font-body:"Inter",system-ui,sans-serif; --maxw:820px; }
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:var(--font-body);color:var(--ink);background:var(--bg);line-height:1.65;-webkit-font-smoothing:antialiased}
a{color:var(--accent);text-decoration:none}
a:hover{text-decoration:underline}
header{background:color-mix(in srgb,var(--bg) 86%,transparent);border-bottom:1px solid var(--line);position:sticky;top:0;backdrop-filter:blur(10px);z-index:10}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px}
.nav{display:flex;align-items:center;justify-content:space-between;height:70px}
.brand{display:flex;align-items:center;gap:.6rem;font-family:var(--font-display);font-weight:800;font-size:1.2rem;color:var(--ink)}
.brand .mono{width:32px;height:32px;flex:0 0 auto}
.brand small{display:block;font-family:var(--font-body);font-weight:500;font-size:.6rem;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin-top:-2px}
.back{font-family:var(--font-display);font-weight:600;font-size:.9rem}
main{padding:52px 0 72px}
h1{font-family:var(--font-display);font-size:clamp(1.7rem,4vw,2.4rem);letter-spacing:-.02em;margin-bottom:.4rem}
.updated{color:var(--muted);font-size:.9rem;margin-bottom:8px}
.intro{color:var(--ink-soft);margin:14px 0 8px;font-size:1.02rem}
h2{font-family:var(--font-display);font-size:1.2rem;margin:34px 0 10px;color:var(--ink)}
p{margin:10px 0;color:var(--ink-soft)}
ul{margin:10px 0 10px 2px;list-style:none;display:grid;gap:8px}
li{position:relative;padding-left:18px;color:var(--ink-soft)}
li::before{content:"";position:absolute;left:0;top:.6em;width:7px;height:7px;border-radius:2px;background:var(--accent)}
.box{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:18px 20px;margin:16px 0}
.box strong{color:var(--ink)}
footer{background:var(--brand);color:rgba(255,255,255,.7);padding:28px 0;font-size:.86rem}
footer a{color:rgba(255,255,255,.85)}
.note{font-size:.85rem;color:var(--muted);margin-top:26px;border-top:1px solid var(--line);padding-top:16px}