:root{--bg:#f3ebe0;--surface:#fbf6ee;--fg:#2a2420;--muted:#6f6257;--line:#dccfbd;--accent:#d9573b;--accent-ink:#fff;--accent-soft:#f6dccf;--risk:#8a5a00;--font:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--bg:#1f1a17;--surface:#2a2420;--fg:#f1e8db;--muted:#b3a595;--line:#3f352e;--accent:#ff7d5c;--accent-ink:#1f1a17;--accent-soft:#4a2a20;--risk:#e0a640;color-scheme:dark}}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--font);line-height:1.65;font-size:18px}
a{color:var(--accent)}
header.site{display:flex;align-items:center;gap:14px;flex-wrap:wrap;max-width:760px;margin:0 auto;padding:20px 16px}
header.site .brand{font-weight:700;letter-spacing:.04em;font-size:14px;color:var(--muted);text-transform:uppercase}
header.site svg{width:44px;height:44px}
.nav{margin-left:auto;display:flex;gap:8px;flex-wrap:wrap}
.nav a{padding:8px 14px;border-radius:999px;text-decoration:none;color:var(--muted);font-weight:600;font-size:15px}
.nav a[aria-current="page"],.nav a:hover{background:var(--accent-soft);color:var(--accent)}
.nav a:focus-visible,a:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
main{max-width:760px;margin:0 auto;padding:8px 16px 64px}
.kicker{color:var(--accent);font-weight:700;letter-spacing:.05em;text-transform:uppercase;font-size:14px;margin:24px 0 8px}
h1{font-size:clamp(32px,6vw,46px);line-height:1.12;letter-spacing:-.02em;margin:0 0 12px;font-weight:800}
h2{font-size:clamp(24px,4vw,30px);line-height:1.2;margin:44px 0 12px;font-weight:800;letter-spacing:-.01em}
h3{font-size:20px;margin:28px 0 8px}
.meta{color:var(--muted);font-size:15px;margin:0 0 24px}
.lead{font-size:21px;color:var(--muted);margin:0 0 24px}
.box{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:18px 22px;margin:22px 0}
.box.risk{border-left:6px solid var(--risk)}
.box.ok{border-left:6px solid var(--accent)}
.box h3{margin-top:0}
ul,ol{padding-left:22px}li{margin:6px 0}
table{width:100%;border-collapse:collapse;font-size:16px;margin:16px 0}
th,td{border:1px solid var(--line);padding:10px 12px;text-align:left;vertical-align:top}
th{background:var(--surface)}
.tag{display:inline-block;background:var(--accent-soft);color:var(--accent);border-radius:999px;padding:3px 12px;font-size:13px;font-weight:700;margin-right:6px}
.cards{display:grid;gap:16px;margin:24px 0}
.card{display:block;background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:20px 22px;text-decoration:none;color:inherit}
.card:hover{border-color:var(--accent)}
.card h2{margin:6px 0 6px;font-size:24px}
.card p{margin:0;color:var(--muted)}
.sources li{font-size:16px;word-break:break-word}
.cta{background:var(--accent-soft);border-radius:18px;padding:20px 22px;margin:40px 0}
footer{max-width:760px;margin:0 auto;padding:24px 16px 48px;color:var(--muted);font-size:14px;border-top:1px solid var(--line)}
table{table-layout:fixed}td,th{overflow-wrap:anywhere}h1,h2,p,li{overflow-wrap:break-word}
th:first-child,td:first-child{width:28%}@media(min-width:600px){th:first-child,td:first-child{width:18%}}
.diagram{margin:24px 0;background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:12px}
.diagram svg{width:100%;height:auto;display:block}
.diagram figcaption{color:var(--muted);font-size:14px;padding:6px 8px 2px}
.diagram .b{fill:var(--bg);stroke:var(--accent);stroke-width:2}
.diagram .k{fill:var(--accent-soft);stroke:var(--accent);stroke-width:2}
.diagram .r{fill:none;stroke:var(--risk);stroke-width:2.5;stroke-dasharray:7 5}
.diagram text{fill:var(--fg);font-family:var(--font);font-size:15px}
.diagram .t{font-weight:700}.diagram .s{font-size:12.5px;fill:var(--muted)}
.diagram .a{stroke:var(--accent);stroke-width:2.2;fill:none}
.sec-tag{display:inline-block;font-size:13px;font-weight:700;color:var(--accent);background:var(--accent-soft);border-radius:999px;padding:3px 12px;margin-bottom:4px}

/* v2: números, figuras e cartões */
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px;margin:22px 0}
.stat{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:18px 20px}
.stat .n{font-size:44px;line-height:1;font-weight:800;letter-spacing:-.03em;color:var(--accent)}
.stat.warn .n{color:var(--risk)}
.stat p{margin:8px 0 6px;font-size:16px;line-height:1.45}
.stat .src{font-size:13px;color:var(--muted);margin:0}
table.data{table-layout:auto;font-size:15.5px;border:0}
table.data th,table.data td{border:0;border-bottom:1px solid var(--line);padding:12px 10px}
table.data th{background:transparent;color:var(--muted);font-size:13px;letter-spacing:.05em;text-transform:uppercase}
table.data th:first-child,table.data td:first-child{width:auto}
table.data td:last-child{color:var(--muted);width:34%}
.fig{margin:26px 0;background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:12px}
.fig svg{width:100%;height:auto;display:block}
.fig figcaption{color:var(--muted);font-size:14px;padding:8px 8px 2px}
.fig text{fill:var(--fg);font-family:var(--font);font-size:15px}
.fig .t{font-weight:700}.fig .s{font-size:12.5px;fill:var(--muted)}.fig .big{font-size:26px;font-weight:800}
.fig .b{fill:var(--bg);stroke:var(--accent);stroke-width:2}
.fig .k{fill:var(--accent-soft);stroke:var(--accent);stroke-width:2}
.fig .w{fill:var(--bg);stroke:var(--risk);stroke-width:2}
.fig .a{stroke:var(--accent);stroke-width:2.2;fill:none}
.fig .bar{fill:var(--accent)}.fig .bar2{fill:var(--risk)}.fig .trk{fill:var(--line)}
.fig .ac{fill:var(--accent)}
.hero-fig{margin:8px 0 28px}
.pull{border-left:5px solid var(--accent);padding:4px 0 4px 18px;margin:28px 0;font-size:22px;line-height:1.4;font-weight:600;letter-spacing:-.01em}
.scene{background:var(--surface);border:1px dashed var(--line);border-radius:18px;padding:16px 22px;margin:22px 0}
.scene .tag{margin-bottom:8px}
.trio{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px;margin:20px 0}
.trio div{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:16px 18px}
.trio h3{margin:0 0 6px;color:var(--accent)}
.trio ul{margin:0;padding-left:18px;font-size:16px}
.steps{counter-reset:s;list-style:none;padding:0}
.steps li{counter-increment:s;position:relative;padding:4px 0 4px 48px;margin:14px 0}
.steps li::before{content:counter(s);position:absolute;left:0;top:2px;width:32px;height:32px;border-radius:50%;background:var(--accent);color:var(--accent-ink);font-weight:800;text-align:center;line-height:32px;font-size:15px}
pre.code{background:#1f1a17;color:#f1e8db;border-radius:14px;padding:14px 16px;overflow-x:auto;font-size:14px;line-height:1.5;margin:18px 0}
