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