.blog-article{max-width:880px}.blog-article__meta{font-size:.94rem}.blog-summary{background:#f4faf5;border:1px solid #cfe8d3;border-radius:14px;padding:1.15rem 1.25rem}.blog-summary ul{margin-bottom:0}.blog-toc{border:1px solid #e3e8e4;border-radius:14px;padding:1rem 1.25rem;background:#fff}.blog-toc a{text-decoration:none}.blog-toc .toc-level-3{padding-left:1.25rem;font-size:.95rem}.blog-content{font-size:1.05rem;line-height:1.78}.blog-content h2,.blog-content h3{scroll-margin-top:95px;margin-top:2rem}.blog-content img{max-width:100%;height:auto;border-radius:12px}.blog-content table{width:100%;margin:1rem 0;border-collapse:collapse}.blog-content th,.blog-content td{border:1px solid #dee2e6;padding:.65rem}.blog-editorial{border-top:1px solid #e9ecef;border-bottom:1px solid #e9ecef;padding:.9rem 0}.blog-source-list{word-break:break-word}.blog-product-grid .product-card{height:100%}@media(max-width:767.98px){.blog-content{font-size:1rem}.blog-toc{padding:.9rem}.blog-article h1{font-size:1.8rem}}

/* Blog listing — UI/UX refresh r2 */
.blog-index { --blog-border:#e2e9e4; --blog-muted:#6e7b73; }
.blog-index__header { display:flex; align-items:flex-end; justify-content:space-between; gap:32px; margin-bottom:28px; padding-bottom:22px; border-bottom:1px solid var(--blog-border); }
.blog-index__header h1 { max-width:720px; margin:0; color:#1e2d25; font-size:clamp(2rem,4vw,3.25rem); font-weight:780; line-height:1.04; letter-spacing:-.045em; }
.blog-index__header p { max-width:660px; margin:12px 0 0; color:var(--blog-muted); font-size:1rem; line-height:1.6; }
.blog-topic-nav { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:8px; max-width:420px; }
.blog-topic-nav a { padding:8px 11px; border:1px solid #dce6df; border-radius:999px; color:#405047; background:#fff; font-size:.78rem; font-weight:650; text-decoration:none; }
.blog-topic-nav a:hover { border-color:#a9d2ba; color:var(--primary-color,#148255); background:#f4faf6; }
.blog-featured { display:grid; grid-template-columns:minmax(0,1.35fr) minmax(320px,.9fr); min-height:390px; margin-bottom:34px; overflow:hidden; border:1px solid var(--blog-border); border-radius:22px; background:#fff; box-shadow:0 12px 34px rgba(30,58,42,.07); }
.blog-featured__media { min-height:390px; overflow:hidden; background:#f1f5f2; }
.blog-featured__media img { width:100%; height:100%; min-height:390px; object-fit:cover; transition:transform .35s ease; }
.blog-featured:hover .blog-featured__media img { transform:scale(1.015); }
.blog-featured__body { display:flex; flex-direction:column; align-items:flex-start; justify-content:center; padding:38px; }
.blog-featured__body h2 { margin:12px 0 14px; font-size:clamp(1.65rem,2.7vw,2.35rem); line-height:1.12; letter-spacing:-.035em; }
.blog-featured__body h2 a { color:#1f3027; text-decoration:none; }
.blog-featured__body p { margin:0 0 18px; color:var(--blog-muted); line-height:1.65; }
.blog-featured__link { display:inline-flex; align-items:center; gap:7px; margin-top:4px; color:var(--primary-color,#148255); font-size:.9rem; font-weight:750; text-decoration:none; }
.blog-featured__link:hover { gap:10px; }
.blog-card-grid { align-items:stretch; }
.blog-card { display:flex; flex-direction:column; overflow:hidden; border:1px solid var(--blog-border); border-radius:16px; background:#fff; transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease; }
.blog-card:hover { transform:translateY(-2px); border-color:#ccdacf; box-shadow:0 10px 26px rgba(30,58,42,.08); }
.blog-card__media { display:block; aspect-ratio:16/9; overflow:hidden; background:#f0f4f1; }
.blog-card__media img { width:100%; height:100%; object-fit:cover; transition:transform .3s ease; }
.blog-card:hover .blog-card__media img { transform:scale(1.025); }
.blog-card__body { display:flex; flex:1; flex-direction:column; padding:18px 19px 16px; }
.blog-card__category { display:inline-block; align-self:flex-start; color:var(--primary-color,#148255); font-size:.72rem; font-weight:800; letter-spacing:.02em; text-decoration:none; }
.blog-card__title { margin:9px 0 10px; font-size:1.12rem; font-weight:720; line-height:1.32; letter-spacing:-.018em; }
.blog-card__title a { color:#25352c; text-decoration:none; }
.blog-card__title a:hover { color:var(--primary-color,#148255); }
.blog-card__excerpt { flex:1; margin:0 0 16px; color:var(--blog-muted); font-size:.88rem; line-height:1.55; }
.blog-card__footer { display:flex; flex-wrap:wrap; align-items:center; gap:12px; margin-top:auto; color:#89948d; font-size:.72rem; }
.blog-card__footer span { display:inline-flex; align-items:center; gap:5px; }
.blog-sidebar-wrap { position:relative; }
.blog-sidebar { position:sticky; top:94px; display:grid; gap:18px; }
.blog-sidebar__section { padding:18px; border:1px solid var(--blog-border); border-radius:15px; background:#fff; }
.blog-sidebar__section h2 { margin:0 0 13px; color:#26372d; font-size:.92rem; font-weight:750; }
.blog-sidebar__links { display:grid; }
.blog-sidebar__links a { display:flex; justify-content:space-between; gap:12px; padding:9px 0; border-bottom:1px solid #edf1ee; color:#46554c; font-size:.82rem; text-decoration:none; }
.blog-sidebar__links a:last-child { border-bottom:0; }
.blog-sidebar__links a:hover { color:var(--primary-color,#148255); }
.blog-sidebar__links small { min-width:24px; color:#8d9891; text-align:right; }
.blog-sidebar__tags { display:flex; flex-wrap:wrap; gap:7px; }
.blog-sidebar__tags a { padding:6px 9px; border-radius:8px; color:#4c5c52; background:#f3f6f4; font-size:.72rem; text-decoration:none; }
.blog-sidebar__tags a:hover { color:var(--primary-color,#148255); background:#eaf5ee; }
.blog-sidebar__latest { display:grid; gap:12px; }
.blog-sidebar__latest a { display:grid; gap:4px; padding-bottom:12px; border-bottom:1px solid #edf1ee; text-decoration:none; }
.blog-sidebar__latest a:last-child { padding-bottom:0; border-bottom:0; }
.blog-sidebar__latest strong { color:#394940; font-size:.78rem; font-weight:650; line-height:1.35; }
.blog-sidebar__latest span { color:#8d9891; font-size:.68rem; }
.blog-sidebar__latest a:hover strong { color:var(--primary-color,#148255); }
.blog-empty-state { padding:54px 28px; border:1px dashed #cfdbd3; border-radius:18px; color:#68756d; text-align:center; background:#fafcfb; }
.blog-empty-state i { display:block; margin-bottom:12px; color:var(--primary-color,#148255); font-size:2rem; }
.blog-empty-state h2 { margin:0 0 8px; color:#2a3a31; font-size:1.15rem; }
.blog-empty-state p { margin:0; }
.blog-pagination .pagination { gap:4px; }
.blog-pagination .page-link { min-width:38px; border-radius:8px !important; color:#44544a; text-align:center; }
@media(max-width:991.98px){.blog-index__header{align-items:flex-start;flex-direction:column}.blog-topic-nav{justify-content:flex-start;max-width:none}.blog-featured{grid-template-columns:1fr}.blog-featured__media,.blog-featured__media img{min-height:300px}.blog-featured__body{padding:28px}.blog-sidebar{position:static;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:10px}.blog-sidebar__section:last-child:nth-child(odd){grid-column:1/-1}}
@media(max-width:575.98px){.blog-index{padding-top:18px!important}.blog-index__header{gap:18px;margin-bottom:20px}.blog-index__header h1{font-size:2rem}.blog-topic-nav{flex-wrap:nowrap;width:calc(100vw - 24px);overflow-x:auto;padding-bottom:4px}.blog-topic-nav a{flex:0 0 auto}.blog-featured{min-height:0;margin-bottom:24px;border-radius:16px}.blog-featured__media,.blog-featured__media img{min-height:210px}.blog-featured__body{padding:20px}.blog-featured__body h2{font-size:1.45rem}.blog-featured__body p{font-size:.9rem}.blog-card__body{padding:16px}.blog-sidebar{grid-template-columns:1fr}.blog-sidebar__section:last-child:nth-child(odd){grid-column:auto}}