/* Interloper: Puchalski Desenvolvimento e Tecnologia LTDA. No build step. */
:root {
  --bg: #07090c;
  --surface: #0d1116;
  --border: #1e2731;
  --text: #dde6ed;
  --muted: #7c8b99;
  --accent: #4fd6c9;
  --sans: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Inter', sans-serif;
  --mono: ui-monospace, 'SF Mono', Menlo, Consolas, monospace;
}
* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body { margin: 0; background: var(--bg); color: var(--text); font: 16px/1.6 var(--sans); }
header, main, footer { max-width: 46rem; margin: 0 auto; padding: 0 16px; }
header { display: flex; justify-content: space-between; align-items: center; padding-top: 24px; }
.brand { font: 600 15px var(--mono); letter-spacing: 0.12em; text-transform: uppercase; color: var(--text); text-decoration: none; }
nav a { margin-left: 16px; font-size: 14px; }
h1 { font: 650 clamp(28px, 7vw, 42px)/1.15 var(--mono); margin: 56px 0 16px; }
h2 { font: 600 18px var(--mono); margin: 40px 0 8px; }
a { color: var(--accent); }
.muted, small { color: var(--muted); }
.cards { display: grid; gap: 12px; padding: 0; list-style: none; }
.cards li { border: 1px solid var(--border); background: var(--surface); padding: 16px; }
.cards b { font-family: var(--mono); }
dl { display: grid; grid-template-columns: max-content 1fr; gap: 6px 16px; margin: 0; }
dt { color: var(--muted); }
dd { margin: 0; }
footer { border-top: 1px solid var(--border); margin-top: 72px; padding: 16px; font-size: 13px; color: var(--muted); }