/* Ajustes do site estático (o restante vem do CSS original do projeto) */
body { overflow-x: hidden; font-family: 'Bricolage Grotesque', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', sans-serif; }

[hidden] { display: none !important; }

summary::-webkit-details-marker { display: none; }
summary { list-style: none; }

/* Corpo dos artigos do blog */
.artigo { font-size: 1.0625rem; line-height: 1.75; }
.artigo > p { margin: 0 0 1.25rem; }
.artigo h2 { font-size: 1.6rem; font-weight: 700; line-height: 1.3; margin: 2.5rem 0 1rem; scroll-margin-top: 6rem; }
.artigo h3 { font-size: 1.25rem; font-weight: 600; line-height: 1.35; margin: 2rem 0 .75rem; scroll-margin-top: 6rem; }
.artigo ul, .artigo ol { margin: 0 0 1.25rem 1.25rem; padding-left: .75rem; }
.artigo ul { list-style: disc; }
.artigo ol { list-style: decimal; }
.artigo li { margin-bottom: .5rem; }
.artigo a { color: hsl(var(--primary)); text-decoration: underline; text-underline-offset: 3px; }
.artigo a:hover { opacity: .85; }
.artigo strong { font-weight: 700; }
.artigo blockquote { border-left: 3px solid hsl(var(--primary)); padding: .25rem 0 .25rem 1.25rem; margin: 1.75rem 0; font-size: 1.125rem; color: hsl(var(--muted-foreground)); }
.artigo code { background: hsl(var(--muted)); padding: .1rem .35rem; border-radius: .25rem; font-size: .9em; }
@media (min-width: 768px) { .artigo { font-size: 1.125rem; } .artigo h2 { font-size: 2rem; } .artigo h3 { font-size: 1.5rem; } }

.article-toc a { text-decoration: none; }

/* Utilitários usados nas páginas novas que não existiam no CSS original */
.mb-10 { margin-bottom: 2.5rem; }
.my-8 { margin-top: 2rem; margin-bottom: 2rem; }
.ml-4 { margin-left: 1rem; }
.p-5 { padding: 1.25rem; }
.gap-5 { gap: 1.25rem; }
.pb-16 { padding-bottom: 4rem; }
.py-32 { padding-top: 8rem; padding-bottom: 8rem; }
.max-w-sm { max-width: 24rem; }
.w-20 { width: 5rem; }
.h-20 { height: 5rem; }
.bottom-4 { bottom: 1rem; }
.mt-6 { margin-top: 1.5rem; }
.z-\[110\] { z-index: 110; }
.bg-muted\/40 { background-color: hsl(var(--muted) / 0.4); }
details[open] > summary .group-open\:rotate-180 { transform: rotate(180deg); }