.blog-hero{padding:clamp(100px,12vw,140px) 0 clamp(60px,7vw,90px);background:#fff;position:relative;overflow:hidden}.blog-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 60% 70% at 60% 40%,rgba(115,166,48,.07) 0%,transparent 65%),repeating-linear-gradient(-55deg,transparent,transparent 30px,rgba(115,166,48,.018) 30px,rgba(115,166,48,.018) 31px);pointer-events:none}.blog-hero-inner{position:relative;z-index:1;max-width:660px}.blog-hero h1{margin-bottom:16px}.blog-hero p{font-size:1.0625rem;color:var(--text-3);margin-bottom:28px}.blog-search{display:flex;align-items:center;gap:0;background:#fff;border:1.5px solid var(--border);border-radius:12px;overflow:hidden;box-shadow:var(--shadow-sm);max-width:440px}.blog-search input{flex:1;padding:13px 18px;border:none;outline:none;font-family:inherit;font-size:.875rem;color:var(--text);background:transparent}.blog-search input::placeholder{color:var(--text-4)}.blog-search button{padding:12px 18px;background:var(--g);color:#fff;font-size:.875rem;font-weight:600;font-family:inherit;transition:background .2s;flex-shrink:0}.blog-search button:hover{background:var(--g-dark)}.blog-filters{padding:24px 0;border-bottom:1px solid var(--border);background:var(--surface);position:sticky;top:var(--nav-h);z-index:100}.filter-inner{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.filter-label{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--text-4);white-space:nowrap}.filter-btn{padding:7px 16px;border-radius:99px;font-size:.8125rem;font-weight:600;cursor:pointer;border:1.5px solid var(--border);color:var(--text-3);background:#fff;transition:all .18s var(--ease)}.filter-btn:hover,.filter-btn.active{background:var(--g);color:#fff;border-color:var(--g);box-shadow:var(--shadow-g)}.blog-main{padding:clamp(50px,7vw,80px) 0;background:#eef2e8}.blog-layout{display:grid;grid-template-columns:1fr 340px;gap:48px;align-items:start;min-width:0}.blog-layout>*{min-width:0}.post-featured{background:#fff;border:1px solid rgba(17,28,8,.12);border-radius:var(--r-xl);overflow:hidden;margin-bottom:32px;transition:all .28s var(--ease);box-shadow:0 4px 20px #111c081a}.post-featured:hover{border-color:var(--g-border);box-shadow:var(--shadow-g);transform:translateY(-4px)}.post-featured-img{background:linear-gradient(135deg,var(--g-deep) 0%,var(--g) 60%,var(--g-light) 100%);display:flex;align-items:center;justify-content:center;font-size:5rem;min-height:200px;position:relative;overflow:hidden}.post-featured-img img{width:100%;height:auto;display:block;position:relative;z-index:1}.post-featured-img:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle,rgba(255,255,255,.07) 1.5px,transparent 1.5px);background-size:22px 22px}.post-featured-body{padding:32px 30px;display:flex;flex-direction:column;justify-content:center}.post-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:14px}.post-cat{display:inline-block;padding:4px 11px;border-radius:99px;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;background:var(--g-muted2);color:var(--g-dark);border:1px solid var(--g-border)}.post-date,.post-read{font-size:.78rem;color:var(--text-4);font-weight:500}.post-featured h2{font-size:clamp(1.2rem,2.2vw,1.6rem);margin-bottom:12px}.post-featured p{font-size:.875rem;margin-bottom:20px}.post-author{display:flex;align-items:center;gap:10px;margin-top:auto}.author-av{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,var(--g),var(--g-dark));display:flex;align-items:center;justify-content:center;font-size:14px;color:#fff;font-weight:700;flex-shrink:0}.author-name{font-size:.8125rem;font-weight:600;color:var(--text)}.author-role{font-size:.72rem;color:var(--text-4)}.posts-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.post-card{background:#fff;border:1px solid rgba(17,28,8,.12);border-radius:var(--r-xl);overflow:hidden;transition:all .28s var(--ease);display:flex;flex-direction:column;box-shadow:0 4px 20px #111c081a}.post-card:hover{border-color:var(--g-border);box-shadow:var(--shadow-g);transform:translateY(-5px)}.post-card-img{aspect-ratio:16/9;background:linear-gradient(135deg,var(--g-deep),var(--g));display:flex;align-items:center;justify-content:center;font-size:3rem;position:relative;overflow:hidden}.post-card-img img{width:100%;height:100%;object-fit:cover;display:block;position:relative;z-index:1}.post-card-img:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle,rgba(255,255,255,.06) 1px,transparent 1px);background-size:18px 18px}.post-card-img.alt1{background:linear-gradient(135deg,#1a2e0d,var(--g-dark))}.post-card-img.alt2{background:linear-gradient(135deg,var(--g-dark),var(--g-light))}.post-card-img.alt3{background:linear-gradient(135deg,#0d2010,var(--g))}.post-card-body{padding:22px;flex:1;display:flex;flex-direction:column}.post-card h3{font-size:1rem;margin-bottom:8px;line-height:1.4}.post-card p{font-size:.8125rem;flex:1;margin-bottom:14px}.post-card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:14px;border-top:1px solid var(--border-2)}.post-card-footer .post-date{font-size:.75rem;color:var(--text-4)}.post-read-link{font-size:.8125rem;font-weight:700;color:var(--g);display:flex;align-items:center;gap:5px;transition:gap .18s}.post-card:hover .post-read-link{gap:8px}.blog-sidebar{position:sticky;top:calc(var(--nav-h) + 80px)}.sidebar-widget{background:#fff;border:1px solid var(--border);border-radius:var(--r-xl);padding:24px;margin-bottom:22px}.sidebar-widget h4{font-size:.9rem;font-weight:700;margin-bottom:18px;padding-bottom:12px;border-bottom:1px solid var(--border-2)}.recent-list{display:flex;flex-direction:column;gap:16px}.recent-item{display:flex;gap:12px;align-items:flex-start}.recent-num{width:28px;height:28px;border-radius:8px;background:var(--g-muted2);display:flex;align-items:center;justify-content:center;font-size:.72rem;font-weight:800;color:var(--g);flex-shrink:0}.recent-item h5{font-size:.8125rem;font-weight:600;margin-bottom:3px;line-height:1.4;color:var(--text)}.recent-item .post-date{font-size:.72rem}.tag-cloud{display:flex;flex-wrap:wrap;gap:7px}.sidebar-cta{background:linear-gradient(135deg,var(--g-dark),var(--g));border:none;color:#fff;position:relative;overflow:hidden}.sidebar-cta:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle,rgba(255,255,255,.07) 1px,transparent 1px);background-size:16px 16px}.sidebar-cta-inner{position:relative;z-index:1}.sidebar-cta h4{color:#fff;border-bottom-color:#fff3}.sidebar-cta p{font-size:.875rem;color:#ffffffbf;margin-bottom:16px}.newsletter-form{display:flex;flex-direction:column;gap:9px}.newsletter-form input{padding:10px 14px;border-radius:9px;border:1.5px solid rgba(255,255,255,.25);background:#ffffff26;color:#fff;font-size:.875rem;font-family:inherit;outline:none}.newsletter-form input::placeholder{color:#ffffff80}.newsletter-form button{background:#fff;color:var(--g-dark);font-weight:700;font-size:.8125rem;padding:11px;border-radius:9px;font-family:inherit;cursor:pointer;transition:all .2s}.newsletter-form button:hover{background:var(--g-xlight)}.post-hero{padding:clamp(100px,12vw,140px) 0 clamp(50px,6vw,70px);background:#fff;position:relative;overflow:hidden}.post-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 55% 65% at 65% 45%,rgba(115,166,48,.07) 0%,transparent 60%);pointer-events:none}.post-breadcrumb{display:flex;align-items:center;gap:7px;font-size:.78rem;color:var(--text-4);margin-bottom:22px;position:relative;z-index:1}.post-breadcrumb a:hover{color:var(--g)}.post-breadcrumb span{opacity:.5}.post-hero-inner{position:relative;z-index:1}.post-hero h1{font-size:clamp(2.125rem,5vw,3.5rem);margin-bottom:22px;max-width:800px}.post-hero-meta{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.post-layout{display:grid;grid-template-columns:1fr 280px;gap:56px;align-items:start;padding:clamp(40px,6vw,70px) 0}.post-article{min-width:0;overflow-wrap:break-word;font-family:"Source Serif 4",serif}.post-article img{max-width:100%;height:auto}.post-article h2{font-size:clamp(1.875rem,3vw,2.25rem);margin:40px 0 16px;font-family:Plus Jakarta Sans,sans-serif}.post-article h3{font-size:clamp(1.375rem,2.5vw,1.625rem);margin:30px 0 12px;font-family:Plus Jakarta Sans,sans-serif}.post-article p{margin-bottom:18px;font-size:1.0625rem;line-height:1.75}.post-article ul,.post-article ol{padding-left:22px;margin-bottom:18px}.post-article li{font-size:1.0625rem;line-height:1.75;color:var(--text-2);margin-bottom:6px}.post-article ol{list-style:decimal}.post-article ul{list-style:disc}.post-article blockquote{border-left:3px solid var(--g);padding:16px 20px;background:var(--g-muted);border-radius:0 var(--r) var(--r) 0;margin:24px 0}.post-article blockquote p{color:var(--text);font-style:italic;margin:0;font-size:1.125rem}.post-article .highlight-box{background:var(--g-muted);border:1px solid var(--g-border);border-radius:var(--r-lg);padding:22px 24px;margin:24px 0}.post-article .highlight-box h4{color:var(--g-dark);margin-bottom:10px}.post-article .callout{background:#ff6b350f;border:1px solid rgba(255,107,53,.2);border-radius:var(--r-lg);padding:18px 22px;margin:22px 0}.post-article .callout p{color:#7a2a10;margin:0}.post-article table{width:100%;border-collapse:collapse;margin:22px 0;font-size:.9375rem}.post-article table th{background:var(--g-muted2);padding:12px 14px;text-align:left;font-weight:700;color:var(--text);border:1px solid var(--g-border);font-family:Plus Jakarta Sans,sans-serif}.post-article table td{padding:10px 14px;border:1px solid var(--border);color:var(--text-2)}.post-article table tr:nth-child(2n) td{background:var(--surface)}.post-article .code-block{background:#0d1a07;border-radius:var(--r-lg);padding:22px 24px;margin:22px 0;overflow-x:auto}.post-article .code-block code{font-family:JetBrains Mono,monospace;font-size:13px;color:#c5e07a;line-height:1.8}.post-sidebar{position:sticky;top:calc(var(--nav-h) + 32px)}.toc-widget{background:#fff;border:1px solid var(--border);border-radius:var(--r-xl);padding:22px;margin-bottom:20px}.toc-widget h4{font-size:.875rem;font-weight:700;margin-bottom:16px;color:var(--text)}.toc-list{display:flex;flex-direction:column;gap:4px}.toc-item{font-size:.8125rem;padding:7px 11px;border-radius:8px;color:var(--text-3);transition:all .15s;cursor:pointer;border-left:2px solid transparent}.toc-item:hover,.toc-item.active{color:var(--g-dark);background:var(--g-muted);border-left-color:var(--g)}.toc-item.h3{padding-left:22px;font-size:.78rem}.share-widget{background:#fff;border:1px solid var(--border);border-radius:var(--r-xl);padding:22px;margin-bottom:20px}.share-widget h4{font-size:.875rem;font-weight:700;margin-bottom:14px}.share-btns{display:flex;flex-direction:column;gap:8px}.share-btn{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:10px;border:1.5px solid var(--border);font-size:.8125rem;font-weight:600;color:var(--text-2);transition:all .18s;background:#fff}.share-btn:hover{border-color:var(--g-border);color:var(--g-dark);background:var(--g-muted);transform:translate(3px)}@media(max-width:1024px){.blog-layout,.post-layout{grid-template-columns:1fr}.blog-sidebar{position:static}.post-featured-img{min-height:160px}}@media(max-width:640px){.posts-grid{grid-template-columns:1fr}}
