:root { color-scheme: light dark; --bg:#f7f7f8; --fg:#1c1917; --mut:#6b7280; --gold:#e79f1f; --line:#e5e7eb; }
  @media (prefers-color-scheme: dark) { :root { --bg:#0f1115; --fg:#f3f4f6; --mut:#9ca3af; --line:#262b33; } }
  * { box-sizing: border-box; }
  body { font-family: -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
         max-width: 720px; margin: 0 auto; padding: 48px 22px 80px;
         color: var(--fg); background: var(--bg); line-height: 1.7; }
  h1 { font-size: 30px; line-height: 1.2; margin: 0 0 6px; }
  h2 { font-size: 19px; margin: 34px 0 10px; }
  .meta { color: var(--mut); font-size: 14px; margin: 0 0 32px; }
  .destaque { border-left: 3px solid var(--gold); padding: 2px 0 2px 16px; margin: 22px 0; }
  table { width: 100%; border-collapse: collapse; margin: 14px 0; font-size: 15px; }
  th, td { text-align: left; padding: 9px 10px; border-bottom: 1px solid var(--line); vertical-align: top; }
  th { color: var(--mut); font-weight: 600; font-size: 13px; text-transform: uppercase; letter-spacing: .04em; }
  a { color: var(--gold); }
  footer { margin-top: 48px; padding-top: 20px; border-top: 1px solid var(--line); color: var(--mut); font-size: 14px; }

.mascote-shadow {
  filter: drop-shadow(0 26px 50px rgba(0,0,0,.5))
          drop-shadow(0 0 60px rgba(231,159,31,.28));
}