.blog-header{padding-top:var(--space-3xl);padding-bottom:var(--space-xl);background:#fff}@media (max-width:768px){.blog-header{padding-top:var(--space-2xl);padding-bottom:var(--space-lg)}}.blog-hero{padding-bottom:var(--space-xl);background:#fff;position:relative}.blog-hero__img{border-radius:var(--radius-xl);width:100%;box-shadow:var(--shadow-xl);background:#f0f4fa;position:relative;overflow:hidden}.blog-hero__img img{object-fit:cover;width:100%;height:auto;display:block}.blog-breadcrumb{font-size:var(--fs-sm);margin-bottom:var(--space-md);color:var(--color-text-light);align-items:center;gap:.5rem;display:flex}.blog-breadcrumb a{color:var(--color-text-muted);transition:color var(--transition-fast);text-decoration:none}.blog-breadcrumb a:hover{color:var(--color-primary)}.blog-breadcrumb span{color:var(--color-border)}.blog-category-badge{background:var(--color-primary);color:#fff;letter-spacing:.06em;text-transform:uppercase;border-radius:var(--radius-full);max-width:fit-content;margin-bottom:var(--space-sm);align-items:center;padding:.3rem .875rem;font-size:.75rem;font-weight:700;display:inline-flex}.blog-title{color:#0d1f3c;margin-bottom:var(--space-lg);max-width:900px;font-size:clamp(1.75rem,5vw,3.5rem);font-weight:800;line-height:1.15;font-family:var(--font-kanit)}.blog-meta-row{color:var(--color-text-muted);font-size:var(--fs-sm);padding-bottom:var(--space-md);border-bottom:1px solid #f0f4fa;flex-wrap:wrap;align-items:center;gap:1.5rem;display:flex}.blog-meta-row__item{align-items:center;gap:.5rem;font-weight:500;display:flex}.blog-meta-row__item svg{color:var(--color-primary)}.blog-layout{gap:var(--space-2xl);padding:var(--space-2xl) 0 var(--space-3xl);grid-template-columns:240px 1fr 300px;display:grid}@media (max-width:1280px){.blog-layout{gap:var(--space-lg);grid-template-columns:220px 1fr 280px}}@media (max-width:1100px){.blog-layout{gap:var(--space-xl);grid-template-columns:1fr}}.blog-body{color:var(--color-text);font-size:clamp(1rem,1.5vw,1.0625rem);line-height:1.85}.blog-body h1,.blog-body h2,.blog-body h3,.blog-body h4,.blog-body h5{font-family:var(--font-kanit);color:#0d1f3c;margin-top:2.25rem;margin-bottom:.875rem;line-height:1.25}.blog-body h2{border-bottom:2px solid #f0f4fa;padding-bottom:.5rem;scroll-margin-top:90px;font-size:clamp(1.4rem,2.5vw,1.875rem)}.blog-body h3{scroll-margin-top:90px;font-size:clamp(1.15rem,2vw,1.4rem)}.blog-body p{color:#2d3748;margin-bottom:1.25rem}.blog-body ul,.blog-body ol{margin-bottom:1.25rem;padding-left:1.75rem}.blog-body ul li,.blog-body ol li{color:#2d3748;margin-bottom:.5rem}.blog-body blockquote{border-radius:0 var(--radius-md) var(--radius-md) 0;color:#334155;background:#f0f5ff;border-left:4px solid #1a5fc8;margin:1.75rem 0;padding:.875rem 1.5rem;font-size:1.05em;font-style:italic}.blog-body code{color:#d63384;background:#f1f5f9;border-radius:4px;padding:.15rem .45rem;font-family:JetBrains Mono,Fira Code,monospace;font-size:.875em}.blog-body pre{color:#e2e8f0;border-radius:var(--radius-lg);background:#0d1f3c;border:1px solid #1a5fc833;margin:1.75rem 0;padding:1.25rem 1.5rem;overflow-x:auto}.blog-body pre code{color:#e2e8f0;background:0 0;padding:0;font-size:.9em}.blog-body a{color:var(--color-primary);text-underline-offset:3px;transition:all var(--transition-fast);-webkit-text-decoration:underline #01affe4d;text-decoration:underline #01affe4d}.blog-body a:hover{-webkit-text-decoration-color:var(--color-primary);text-decoration-color:var(--color-primary);color:var(--color-primary-dark)}.blog-body img{border-radius:var(--radius-lg);width:100%;box-shadow:var(--shadow-lg);margin:1.5rem 0}.blog-body hr{border:none;border-top:2px solid #e8eef8;margin:2.25rem 0}.blog-body table{border-collapse:collapse;border-radius:var(--radius-md);width:100%;box-shadow:var(--shadow-sm);margin:1.75rem 0;font-size:.9em;overflow:hidden}.blog-body table th,.blog-body table td{text-align:left;border-bottom:1px solid #e8eef8;padding:.75rem 1rem}.blog-body table th{color:#fff;background:#0d1f3c;font-weight:600}.blog-body table tr:hover td{background:#f8faff}.blog-share{margin:var(--space-xl) 0;flex-wrap:wrap;align-items:center;gap:.625rem;display:flex}.blog-share__label{font-size:var(--fs-sm);color:var(--color-text-muted);margin-right:.25rem;font-weight:600}.blog-share__btn{color:#fff;cursor:pointer;width:38px;height:38px;transition:transform var(--transition-fast),box-shadow var(--transition-fast);border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.blog-share__btn:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0003}.blog-share__btn--copy{background:var(--color-light-bg);color:var(--color-text-muted);border:1.5px solid var(--color-border)}.blog-share__btn--copy:hover{background:var(--color-border);color:var(--color-text)}.blog-share__btn--copied{color:#059669!important;background:#d1fae5!important;border-color:#6ee7b7!important}.blog-toc{top:calc(var(--header-height) + 1.5rem);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);max-height:calc(100vh - var(--header-height) - 3rem);background:#fff;border:1.5px solid #e8eef8;padding:1.25rem;position:sticky;overflow-y:auto}.blog-toc::-webkit-scrollbar{width:4px}.blog-toc::-webkit-scrollbar-track{background:0 0}.blog-toc::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:10px}.blog-toc:hover::-webkit-scrollbar-thumb{background:#cbd5e1}@media (max-width:1100px){.blog-toc{margin-bottom:var(--space-lg);display:block;position:static}}.blog-toc__title{font-family:var(--font-kanit);text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted);border-bottom:1px solid #f0f4fa;margin-bottom:.875rem;padding-bottom:.625rem;font-size:.85rem;font-weight:700}.blog-toc__list{flex-direction:column;gap:.1rem;margin:0;padding:0;list-style:none;display:flex}.blog-toc__item--h3{padding-left:.875rem}.blog-toc__link{cursor:pointer;text-align:left;font-family:var(--font-poppins);color:var(--color-text-muted);border-radius:var(--radius-sm);transition:all var(--transition-fast);background:0 0;border:none;border-left:2px solid #0000;width:100%;padding:.35rem .5rem;font-size:.82rem;line-height:1.4;display:block}.blog-toc__link:hover{color:var(--color-primary);background:#01affe0f}.blog-toc__item--active .blog-toc__link{color:var(--color-primary);border-left-color:var(--color-primary);background:#01affe0f;font-weight:600}.blog-author-card{margin-top:var(--space-2xl);padding:var(--space-lg) var(--space-xl);border-radius:var(--radius-xl);align-items:flex-start;gap:var(--space-md);background:linear-gradient(135deg,#f0f5ff,#f8faff);border:1px solid #dce8ff;display:flex}@media (max-width:600px){.blog-author-card{text-align:center;flex-direction:column;align-items:center}}.blog-author-card__avatar{color:#fff;width:64px;height:64px;font-family:var(--font-kanit);background:linear-gradient(135deg,#1a5fc8,#0d1f3c);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1.5rem;font-weight:700;display:flex}.blog-author-card__label{text-transform:uppercase;letter-spacing:.08em;color:#1a5fc8;margin-bottom:.25rem;font-size:.75rem;font-weight:700}.blog-author-card__name{font-family:var(--font-kanit);color:#0d1f3c;margin-bottom:.35rem;font-size:1.125rem;font-weight:700}.blog-author-card__bio{font-size:var(--fs-sm);color:var(--color-text-muted);line-height:1.65}.blog-tags{margin-top:var(--space-xl);flex-wrap:wrap;gap:.5rem;display:flex}.blog-tags__label{font-size:var(--fs-sm);color:var(--color-text-muted);align-self:center;margin-right:.25rem;font-weight:700}.blog-tags__pill{color:#1a5fc8;border-radius:var(--radius-full);transition:all var(--transition-fast);background:#f0f5ff;border:1px solid #dce8ff;padding:.3rem .875rem;font-size:.8rem;font-weight:600;text-decoration:none;display:inline-block}.blog-tags__pill:hover{color:#fff;background:#1a5fc8;border-color:#1a5fc8}.blog-related{margin-top:var(--space-3xl);padding-top:var(--space-2xl);border-top:2px solid #f0f4fa}.blog-related__title{color:#0d1f3c;margin-bottom:var(--space-xl);font-size:clamp(1.25rem,2.5vw,1.75rem);font-weight:700}.blog-related__grid{gap:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(260px,1fr));display:grid}@media (max-width:640px){.blog-related__grid{grid-template-columns:1fr}}.blog-related-card{border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);color:inherit;transition:transform var(--transition-base),box-shadow var(--transition-base);background:#fff;border:1px solid #e8eef8;flex-direction:column;text-decoration:none;display:flex;overflow:hidden}.blog-related-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.blog-related-card__img{aspect-ratio:16/9;background:#f0f4fa;position:relative;overflow:hidden}.blog-related-card__img img{object-fit:cover;transition:transform .5s}.blog-related-card__img:hover img{transform:scale(1.06)}.blog-related-card__body{padding:var(--space-md);flex-direction:column;flex:1;gap:.4rem;display:flex}.blog-related-card__category{text-transform:uppercase;letter-spacing:.06em;color:var(--color-primary);font-size:.7rem;font-weight:700}.blog-related-card__title{font-family:var(--font-kanit);color:#0d1f3c;font-size:1rem;font-weight:700;line-height:1.3}.blog-related-card__excerpt{color:var(--color-text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;flex:1;font-size:.825rem;line-height:1.6;display:-webkit-box;overflow:hidden}.blog-related-card__meta{color:var(--color-text-light);margin-top:.25rem;font-size:.775rem}.blog-article{max-width:100%}@media (max-width:1100px){.blog-sidebar-right{order:3}}.blog-sidebar-sticky{top:calc(var(--header-height) + 1.5rem);gap:var(--space-md);max-height:calc(100vh - var(--header-height) - 3rem);flex-direction:column;padding-right:4px;display:flex;position:sticky;overflow-y:auto}.blog-sidebar-sticky::-webkit-scrollbar{width:4px}.blog-sidebar-sticky::-webkit-scrollbar-track{background:0 0}.blog-sidebar-sticky::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:10px}.sidebar-card{border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid #f1f5f9;padding:1.5rem}.sidebar-card__title{font-size:1.125rem;font-weight:800;font-family:var(--font-kanit);border-bottom:1px solid #0000000d;margin-bottom:1rem;padding-bottom:.5rem}.sidebar-card__text{color:#4b5563;margin-bottom:1.25rem;font-size:.875rem;line-height:1.6}.sidebar-card__btn{text-align:center;text-transform:uppercase;letter-spacing:1px;width:100%;transition:all var(--transition-fast);cursor:pointer;border-radius:.5rem;padding:.75rem;font-size:.875rem;font-weight:700;display:block}.sidebar-card__btn--linkedin{color:#fff;transition:all var(--transition-fast);background:#012450;border:none;justify-content:center;align-items:center;gap:.5rem;text-decoration:none;display:flex}.sidebar-card__btn--linkedin:hover{background:#003a85;transform:translateY(-1px);box-shadow:0 4px 12px #0124504d}.sidebar-card__btn--call{color:#fff;background:#f97316;border:none;margin-bottom:.75rem;text-decoration:none;box-shadow:0 4px 12px #f9731633}.sidebar-card__btn--call:hover{background:#ea580c;transform:translateY(-1px);box-shadow:0 6px 16px #f973164d}.sidebar-card__btn--outline{color:#fff;background:0 0;border:1.5px solid #fff6;text-decoration:none}.sidebar-card__btn--outline:hover{color:#0d1f3c;background:#fff}.sidebar-card--author{background:#f8faff;border:1px solid #e2e8f0}.sidebar-card--author .sidebar-card__title{color:#012450;border-bottom-color:#0000000d}.sidebar-card--assistance{color:#fff;background:#0d1f3c}.sidebar-card--assistance .sidebar-card__title{color:#fff;border-bottom-color:#ffffff1a}.sidebar-card--assistance .sidebar-card__text{color:#fffc}.sidebar-author{align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.sidebar-author__avatar{color:#fff;background:linear-gradient(135deg,#1a5fc8,#0d1f3c);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;font-size:1.1rem;font-weight:700;display:flex;box-shadow:0 2px 8px #0000001a}.sidebar-author__name{color:#111827;margin:0;font-weight:700}
