html.blog-article-page{--blog-accent:#46a9ae;--blog-surface:#f1f9fa;scrollbar-width:thin;scrollbar-color:var(--blog-accent) var(--blog-surface)}html.blog-article-page::-webkit-scrollbar{width:11px}html.blog-article-page::-webkit-scrollbar-track{background:linear-gradient(#f8fcfd 0%,#eef7f8 50%,#e8f4f5 100%)}html.blog-article-page::-webkit-scrollbar-thumb{background:linear-gradient(180deg, var(--blog-accent) 0%, var(--blog-accent-2) 55%, var(--blog-accent-3) 100%);border:2px solid #f1f9fa;border-radius:999px;box-shadow:0 2px 8px #46a9ae59}html.blog-article-page::-webkit-scrollbar-thumb:hover{background:linear-gradient(#3d969b 0%,#52afb4 100%)}.blog-article-page{--blog-accent:#46a9ae;--blog-accent-2:#61bec3;--blog-accent-3:#7ed4d8;--blog-surface:#f1f9fa;--blog-text:#252f42;--blog-muted:#64748b;background:#fff;min-height:100vh}.blog-reading-progress{z-index:60;pointer-events:none;background:#46a9ae1a;height:4px;position:fixed;top:0;left:0;right:0}.blog-reading-progress__bar{background:linear-gradient(90deg,#46a9ae 0%,#61bec3 35%,#7ed4d8 65%,#a8e8eb 100%);border-radius:0 4px 4px 0;width:0;height:100%;transition:width .12s ease-out;box-shadow:0 0 14px #46a9ae8c}.blog-hero{margin-inline:calc(-1*min(4vw,1rem));border-radius:0 0 28px 28px;min-height:280px;margin-bottom:2rem;position:relative;overflow:hidden}@media (min-width:768px){.blog-hero{border-radius:24px;min-height:360px;margin-inline:0}}.blog-hero__bg{background-position:50%;background-size:cover;position:absolute;inset:0;transform:scale(1.02)}.blog-hero__overlay{background:linear-gradient(#252f4226 0%,#252f428c 55%,#252f42e0 100%);position:absolute;inset:0}.blog-hero--no-image{background:linear-gradient(135deg,#46a9ae 0%,#61bec3 45%,#7ed4d8 100%)}.blog-hero--no-image .blog-hero__overlay{background:linear-gradient(#0000 0%,#252f4240 100%)}.blog-hero__pattern{opacity:.12;background-image:radial-gradient(circle at 20% 30%,#fff 1px,#0000 1px),radial-gradient(circle at 80% 70%,#fff 1px,#0000 1px);background-size:32px 32px;position:absolute;inset:0}.blog-hero__content{z-index:1;min-height:inherit;color:#fff;flex-direction:column;justify-content:flex-end;padding:2rem 1.5rem 2.25rem;display:flex;position:relative}@media (min-width:768px){.blog-hero__content{padding:2.5rem 2.5rem 2.75rem}}.blog-hero__categories{flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;display:flex}.blog-hero__category{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;background:#ffffff2e;border:1px solid #ffffff47;border-radius:999px;align-items:center;padding:.35rem .85rem;font-size:.75rem;font-weight:600;text-decoration:none;transition:background .2s;display:inline-flex}.blog-hero__category:hover{background:#ffffff4d}.blog-hero__title{text-shadow:0 2px 20px #0003;margin-bottom:1.25rem;font-size:clamp(1.5rem,4vw,2.25rem);font-weight:800;line-height:1.35}.blog-hero__meta{color:#ffffffe6;flex-wrap:wrap;align-items:center;gap:.75rem 1.25rem;font-size:.8125rem;display:flex}.blog-hero__author{align-items:center;gap:.5rem;display:inline-flex}.blog-hero__avatar{width:2rem;height:2rem;color:var(--blog-accent);background:linear-gradient(135deg,#fff 0%,#e8f6f7 100%);border:2px solid #ffffff80;border-radius:50%;justify-content:center;align-items:center;font-size:.75rem;font-weight:700;display:flex}.blog-hero__dot{background:#ffffff80;border-radius:50%;width:4px;height:4px}.blog-breadcrumb{color:var(--blog-muted);flex-wrap:wrap;align-items:center;gap:.35rem;margin-bottom:1.5rem;font-size:.8125rem;display:flex}.blog-breadcrumb a{color:var(--blog-muted);text-decoration:none;transition:color .15s}.blog-breadcrumb a:hover{color:var(--blog-accent)}.blog-breadcrumb__current{color:var(--blog-text);text-overflow:ellipsis;white-space:nowrap;max-width:220px;font-weight:500;overflow:hidden}.blog-article-layout{gap:2.5rem;display:grid}@media (min-width:1024px){.blog-article-layout{grid-template-columns:minmax(0,1fr) 260px;align-items:start}}.blog-article-card{background:#fff;border:1px solid #e8eef0;border-radius:20px;padding:1.75rem 1.5rem;box-shadow:0 4px 24px #252f420a}@media (min-width:768px){.blog-article-card{padding:2.25rem 2.5rem}}.blog-excerpt{color:var(--blog-muted);border-inline-start:4px solid var(--blog-accent);background:linear-gradient(90deg,#46a9ae14 0%,#0000 100%);border-radius:0 12px 12px 0;margin-bottom:2rem;padding:1rem 1.25rem;font-size:1.0625rem;line-height:1.85}.blog-prose{color:#334155;font-size:1rem;line-height:1.9}.blog-prose :is(h2,h3,h4){color:var(--blog-text);margin-top:2rem;margin-bottom:.85rem;scroll-margin-top:5rem;font-weight:700}.blog-prose h2{border-bottom:2px solid #46a9ae33;padding-bottom:.5rem;font-size:1.375rem}.blog-prose h3{font-size:1.125rem}.blog-prose p{margin-bottom:1.15rem}.blog-prose a{color:var(--blog-accent);text-underline-offset:3px;text-decoration:underline}.blog-prose a:hover{color:#3d969b}.blog-prose img{border-radius:16px;max-width:100%;height:auto;margin:1.5rem 0;box-shadow:0 8px 30px #252f421a}.blog-prose ul,.blog-prose ol{margin:1rem 0 1.25rem;padding-inline-start:1.5rem}.blog-prose li{margin-bottom:.5rem}.blog-prose blockquote{border-inline-start:4px solid var(--blog-accent-2);background:var(--blog-surface);color:var(--blog-muted);border-radius:0 14px 14px 0;margin:1.5rem 0;padding:1rem 1.25rem;font-style:italic}.blog-prose table{border-collapse:collapse;width:100%;margin:1.5rem 0;font-size:.875rem}.blog-prose th,.blog-prose td{text-align:right;border:1px solid #e2e8f0;padding:.65rem .85rem}.blog-prose th{background:var(--blog-surface);font-weight:600}.blog-sidebar{flex-direction:column;gap:1.25rem;display:flex}@media (max-width:1023px){.blog-sidebar{order:-1}}.blog-sidebar__card{background:#fff;border:1px solid #e8eef0;border-radius:16px;padding:1.25rem;box-shadow:0 2px 12px #252f420a}.blog-sidebar__card--flush{padding:1rem;overflow:hidden}.blog-sidebar__title{color:var(--blog-text);margin-bottom:1rem;font-size:.875rem;font-weight:700}.blog-share-btn{width:100%;color:var(--blog-text);cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;padding:.65rem 1rem;font-size:.875rem;font-weight:600;transition:all .2s;display:flex}.blog-share-btn:not(.blog-share-btn--primary):hover{border-color:var(--blog-accent);color:var(--blog-accent);background:var(--blog-surface)}.blog-share-btn--primary{background:linear-gradient(135deg, var(--blog-accent), var(--blog-accent-2));color:#fff;border:none}.blog-share-btn--primary:hover{filter:brightness(1.03);color:#fff;background:linear-gradient(135deg,#3d969b,#52afb4);box-shadow:0 4px 14px #46a9ae59}.blog-stat-row{color:var(--blog-muted);border-bottom:1px solid #f1f5f9;justify-content:space-between;padding:.5rem 0;font-size:.8125rem;display:flex}.blog-stat-row:last-child{border-bottom:none}.blog-stat-row strong{color:var(--blog-text);font-weight:600}.blog-related{border-top:1px solid #e8eef0;margin-top:3rem;padding-top:2.5rem}.blog-related__title{color:var(--blog-text);margin-bottom:1.5rem;font-size:1.25rem;font-weight:800}.blog-related__grid{gap:1.25rem;display:grid}@media (min-width:640px){.blog-related__grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:900px){.blog-related__grid{grid-template-columns:repeat(3,1fr)}}.blog-related-card{color:inherit;background:#fff;border:1px solid #eef0f4;border-radius:16px;flex-direction:column;text-decoration:none;transition:transform .25s,box-shadow .25s,border-color .25s;display:flex;overflow:hidden}.blog-related-card:hover{border-color:#46a9ae59;transform:translateY(-4px);box-shadow:0 12px 32px #252f421a}.blog-related-card__img{aspect-ratio:16/10;object-fit:cover;background:linear-gradient(135deg,#f1f9fa,#e8f4f5);width:100%}.blog-related-card__body{flex-direction:column;flex:1;padding:1rem 1.15rem 1.25rem;display:flex}.blog-related-card__title{color:var(--blog-text);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:.5rem;font-size:.9375rem;font-weight:700;line-height:1.5;display:-webkit-box;overflow:hidden}.blog-related-card__date{color:var(--blog-muted);margin-top:auto;font-size:.75rem}.blog-article-cta{background:linear-gradient(135deg,#46a9ae1a 0%,#61bec30f 100%);border:1px solid #46a9ae33;border-radius:20px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-top:2.5rem;padding:1.75rem;display:flex}.blog-article-cta__text{color:var(--blog-muted);font-size:.9375rem}.blog-article-cta__text strong{color:var(--blog-text);margin-bottom:.25rem;font-size:1.0625rem;display:block}.blog-article-cta__actions{flex-wrap:wrap;gap:.65rem;display:flex}.blog-article-cta__link{border-radius:999px;align-items:center;padding:.6rem 1.15rem;font-size:.875rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.blog-article-cta__link--primary{background:linear-gradient(135deg, var(--blog-accent), var(--blog-accent-2));color:#fff}.blog-article-cta__link--primary:hover{filter:brightness(1.05);box-shadow:0 4px 14px #46a9ae59}.blog-article-cta__link--ghost{color:var(--blog-text);background:#fff;border:1px solid #e2e8f0}.blog-article-cta__link--ghost:hover{border-color:var(--blog-accent);color:var(--blog-accent)}
