:root{
  --ink:#12231B;--muted:#4A5C54;--line:#D7E6DE;--mist:#EAF7F0;
  --emerald:#0C8F5E;--paper:#F7FBF8;--white:#fff;
}
*{box-sizing:border-box;margin:0}
body{font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;color:var(--ink);background:var(--paper);line-height:1.65;font-size:16px}
.legal-bar{
  position:sticky;top:0;z-index:20;
  display:flex;align-items:center;justify-content:space-between;gap:16px;
  padding:12px 22px;
  background:rgba(247,251,248,.94);
  backdrop-filter:saturate(1.2) blur(10px);
  border-bottom:1px solid var(--line);
}
.legal-brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink)}
.legal-brand img{height:36px;width:auto;display:block}
.legal-brand .word{
  font-weight:800;letter-spacing:-.045em;font-size:22px;line-height:1;
}
.lang-toggle{display:flex;gap:4px;flex-shrink:0}
.lang-toggle button{
  appearance:none;border:1px solid var(--line);background:var(--white);
  color:var(--muted);font:600 12px/1 ui-sans-serif,system-ui,sans-serif;
  letter-spacing:.04em;padding:7px 10px;border-radius:999px;cursor:pointer;
}
.lang-toggle button[aria-pressed="true"]{
  background:var(--ink);color:#fff;border-color:var(--ink);
}
.wrap{max-width:760px;margin:0 auto;padding:28px 22px 80px}
header{padding:4px 0 24px;border-bottom:1px solid var(--line);margin-bottom:24px}
h1{font-size:32px;letter-spacing:-.03em;margin:0 0 8px}
.meta{color:var(--muted);font-size:14px}
h2{font-size:20px;margin:32px 0 10px;letter-spacing:-.02em}
h3{font-size:16px;margin:20px 0 8px}
p,li{color:#1b2b24}
ul{padding-left:20px;margin:8px 0 12px}
li{margin:4px 0}
a{color:var(--emerald)}
code{font-family:ui-monospace,Menlo,monospace;font-size:.9em}
.box{background:#fff;border:1px solid var(--line);border-radius:12px;padding:16px 18px;margin:16px 0}
.box strong{color:var(--emerald)}
nav.toc{background:var(--mist);border-radius:12px;padding:14px 18px;margin:18px 0 8px;font-size:14px}
nav.toc a{display:block;padding:3px 0;text-decoration:none}
#deletion{scroll-margin-top:72px}
footer{margin-top:48px;padding-top:18px;border-top:1px solid var(--line);color:var(--muted);font-size:13px}
.lang{display:none}
html[data-ui-lang="en"] .lang[data-lang="en"],
html[data-ui-lang="es"] .lang[data-lang="es"],
html[data-ui-lang="pt"] .lang[data-lang="pt"]{display:block}
/* No-JS / crawlers: English is visible until the script sets data-ui-lang */
html:not([data-ui-lang]) .lang[data-lang="en"]{display:block}
