/* Gezond Leren Eten - Dark Mode First */:root{--bg-primary:#0a0a0b;--bg-secondary:#111113;--bg-card:#18181b;--bg-hover:#27272a;--text-primary:#fafafa;--text-secondary:#a1a1aa;--text-muted:#71717a;--accent:#22c55e;--accent-hover:#16a34a;--accent-soft:rgba(34, 197, 94, 0.1);--border:#27272a;--radius:12px;--radius-lg:20px;--shadow:0 4px 20px rgba(0, 0, 0, 0.3);}*{margin:0;padding:0;box-sizing:border-box;}html{scroll-behavior:smooth;}body{font-family:'Inter', -apple-system, BlinkMacSystemFont, sans-serif;background:var(--bg-primary);color:var(--text-primary);line-height:1.6;min-height:100vh;display:flex;flex-direction:column;}main{flex:1;}.container{max-width:1200px;margin:0 auto;padding:0 1.5rem;}.container.narrow{max-width:800px;}/* Typography */ h1, h2, h3, h4{font-weight:600;line-height:1.3;}h1{font-size:clamp(2rem, 5vw, 3rem);}h2{font-size:clamp(1.5rem, 3vw, 2rem);}h3{font-size:clamp(1.25rem, 2vw, 1.5rem);}a{color:var(--accent);text-decoration:none;transition:color 0.2s;}a:hover{color:var(--accent-hover);}/* Buttons */ .btn{display:inline-flex;align-items:center;justify-content:center;padding:0.75rem 1.5rem;border-radius:var(--radius);font-weight:500;font-size:1rem;cursor:pointer;transition:all 0.2s;border:none;}.btn-primary{background:var(--accent);color:#000;}.btn-primary:hover{background:var(--accent-hover);color:#000;}.btn-secondary{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border);}.btn-secondary:hover{background:var(--bg-hover);}.btn-outline{background:transparent;color:var(--accent);border:1px solid var(--accent);}.btn-outline:hover{background:var(--accent-soft);}/* Navbar */ .navbar{position:sticky;top:0;background:rgba(10, 10, 11, 0.9);backdrop-filter:blur(20px);border-bottom:1px solid var(--border);z-index:100;padding:1rem 0;}.navbar .container{display:flex;align-items:center;justify-content:space-between;}.logo{display:flex;align-items:center;gap:0.5rem;font-weight:600;font-size:1.25rem;color:var(--text-primary);}.logo-icon{font-size:1.5rem;}.nav-menu{display:flex;list-style:none;gap:2rem;}.nav-menu a{color:var(--text-secondary);font-weight:500;}.nav-menu a:hover{color:var(--text-primary);}.nav-toggle{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:0.5rem;}.nav-toggle span{width:24px;height:2px;background:var(--text-primary);transition:0.3s;}/* Hero */ .hero{padding:4rem 0 6rem;background:linear-gradient(180deg, var(--bg-secondary) 0%, var(--bg-primary) 100%);}.hero .container{display:grid;grid-template-columns:1fr auto;gap:3rem;align-items:center;}.hero-content h1{margin-bottom:1rem;}.hero-subtitle{font-size:1.25rem;color:var(--text-secondary);margin-bottom:2rem;max-width:500px;}.hero-buttons{display:flex;gap:1rem;flex-wrap:wrap;}.hero-visual{display:flex;align-items:center;justify-content:center;}.hero-emoji{font-size:8rem;animation:float 3s ease-in-out infinite;}@keyframes float{0%, 100%{transform:translateY(0);}50%{transform:translateY(-10px);}}/* Sections */ section{padding:4rem 0;}.section-title{text-align:center;margin-bottom:3rem;}.section-cta{text-align:center;margin-top:2rem;}/* Features */ .features-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));gap:1.5rem;}.feature-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:2rem;text-align:center;transition:transform 0.2s, border-color 0.2s;}.feature-card:hover{transform:translateY(-4px);border-color:var(--accent);}.feature-icon{font-size:3rem;display:block;margin-bottom:1rem;}.feature-card h3{margin-bottom:0.5rem;}.feature-card p{color:var(--text-secondary);font-size:0.95rem;}/* Recipe Cards */ .recipes-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));gap:1.5rem;}.recipes-grid.large{grid-template-columns:repeat(auto-fit, minmax(350px, 1fr));}.recipe-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;transition:transform 0.2s, border-color 0.2s;}.recipe-card:hover{transform:translateY(-4px);border-color:var(--accent);}.recipe-image{height:160px;background:var(--bg-secondary);display:flex;align-items:center;justify-content:center;position:relative;}.recipe-emoji{font-size:4rem;}.recipe-category{position:absolute;top:1rem;right:1rem;background:var(--accent);color:#000;padding:0.25rem 0.75rem;border-radius:20px;font-size:0.8rem;font-weight:500;}.recipe-content{padding:1.5rem;}.recipe-content h2, .recipe-content h3{margin-bottom:0.5rem;}.recipe-content h2 a, .recipe-content h3 a{color:var(--text-primary);}.recipe-content h2 a:hover, .recipe-content h3 a:hover{color:var(--accent);}.recipe-content p{color:var(--text-secondary);font-size:0.95rem;margin-bottom:1rem;}.recipe-meta{display:flex;gap:1rem;font-size:0.85rem;color:var(--text-muted);}.recipe-macros{display:flex;gap:0.5rem;margin-top:0.75rem;}.macro{font-size:0.75rem;padding:0.25rem 0.5rem;border-radius:6px;font-weight:500;}.macro.protein{background:rgba(59, 130, 246, 0.2);color:#60a5fa;}.macro.carbs{background:rgba(234, 179, 8, 0.2);color:#facc15;}.macro.fat{background:rgba(239, 68, 68, 0.2);color:#f87171;}/* Tip Cards */ .tips-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));gap:1.5rem;}.tip-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:2rem;transition:transform 0.2s, border-color 0.2s;}.tip-card:hover{transform:translateY(-4px);border-color:var(--accent);}.tip-card h3{margin-bottom:0.75rem;}.tip-card h3 a{color:var(--text-primary);}.tip-card h3 a:hover{color:var(--accent);}.tip-card p{color:var(--text-secondary);margin-bottom:1rem;}.read-more{font-weight:500;}.tips-list{display:flex;flex-direction:column;gap:1.5rem;}.tip-card.large{display:flex;align-items:center;gap:2rem;}.tip-card.large .tip-content{flex:1;}.tip-card.large h2{margin-bottom:0.75rem;}/* Page Headers */ .page-header{padding:3rem 0;text-align:center;background:var(--bg-secondary);border-bottom:1px solid var(--border);}.page-header h1{margin-bottom:0.5rem;}.page-header p{color:var(--text-secondary);}/* Recipe Detail */ .recipe-detail{padding:2rem 0 4rem;}.recipe-header{margin-bottom:3rem;}.back-link{display:inline-block;color:var(--text-muted);margin-bottom:1.5rem;}.back-link:hover{color:var(--accent);}.recipe-description{font-size:1.25rem;color:var(--text-secondary);margin-top:1rem;}.recipe-info-bar{display:grid;grid-template-columns:repeat(auto-fit, minmax(120px, 1fr));gap:1rem;margin-top:2rem;padding:1.5rem;background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border);}.info-item{text-align:center;}.info-icon{font-size:1.5rem;display:block;margin-bottom:0.25rem;}.info-label{display:block;font-size:0.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:0.05em;}.info-value{display:block;font-weight:600;margin-top:0.25rem;}.nutrition-bar{display:flex;justify-content:center;gap:2rem;margin-top:1.5rem;padding:1rem;background:var(--accent-soft);border-radius:var(--radius);}.nutrition-bar .macro{text-align:center;background:none;padding:0;}.nutrition-bar .macro-value{display:block;font-size:1.5rem;font-weight:700;color:var(--accent);}.nutrition-bar .macro-label{font-size:0.8rem;color:var(--text-secondary);}.recipe-body{display:grid;grid-template-columns:300px 1fr;gap:3rem;margin-top:3rem;}.ingredients-section, .instructions-section{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:2rem;}.ingredients-section h2, .instructions-section h2{margin-bottom:1.5rem;}.ingredients-list{list-style:none;}.ingredients-list li{padding:0.75rem 0;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:0.75rem;}.ingredients-list li::before{content:"•";color:var(--accent);}.ingredients-list li:last-child{border-bottom:none;}.instructions-content{color:var(--text-secondary);line-height:1.8;}/* Tip Detail */ .tip-detail{padding:2rem 0 4rem;}.tip-header{margin-bottom:2rem;}.tip-summary{font-size:1.25rem;color:var(--text-secondary);margin-top:1rem;}.tip-body{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:2rem;}.tip-footer{margin-top:2rem;}/* Prose */ .prose{line-height:1.8;color:var(--text-secondary);}.prose p{margin-bottom:1.5rem;}.prose h2{color:var(--text-primary);margin-top:2rem;margin-bottom:1rem;}.prose ul{margin-bottom:1.5rem;padding-left:1.5rem;}.prose li{margin-bottom:0.5rem;}.prose .lead{font-size:1.25rem;color:var(--text-primary);}/* About CTA Box */ .cta-box{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);padding:2rem;margin-top:3rem;text-align:center;}.cta-box h3{color:var(--text-primary);margin-bottom:0.5rem;}.cta-box p{margin-bottom:1.5rem;}/* Newsletter */ .newsletter{background:var(--bg-secondary);border-top:1px solid var(--border);border-bottom:1px solid var(--border);}.newsletter-box{max-width:500px;margin:0 auto;text-align:center;}.newsletter-box h2{margin-bottom:0.5rem;}.newsletter-box > p{color:var(--text-secondary);margin-bottom:1.5rem;}.newsletter-form{display:flex;gap:0.75rem;}.newsletter-form input{flex:1;padding:0.75rem 1rem;border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-card);color:var(--text-primary);font-size:1rem;}.newsletter-form input::placeholder{color:var(--text-muted);}.newsletter-form input:focus{outline:none;border-color:var(--accent);}.newsletter-disclaimer{font-size:0.85rem;color:var(--text-muted);margin-top:1rem;}/* Empty State */ .empty-state{text-align:center;padding:4rem 2rem;}.empty-icon{font-size:4rem;display:block;margin-bottom:1rem;}.empty-state h2{margin-bottom:0.5rem;}.empty-state p{color:var(--text-secondary);}/* Footer */ .footer{background:var(--bg-secondary);border-top:1px solid var(--border);padding:3rem 0 1.5rem;margin-top:auto;}.footer-content{display:grid;grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));gap:2rem;margin-bottom:2rem;}.footer-brand{display:flex;flex-direction:column;gap:0.5rem;}.footer-brand span{font-weight:600;}.footer-brand p{color:var(--text-muted);font-size:0.9rem;}.footer-links{display:flex;flex-direction:column;gap:0.5rem;}.footer-links a{color:var(--text-secondary);}.footer-links a:hover{color:var(--text-primary);}.footer-bottom{padding-top:1.5rem;border-top:1px solid var(--border);text-align:center;}.footer-bottom p{color:var(--text-muted);font-size:0.85rem;}/* Mobile Responsive */ @media (max-width:768px){.nav-toggle{display:flex;}.nav-menu{position:fixed;top:60px;left:0;right:0;background:var(--bg-secondary);flex-direction:column;padding:1.5rem;gap:1rem;border-bottom:1px solid var(--border);transform:translateY(-100%);opacity:0;pointer-events:none;transition:0.3s;}.nav-menu.active{transform:translateY(0);opacity:1;pointer-events:all;}.hero .container{grid-template-columns:1fr;text-align:center;}.hero-visual{order:-1;}.hero-emoji{font-size:5rem;}.hero-buttons{justify-content:center;}.recipe-body{grid-template-columns:1fr;}.newsletter-form{flex-direction:column;}.tip-card.large{flex-direction:column;}}/* ============ AUTH STYLES ============ */ .auth-section{min-height:80vh;display:flex;align-items:center;justify-content:center;padding:2rem 0;}.auth-card{background:var(--bg-card);border-radius:var(--radius-lg);padding:2.5rem;max-width:420px;width:100%;border:1px solid var(--border);}.auth-card h1{text-align:center;margin-bottom:1.5rem;}.form-group{margin-bottom:1.25rem;}.form-group label{display:block;margin-bottom:0.5rem;font-weight:500;color:var(--text-secondary);}.form-group input, .form-group textarea, .form-group select{width:100%;padding:0.875rem 1rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-secondary);color:var(--text-primary);font-size:1rem;transition:border-color 0.2s;}.form-group input:focus, .form-group textarea:focus, .form-group select:focus{outline:none;border-color:var(--accent);}.form-group input:disabled{opacity:0.6;cursor:not-allowed;}.form-group small{display:block;margin-top:0.25rem;color:var(--text-muted);font-size:0.875rem;}.btn-full{width:100%;}.auth-links{text-align:center;margin-top:1.5rem;color:var(--text-muted);}.auth-links a{color:var(--text-secondary);}.auth-links .separator{margin:0 0.5rem;}.alert{padding:1rem;border-radius:var(--radius);margin-bottom:1rem;}.alert-error{background:rgba(239, 68, 68, 0.1);border:1px solid rgba(239, 68, 68, 0.3);color:#ef4444;}.alert-success{background:rgba(34, 197, 94, 0.1);border:1px solid rgba(34, 197, 94, 0.3);color:var(--accent);}.profile-card{max-width:500px;}.profile-card hr{border:none;border-top:1px solid var(--border);margin:1.5rem 0;}.profile-card h3{margin-bottom:1rem;color:var(--text-secondary);}.profile-meta{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border);color:var(--text-muted);font-size:0.875rem;}/* Nav user dropdown */ .nav-user{display:flex;align-items:center;gap:1rem;}.btn-login{background:var(--accent);color:#000 !important;padding:0.5rem 1rem;border-radius:var(--radius);}.admin-link{color:var(--text-muted) !important;}/* ============ BLOG STYLES ============ */ .page-header{background:var(--bg-secondary);padding:4rem 0 3rem;text-align:center;border-bottom:1px solid var(--border);}.page-header h1{margin-bottom:0.5rem;}.page-header p{color:var(--text-secondary);}.blog-section{padding:3rem 0;}.blog-filters{display:flex;gap:0.75rem;margin-bottom:2rem;flex-wrap:wrap;}.filter-btn{padding:0.5rem 1rem;border-radius:var(--radius);background:var(--bg-card);color:var(--text-secondary);border:1px solid var(--border);transition:all 0.2s;}.filter-btn:hover, .filter-btn.active{background:var(--accent);color:#000;border-color:var(--accent);}.blog-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(320px, 1fr));gap:1.5rem;}.blog-grid.small{grid-template-columns:repeat(auto-fill, minmax(280px, 1fr));}.blog-card{background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border);overflow:hidden;transition:transform 0.2s, box-shadow 0.2s;}.blog-card:hover{transform:translateY(-4px);box-shadow:var(--shadow);}.blog-card-image{height:180px;overflow:hidden;}.blog-card-image img{width:100%;height:100%;object-fit:cover;}.blog-card-content{padding:1.5rem;}.blog-category{display:inline-block;padding:0.25rem 0.75rem;background:var(--accent-soft);color:var(--accent);border-radius:20px;font-size:0.75rem;font-weight:500;text-transform:uppercase;margin-bottom:0.75rem;}.blog-card h2{font-size:1.25rem;margin-bottom:0.5rem;}.blog-card h2 a{color:var(--text-primary);}.blog-card h2 a:hover{color:var(--accent);}.blog-card p{color:var(--text-secondary);font-size:0.95rem;margin-bottom:1rem;}.blog-meta{display:flex;gap:1rem;color:var(--text-muted);font-size:0.875rem;}/* Blog article */ .blog-article{padding:3rem 0;}.article-header{max-width:800px;margin:0 auto 2rem;}.back-link{display:inline-block;margin-bottom:1rem;color:var(--text-muted);}.article-header h1{margin:1rem 0;}.article-meta{display:flex;gap:1.5rem;color:var(--text-muted);flex-wrap:wrap;}.article-image{max-width:900px;margin:0 auto 2rem;border-radius:var(--radius-lg);overflow:hidden;}.article-image img{width:100%;height:auto;}.article-content{max-width:800px;margin:0 auto;font-size:1.1rem;line-height:1.8;}.article-content p{margin-bottom:1.5rem;}.article-content h2, .article-content h3{margin:2rem 0 1rem;}.article-content ul, .article-content ol{margin:1rem 0 1.5rem 1.5rem;}.article-content li{margin-bottom:0.5rem;}.admin-actions{max-width:800px;margin:2rem auto 0;padding-top:2rem;border-top:1px solid var(--border);}.related-posts{background:var(--bg-secondary);padding:3rem 0;margin-top:3rem;}.related-posts h2{margin-bottom:1.5rem;}.empty-state{text-align:center;padding:4rem 2rem;color:var(--text-muted);}/* ============ ADMIN STYLES ============ */ .admin-section{padding:2rem 0 4rem;}.admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem;}.admin-header h1{margin:0;}.admin-breadcrumb{margin-bottom:1.5rem;color:var(--text-muted);}.admin-breadcrumb a{color:var(--text-muted);}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));gap:1rem;margin-bottom:2rem;}.stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.5rem;display:flex;align-items:center;gap:1rem;}.stat-icon{font-size:2rem;}.stat-number{display:block;font-size:2rem;font-weight:700;color:var(--accent);}.stat-label{color:var(--text-muted);font-size:0.875rem;}.admin-nav{display:grid;grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));gap:1rem;margin-bottom:3rem;}.admin-nav-item{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem;color:var(--text-primary);font-weight:500;transition:all 0.2s;}.admin-nav-item:hover{background:var(--bg-hover);border-color:var(--accent);color:var(--text-primary);}.admin-nav-item span{margin-right:0.5rem;}.admin-table{width:100%;border-collapse:collapse;background:var(--bg-card);border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--border);}.admin-table th, .admin-table td{padding:1rem;text-align:left;border-bottom:1px solid var(--border);}.admin-table th{background:var(--bg-secondary);font-weight:600;color:var(--text-muted);font-size:0.875rem;text-transform:uppercase;}.admin-table tr:last-child td{border-bottom:none;}.admin-table tr:hover td{background:var(--bg-hover);}.admin-table .actions{display:flex;gap:0.5rem;flex-wrap:wrap;}.btn-sm{padding:0.375rem 0.75rem;font-size:0.875rem;}.btn-danger{background:rgba(239, 68, 68, 0.1);color:#ef4444;border:1px solid rgba(239, 68, 68, 0.3);}.btn-danger:hover{background:#ef4444;color:#fff;}.badge{display:inline-block;padding:0.25rem 0.75rem;border-radius:20px;font-size:0.75rem;font-weight:500;background:var(--bg-hover);color:var(--text-secondary);}.badge-success{background:rgba(34, 197, 94, 0.15);color:var(--accent);}.badge-warning{background:rgba(234, 179, 8, 0.15);color:#eab308;}.badge-danger{background:rgba(239, 68, 68, 0.15);color:#ef4444;}.badge-admin{background:rgba(168, 85, 247, 0.15);color:#a855f7;}.recent-section h2{margin-bottom:1rem;}/* Post form */ .post-form .form-grid{display:grid;grid-template-columns:1fr 300px;gap:2rem;}@media (max-width:900px){.post-form .form-grid{grid-template-columns:1fr;}}.form-main .form-group input, .form-main .form-group textarea{font-size:1rem;}.form-sidebar{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.5rem;height:fit-content;position:sticky;top:2rem;}.checkbox-group label{display:flex;align-items:center;gap:0.5rem;cursor:pointer;}.checkbox-group input[type="checkbox"]{width:auto;}.form-meta{background:var(--bg-secondary);padding:1rem;border-radius:var(--radius);margin:1rem 0;font-size:0.875rem;color:var(--text-muted);}.form-meta p{margin-bottom:0.25rem;}.form-actions{display:flex;flex-direction:column;gap:0.75rem;}/* ============ SEO & ACCESSIBILITY ============ */ /* Screen reader only - for accessibility */ .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;}/* Breadcrumb navigation */ .breadcrumb{margin-bottom:1.5rem;font-size:0.875rem;}.breadcrumb ol{display:flex;flex-wrap:wrap;list-style:none;padding:0;margin:0;gap:0.5rem;}.breadcrumb li{display:flex;align-items:center;}.breadcrumb li:not(:last-child)::after{content:"/";margin-left:0.5rem;color:var(--text-muted);}.breadcrumb a{color:var(--text-muted);}.breadcrumb a:hover{color:var(--accent);}.breadcrumb [aria-current]{color:var(--text-secondary);}/* Share buttons */ .share-section{margin-top:2rem;padding-top:2rem;border-top:1px solid var(--border);}.share-section h4{margin-bottom:1rem;color:var(--text-muted);font-size:0.875rem;text-transform:uppercase;letter-spacing:0.05em;}.share-buttons{display:flex;gap:0.75rem;flex-wrap:wrap;}.share-btn{display:inline-flex;align-items:center;padding:0.5rem 1rem;border-radius:var(--radius);font-size:0.875rem;font-weight:500;transition:all 0.2s;}.share-btn.twitter{background:rgba(29, 161, 242, 0.1);color:#1da1f2;border:1px solid rgba(29, 161, 242, 0.3);}.share-btn.twitter:hover{background:#1da1f2;color:#fff;}.share-btn.facebook{background:rgba(24, 119, 242, 0.1);color:#1877f2;border:1px solid rgba(24, 119, 242, 0.3);}.share-btn.facebook:hover{background:#1877f2;color:#fff;}.share-btn.linkedin{background:rgba(0, 119, 181, 0.1);color:#0077b5;border:1px solid rgba(0, 119, 181, 0.3);}.share-btn.linkedin:hover{background:#0077b5;color:#fff;}.share-btn.pinterest{background:rgba(230, 0, 35, 0.1);color:#e60023;border:1px solid rgba(230, 0, 35, 0.3);}.share-btn.pinterest:hover{background:#e60023;color:#fff;}/* Lazy loading images */ img[loading="lazy"]{opacity:1;transition:opacity 0.3s;}img[loading="lazy"]:not([src]){opacity:0;}/* Recipe specific styles */ .recipe-article{padding:2rem 0 4rem;}.recipe-header{text-align:center;margin-bottom:2rem;}.recipe-category{display:inline-block;padding:0.25rem 0.75rem;background:var(--accent-soft);color:var(--accent);border-radius:20px;font-size:0.875rem;margin-bottom:1rem;}.recipe-description{font-size:1.125rem;color:var(--text-secondary);max-width:600px;margin:1rem auto;}.recipe-meta{display:flex;justify-content:center;gap:1.5rem;flex-wrap:wrap;margin-top:1.5rem;color:var(--text-muted);}.recipe-image{margin:2rem 0;border-radius:var(--radius-lg);overflow:hidden;}.recipe-image img{width:100%;height:auto;display:block;}.recipe-grid{display:grid;grid-template-columns:300px 1fr;gap:2rem;}@media (max-width:900px){.recipe-grid{grid-template-columns:1fr;}}.recipe-sidebar{display:flex;flex-direction:column;gap:1.5rem;}.nutrition-card, .ingredients-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.5rem;}.nutrition-card h3, .ingredients-card h3{margin-bottom:1rem;font-size:1rem;}.per-serving{font-size:0.75rem;color:var(--text-muted);margin-bottom:1rem;}.nutrition-list{list-style:none;padding:0;}.nutrition-list li{display:flex;justify-content:space-between;padding:0.5rem 0;border-bottom:1px solid var(--border);}.nutrition-list li:last-child{border-bottom:none;}.ingredients-list{list-style:none;padding:0;}.ingredients-list li{padding:0.5rem 0;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:0.5rem;}.ingredients-list li::before{content:"✓";color:var(--accent);}.ingredients-list li:last-child{border-bottom:none;}.recipe-main h3{margin-bottom:1.5rem;}.instructions{line-height:1.8;}.instructions p{margin-bottom:1rem;}.recipe-footer{margin-top:3rem;}.related-links{margin-top:2rem;}/* Article footer */ .article-footer{max-width:800px;margin:0 auto;}/* Hero section improvements */ .hero{padding:6rem 0 4rem;background:linear-gradient(180deg, var(--bg-secondary) 0%, var(--bg-primary) 100%);}.hero-content{text-align:center;max-width:700px;margin:0 auto;}.hero h1{margin-bottom:1.5rem;}.hero .highlight{color:var(--accent);}.hero-subtitle{font-size:1.25rem;color:var(--text-secondary);margin-bottom:2rem;}.hero-cta{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;}/* Features section */ .features{padding:4rem 0;}.features-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));gap:1.5rem;}.feature-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:2rem;text-align:center;transition:transform 0.2s, box-shadow 0.2s;}.feature-card:hover{transform:translateY(-4px);box-shadow:var(--shadow);}.feature-icon{font-size:3rem;display:block;margin-bottom:1rem;}.feature-card h3{margin-bottom:0.5rem;}.feature-card p{color:var(--text-secondary);font-size:0.95rem;}/* Section styling */ .section{padding:4rem 0;}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem;}.view-all{color:var(--accent);font-weight:500;}/* Card grid */ .card-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(300px, 1fr));gap:1.5rem;}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;transition:transform 0.2s, box-shadow 0.2s;}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow);}.card-image{height:180px;overflow:hidden;}.card-image img{width:100%;height:100%;object-fit:cover;}.card-image-placeholder{display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);font-size:3rem;}.card-content{padding:1.5rem;}.card-category{font-size:0.75rem;color:var(--accent);margin-bottom:0.5rem;display:inline-block;}.card h3{margin-bottom:0.5rem;}.card h3 a{color:var(--text-primary);}.card h3 a:hover{color:var(--accent);}.card p{color:var(--text-secondary);font-size:0.95rem;margin-bottom:1rem;}.card-meta{display:flex;gap:1rem;color:var(--text-muted);font-size:0.875rem;}/* Tips grid */ .tips-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(300px, 1fr));gap:1.5rem;}.tip-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.5rem;transition:transform 0.2s, box-shadow 0.2s;}.tip-card:hover{transform:translateY(-4px);box-shadow:var(--shadow);}.tip-card h3{margin-bottom:0.75rem;}.tip-card h3 a{color:var(--text-primary);}.tip-card h3 a:hover{color:var(--accent);}.tip-card p{color:var(--text-secondary);font-size:0.95rem;}/* Newsletter section */ .newsletter-section{padding:4rem 0;background:var(--bg-secondary);}.newsletter-card{max-width:500px;margin:0 auto;text-align:center;}.newsletter-card h2{margin-bottom:0.5rem;}.newsletter-card > p{color:var(--text-secondary);margin-bottom:1.5rem;}.newsletter-form .form-row{display:flex;gap:0.75rem;}.newsletter-form input{flex:1;padding:0.875rem 1rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-card);color:var(--text-primary);font-size:1rem;}.newsletter-form input:focus{outline:none;border-color:var(--accent);}.form-note{margin-top:0.75rem;font-size:0.875rem;color:var(--text-muted);}@media (max-width:500px){.newsletter-form .form-row{flex-direction:column;}}