*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

body { font-family: system-ui, sans-serif; font-size: 1.05rem; line-height: 1.7; color: #222; max-width: 780px; margin: 0 auto; padding: 1.5rem; }

header { border-bottom: 1px solid #eee; padding-bottom: 1rem; margin-bottom: 2rem; }
header a { font-weight: bold; text-decoration: none; color: #111; font-size: 1.2rem; }

h1 { font-size: 1.8rem; margin-bottom: 0.5rem; }
h2 { font-size: 1.3rem; margin: 2rem 0 0.5rem; }

.meta { color: #888; font-size: 0.9rem; margin-bottom: 1.5rem; }

.nota-geral { background: #f0f7ff; border-left: 4px solid #2563eb; padding: 0.75rem 1rem; margin: 1.5rem 0; font-size: 1.1rem; }

.cta { margin: 2rem 0; }
.cta a { background: #16a34a; color: white; padding: 0.75rem 1.5rem; border-radius: 6px; text-decoration: none; font-weight: bold; display: inline-block; }
.cta a:hover { background: #15803d; }

.posts { list-style: none; }
.posts li { padding: 0.5rem 0; border-bottom: 1px solid #eee; display: flex; justify-content: space-between; }
.posts li a { text-decoration: none; color: #2563eb; }

footer { margin-top: 3rem; padding-top: 1rem; border-top: 1px solid #eee; color: #888; }