/* Khosha Commerce 2.19.44 — Blog system */
.kh-blog-archive,.kh-blog-single{padding:clamp(20px,3vw,40px) 0 56px}.kh-page-header{margin-bottom:28px}.kh-eyebrow{font-size:.82rem;color:var(--kh-muted,#6b7280)}.kh-page-header h1{margin:.35rem 0 0;font-size:clamp(1.55rem,3vw,2.25rem)}.kh-term-description{margin-top:10px;color:var(--kh-muted,#6b7280)}.kh-post-grid{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:18px}.kh-post-card{overflow:hidden;border:1px solid var(--kh-border,#e5e7eb);border-radius:18px;background:#fff}.kh-post-card__media{display:block;aspect-ratio:16/9;overflow:hidden;background:#f3f4f6}.kh-post-card__media img{width:100%;height:100%;object-fit:cover;display:block}.kh-post-card__placeholder{display:block;width:100%;height:100%}.kh-post-card__body{padding:16px}.kh-post-card__meta{font-size:.78rem;color:var(--kh-muted,#6b7280)}.kh-post-card__title{font-size:1.05rem;line-height:1.65;margin:7px 0}.kh-post-card__title a{color:inherit;text-decoration:none}.kh-post-card__excerpt{color:var(--kh-muted,#6b7280);font-size:.9rem;line-height:1.8;margin:0 0 10px}.kh-post-card__more{font-size:.86rem;text-decoration:none}.kh-pagination{margin-top:28px}.kh-pagination ul{display:flex;gap:7px;list-style:none;padding:0;flex-wrap:wrap}.kh-pagination a,.kh-pagination span{display:inline-flex;min-width:38px;height:38px;align-items:center;justify-content:center;border:1px solid var(--kh-border,#e5e7eb);border-radius:10px;text-decoration:none}.kh-article-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:32px}.kh-article-header{margin-bottom:26px}.kh-article-meta{display:flex;gap:8px;color:var(--kh-muted,#6b7280);font-size:.82rem}.kh-article-title{font-size:clamp(1.8rem,4vw,3rem);line-height:1.35;margin:10px 0}.kh-article-excerpt{font-size:1.05rem;line-height:1.9;color:var(--kh-muted,#6b7280)}.kh-article-cover{margin:22px 0 0;border-radius:20px;overflow:hidden}.kh-article-cover img{width:100%;height:auto;display:block}.kh-article-content{font-size:1rem;line-height:2}.kh-article-content img{max-width:100%;height:auto}.kh-article-content h2,.kh-article-content h3{line-height:1.5;margin-top:2em}.kh-article-content a{text-underline-offset:3px}.kh-article-footer{margin-top:32px}.kh-tag-list{display:flex;gap:8px;flex-wrap:wrap}.kh-tag-list a{padding:7px 11px;border:1px solid var(--kh-border,#e5e7eb);border-radius:999px;text-decoration:none;font-size:.82rem}.kh-related-posts h2{font-size:1.1rem}.kh-related-posts{display:grid;gap:12px}.kh-post-card.is-compact{display:grid;grid-template-columns:110px 1fr}.kh-post-card.is-compact .kh-post-card__media{aspect-ratio:1/1}.kh-post-card.is-compact .kh-post-card__body{padding:10px}.kh-post-card.is-compact .kh-post-card__title{font-size:.9rem}.kh-post-card.is-compact .kh-post-card__more,.kh-post-card.is-compact .kh-post-card__excerpt{display:none}.kh-empty-state{padding:40px 20px;border:1px dashed var(--kh-border,#d1d5db);border-radius:18px;text-align:center}.kh-comments{margin-top:36px;padding-top:28px;border-top:1px solid var(--kh-border,#e5e7eb)}.kh-comments__title{font-size:1.25rem}.kh-comment-list{padding:0;list-style:none}.kh-comment-list .comment{padding:16px 0;border-bottom:1px solid var(--kh-border,#e5e7eb)}.kh-comment-meta{font-size:.8rem;color:var(--kh-muted,#6b7280)}.kh-comment-form{margin-top:24px}.kh-comment-form input,.kh-comment-form textarea{width:100%;border:1px solid var(--kh-border,#e5e7eb);border-radius:10px;padding:11px;font:inherit}.kh-comment-form textarea{min-height:140px;resize:vertical}.kh-comment-form .comment-form-comment{margin-top:14px}.kh-comment-form .form-submit{margin-top:14px}.kh-button{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:10px;padding:10px 16px;cursor:pointer}.kh-comments__inner .navigation{margin:20px 0}

/* Blog landing */
.kh-blog-home{padding:clamp(14px,2vw,28px) 0 64px}.kh-blog-section{margin-top:clamp(34px,5vw,58px)}.kh-blog-kicker{display:inline-block;color:var(--kh-color-primary,#008b64);font-size:.78rem;font-weight:800;letter-spacing:-.01em}.kh-blog-section__head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:18px}.kh-blog-section__head h2{margin:5px 0 0;font-size:clamp(1.25rem,2.4vw,1.8rem);line-height:1.4}.kh-blog-section__link{color:var(--kh-color-primary,#008b64);font-size:.84rem;font-weight:700;text-decoration:none;white-space:nowrap}.kh-blog-section__link span,.kh-blog-read-more span,.kh-blog-cta__button span{display:inline-block;margin-inline-start:4px;transition:transform .2s ease}.kh-blog-section__link:hover span,.kh-blog-read-more:hover span,.kh-blog-cta__button:hover span{transform:translateX(-3px)}
.kh-blog-hero{position:relative;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(260px,.75fr);min-height:360px;overflow:hidden;border-radius:28px;background:linear-gradient(120deg,#f5fbf8 0%,#eef8f4 55%,#e9f5f1 100%);border:1px solid rgba(0,139,100,.1);isolation:isolate}.kh-blog-hero__content{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:center;padding:clamp(28px,5vw,64px)}.kh-blog-hero h1{max-width:680px;margin:8px 0 10px;font-size:clamp(2rem,5vw,3.8rem);line-height:1.18;letter-spacing:-.045em}.kh-blog-hero p{max-width:650px;margin:0 0 24px;color:var(--kh-color-muted,#6b7280);font-size:clamp(.94rem,1.5vw,1.08rem);line-height:1.9}.kh-blog-search{display:flex;align-items:center;max-width:680px;min-height:56px;background:#fff;border:1px solid var(--kh-color-border,#e5e7eb);border-radius:16px;padding:5px 6px 5px 16px;box-shadow:0 12px 35px rgba(25,65,52,.07)}.kh-blog-search svg{width:21px;height:21px;flex:none;stroke:currentColor;fill:none;stroke-width:1.8;color:var(--kh-color-muted,#6b7280)}.kh-blog-search input[type=search]{min-width:0;flex:1;border:0;outline:0;background:transparent;padding:0 12px;font:inherit;color:var(--kh-color-text,#1f2937)}.kh-blog-search button{border:0;border-radius:11px;background:var(--kh-color-primary,#008b64);color:#fff;padding:12px 20px;font:inherit;font-weight:700;cursor:pointer}.kh-blog-hero__visual{position:relative;min-height:300px}.kh-blog-hero__orb{position:absolute;display:block;border-radius:50%;filter:blur(.2px)}.kh-blog-hero__orb--one{width:300px;height:300px;inset:50% 8% auto auto;transform:translateY(-50%);background:rgba(0,139,100,.13)}.kh-blog-hero__orb--two{width:180px;height:180px;inset:auto 8% 8% auto;background:rgba(255,255,255,.7)}.kh-blog-hero__card{position:absolute;inset:50% 28% auto auto;transform:translate(0,-50%);width:150px;padding:22px;border-radius:22px;background:rgba(255,255,255,.88);border:1px solid rgba(255,255,255,.95);box-shadow:0 20px 50px rgba(25,65,52,.13);backdrop-filter:blur(10px);text-align:center}.kh-blog-hero__card strong{display:block;font-size:2rem;line-height:1.1;color:var(--kh-color-primary,#008b64)}.kh-blog-hero__card span{display:block;margin-top:7px;color:var(--kh-color-muted,#6b7280);font-size:.78rem}
.kh-blog-category-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.kh-blog-category{min-height:90px;display:flex;align-items:center;gap:11px;padding:13px;border:1px solid var(--kh-color-border,#e5e7eb);border-radius:16px;background:#fff;text-decoration:none;color:inherit;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.kh-blog-category:hover{transform:translateY(-2px);border-color:rgba(0,139,100,.35);box-shadow:0 10px 25px rgba(0,0,0,.05)}.kh-blog-category__icon{width:43px;height:43px;display:grid;place-items:center;flex:none;border-radius:13px;background:#edf8f4;color:var(--kh-color-primary,#008b64);font-weight:900;font-size:1.1rem}.kh-blog-category__body{min-width:0;flex:1}.kh-blog-category__body strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.9rem}.kh-blog-category__body small{display:block;margin-top:4px;color:var(--kh-color-muted,#6b7280);font-size:.72rem}.kh-blog-category__arrow{color:var(--kh-color-muted,#6b7280);font-size:1rem}
.kh-blog-featured{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.8fr);gap:16px}.kh-blog-featured__main{overflow:hidden;border:1px solid var(--kh-color-border,#e5e7eb);border-radius:22px;background:#fff}.kh-blog-featured__image{display:block;aspect-ratio:16/8.4;overflow:hidden;background:#f3f4f6}.kh-blog-featured__image img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .45s ease}.kh-blog-featured__main:hover .kh-blog-featured__image img{transform:scale(1.025)}.kh-blog-image-placeholder{display:block;width:100%;height:100%;background:linear-gradient(135deg,#edf8f4,#f5f7f6)}.kh-blog-featured__body{padding:22px}.kh-blog-post-meta{display:flex;align-items:center;gap:8px;color:var(--kh-color-muted,#6b7280);font-size:.76rem}.kh-blog-post-meta a{color:var(--kh-color-primary,#008b64);font-weight:700;text-decoration:none}.kh-blog-featured__body h3{margin:9px 0;font-size:clamp(1.2rem,2.2vw,1.7rem);line-height:1.55}.kh-blog-featured__body h3 a{color:inherit;text-decoration:none}.kh-blog-featured__body p{margin:0 0 15px;color:var(--kh-color-muted,#6b7280);line-height:1.9;font-size:.9rem}.kh-blog-read-more{display:inline-flex;align-items:center;color:var(--kh-color-primary,#008b64);font-size:.84rem;font-weight:800;text-decoration:none}.kh-blog-featured__side{display:grid;gap:10px;align-content:start}.kh-blog-featured__side .kh-post-card{border-radius:16px}.kh-blog-featured__side .kh-post-card__media{aspect-ratio:1.2/1}.kh-blog-featured__side .kh-post-card__body{padding:12px}.kh-blog-featured__side .kh-post-card__meta{font-size:.7rem}.kh-blog-featured__side .kh-post-card__title{font-size:.9rem;line-height:1.55;margin:4px 0}.kh-blog-featured__side .kh-post-card__more{display:none}
.kh-blog-latest-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.kh-blog-latest-grid .kh-post-card{border-radius:18px}.kh-blog-latest-grid .kh-post-card__body{padding:14px}.kh-blog-latest-grid .kh-post-card__title{font-size:.95rem}.kh-blog-latest-grid .kh-post-card__excerpt{font-size:.82rem;line-height:1.75}.kh-blog-topic-list{display:flex;flex-wrap:wrap;gap:10px}.kh-blog-topic-list__item{display:inline-flex;align-items:center;gap:3px;padding:10px 13px;border:1px solid var(--kh-color-border,#e5e7eb);border-radius:999px;background:#fff;color:inherit;text-decoration:none;font-size:.84rem;transition:border-color .2s ease,background .2s ease}.kh-blog-topic-list__item:hover{border-color:rgba(0,139,100,.35);background:#f7fcfa}.kh-blog-topic-list__item>span:first-child{color:var(--kh-color-primary,#008b64);font-weight:900}.kh-blog-topic-list__item small{margin-inline-start:5px;color:var(--kh-color-muted,#6b7280);font-size:.68rem}.kh-blog-knowledge-products{padding:24px;border-radius:22px;background:#f7faf9;border:1px solid #e6f0ec}.kh-blog-product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.kh-blog-product-grid .kh-wc-product-card{min-width:0}.kh-blog-cta{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:clamp(36px,5vw,58px);padding:clamp(22px,4vw,34px);border-radius:22px;background:#008b64;color:#fff}.kh-blog-cta .kh-blog-kicker{color:rgba(255,255,255,.82)}.kh-blog-cta h2{margin:6px 0;font-size:clamp(1.25rem,2.6vw,1.8rem)}.kh-blog-cta p{margin:0;color:rgba(255,255,255,.82);font-size:.88rem}.kh-blog-cta__button{display:inline-flex;align-items:center;justify-content:center;flex:none;border-radius:13px;padding:12px 18px;background:#fff;color:#006e50;text-decoration:none;font-weight:800;font-size:.86rem}.kh-blog-cta__button span{color:inherit}
@media(max-width:1099px){.kh-blog-category-list{grid-template-columns:repeat(2,minmax(0,1fr))}.kh-blog-latest-grid,.kh-blog-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.kh-blog-featured{grid-template-columns:1fr}.kh-blog-featured__side{grid-template-columns:repeat(3,minmax(0,1fr))}.kh-blog-featured__side .kh-post-card{display:block}}
@media(max-width:767px){.kh-blog-home{padding-top:8px;padding-bottom:calc(48px + var(--kh-bottom-nav-space,0px))}.kh-blog-hero{display:block;min-height:0;border-radius:22px}.kh-blog-hero__content{padding:28px 20px 22px}.kh-blog-hero h1{font-size:clamp(1.8rem,9vw,2.35rem)}.kh-blog-hero p{font-size:.86rem;line-height:1.8;margin-bottom:17px}.kh-blog-search{min-height:50px;padding-inline-start:12px}.kh-blog-search input[type=search]{font-size:.82rem}.kh-blog-search button{padding:10px 14px;font-size:.78rem}.kh-blog-hero__visual{display:none}.kh-blog-section{margin-top:36px}.kh-blog-section__head{margin-bottom:14px}.kh-blog-section__head h2{font-size:1.18rem}.kh-blog-category-list{display:flex;overflow-x:auto;gap:9px;padding:2px 1px 7px;scroll-snap-type:inline proximity;overscroll-behavior-inline:contain}.kh-blog-category{width:190px;min-width:190px;min-height:78px;padding:11px;scroll-snap-align:start}.kh-blog-category__icon{width:38px;height:38px;border-radius:11px}.kh-blog-featured__main{border-radius:18px}.kh-blog-featured__image{aspect-ratio:16/10}.kh-blog-featured__body{padding:17px}.kh-blog-featured__body h3{font-size:1.1rem}.kh-blog-featured__body p{font-size:.82rem}.kh-blog-featured__side{display:flex;overflow-x:auto;gap:9px;padding-bottom:4px;scroll-snap-type:inline proximity;overscroll-behavior-inline:contain}.kh-blog-featured__side .kh-post-card{min-width:245px;scroll-snap-align:start}.kh-blog-featured__side .kh-post-card.is-compact{display:grid;grid-template-columns:92px 1fr}.kh-blog-featured__side .kh-post-card__media{aspect-ratio:1/1}.kh-blog-latest-grid{display:flex;overflow-x:auto;gap:10px;padding-bottom:5px;scroll-snap-type:inline proximity;overscroll-behavior-inline:contain}.kh-blog-latest-grid .kh-post-card{min-width:76vw;scroll-snap-align:start}.kh-blog-latest-grid .kh-post-card__excerpt{display:none}.kh-blog-topic-list{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px;scroll-snap-type:inline proximity;overscroll-behavior-inline:contain}.kh-blog-topic-list__item{flex:none;scroll-snap-align:start}.kh-blog-knowledge-products{padding:17px;border-radius:18px}.kh-blog-product-grid{display:flex;overflow-x:auto;gap:10px;padding-bottom:4px;scroll-snap-type:inline proximity;overscroll-behavior-inline:contain}.kh-blog-product-grid .kh-wc-product-card{min-width:72vw;scroll-snap-align:start}.kh-blog-cta{align-items:stretch;flex-direction:column;margin-top:36px;border-radius:18px;padding:22px}.kh-blog-cta__button{width:100%}}
@media(prefers-reduced-motion:reduce){.kh-blog-category,.kh-blog-featured__image img,.kh-blog-section__link span,.kh-blog-read-more span,.kh-blog-cta__button span{transition:none}}

/* Article page — Khosha Commerce 2.19.47 */
.kh-blog-single{position:relative;background:var(--kh-color-bg,#f5f5f5)}
.kh-article-page{max-width:1180px}
.kh-article-progress{position:fixed;z-index:1000;top:0;inset-inline:0;height:3px;pointer-events:none;background:transparent}
.kh-article-progress span{display:block;width:100%;height:100%;background:var(--kh-color-primary,#008b64);transform:scaleX(0);transform-origin:right center;transition:transform .08s linear}
.kh-article-breadcrumbs{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:4px 0 18px;color:var(--kh-color-muted,#6b7280);font-size:.78rem}
.kh-article-breadcrumbs a{color:inherit;text-decoration:none}.kh-article-breadcrumbs a:hover{color:var(--kh-color-primary,#008b64)}
.kh-article{background:transparent}
.kh-article-hero{padding:clamp(22px,4vw,44px);border:1px solid var(--kh-color-border,#e6e8eb);border-radius:26px;background:#fff;box-shadow:0 8px 35px rgba(35,41,51,.04)}
.kh-article-hero__top{display:flex;align-items:center;justify-content:space-between;gap:14px}
.kh-article-category{display:inline-flex;align-items:center;padding:7px 12px;border-radius:999px;background:#edf8f4;color:var(--kh-color-primary,#008b64);font-size:.78rem;font-weight:800;text-decoration:none}
.kh-article-meta{display:flex;align-items:center;gap:8px;color:var(--kh-color-muted,#6b7280);font-size:.78rem}
.kh-article-title{max-width:920px;font-size:clamp(2rem,4.3vw,3.35rem);line-height:1.42;letter-spacing:-.025em;margin:18px 0 10px;color:var(--kh-color-text,#232933)}
.kh-article-excerpt{max-width:850px;margin:0;color:var(--kh-color-muted,#6b7280);font-size:clamp(.95rem,1.6vw,1.08rem);line-height:2}
.kh-article-author-row{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:24px;padding-top:18px;border-top:1px solid var(--kh-color-border,#e6e8eb)}
.kh-article-author{display:flex;align-items:center;gap:10px}.kh-article-author__avatar{width:42px;height:42px;border-radius:50%;display:block}.kh-article-author strong,.kh-article-author span{display:block}.kh-article-author strong{font-size:.84rem}.kh-article-author span{margin-top:2px;color:var(--kh-color-muted,#6b7280);font-size:.7rem}
.kh-article-actions{display:flex;gap:8px}.kh-article-action{border:1px solid var(--kh-color-border,#e6e8eb);background:#fff;color:var(--kh-color-text,#232933);border-radius:10px;padding:9px 12px;font:inherit;font-size:.75rem;cursor:pointer}.kh-article-action:hover{border-color:rgba(0,139,100,.35);color:var(--kh-color-primary,#008b64)}
.kh-article-cover{margin:30px 0 0;border-radius:20px;overflow:hidden;background:#f3f5f4}.kh-article-cover img{width:100%;height:auto;max-height:620px;object-fit:cover;display:block}
.kh-article-body-layout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:30px;align-items:start;direction:rtl;margin-top:30px}
.kh-article-content{min-width:0;padding:clamp(22px,4vw,42px);border:1px solid var(--kh-color-border,#e6e8eb);border-radius:22px;background:#fff;box-shadow:0 8px 30px rgba(35,41,51,.03);font-size:1.03rem;line-height:2.15;color:var(--kh-color-text,#232933)}
.kh-article-content>*:first-child{margin-top:0}.kh-article-content>*:last-child{margin-bottom:0}.kh-article-content p{margin:0 0 1.25em}.kh-article-content h2{font-size:clamp(1.35rem,2.6vw,1.75rem);line-height:1.55;margin:2.1em 0 .75em;padding-bottom:10px;border-bottom:1px solid var(--kh-color-border,#e6e8eb)}.kh-article-content h3{font-size:1.15rem;line-height:1.6;margin:1.8em 0 .65em}.kh-article-content ul,.kh-article-content ol{margin:0 0 1.35em;padding-inline-start:1.45em}.kh-article-content li{margin:.4em 0}.kh-article-content blockquote{margin:1.6em 0;padding:15px 18px;border-inline-start:4px solid var(--kh-color-primary,#008b64);border-radius:12px;background:#f5faf8;color:#3d4a45}.kh-article-content table{width:100%;border-collapse:collapse;margin:1.6em 0;font-size:.92rem}.kh-article-content th,.kh-article-content td{padding:11px 12px;border:1px solid var(--kh-color-border,#e6e8eb);text-align:right}.kh-article-content th{background:#f7f9f8;font-weight:800}.kh-article-content img{max-width:100%;height:auto;border-radius:14px}.kh-article-content figure{margin:1.5em 0}.kh-article-content figcaption{text-align:center;color:var(--kh-color-muted,#6b7280);font-size:.76rem;margin-top:7px}.kh-article-content pre{overflow:auto;padding:16px;border-radius:12px;background:#20252b;color:#fff;direction:ltr;text-align:left}.kh-article-content code{font-size:.9em}.kh-article-content a{color:var(--kh-color-primary,#007a59);text-underline-offset:3px}
.kh-article-side{position:sticky;top:90px;direction:rtl}.kh-article-toc{padding:18px;border:1px solid var(--kh-color-border,#e6e8eb);border-radius:18px;background:#fff;box-shadow:0 8px 25px rgba(35,41,51,.035)}.kh-article-toc__head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-bottom:12px;border-bottom:1px solid var(--kh-color-border,#e6e8eb);font-size:.9rem}.kh-article-toc__head span{color:var(--kh-color-primary,#008b64);font-size:.8rem}.kh-article-toc nav{max-height:calc(100vh - 180px);overflow:auto}.kh-article-toc ol{list-style:none;padding:9px 0 0;margin:0}.kh-article-toc li{margin:2px 0}.kh-article-toc li.is-level-3{padding-inline-start:12px}.kh-article-toc a{display:block;padding:7px 8px;border-radius:8px;color:var(--kh-color-muted,#6b7280);text-decoration:none;font-size:.74rem;line-height:1.7}.kh-article-toc a:hover,.kh-article-toc a.is-active{background:#edf8f4;color:var(--kh-color-primary,#008b64);font-weight:700}
.kh-article-tags{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:30px;padding-top:22px;border-top:1px solid var(--kh-color-border,#e6e8eb);font-size:.78rem}.kh-article-tags>span:first-child{font-weight:800}.kh-article-tags>span:not(:first-child){padding:6px 10px;border:1px solid var(--kh-color-border,#e6e8eb);border-radius:999px;color:var(--kh-color-muted,#6b7280);text-decoration:none}.kh-article-tags>span:not(:first-child):hover{border-color:rgba(0,139,100,.35);color:var(--kh-color-primary,#008b64)}
.kh-article-footer{margin-top:30px}.kh-article-related,.kh-article-products{margin-top:30px;padding:clamp(20px,3vw,28px);border:1px solid var(--kh-color-border,#e6e8eb);border-radius:22px;background:#fff}.kh-article-section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:18px}.kh-article-section-head h2{margin:4px 0 0;font-size:clamp(1.2rem,2.4vw,1.65rem)}.kh-article-section-head>a{color:var(--kh-color-primary,#008b64);font-size:.78rem;font-weight:800;text-decoration:none;white-space:nowrap}.kh-article-kicker{color:var(--kh-color-primary,#008b64);font-size:.72rem;font-weight:800}.kh-article-related-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.kh-article-related-grid .kh-post-card{border-radius:15px}.kh-article-related-grid .kh-post-card__body{padding:12px}.kh-article-related-grid .kh-post-card__title{font-size:.9rem}.kh-article-product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.kh-article-product-grid .kh-wc-product-card{min-width:0}
.kh-article-page .kh-comments{margin-top:30px;padding:clamp(20px,3vw,28px);border:1px solid var(--kh-color-border,#e6e8eb);border-radius:22px;background:#fff}
@media(max-width:1099px){.kh-article-body-layout{grid-template-columns:220px minmax(0,1fr);gap:22px}.kh-article-related-grid,.kh-article-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767px){.kh-blog-single{padding-top:8px;padding-bottom:calc(42px + var(--kh-bottom-nav-space,0px))}.kh-article-page{width:100%}.kh-article-breadcrumbs{margin-bottom:12px;font-size:.7rem;padding-inline:2px;white-space:nowrap;overflow:hidden}.kh-article-hero{padding:20px 16px;border-radius:20px}.kh-article-hero__top{align-items:flex-start;flex-direction:column;gap:9px}.kh-article-meta{font-size:.7rem}.kh-article-title{font-size:clamp(1.7rem,8.2vw,2.3rem);line-height:1.5;margin:14px 0 8px}.kh-article-excerpt{font-size:.84rem;line-height:1.95}.kh-article-author-row{align-items:stretch;flex-direction:column}.kh-article-actions{width:100%}.kh-article-action{flex:1}.kh-article-cover{margin-top:20px;border-radius:15px}.kh-article-cover img{max-height:390px}.kh-article-body-layout{display:flex;flex-direction:column;gap:12px;margin-top:14px}.kh-article-side{position:static;width:100%;order:0}.kh-article-toc{border-radius:15px;padding:13px}.kh-article-toc__head{padding-bottom:0;border-bottom:0}.kh-article-toc nav{max-height:none}.kh-article-toc ol{padding-top:8px}.kh-article-toc a{padding:6px;font-size:.72rem}.kh-article-content{order:1;padding:21px 16px;border-radius:18px;font-size:.94rem;line-height:2.05}.kh-article-content h2{font-size:1.25rem;margin-top:1.8em}.kh-article-content h3{font-size:1.06rem}.kh-article-content table{display:block;overflow-x:auto;white-space:nowrap}.kh-article-section-head{align-items:flex-start}.kh-article-section-head>a{padding-top:4px}.kh-article-related,.kh-article-products,.kh-article-page .kh-comments{border-radius:18px;padding:17px}.kh-article-related-grid,.kh-article-product-grid{display:flex;overflow-x:auto;gap:10px;padding-bottom:5px;scroll-snap-type:inline proximity;overscroll-behavior-inline:contain}.kh-article-related-grid .kh-post-card{min-width:76vw;scroll-snap-align:start}.kh-article-product-grid .kh-wc-product-card{min-width:72vw;scroll-snap-align:start}.kh-article-tags{gap:6px}}
@media(prefers-reduced-motion:reduce){.kh-article-action,.kh-article-toc a{transition:none}}

/* Article UX 2.0 — Khosha Commerce 2.19.51 */
.kh-article-breadcrumbs span[aria-current="page"]{max-width:min(42vw,420px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--kh-color-text,#232933);font-weight:700}
.kh-article-hero{overflow:hidden}
.kh-article-cover{position:relative}
.kh-article-cover::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,0) 55%,rgba(0,0,0,.08));opacity:.35}
.kh-article-action--link{text-decoration:none;display:inline-flex;align-items:center;justify-content:center}
.kh-article-content hr{border:0;border-top:1px solid var(--kh-color-border,#e6e8eb);margin:2em 0}
.kh-article-content details{margin:1.2em 0;border:1px solid var(--kh-color-border,#e6e8eb);border-radius:14px;background:#fafcfb;overflow:hidden}
.kh-article-content summary{cursor:pointer;padding:13px 15px;font-weight:800;list-style:none}
.kh-article-content summary::-webkit-details-marker{display:none}
.kh-article-content details[open] summary{border-bottom:1px solid var(--kh-color-border,#e6e8eb)}
.kh-article-content details>div,.kh-article-content details>p{padding:0 15px}
.kh-article-toc__toggle{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 0 12px;border:0;border-bottom:1px solid var(--kh-color-border,#e6e8eb);background:transparent;color:inherit;font:inherit;text-align:right;cursor:pointer}
.kh-article-toc__toggle span{color:var(--kh-color-primary,#008b64);font-size:1rem;transition:transform .2s ease}
.kh-article-toc.is-collapsed .kh-article-toc__toggle{border-bottom:0;padding-bottom:0}
.kh-article-toc.is-collapsed .kh-article-toc__toggle span{transform:rotate(180deg)}
.kh-article-toc.is-collapsed nav{display:none}
.kh-article-related-grid .kh-post-card,.kh-article-product-grid .kh-product-card{height:100%}
.kh-article-product-grid .kh-product-card{min-width:0}
@media(max-width:767px){
 .kh-article-breadcrumbs span[aria-current="page"]{max-width:42vw}
 .kh-article-cover::after{display:none}
 .kh-article-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
 .kh-article-action--link{min-height:40px}
 .kh-article-toc__toggle{padding-bottom:0;border-bottom:0}
 .kh-article-toc nav{margin-top:8px}
 .kh-article-toc.is-collapsed nav{display:none}
 .kh-article-content{overflow-wrap:anywhere}
 .kh-article-content pre{max-width:100%;font-size:.8rem}
 .kh-article-content blockquote{margin-inline:0}
}
@media(prefers-reduced-motion:reduce){.kh-article-toc__toggle span{transition:none}}


/* Article UX 2.19.52 — layout alignment and reading experience */
.kh-article-body-layout{grid-template-columns:minmax(220px,250px) minmax(0,1fr);gap:30px;align-items:start}
.kh-article-side{grid-column:1;grid-row:1;min-width:0}
.kh-article-content{grid-column:2;grid-row:1;min-width:0}
.kh-article-content h2[id],.kh-article-content h3[id]{scroll-margin-top:110px}
.kh-article-toc nav{scrollbar-gutter:stable}
.kh-article-toc a{overflow-wrap:anywhere}
.kh-article-toc li.is-level-3{padding-inline-start:16px}
.kh-article-toc li.is-level-3 a{font-size:.71rem;color:var(--kh-color-muted,#737b83)}
.kh-article-content p,.kh-article-content li{overflow-wrap:anywhere}
@media(max-width:1099px){
 .kh-article-body-layout{grid-template-columns:220px minmax(0,1fr);gap:22px}
 .kh-article-side{grid-column:1}
 .kh-article-content{grid-column:2}
}
@media(max-width:767px){
 .kh-article-body-layout{display:flex;flex-direction:column;gap:12px}
 .kh-article-side,.kh-article-content{width:100%;grid-column:auto;grid-row:auto}
 .kh-article-side{order:0}
 .kh-article-content{order:1}
 .kh-article-content h2[id],.kh-article-content h3[id]{scroll-margin-top:85px}
 .kh-article-toc nav{scrollbar-gutter:auto}
}


/* Article viewport/scroll UX 2.19.53
   The article must never create a nested page-like scroll area. The page itself
   owns vertical scrolling so the global header and footer remain reachable. */
html:has(.kh-blog-single){scroll-padding-top:90px}
.kh-blog-single,.kh-article-page,.kh-article,.kh-article-body-layout{overflow:visible}
.kh-article-side{align-self:start}
.kh-article-toc nav{max-height:none;overflow:visible;overscroll-behavior:initial}
.kh-article-toc{max-height:none}
.kh-article-backtotop{
  position:fixed;
  inset-inline-start:22px;
  bottom:22px;
  z-index:9997;
  width:46px;
  min-height:46px;
  display:inline-flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:0;
  padding:4px 7px;
  border:1px solid var(--kh-color-border,#e6e8eb);
  border-radius:14px;
  background:rgba(255,255,255,.96);
  color:var(--kh-color-primary,#008b64);
  box-shadow:0 10px 28px rgba(35,41,51,.14);
  font:inherit;
  font-size:1.15rem;
  font-weight:900;
  line-height:1;
  cursor:pointer;
  opacity:0;
  visibility:hidden;
  transform:translateY(8px);
  pointer-events:none;
  transition:opacity .18s ease,visibility .18s ease,transform .18s ease;
}
.kh-article-backtotop span{font-size:.58rem;font-weight:800;line-height:1.4}
.kh-article-backtotop.is-visible{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}
.kh-article-backtotop:focus-visible{outline:3px solid rgba(0,139,100,.35);outline-offset:2px}
@media(max-width:767px){
  .kh-article-backtotop{
    inset-inline-start:12px;
    bottom:calc(78px + env(safe-area-inset-bottom));
    width:42px;
    min-height:42px;
    border-radius:12px;
  }
}
@media(prefers-reduced-motion:reduce){.kh-article-backtotop{transition:none}}