.header{background:linear-gradient(135deg,#4a7c59,#5a8f6a);color:#fff;padding:1.25rem 0;box-shadow:0 2px 10px #0000001a;position:sticky;top:0;z-index:1000;transition:padding .3s ease,box-shadow .3s ease}.header-container{max-width:1200px;margin:0 auto;padding:0 2rem;display:flex;justify-content:space-between;align-items:center}.logo h1{font-size:1.75rem;font-weight:700;margin-bottom:.15rem;letter-spacing:-.5px}.tagline{font-size:.85rem;opacity:.9;font-weight:300}.nav{display:flex;gap:2rem;align-items:center}.nav a{color:#fff;text-decoration:none;font-weight:500;transition:all .3s ease;padding:.5rem 0;border-bottom:2px solid transparent;white-space:nowrap}.nav a:hover{opacity:.8;border-bottom-color:#ffffff80}.hamburger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:.5rem;z-index:1001}.hamburger span{width:28px;height:3px;background:#fff;border-radius:3px;transition:all .3s ease}.hamburger span.open:nth-child(1){transform:rotate(45deg) translate(8px,8px)}.hamburger span.open:nth-child(2){opacity:0}.hamburger span.open:nth-child(3){transform:rotate(-45deg) translate(7px,-7px)}@media(max-width:768px){.header-container{flex-wrap:wrap}.logo h1{font-size:1.5rem}.tagline{font-size:.8rem}.hamburger{display:flex}.nav{position:fixed;top:0;right:-100%;height:100vh;width:70%;max-width:300px;background:linear-gradient(135deg,#4a7c59,#5a8f6a);flex-direction:column;justify-content:flex-start;align-items:flex-start;padding:5rem 2rem 2rem;gap:1.5rem;box-shadow:-2px 0 10px #0003;transition:right .3s ease;z-index:999}.nav.nav-open{right:0}.nav a{font-size:1.1rem;width:100%;padding:.75rem 0;border-bottom:1px solid rgba(255,255,255,.2)}.nav a:hover{border-bottom-color:#ffffff80;padding-left:.5rem}}@media(min-width:769px)and (max-width:968px){.nav{gap:1.5rem}.nav a{font-size:.9rem}}.blog-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #00000014;transition:transform .3s ease,box-shadow .3s ease;display:flex;flex-direction:column;height:100%}.blog-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px #0000001f}.blog-card-image{width:100%;height:240px;overflow:hidden;background:#e8e8e8}.blog-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.blog-card:hover .blog-card-image img{transform:scale(1.05)}.blog-card-content{padding:1.5rem;display:flex;flex-direction:column;flex:1}.blog-meta{display:flex;gap:1rem;flex-wrap:wrap;font-size:.85rem;color:#666;margin-bottom:.75rem}.blog-date{font-weight:500;color:#4a7c59}.blog-author,.blog-comments{color:#999}.blog-title{font-size:1.5rem;font-weight:600;margin-bottom:.75rem;color:#222;line-height:1.3}.blog-excerpt{color:#555;margin-bottom:1rem;line-height:1.6;flex:1}.blog-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.tag{background:#f0f0f0;padding:.25rem .75rem;border-radius:20px;font-size:.8rem;color:#666}.read-more{color:#4a7c59;text-decoration:none;font-weight:600;transition:color .3s ease;display:inline-block}.read-more:hover{color:#5a8f6a}@media(max-width:768px){.blog-card-image{height:200px}.blog-title{font-size:1.25rem}}.sidebar{display:flex;flex-direction:column;gap:2rem}.sidebar-section{background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 2px 8px #00000014}.sidebar-section h3{font-size:1.25rem;margin-bottom:1rem;color:#222;border-bottom:2px solid #4a7c59;padding-bottom:.5rem}.search-box{display:flex;flex-direction:column;gap:.5rem}.search-box input{padding:.75rem;border:1px solid #ddd;border-radius:6px;font-size:1rem}.search-box button{padding:.75rem;background:#4a7c59;color:#fff;border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:background .3s ease}.search-box button:hover{background:#5a8f6a}.category-list{list-style:none;display:flex;flex-direction:column;gap:.5rem}.category-list li a{color:#555;text-decoration:none;transition:color .3s ease;display:block;padding:.5rem;border-radius:4px}.category-list li a:hover{color:#4a7c59;background:#f5f5f0}.about-text{color:#666;line-height:1.6;font-size:.95rem}@media(max-width:968px){.sidebar{margin-top:2rem}}.app{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1;padding:3rem 0}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.content-grid{display:grid;grid-template-columns:1fr 350px;gap:3rem;align-items:start}.section-title{font-size:2rem;color:#222;margin-bottom:2rem;padding-bottom:1rem;border-bottom:3px solid #4a7c59}.posts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem;margin-bottom:3rem}.footer{background:#2d3e3d;color:#fff;padding:2rem 0;margin-top:4rem;text-align:center}.footer p{opacity:.9}@media(max-width:968px){.content-grid{grid-template-columns:1fr;gap:2rem}.posts-grid{grid-template-columns:1fr}.main-content{padding:2rem 0}}@media(min-width:969px)and (max-width:1200px){.posts-grid{grid-template-columns:1fr}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f0;color:#333;line-height:1.6}#root{min-height:100vh}