.articles-main.s-ACZdpJM5JW3v{max-width:900px;margin:1rem auto;padding:0 2rem;background:transparent;border-radius:0;box-shadow:none}.title-card.s-ACZdpJM5JW3v{background:var(--bg-section, #ffffff);border-radius:1.5rem;box-shadow:0 4px 20px #1e293b14;border:1px solid var(--border-color, #e2e8f0);overflow:hidden;margin-bottom:2rem}.title-content.s-ACZdpJM5JW3v{padding:2rem}.page-title.s-ACZdpJM5JW3v{font-size:2.5rem;font-weight:700;color:var(--heading-color);text-align:center;margin:0;letter-spacing:-.025em;line-height:1.2}.articles-grid.s-ACZdpJM5JW3v{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem;margin-top:2rem}.article-card.s-ACZdpJM5JW3v{background:var(--bg-section, #ffffff);border-radius:1rem;box-shadow:0 2px 12px #1e293b0f;border:1px solid var(--border-color, #e2e8f0);overflow:hidden;transition:all .3s ease;position:relative;display:flex;flex-direction:column;min-height:260px}.article-card.s-ACZdpJM5JW3v:hover{transform:translateY(-4px);box-shadow:0 12px 24px #1e293b1f;border-color:var(--primary-button, #3b82f6)}.card-body.s-ACZdpJM5JW3v{padding:1.5rem;flex:1;display:flex;flex-direction:column}.card-title.s-ACZdpJM5JW3v{font-size:1.125rem;font-weight:300!important;margin-bottom:1rem;line-height:1.3;color:var(--heading-color)!important;text-align:left!important}.card-text.s-ACZdpJM5JW3v{font-size:1rem;color:var(--muted-fg, #6b7280);line-height:1.6;margin-bottom:auto;flex:1}.card-text.s-ACZdpJM5JW3v p{margin:0 0 1rem}.card-text.s-ACZdpJM5JW3v strong{color:var(--fg, #1e293b);font-weight:600}.card-text.s-ACZdpJM5JW3v em{font-style:italic;color:var(--primary-button, #3b82f6)}.card-text.s-ACZdpJM5JW3v code{background:var(--bg-alt, #f1f5f9);color:var(--primary-button, #3b82f6);padding:.125rem .25rem;border-radius:.25rem;font-family:monospace;font-size:.875rem}.card-footer.s-ACZdpJM5JW3v{padding:0 1.5rem 1.5rem;margin-top:auto}.article-link.s-ACZdpJM5JW3v{display:inline-flex;align-items:center;gap:.5rem;color:var(--primary-button, #3b82f6);font-weight:600;text-decoration:none;transition:all .3s ease;padding:.75rem 1.5rem;background:var(--bg-alt, #f8fafc);border-radius:2rem;border:2px solid var(--primary-button, #3b82f6);font-size:.875rem;text-transform:uppercase;letter-spacing:.5px}.article-link.s-ACZdpJM5JW3v:hover{background:var(--primary-button, #3b82f6);color:#fff;transform:translateY(-2px);box-shadow:0 4px 15px #3b82f64d}.article-link.s-ACZdpJM5JW3v svg:where(.s-ACZdpJM5JW3v){width:14px;height:14px;transition:transform .3s ease}.article-link.s-ACZdpJM5JW3v:hover svg:where(.s-ACZdpJM5JW3v){transform:translate(2px)}.empty-state.s-ACZdpJM5JW3v{text-align:center;padding:4rem 2rem;border-radius:1.5rem;background:var(--bg-section, #f9fafb);margin:2rem 0;border:1px solid var(--border-color, #e2e8f0)}.empty-icon.s-ACZdpJM5JW3v{font-size:4rem;margin-bottom:1.5rem;opacity:.5}.empty-title.s-ACZdpJM5JW3v{font-size:1.5rem;font-weight:600;color:var(--fg, #111827);margin:0 0 1rem}.empty-message.s-ACZdpJM5JW3v{color:var(--muted-fg, #6b7280);font-size:1.125rem}@media(max-width:1024px){.articles-main.s-ACZdpJM5JW3v{padding:0 1.5rem}.articles-grid.s-ACZdpJM5JW3v{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem}}@media(max-width:768px){.articles-main.s-ACZdpJM5JW3v{margin:1rem;padding:0 1rem}.page-title.s-ACZdpJM5JW3v{font-size:2rem;margin-bottom:2rem}.articles-grid.s-ACZdpJM5JW3v{grid-template-columns:1fr;gap:1rem}.article-card.s-ACZdpJM5JW3v{border-radius:.75rem;min-height:auto}.card-body.s-ACZdpJM5JW3v{padding:1.25rem}.card-footer.s-ACZdpJM5JW3v{padding:0 1.25rem 1.25rem}}@media(max-width:480px){.articles-main.s-ACZdpJM5JW3v{padding:0 .75rem}.card-body.s-ACZdpJM5JW3v{padding:1rem}.card-footer.s-ACZdpJM5JW3v{padding:0 1rem 1rem}.article-link.s-ACZdpJM5JW3v{padding:.5rem 1rem;font-size:.8rem}}html.dark .article-card.s-ACZdpJM5JW3v{background:#334155;border-color:#475569;box-shadow:0 4px 12px #0000004d}html.dark .article-card.s-ACZdpJM5JW3v:hover{border-color:#60a5fa;box-shadow:0 12px 24px #0006;background:#3f4f63}html.dark .card-text.s-ACZdpJM5JW3v{color:#cbd5e1}html.dark .card-text.s-ACZdpJM5JW3v strong{color:#f1f5f9}html.dark .article-link.s-ACZdpJM5JW3v{background:#334155;border-color:#60a5fa;color:#60a5fa}html.dark .article-link.s-ACZdpJM5JW3v:hover{background:#60a5fa;color:#0f172a;box-shadow:0 4px 15px #60a5fa66}
