:root{--brand-dark:#14532d;--brand-main:#166534;--brand-light:#dcfce7;--brand-accent:#facc15;--brand-accent-hover:#eab308;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-800:#1f2937;--white:#fff;--black:#000}.blog-page-wrapper{background-color:var(--gray-50);color:var(--gray-800);font-family:Lato,sans-serif}.blog-main-content{flex-grow:1}.font-serif{font-family:Playfair Display,serif}html{scroll-behavior:smooth}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:var(--brand-main);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--brand-dark)}.hero-section{background-color:var(--white);border-bottom:1px solid var(--gray-200)}.hero-container{max-width:80rem;margin:0 auto;padding:8rem 1rem 3rem}@media (min-width:768px){.hero-container{padding:10rem 1rem 5rem}}.hero-grid{display:grid;grid-template-columns:1fr;grid-gap:3rem;gap:3rem;align-items:center}@media (min-width:768px){.hero-grid{grid-template-columns:1fr 1fr}}.hero-content{display:flex;flex-direction:column;gap:1.5rem}.badge{display:inline-block;background-color:var(--brand-light);padding:.25rem .75rem;border-radius:9999px;font-size:.875rem;text-transform:uppercase;letter-spacing:.05em;border:1px solid rgba(22,101,52,.2);width:-moz-fit-content;width:fit-content}.badge,.hero-title{color:var(--brand-dark);font-weight:700}.hero-title{font-size:2.25rem;line-height:1.2;margin:0}@media (min-width:768px){.hero-title{font-size:3rem}}.hero-description{color:var(--gray-600);font-size:1.125rem;line-height:1.6;margin:0}.hero-stats{gap:1rem;font-size:.875rem;color:var(--gray-500)}.hero-stats,.stat-item{display:flex;align-items:center}.stat-item{gap:.5rem}.primary-btn{display:inline-flex;align-items:center;background-color:var(--brand-main);color:var(--white);padding:.75rem 2rem;border-radius:.25rem;text-decoration:none;font-weight:600;box-shadow:0 10px 15px -3px rgba(0,0,0,.1);transition:all .3s;width:-moz-fit-content;width:fit-content}.primary-btn:hover{background-color:var(--brand-dark);box-shadow:0 20px 25px -5px rgba(0,0,0,.1)}.hero-image-container{position:relative;height:auto;border-radius:.75rem;overflow:hidden;box-shadow:0 25px 50px -12px rgba(0,0,0,.25);cursor:pointer}@media (min-width:768px){.hero-image-container{height:auto}}.hero-image-container img{width:100%;height:auto;display:block}.hero-overlay{position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.2),transparent)}.blog-content-section{max-width:80rem;margin:0 auto;padding:4rem 1rem}.blog-main-grid{display:grid;grid-template-columns:1fr;grid-gap:3rem;gap:3rem}@media (min-width:1024px){.blog-main-grid{grid-template-columns:2fr 1fr}}.section-header{display:flex;justify-content:space-between;align-items:flex-end;border-bottom:2px solid var(--brand-light);padding-bottom:1rem;margin-bottom:3rem}.section-title{font-size:1.875rem;font-weight:700;color:var(--brand-dark);margin:0}.view-all{color:var(--brand-main);font-weight:700;text-decoration:none;transition:color .3s}.view-all:hover{color:var(--brand-accent)}.blog-posts-list{gap:3rem}.blog-card,.blog-posts-list{display:flex;flex-direction:column}.blog-card{gap:2rem;align-items:flex-start;transition:all .3s;border:1px solid transparent}@media (min-width:768px){.blog-card{flex-direction:row;padding:1.5rem;border-radius:.75rem}.blog-card:hover{background-color:var(--white);box-shadow:0 10px 15px -3px rgba(0,0,0,.1);border-color:var(--gray-100)}}.blog-card-image{width:100%;height:12rem;background-color:var(--gray-200);border-radius:.5rem;overflow:hidden;flex-shrink:0;cursor:pointer}@media (min-width:768px){.blog-card-image{width:33.333333%}}.blog-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.blog-card:hover .blog-card-image img{transform:scale(1.05)}.blog-card-content{flex:1 1;display:flex;flex-direction:column;gap:1.25rem;padding:.5rem 0}.blog-card-meta{display:flex;gap:.5rem;align-items:center}.category-tag{font-size:.75rem;font-weight:700;color:var(--brand-main);background-color:var(--brand-light);padding:.25rem .5rem;border-radius:.25rem}.read-time{font-size:.75rem;color:var(--gray-400)}.blog-card-title{font-size:1.25rem;font-weight:700;color:var(--brand-dark);margin:0;cursor:pointer;transition:color .3s;line-height:1.4}.blog-card-title:hover{color:var(--brand-main)}.blog-card-excerpt{color:var(--gray-600);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin:0;line-height:1.6}.read-recipe-link{color:var(--brand-main);font-weight:700;font-size:.9rem;text-decoration:none;padding:.5rem 0;display:inline-block;border-bottom:2px solid rgba(250,204,21,.5);width:-moz-fit-content;width:fit-content;transition:all .3s;margin-top:auto;cursor:pointer;position:relative;z-index:10}.read-recipe-link:hover{color:var(--brand-accent-hover);border-bottom-color:var(--brand-accent)}.pagination{gap:.5rem;padding-top:2rem}.pagination,.pagination-btn{display:flex;justify-content:center}.pagination-btn{width:2.5rem;height:2.5rem;border-radius:9999px;border:1px solid var(--gray-300);background:none;align-items:center;cursor:pointer;transition:all .3s;font-size:1rem}.pagination-btn:hover{border-color:var(--brand-main);color:var(--brand-main);background-color:var(--brand-light)}.pagination-btn.active{background-color:var(--brand-main);color:var(--white);border-color:var(--brand-main);box-shadow:0 10px 15px -3px rgba(0,0,0,.1)}.sidebar{display:flex;flex-direction:column;gap:2rem}.widget{background-color:var(--white);padding:1.5rem;border-radius:.75rem;box-shadow:0 1px 2px 0 rgba(0,0,0,.05);border:1px solid var(--gray-100)}.widget-title{font-weight:700;font-size:1.125rem;margin-bottom:1rem;margin-top:0;color:var(--brand-dark)}.widget-title.underlined{border-bottom:1px solid var(--brand-light);padding-bottom:.5rem}.search-wrapper{position:relative}.search-wrapper input{width:100%;background-color:var(--gray-50);border:1px solid var(--gray-200);border-radius:.5rem;padding:.5rem 2.5rem .5rem 1rem;outline:none;transition:all .3s;box-sizing:border-box}.search-wrapper input:focus{border-color:var(--brand-main);box-shadow:0 0 0 1px var(--brand-main)}.search-btn{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--gray-400);cursor:pointer;font-size:1rem}.search-btn:hover{color:var(--brand-main)}.category-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.75rem}.category-item{display:flex;justify-content:space-between;align-items:center;color:var(--gray-600);text-decoration:none;transition:color .3s}.category-item:hover{color:var(--brand-main)}.category-name{display:flex;align-items:center}.category-count{background-color:var(--gray-100);font-size:.75rem;padding:.25rem .5rem;border-radius:9999px;transition:all .3s}.category-item:hover .category-count{background-color:var(--brand-main);color:var(--white)}.newsletter-widget{background-color:var(--brand-dark);padding:2rem;border-radius:.75rem;text-align:center;color:var(--white);position:relative;overflow:hidden}.decorative-circle{position:absolute;top:-2.5rem;right:-2.5rem;width:8rem;height:8rem;background-color:var(--brand-main);border-radius:9999px;opacity:.5}.newsletter-icon{font-size:2.25rem;margin-bottom:1rem}.newsletter-title{font-size:1.5rem;font-weight:700;margin-bottom:.5rem;margin-top:0}.newsletter-desc{color:var(--brand-light);font-size:.875rem;margin-bottom:1.5rem}.newsletter-form{display:flex;flex-direction:column;gap:.75rem}.newsletter-form input{padding:.5rem 1rem;border-radius:.25rem;color:var(--gray-800);border:none;outline:none}.newsletter-form input:focus{box-shadow:0 0 0 2px var(--brand-accent)}.subscribe-btn{background-color:var(--brand-accent);color:var(--brand-dark);font-weight:700;padding:.5rem;border-radius:.25rem;border:none;cursor:pointer;transition:all .3s}.subscribe-btn:hover{background-color:var(--white)}.tags-cloud{display:flex;flex-wrap:wrap;gap:.5rem}.tag-link{padding:.25rem .75rem;background-color:var(--gray-100);color:var(--gray-600);font-size:.875rem;border-radius:9999px;text-decoration:none;transition:all .3s}.tag-link:hover{background-color:var(--brand-main);color:var(--white)}