/* LEIS & IMPÉRIOS — DADOS · design system v2 (mockup) */
:root{
  --paper:#fbfaf7; --card:#ffffff; --ink:#1a1e24; --ink2:#59636f; --ink3:#8a929c;
  --line:#e7e4dd; --line2:#d8d4cb;
  --blue:#1e6fd9; --red:#d64545; --blue-dk:#3987e5; --red-dk:#e66767;
  --dark:#0d1117; --dark2:#141b24; --dark-ink:#e9eef5; --dark-dim:#8b98a8; --dark-line:#1f2937;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--paper);color:var(--ink);font-family:Inter,-apple-system,'Segoe UI',sans-serif;
     font-size:18px;line-height:1.72;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
.serif{font-family:'Source Serif 4',Georgia,serif}

/* ── masthead ── */
.topbar{border-bottom:1px solid var(--line);font-size:12.5px;color:var(--ink3)}
.topbar .in{max-width:1140px;margin:0 auto;padding:8px 24px;display:flex;justify-content:space-between;gap:16px}
.masthead{text-align:center;padding:26px 24px 18px}
.masthead .mark{font-weight:800;letter-spacing:.18em;font-size:27px;color:var(--ink)}
.masthead .mark span{color:var(--ink3);font-weight:600}
.masthead .tag{font-size:12.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink3);margin-top:4px}
nav.mainnav{border-top:1px solid var(--ink);border-bottom:1px solid var(--line2);position:sticky;top:0;background:rgba(251,250,247,.96);backdrop-filter:blur(6px);z-index:20}
nav.mainnav .in{max-width:1140px;margin:0 auto;padding:0 24px;display:flex;gap:30px;justify-content:center;font-size:14.5px;font-weight:600}
nav.mainnav a{padding:11px 2px;color:var(--ink2);border-bottom:2.5px solid transparent;white-space:nowrap}
nav.mainnav a.on{color:var(--ink);border-bottom-color:var(--red)}
nav.mainnav a:hover{color:var(--ink)}

.wrap{max-width:1140px;margin:0 auto;padding:0 24px}
.col{max-width:680px;margin:0 auto}

/* ── kicker / headline anatomy ── */
.kicker{font-size:12.5px;letter-spacing:.16em;text-transform:uppercase;font-weight:700;color:var(--red)}
.kicker .sep{color:var(--ink3);font-weight:600}
h1.hl{font-family:'Source Serif 4',Georgia,serif;font-weight:700;letter-spacing:-.012em}
.dek{font-size:20.5px;line-height:1.55;color:var(--ink2)}
.byline{display:flex;gap:10px;flex-wrap:wrap;align-items:center;font-size:13.5px;color:var(--ink3)}
.byline b{color:var(--ink2);font-weight:600}
.byline .dot{width:3px;height:3px;border-radius:50%;background:var(--line2)}

/* ── dark chart card (assinatura da casa) ── */
.chart{background:var(--dark);border-radius:14px;color:var(--dark-ink);padding:26px 28px 18px;margin:34px 0;
       box-shadow:0 1px 2px rgba(20,24,32,.08),0 12px 32px -18px rgba(20,24,32,.35)}
.chart .ct{font-size:19px;font-weight:700;letter-spacing:-.01em;line-height:1.35}
.chart .cs{font-size:13.5px;color:var(--dark-dim);margin-top:4px}
.chart .src{display:flex;justify-content:space-between;gap:12px;align-items:baseline;border-top:1px solid var(--dark-line);
            margin-top:16px;padding-top:10px;font-size:11.5px;color:var(--dark-dim);flex-wrap:wrap}
.chart .src .lm{letter-spacing:.14em;font-weight:700;color:#4a5666}
.chart svg{display:block;width:100%;height:auto;margin-top:18px}
.chart svg text{font-family:Inter,sans-serif}
.ctools{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}
.ctools button{font:600 12px Inter,sans-serif;color:var(--dark-dim);background:var(--dark2);border:1px solid var(--dark-line);
               border-radius:7px;padding:5px 11px;cursor:pointer}
.ctools button:hover{color:var(--dark-ink);border-color:#33415580}

/* ── selo padrão≠intenção ── */
.selo{border:1px solid var(--line2);border-left:3px solid var(--blue);background:var(--card);
      border-radius:0 10px 10px 0;padding:16px 20px;font-size:15px;color:var(--ink2);margin:30px 0}
.selo b{color:var(--ink)}

/* ── botões / partilha ── */
.btn{display:inline-flex;align-items:center;gap:7px;font:600 14px Inter,sans-serif;padding:9px 16px;border-radius:9px;
     border:1px solid var(--line2);background:var(--card);color:var(--ink2);cursor:pointer}
.btn:hover{border-color:var(--ink3);color:var(--ink)}
.btn.zap{background:#0f7a3d;border-color:#0f7a3d;color:#fff}
.btn.zap:hover{background:#0c6a34;color:#fff}

footer{border-top:1px solid var(--line2);margin-top:70px;background:var(--card)}
footer .in{max-width:1140px;margin:0 auto;padding:34px 24px;font-size:13.5px;color:var(--ink3);line-height:1.7}
footer b{color:var(--ink2)}
@media(max-width:760px){body{font-size:17px}.masthead{padding:20px 16px 14px}.masthead .mark{font-size:20px;letter-spacing:.14em}.masthead .tag{font-size:11px}nav.mainnav .in{gap:20px;overflow-x:auto;justify-content:flex-start;padding:0 16px;-webkit-overflow-scrolling:touch;scrollbar-width:none}nav.mainnav .in::-webkit-scrollbar{display:none}nav.mainnav a{font-size:13.5px;padding:10px 0}}