.blog-container{min-height:100vh;background-color:#f9fafb}.article-card{transition:all .3s ease}.article-card:hover{transform:translateY(-4px);box-shadow:0 10px 25px rgba(0,0,0,.1)}.article-card:hover .article-image{transform:scale(1.05)}.article-card .article-image{transition:transform .3s ease;object-fit:cover}.article-content ol,.article-content ul{list-style:revert}.article-content .prose{max-width:none}.article-content .prose h1,.article-content .prose h2,.article-content .prose h3,.article-content .prose h4,.article-content .prose h5,.article-content .prose h6{color:#1f2937;font-weight:700;margin-top:2rem;margin-bottom:1rem;line-height:1.25}.article-content .prose h1{font-size:2.25rem}@media(max-width:768px){.article-content .prose h1{font-size:2rem}}.article-content .prose h2{font-size:1.875rem}@media(max-width:768px){.article-content .prose h2{font-size:1.5rem}}.article-content .prose h3{font-size:1.5rem}@media(max-width:768px){.article-content .prose h3{font-size:1.25rem}}.article-content .prose p{margin-bottom:1.5rem;line-height:1.75;color:#374151;font-size:1.125rem}@media(max-width:768px){.article-content .prose p{font-size:1rem;line-height:1.6}}.article-content .prose ol,.article-content .prose ul{margin-bottom:1.5rem;padding-left:1.5rem}.article-content .prose ol li,.article-content .prose ul li{margin-bottom:.5rem;color:#374151;line-height:1.75}.article-content .prose blockquote{border-left:4px solid #3b82f6;margin:2rem 0;font-style:italic;color:#6b7280;background-color:#f8fafc;padding:1rem 1.5rem;border-radius:0 .5rem .5rem 0}.article-content .prose code{background-color:#f1f5f9;padding:.25rem .5rem;border-radius:.25rem;font-size:.875rem;color:#dc2626;font-family:Courier New,monospace}.article-content .prose pre{background-color:#1e293b;color:#e2e8f0;padding:1.5rem;border-radius:.5rem;overflow-x:auto;margin:1.5rem 0}.article-content .prose pre code{background:none;color:inherit;padding:0}.article-content .prose img{border-radius:.5rem;margin:1.5rem 0;box-shadow:0 4px 6px rgba(0,0,0,.1)}.article-content .prose a{color:#3b82f6;text-decoration:underline;transition:color .2s ease}.article-content .prose a:hover{color:#1d4ed8}.blog-filters .filter-button{transition:all .2s ease}.blog-filters .filter-button:hover{transform:translateY(-1px);box-shadow:0 4px 8px rgba(0,0,0,.1)}.blog-filters .filter-button.active{background-color:#3b82f6;color:#fff;box-shadow:0 4px 8px rgba(59,130,246,.3)}.category-badge{font-weight:500;letter-spacing:.025em}.category-badge.nutrition{background-color:#dcfce7;color:#166534}.category-badge.training{background-color:#dbeafe;color:#1e40af}.category-badge.wellness{background-color:#f3e8ff;color:#7c3aed}.category-badge.coaching{background-color:#fed7aa;color:#ea580c}.category-badge.news{background-color:#f1f5f9;color:#475569}.article-meta .meta-item{display:flex;align-items:center;gap:.25rem;color:#6b7280;font-size:.875rem}.article-meta .meta-item svg{width:1rem;height:1rem}.loading-spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media(max-width:768px){.blog-grid{grid-template-columns:1fr;gap:1.5rem}.article-content,.article-header{padding:1.5rem}}.pagination{display:flex;justify-content:center;align-items:center;gap:.5rem;margin-top:3rem}.pagination .page-button{padding:.5rem 1rem;border:1px solid #d1d5db;border-radius:.375rem;background-color:#fff;color:#374151;text-decoration:none;transition:all .2s ease}.pagination .page-button:hover{background-color:#f9fafb;border-color:#9ca3af}.pagination .page-button.active{background-color:#3b82f6;color:#fff;border-color:#3b82f6}.pagination .page-button.disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.related-articles .related-article-card{transition:all .3s ease}.related-articles .related-article-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,.1)}.blog-cta{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:1rem;padding:3rem;text-align:center;box-shadow:0 10px 25px rgba(59,130,246,.2)}.blog-cta h2{color:#fff;margin-bottom:1rem}.blog-cta p{color:#bfdbfe;margin-bottom:2rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[tabindex]:focus-visible,a:focus-visible,button:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}