body { font-family: 'Plus Jakarta Sans', sans-serif; background-color: #f8fafc; }
.glass { background: rgba(255, 255, 255, 0.8); backdrop-filter: blur(10px); }
.active-tab { border-bottom: 3px solid #2563eb; color: #2563eb; }
@media (max-width: 768px) { .sidebar { display: none; } }

/* Estilos adicionais para postagens */
.post-content h1 { font-size: 2.25rem; font-weight: 700; margin-bottom: 1rem; color: #1e293b; }
.post-content h2 { font-size: 1.75rem; font-weight: 600; margin-top: 1.5rem; margin-bottom: 0.75rem; color: #1e293b; }
.post-content h3 { font-size: 1.5rem; font-weight: 600; margin-top: 1.25rem; margin-bottom: 0.5rem; color: #1e293b; }
.post-content p { line-height: 1.75; margin-bottom: 1rem; color: #475569; }
.post-content ul, .post-content ol { list-style-position: inside; margin-bottom: 1rem; padding-left: 1.5rem; }
.post-content ul li { list-style-type: disc; margin-bottom: 0.5rem; }
.post-content ol li { list-style-type: decimal; margin-bottom: 0.5rem; }
.post-content a { color: #2563eb; text-decoration: underline; }
.post-content table { width: 100%; border-collapse: collapse; margin-bottom: 1rem; }
.post-content th, .post-content td { border: 1px solid #e2e8f0; padding: 0.75rem; text-align: left; }
.post-content th { background-color: #f1f5f9; font-weight: 600; }
.post-content blockquote { border-left: 4px solid #2563eb; padding-left: 1rem; margin-left: 0; margin-bottom: 1rem; color: #475569; font-style: italic; }
.post-content pre { background-color: #f1f5f9; padding: 1rem; border-radius: 0.5rem; overflow-x: auto; margin-bottom: 1rem; }
.post-content code { font-family: 'Menlo', 'Monaco', 'Consolas', 'Liberation Mono', 'Courier New', monospace; background-color: #e2e8f0; padding: 0.2em 0.4em; border-radius: 0.25rem; }
.post-content img { max-width: 100%; height: auto; display: block; margin: 1rem auto; border-radius: 0.5rem; }
