.blog-detail{--blog-text:var(--color-neutral-900);--blog-muted:var(--color-neutral-600);--blog-soft:var(--color-neutral-50);--blog-border:var(--color-neutral-200);--blog-accent:var(--color-red-600);--blog-accent-soft:var(--color-red-100);--blog-link:var(--color-blue-600);color:var(--blog-text);padding-top:calc(var(--navbar-height) + 2rem);background:#fff;padding-bottom:clamp(3rem,6vw,5rem)}.blog-detail .blog-detail__layout{align-items:start;gap:clamp(2rem,4vw,3rem);display:grid}@media (min-width:1024px){.blog-detail .blog-detail__layout{grid-template-columns:minmax(0,1fr) 320px}}.blog-detail .blog-breadcrumbs{margin-bottom:clamp(1.5rem,3vw,2.25rem)}.blog-detail .blog-breadcrumbs__list{color:var(--blog-muted);flex-wrap:wrap;align-items:center;gap:.5rem;margin:0;padding:0;font-size:.9rem;list-style:none;display:flex}.blog-detail .blog-breadcrumbs__link{color:inherit;font-weight:500;text-decoration:none;transition:color .2s}.blog-detail .blog-breadcrumbs__link:hover{color:var(--blog-link)}.blog-detail .blog-breadcrumbs__separator{color:var(--blog-muted);align-items:center;display:inline-flex}[dir=rtl] .blog-detail .blog-breadcrumbs__separator svg{transform:scaleX(-1)}.blog-detail .blog-breadcrumbs__current{color:var(--blog-text);font-weight:600}.blog-detail .blog-article,.blog-detail .blog-main{min-width:0}.blog-detail .blog-article__header{flex-direction:column;gap:1.5rem;display:flex}.blog-detail .blog-meta-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.blog-detail .blog-category-list{flex-wrap:wrap;gap:.5rem;display:flex}.blog-detail .blog-category{background:var(--blog-accent);color:#fff;border:1px solid color-mix(in srgb, var(--blog-accent) 85%, #000);letter-spacing:.06em;text-transform:uppercase;border-radius:9999px;align-items:center;padding:.45rem 1.1rem;font-size:.75rem;font-weight:700;display:inline-flex;box-shadow:0 10px 22px #dc26262e}[dir=rtl] .blog-detail .blog-category{letter-spacing:0;text-transform:none}.blog-detail .blog-date{color:var(--blog-muted);font-size:.95rem;font-weight:500}.blog-detail .blog-title{letter-spacing:-.02em;color:var(--blog-text);margin:0;font-size:clamp(2rem,4vw,3.2rem);line-height:1.15}.blog-detail .blog-author-row{border-top:1px solid var(--blog-border);border-bottom:1px solid var(--blog-border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;padding-block:1.25rem;display:flex}.blog-detail .blog-author{align-items:center;gap:.9rem;display:flex}.blog-detail .blog-author__avatar{background:var(--blog-soft);border:1px solid var(--blog-border);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.blog-detail .blog-author__avatar img{object-fit:contain;width:100%;height:100%;padding:.45rem}.blog-detail .blog-author__details{flex-direction:column;gap:.2rem;display:flex}.blog-detail .blog-author__name{font-size:1rem;font-weight:700}.blog-detail .blog-author__company{color:var(--blog-muted);font-size:.9rem}.blog-detail .blog-stats{color:var(--blog-muted);flex-wrap:wrap;align-items:center;gap:1rem;font-size:.9rem;display:flex}.blog-detail .blog-stat{align-items:center;gap:.5rem;display:inline-flex}.blog-detail .blog-stat svg{width:16px;height:16px;color:var(--blog-accent)}.blog-detail .blog-hero{border:1px solid var(--blog-border);background:var(--blog-soft);border-radius:1.5rem;margin-top:2rem;overflow:hidden}.blog-detail .blog-hero__image{aspect-ratio:16/9;object-fit:cover;width:100%;height:auto;display:block}.blog-detail .blog-hero__caption{color:var(--blog-muted);background:var(--blog-soft);border-top:1px solid var(--blog-border);text-align:center;padding:1rem 1.5rem;font-size:.9rem}.blog-detail .blog-mobile-toc{border:1px solid var(--blog-border);background:#fff;border-radius:1rem;margin-top:1.5rem;padding:.25rem 0}.blog-detail .blog-mobile-toc summary{cursor:pointer;align-items:center;gap:.75rem;padding:.75rem 1rem;font-weight:600;list-style:none;display:flex}.blog-detail .blog-mobile-toc summary::-webkit-details-marker{display:none}.blog-detail .blog-mobile-toc__icon{width:18px;height:18px;color:var(--blog-link)}.blog-detail .blog-mobile-toc__arrow{margin-inline-start:auto}.blog-detail .blog-mobile-toc[open] .blog-mobile-toc__arrow{transform:rotate(180deg)}.blog-detail .blog-mobile-toc__content{padding:0 1rem .75rem}.blog-detail .blog-body{flex-direction:column;gap:2.5rem;margin-top:2.5rem;display:flex}.blog-detail .blog-lead{color:var(--blog-muted);margin:0;font-size:1.2rem;line-height:1.85}.blog-detail .blog-section{scroll-margin-top:calc(var(--navbar-height) + 1.5rem);border-top:1px solid var(--blog-border);padding-top:1.5rem}.blog-detail .blog-section:first-of-type{border-top:none;padding-top:0}.blog-detail .blog-section__title{letter-spacing:-.01em;margin:0 0 1rem;font-size:clamp(1.5rem,3vw,2.15rem)}.blog-detail .blog-paragraph{color:var(--blog-text);margin:0 0 1.25rem;line-height:1.85}.blog-detail .blog-list{margin:0 0 1.5rem;padding-inline-start:1.5rem;line-height:1.8}.blog-detail .blog-list li{margin-bottom:.75rem}.blog-detail .blog-list--check{padding:0;list-style:none}.blog-detail .blog-list--check li{padding-inline-start:2rem;position:relative}.blog-detail .blog-list--check li:before{content:"✓";inset-inline-start:0;color:var(--blog-accent);font-weight:700;position:absolute;top:0}.blog-detail .blog-card-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem;margin:1.75rem 0;display:grid}.blog-detail .blog-card{border:1px solid color-mix(in srgb, var(--blog-border) 85%, #fff);background:#fff;border-radius:.9rem;padding:1.4rem 1.5rem;position:relative;overflow:hidden;box-shadow:0 10px 24px #0f172a0f}.blog-detail .blog-card:hover{border-color:color-mix(in srgb, var(--blog-accent) 25%, var(--blog-border));background:color-mix(in srgb, #fff 96%, var(--blog-accent-soft))}.blog-detail .blog-card:before{content:"";inset-inline:0;background:linear-gradient(90deg, color-mix(in srgb, var(--blog-accent) 85%, #f87171), transparent);opacity:.7;height:3px;position:absolute;top:0}.blog-detail .blog-card__title{margin:0 0 .6rem;font-size:1.15rem;font-weight:700}.blog-detail .blog-card__text{color:var(--blog-muted);margin:0;line-height:1.75}.blog-detail .blog-image{border:1px solid var(--blog-border);background:var(--blog-soft);border-radius:1rem;margin:2rem 0;overflow:hidden}.blog-detail .blog-image img{width:100%;height:auto;display:block}.blog-detail .blog-image__caption{color:var(--blog-muted);text-align:center;border-top:1px solid var(--blog-border);background:var(--blog-soft);padding:.75rem 1rem;font-size:.85rem}.blog-detail .blog-products-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.75rem;margin:1.5rem 0;display:grid}.blog-detail .blog-product{border:1px solid color-mix(in srgb, var(--blog-border) 75%, #fff);text-align:center;color:var(--blog-text);background:#fff;border-radius:.75rem;padding:.7rem .9rem;font-size:.9rem;font-weight:600;box-shadow:0 6px 14px #0f172a0f}.blog-detail .blog-conclusion{background:var(--blog-soft);border-inline-start:4px solid var(--blog-accent);border-radius:.75rem;padding:1.5rem;font-style:italic;font-weight:600}.blog-detail .blog-sidebar{scrollbar-width:thin;scrollbar-color:color-mix(in srgb, var(--blog-link) 40%, transparent) transparent;min-width:0}.blog-detail .blog-sidebar__inner{flex-direction:column;gap:1.5rem;display:flex}@media (min-width:1024px){.blog-detail .blog-sidebar{top:calc(var(--navbar-height) + 1.5rem);max-height:calc(100vh - var(--navbar-height) - 2.5rem);overscroll-behavior:contain;scrollbar-gutter:stable;align-self:start;padding-inline-end:.35rem;position:sticky;overflow-y:auto}[dir=rtl] .blog-detail .blog-sidebar{padding-inline:.35rem 0}}.blog-detail .blog-sidebar::-webkit-scrollbar{width:6px}.blog-detail .blog-sidebar::-webkit-scrollbar-track{background:0 0}.blog-detail .blog-sidebar::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--blog-link) 40%, transparent);border-radius:6px}.blog-detail .sidebar-card{background:linear-gradient(135deg, var(--color-blue-600), var(--color-blue-700));color:#fff;border:0;border-radius:1.25rem;padding:1.6rem;position:relative;overflow:hidden}.blog-detail .sidebar-title{color:#fff;margin:0 0 1.25rem;padding-bottom:.75rem;font-size:1.15rem;font-weight:700;position:relative}.blog-detail .sidebar-title:after{content:"";inset-inline-start:0;background:#fff;border-radius:999px;width:3.25rem;height:3px;position:absolute;bottom:0}.blog-detail .sidebar-categories{flex-wrap:wrap;gap:.5rem;display:flex}.blog-detail .sidebar-category{color:#fff;background:#ffffff26;border:0;border-radius:9999px;align-items:center;padding:.5rem 1.1rem;font-size:.82rem;font-weight:600;display:inline-flex}.blog-detail .sidebar-category:hover{color:#fff;background:var(--color-blue-800)}.blog-detail .blog-toc-list{gap:.4rem;margin:0;padding:0;list-style:none;display:grid}.blog-detail .blog-toc-link{color:var(--blog-muted);border-radius:.75rem;padding:.7rem .85rem;text-decoration:none;transition:color .2s,background-color .2s;display:block}.blog-detail .blog-toc-link:hover{color:#fff;background:var(--blog-link)}.blog-detail .blog-toc-link.is-active{color:#fff;background:var(--blog-link);font-weight:600}.blog-detail .blog-toc-link:focus-visible,.blog-detail .blog-breadcrumbs__link:focus-visible{outline:2px solid color-mix(in srgb, var(--blog-link) 60%, transparent);outline-offset:2px;border-radius:.65rem}.blog-detail .sidebar-card--toc .blog-toc-link{color:#fff}.blog-detail .sidebar-card--toc .blog-toc-link:hover,.blog-detail .sidebar-card--toc .blog-toc-link.is-active{background:var(--color-blue-800)}.blog-detail .sidebar-card--toc .blog-toc-link:focus-visible{outline-color:#fff}@media (max-width:1023px){.blog-detail{padding-top:calc(var(--navbar-height) + 1.5rem)}.blog-detail .blog-hero{border-radius:1.1rem}.blog-detail .blog-mobile-toc{display:block}.blog-detail .sidebar-card--toc{display:none}}@media (min-width:1024px){.blog-detail .blog-mobile-toc{display:none}}@media (max-width:640px){.blog-detail .blog-title{font-size:2rem}.blog-detail .blog-author-row{align-items:flex-start}.blog-detail .blog-lead{font-size:1.1rem}.blog-detail .blog-section{padding-top:1.25rem}}