#readingProgressBar{position:fixed;top:0;left:0;height:4px;width:0%;background:var(--color-primary);z-index:9999;transition:width 0.1s ease}.blog-page{padding-bottom:clamp(76px,7vw,110px);background:radial-gradient(circle at top left,rgba(var(--color-primary-rgb,47,107,59),0.035),transparent 30%),linear-gradient(180deg,#fffdf8 0%,#fbf8f1 100%)}.blog-category-filter{margin:clamp(28px,4vw,48px) 0 clamp(34px,4vw,52px);text-align:center}.blog-category-list{display:flex;flex-wrap:wrap;justify-content:center;gap:11px}.blog-category-item{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 17px;border-radius:999px;background:#ffffff;border:1px solid rgba(15,47,36,0.075);color:var(--color-text);text-decoration:none;font-size:0.9rem;font-weight:750;box-shadow:0 8px 20px rgba(15,47,36,0.045);transition:transform var(--transition-base),box-shadow var(--transition-base),background-color var(--transition-base),border-color var(--transition-base),color var(--transition-base)}.blog-category-item:hover{transform:translateY(-2px);border-color:rgba(var(--color-primary-rgb,47,107,59),0.22);color:var(--color-primary);box-shadow:0 14px 30px rgba(15,47,36,0.075)}.blog-category-item.active{background:var(--color-primary);border-color:var(--color-primary);color:#ffffff;box-shadow:0 14px 30px rgba(var(--color-primary-rgb,47,107,59),0.18)}.blog-page-featured{margin-bottom:clamp(28px,4vw,42px)}.blog-featured-banner{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(360px,0.88fr);overflow:hidden;border-radius:32px;background:#ffffff;border:1px solid rgba(15,47,36,0.075);box-shadow:0 22px 58px rgba(15,47,36,0.08)}.blog-featured-banner-image{position:relative;display:block;min-height:100%;overflow:hidden;background:radial-gradient(circle at top left,rgba(var(--color-primary-rgb,47,107,59),0.08),transparent 34%),linear-gradient(135deg,#f5f1e8 0%,#eef4ef 100%)}.blog-featured-banner-image img{width:100%;height:100%;min-height:430px;object-fit:cover;display:block;transition:transform 0.5s ease}.blog-featured-banner:hover .blog-featured-banner-image img{transform:scale(1.035)}.blog-featured-banner-content{display:flex;flex-direction:column;justify-content:center;padding:clamp(30px,4vw,52px)}.blog-badge{display:inline-flex;align-items:center;align-self:flex-start;width:fit-content;min-height:32px;padding:0 13px;margin-bottom:14px;border-radius:999px;background:rgba(var(--color-primary-rgb,47,107,59),0.09);color:var(--color-primary-dark);font-size:0.78rem;font-weight:850;letter-spacing:0.03em}.blog-post-meta{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:14px;color:var(--color-text-light);font-size:0.9rem;font-weight:700}.blog-featured-banner-content h2{margin:0 0 16px;color:var(--color-primary-dark);font-family:var(--font-heading);font-size:clamp(1.85rem,3vw,3rem);line-height:1.18;letter-spacing:-0.035em}.blog-featured-banner-content h2 a,.blog-page-card-body h3 a{color:inherit;text-decoration:none}.blog-featured-banner-content h2 a:hover,.blog-page-card-body h3 a:hover{color:var(--color-primary)}.blog-featured-banner-content p{margin:0 0 24px;color:var(--color-text-light);font-size:1rem;line-height:1.78}.btn-blog{width:100%;min-height:48px}.blog-page-grid-section{margin-top:10px}.blog-page-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.blog-page-card{display:flex;flex-direction:column;overflow:hidden;border-radius:28px;background:#ffffff;border:1px solid rgba(15,47,36,0.075);box-shadow:0 18px 44px rgba(15,47,36,0.07);transition:transform var(--transition-base),box-shadow var(--transition-base),border-color var(--transition-base)}.blog-page-card:hover{transform:translateY(-7px);border-color:rgba(var(--color-primary-rgb,47,107,59),0.16);box-shadow:0 24px 58px rgba(15,47,36,0.105)}.blog-page-card-image{display:block;aspect-ratio:16 / 10.6;overflow:hidden;background:radial-gradient(circle at top left,rgba(var(--color-primary-rgb,47,107,59),0.08),transparent 34%),linear-gradient(135deg,#f5f1e8 0%,#eef4ef 100%)}.blog-page-card-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 0.45s ease}.blog-page-card:hover .blog-page-card-image img{transform:scale(1.045)}.blog-page-card-body{display:flex;flex:1;flex-direction:column;padding:24px 24px 26px}.blog-page-card-body h3{margin:0 0 12px;color:var(--color-primary-dark);font-family:var(--font-heading);font-size:1.28rem;line-height:1.38;letter-spacing:-0.015em}.blog-page-card-body p{margin:0 0 18px;color:var(--color-text-light);font-size:0.96rem;line-height:1.72;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.blog-read-link,.blog-page-card-body .blog-read-link,.blog-page-card-body a.blog-read-link{display:inline-flex;align-items:center;justify-content:center;width:fit-content;min-height:42px;padding:0 18px;margin-top:auto;border-radius:var(--radius-pill);background:var(--color-primary);border:1px solid var(--color-primary);color:#ffffff !important;box-shadow:0 10px 22px rgba(var(--color-primary-rgb),0.14);font-family:var(--font-base) !important;font-size:0.86rem;font-weight:800;line-height:1;text-decoration:none}.blog-read-link:hover,.blog-page-card-body .blog-read-link:hover,.blog-page-card-body a.blog-read-link:hover{background:var(--color-primary-dark);border-color:var(--color-primary-dark);color:#ffffff !important;box-shadow:0 14px 30px rgba(var(--color-primary-rgb),0.18)}.blog-share{display:flex;align-items:center;gap:10px;margin-bottom:20px}.blog-share span{font-weight:700;color:var(--color-text-light)}.share-icon{width:40px;height:40px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#ffffff;border:1px solid var(--color-border);cursor:pointer;transition:var(--transition-base)}.share-icon svg{width:18px;height:18px;fill:currentColor}.share-icon.whatsapp:hover{background:#25D366;color:#fff}.share-icon.facebook:hover{background:#1877F2;color:#fff}.share-icon.twitter:hover{background:#000;color:#fff}.share-icon.telegram:hover{background:#0088cc;color:#fff}.share-icon.copy:hover{background:var(--color-primary);color:#fff}.blog-detail{padding:clamp(62px,7vw,92px) 0;background:#fffdf8}.blog-detail-container{max-width:1200px}.blog-detail-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(280px,1fr);gap:34px;align-items:start}.blog-detail-main,.blog-sidebar-box,.blog-empty-state{background:#ffffff;border-radius:26px;box-shadow:0 18px 44px rgba(15,47,36,0.07);border:1px solid rgba(15,47,36,0.075)}.blog-detail-main{padding:30px}.blog-detail-image img{width:100%;border-radius:22px;margin-bottom:28px;display:block}.blog-detail-content h1{font-size:clamp(2rem,3vw,2.7rem);line-height:1.2;margin-bottom:16px;color:var(--color-primary-dark)}.blog-detail-intro,.blog-detail-body{line-height:1.9}.blog-detail-sidebar{display:flex;flex-direction:column;gap:20px;position:sticky;top:104px}.blog-sidebar-box{padding:22px}.blog-sidebar-box h3{margin-bottom:16px;color:var(--color-primary-dark);font-size:1.1rem}.sidebar-blog-item{display:grid;grid-template-columns:78px 1fr;gap:12px;margin-bottom:14px;text-decoration:none}.sidebar-blog-item img{width:78px;height:64px;object-fit:cover;border-radius:12px;background:#eef2ef}.sidebar-blog-item p{margin:0 0 4px;font-size:0.92rem;line-height:1.5;color:var(--color-text);font-weight:700}.sidebar-blog-date,.sidebar-empty-note{color:var(--color-text-light)}.blog-empty-state{text-align:center;padding:54px 20px}@media (max-width:1100px){.blog-page-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.blog-detail-grid{grid-template-columns:1fr}.blog-detail-sidebar{position:static}}@media (max-width:992px){.blog-featured-banner{grid-template-columns:1fr}.blog-featured-banner-image img{min-height:300px}}@media (max-width:768px){.blog-page{padding-bottom:72px;text-align:center}.blog-category-filter{margin:28px 0 32px}.blog-category-item{min-height:38px;padding:0 14px;font-size:0.82rem}.blog-featured-banner,.blog-page-card{border-radius:24px}.blog-featured-banner-content,.blog-page-card-body{align-items:center;text-align:center;padding:22px 20px 24px}.blog-badge{align-self:center}.blog-post-meta{justify-content:center}.blog-page-grid{grid-template-columns:1fr;justify-items:center;gap:22px}.blog-page-card{width:100%;max-width:420px}.blog-featured-banner-image img{min-height:240px}.blog-detail{padding:56px 0}.blog-detail-main{padding:20px}.blog-detail-content h1{font-size:1.8rem}}.blog-read-link.btn{align-self:flex-start;margin-top:auto;min-height:42px;padding:0 18px;font-size:0.86rem;font-weight:800}.blog-page-card-body{min-height:360px}.blog-page-card-body h3{font-family:var(--font-heading) !important}.blog-page-card-body p,.blog-post-meta,.blog-badge{font-family:var(--font-base) !important}.blog-page-card-body .blog-read-link.btn{width:fit-content;max-width:100%;min-height:42px;padding:0 18px;margin-top:auto;border-radius:var(--radius-pill);white-space:nowrap;overflow:visible;text-overflow:unset;font-family:var(--font-base) !important;font-size:0.86rem;font-weight:800;line-height:1}.blog-page-card-body{display:flex;flex-direction:column}.blog-page-card-body h3{font-family:var(--font-heading) !important;font-weight:600}.blog-page-card-body p,.blog-post-meta,.blog-badge{font-family:var(--font-base) !important}.blog-page-card-body .blog-read-link.btn{background:var(--color-primary);border-color:var(--color-primary);color:#ffffff !important;box-shadow:0 10px 22px rgba(var(--color-primary-rgb),0.14)}.blog-page-card-body .blog-read-link.btn:hover{background:var(--color-primary-dark);border-color:var(--color-primary-dark);color:#ffffff !important;box-shadow:0 14px 30px rgba(var(--color-primary-rgb),0.18)}