.blog-page{background:var(--color-bg);flex-direction:column;width:100%;min-height:100vh;display:flex}.blog-page .l-footer{margin-top:auto}.blog-container{box-sizing:border-box;width:100%;max-width:1120px;margin:0 auto;padding:48px 24px 80px}.blog-container--with-nav{padding-top:108px}.blog-header{text-align:center;max-width:600px;margin-bottom:40px;margin-left:auto;margin-right:auto}.blog-header h1{font-family:var(--font-display);color:var(--color-text);letter-spacing:-.5px;margin-bottom:10px;font-size:clamp(30px,4vw,44px);font-weight:400}.blog-header p{color:var(--color-muted);font-size:15px;font-weight:400;line-height:1.65}.blog-header-line{background:var(--color-green);opacity:.5;border-radius:2px;width:48px;height:2px;margin:20px auto 0}.blog-filters{-ms-overflow-style:none;scrollbar-width:none;justify-content:center;gap:8px;margin-bottom:40px;padding-bottom:8px;display:flex;overflow-x:auto}.blog-filters::-webkit-scrollbar{display:none}.blog-filter-btn{white-space:nowrap;font-size:13px;font-weight:500;font-family:var(--font-body);border:1px solid var(--color-bdr);background:var(--color-surf);color:var(--color-muted);cursor:pointer;border-radius:100px;flex-shrink:0;align-items:center;gap:6px;padding:8px 16px;transition:all .2s;display:flex}.blog-filter-btn:hover{border-color:var(--color-bdrg);color:var(--color-text);background:var(--color-surf2)}.blog-filter-btn.active{background:var(--color-green);color:#fff;border-color:var(--color-green)}.blog-grid--has-featured .blog-card:first-child{grid-column:1/-1;grid-template-columns:1fr 1fr;display:grid}.blog-grid--has-featured .blog-card:first-child .blog-card-cover{border-radius:14px 0 0 14px;height:100%;min-height:240px;font-size:64px}.blog-grid--has-featured .blog-card:first-child .blog-card-body{flex-direction:column;justify-content:center;padding:32px;display:flex}.blog-grid--has-featured .blog-card:first-child .blog-card-title{margin-bottom:12px;font-size:24px}.blog-grid--has-featured .blog-card:first-child .blog-card-excerpt{-webkit-line-clamp:4;margin-bottom:20px;font-size:14.5px}.blog-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}@media (max-width:1024px){.blog-grid{grid-template-columns:repeat(2,1fr)}.blog-grid--has-featured .blog-card:first-child{grid-template-columns:1fr}.blog-grid--has-featured .blog-card:first-child .blog-card-cover{border-radius:14px 14px 0 0;min-height:160px}}@media (max-width:640px){.blog-grid{grid-template-columns:1fr}}.blog-card-reveal,.blog-card-reveal .blog-card{height:100%}.blog-card-reveal--0{transition-delay:0s}.blog-card-reveal--1{transition-delay:60ms}.blog-card-reveal--2{transition-delay:.12s}.blog-card-reveal--3{transition-delay:.18s}.blog-card-reveal--4{transition-delay:.24s}.blog-card-reveal--5{transition-delay:.3s}.blog-card-reveal--6{transition-delay:.36s}.blog-card-reveal--7{transition-delay:.42s}.blog-card-reveal--8{transition-delay:.48s}.blog-card{border:1px solid var(--color-bdr);background:var(--color-surf);border-radius:14px;text-decoration:none;transition:border-color .3s,box-shadow .3s,transform .3s;display:block;overflow:hidden}.blog-card:hover{border-color:var(--color-bdrg);transform:translateY(-3px);box-shadow:0 8px 30px #1e2a1e14}.blog-card-cover{justify-content:center;align-items:center;height:160px;font-size:48px;display:flex;position:relative;overflow:hidden}.blog-card-cover[data-category=nutrition]{background:linear-gradient(135deg,#3a7d4614 0%,#3a7d4608 100%)}.blog-card-cover[data-category=meal-prep]{background:linear-gradient(135deg,#8a603014 0%,#8a603008 100%)}.blog-card-cover[data-category=recipes]{background:linear-gradient(135deg,#c8783c14 0%,#c8783c08 100%)}.blog-card-cover[data-category=lifestyle]{background:linear-gradient(135deg,#508c6414 0%,#508c6408 100%)}.blog-card-cover[data-category=weight-loss]{background:linear-gradient(135deg,#64706c14 0%,#64706c08 100%)}.blog-card-cover[data-category=muscle-gain]{background:linear-gradient(135deg,#46648c14 0%,#46648c08 100%)}.blog-card-cover[data-category=budget-eating]{background:linear-gradient(135deg,#8a603014 0%,#8a603008 100%)}.blog-card-cover[data-category=gut-health]{background:linear-gradient(135deg,#78508c14 0%,#78508c08 100%)}.blog-card-cover:before{content:"";pointer-events:none;background:radial-gradient(circle at 80% 20%,#3a7d460a 0%,#0000 60%);position:absolute;inset:0}.blog-card-body{padding:20px}.blog-card-meta{align-items:center;gap:10px;margin-bottom:12px;display:flex}.blog-badge{color:var(--color-green);border:1px solid var(--color-bdrg);background:#3a7d4612;border-radius:100px;align-items:center;gap:4px;padding:3px 10px;font-size:11.5px;font-weight:600;display:inline-flex}.blog-reading-time{color:var(--color-lt);font-size:12px}.blog-card-title{font-family:var(--font-display);color:var(--color-text);letter-spacing:-.2px;margin-bottom:8px;font-size:19px;font-weight:600;line-height:1.35;transition:color .2s}.blog-card:hover .blog-card-title{color:var(--color-green)}.blog-card-excerpt{color:var(--color-muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-bottom:16px;font-size:13.5px;line-height:1.65;display:-webkit-box;overflow:hidden}.blog-card-footer{color:var(--color-lt);border-top:1px solid var(--color-bdr);justify-content:space-between;align-items:center;padding-top:14px;font-size:12px;display:flex}.blog-card-read{color:var(--color-green);align-items:center;gap:4px;font-size:12.5px;font-weight:600;transition:gap .2s;display:inline-flex}.blog-card:hover .blog-card-read{gap:8px}.blog-pagination{justify-content:center;align-items:center;gap:8px;margin-top:48px;display:flex}.blog-page-btn{min-width:36px;height:36px;font-size:13px;font-weight:500;font-family:var(--font-body);border:1px solid var(--color-bdr);background:var(--color-surf);color:var(--color-muted);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;padding:0 12px;transition:all .2s;display:inline-flex}.blog-page-btn:hover:not(:disabled){border-color:var(--color-bdrg);color:var(--color-text);background:var(--color-surf2)}.blog-page-btn:disabled{opacity:.35;cursor:not-allowed}.blog-page-btn.active{background:var(--color-green);color:#fff;border-color:var(--color-green)}.blog-empty{text-align:center;padding:80px 20px}.blog-empty-icon{opacity:.6;margin-bottom:16px;font-size:48px}.blog-empty p{color:var(--color-muted);font-size:16px;line-height:1.6}.blog-empty-sub{color:var(--color-lt);margin-top:8px;font-size:13px}.blog-skeleton-card{border:1px solid var(--color-bdr);background:var(--color-surf);border-radius:14px;overflow:hidden}.blog-skeleton-cover{background:var(--color-surf2);height:160px;animation:1.5s ease-in-out infinite blog-pulse}.blog-skeleton-body{padding:20px}.blog-skeleton-line{background:var(--color-surf2);border-radius:6px;height:12px;margin-bottom:10px;animation:1.5s ease-in-out infinite blog-pulse}@keyframes blog-pulse{0%,to{opacity:1}50%{opacity:.4}}.blog-skeleton-card:nth-child(2){animation-delay:.1s}.blog-skeleton-card:nth-child(3){animation-delay:.2s}.blog-skeleton-card:nth-child(4){animation-delay:.3s}.blog-skeleton-card:nth-child(5){animation-delay:.4s}.blog-skeleton-card:nth-child(6){animation-delay:.5s}.blog-breadcrumb{color:var(--color-lt);align-items:center;gap:8px;margin-bottom:32px;font-size:13px;display:flex}.blog-breadcrumb a{color:var(--color-muted);text-decoration:none;transition:color .2s}.blog-breadcrumb a:hover{color:var(--color-green)}.blog-breadcrumb span.current{color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;max-width:250px;overflow:hidden}.blog-post-layout{gap:48px;display:flex}.blog-post-main{overflow-wrap:break-word;word-break:break-word;flex:1;min-width:0}.blog-post-sidebar{flex-shrink:0;align-self:flex-start;width:300px;position:sticky;top:80px}.blog-toc-mobile{display:none}@media (max-width:1024px){.blog-post-layout{flex-direction:column}.blog-post-sidebar{width:100%;position:static}.blog-post-sidebar .blog-toc{display:none}.blog-toc-mobile{margin-bottom:28px;display:block}}.blog-post-meta{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:16px;display:flex}.blog-post-meta .blog-badge{padding:4px 12px;font-size:12px}.blog-post-date{color:var(--color-lt);font-size:12.5px}.blog-post-title{font-family:var(--font-display);color:var(--color-text);letter-spacing:-.5px;margin-bottom:28px;font-size:clamp(28px,3.5vw,42px);font-weight:400;line-height:1.2}.blog-post-divider{background:var(--color-green);opacity:.4;border-radius:2px;width:40px;height:2px;margin-bottom:28px}.blog-share{margin-bottom:32px}.blog-share-label{text-transform:uppercase;letter-spacing:1.5px;color:var(--color-lt);margin-bottom:10px;font-size:11px;font-weight:600}.blog-share-row{flex-wrap:wrap;gap:8px;display:flex}.blog-share-btn{font-size:12px;font-weight:500;font-family:var(--font-body);border:1px solid var(--color-bdr);background:var(--color-surf);color:var(--color-muted);cursor:pointer;border-radius:100px;align-items:center;gap:6px;min-height:36px;padding:7px 14px;text-decoration:none;transition:all .2s;display:inline-flex}.blog-share-btn:hover{border-color:var(--color-bdrg);color:var(--color-text);background:var(--color-surf2)}.blog-sidebar-card{border:1px solid var(--color-bdr);background:var(--color-surf);border-radius:14px;margin-bottom:20px;padding:24px}.blog-sidebar-card.cta{border-color:var(--color-bdrg);background:#3a7d460a}.blog-sidebar-card h4{color:var(--color-text);margin-bottom:12px;font-size:14px;font-weight:600}.blog-sidebar-card.cta h4{font-family:var(--font-display);font-size:20px;font-weight:400}.blog-sidebar-card p{color:var(--color-muted);margin-bottom:16px;font-size:13px;line-height:1.6}.blog-sidebar-btn{text-align:center;background:var(--color-green);color:#fff;width:100%;font-size:13.5px;font-weight:600;font-family:var(--font-body);cursor:pointer;border:none;border-radius:8px;padding:10px 16px;text-decoration:none;transition:background .2s,transform .2s;display:block}.blog-sidebar-btn:hover{background:var(--color-green-light);transform:translateY(-1px)}.blog-sidebar-link{color:var(--color-muted);border-bottom:1px solid var(--color-bdr);padding:8px 0;font-size:13.5px;line-height:1.45;text-decoration:none;transition:color .2s;display:block}.blog-sidebar-link:last-child{border-bottom:none}.blog-sidebar-link:hover{color:var(--color-green)}.blog-sidebar-cat{color:var(--color-muted);border-bottom:1px solid var(--color-bdr);justify-content:space-between;align-items:center;padding:8px 0;font-size:13px;text-decoration:none;transition:color .2s;display:flex}.blog-sidebar-cat:last-child{border-bottom:none}.blog-sidebar-cat:hover{color:var(--color-green)}.blog-sidebar-cat-icon{align-items:center;gap:8px;display:flex}.blog-sidebar-cat-count{background:var(--color-surf2);border-radius:100px;padding:2px 8px;font-size:11px}.blog-end-cta{border:1px solid var(--color-bdrg);text-align:center;background:#3a7d460a;border-radius:14px;margin-top:48px;padding:48px 32px;position:relative;overflow:hidden}.blog-end-cta:before{content:"";pointer-events:none;background:radial-gradient(circle,#3a7d460f 0%,#0000 70%);width:160px;height:160px;position:absolute;top:-40px;right:-40px}.blog-end-cta h3{font-family:var(--font-display);color:var(--color-text);margin-bottom:10px;font-size:26px;font-weight:400}.blog-end-cta p{color:var(--color-muted);max-width:440px;margin:0 auto 24px;font-size:14px;line-height:1.65}.blog-end-cta a{background:var(--color-green);color:#fff;font-size:14px;font-weight:600;font-family:var(--font-body);border-radius:8px;align-items:center;gap:6px;padding:12px 24px;text-decoration:none;transition:background .2s,transform .2s;display:inline-flex}.blog-end-cta a:hover{background:var(--color-green-light);transform:translateY(-1px)}.blog-toc h4{text-transform:uppercase;letter-spacing:.8px;color:var(--color-muted);margin-bottom:14px;font-size:13px;font-weight:600}.blog-toc-list{flex-direction:column;gap:2px;display:flex}.blog-toc-item{text-align:left;width:100%;font-size:13px;font-family:var(--font-body);color:var(--color-muted);cursor:pointer;background:0 0;border:none;border-left:2px solid #0000;border-radius:0 6px 6px 0;padding:6px 10px;line-height:1.45;transition:color .2s,background .2s,border-color .2s;display:block}.blog-toc-item:hover{color:var(--color-text);background:#3a7d460a}.blog-toc-item--sub{padding-left:22px;font-size:12.5px}.blog-toc-item--active{color:var(--color-green);border-left-color:var(--color-green);background:#3a7d460d;font-weight:500}.blog-back{color:var(--color-green);align-items:center;gap:6px;margin-top:32px;font-size:13.5px;font-weight:500;text-decoration:none;transition:gap .2s;display:inline-flex}.blog-back:hover{gap:10px}.blog-share-mobile{margin-top:32px;display:none}.blog-share-desktop{display:block}@media (max-width:768px){.blog-share-mobile{display:block}.blog-share-desktop{display:none}.blog-container{padding:24px 16px 48px}.blog-container--with-nav{padding-top:80px}.blog-header{margin-bottom:24px}.blog-header p{font-size:14px}.blog-filters{justify-content:flex-start;margin-bottom:24px;margin-left:-16px;margin-right:-16px;padding-left:16px;padding-right:16px}.blog-grid--has-featured .blog-card:first-child{grid-template-columns:1fr}.blog-grid--has-featured .blog-card:first-child .blog-card-cover{border-radius:0;min-height:140px}.blog-grid--has-featured .blog-card:first-child .blog-card-body{padding:16px}.blog-grid--has-featured .blog-card:first-child .blog-card-title{font-size:18px}.blog-grid--has-featured .blog-card:first-child .blog-card-excerpt{-webkit-line-clamp:2;font-size:13px}.blog-grid{gap:16px}.blog-card-cover{height:130px;font-size:40px}.blog-card-body{padding:16px}.blog-card-title{font-size:17px}.blog-card-excerpt{-webkit-line-clamp:2;font-size:13px}.blog-pagination{margin-top:32px}.blog-breadcrumb{margin-bottom:20px;font-size:12px}.blog-breadcrumb span.current{max-width:160px}.blog-post-title{margin-bottom:20px}.blog-post-meta{gap:8px}.blog-post-date{font-size:11.5px}.blog-share-row{gap:6px}.blog-share-btn{padding:6px 10px;font-size:11px}.blog-sidebar-card{padding:20px}.blog-end-cta{margin-top:32px;padding:32px 20px}.blog-end-cta h3{font-size:22px}.blog-end-cta p{font-size:13px}}@media (max-width:400px){.blog-container{padding:20px 12px 40px}.blog-container--with-nav{padding-top:76px}.blog-filter-btn{padding:6px 12px;font-size:12px}.blog-card-cover{height:110px}.blog-card-body{padding:14px}.blog-card-title{font-size:16px}}