.blog-hero{background:linear-gradient(135deg, var(--cx-navy) 0%, var(--cx-navy-light) 60%, #0e2952 100%);padding:calc(95px + var(--sp-12)) 0 var(--sp-12);text-align:center;position:relative;overflow:hidden}.blog-hero:before{content:"";pointer-events:none;background:radial-gradient(circle,#00a5b51a 0%,#0000 70%);border-radius:50%;width:500px;height:500px;position:absolute;top:-30%;right:-10%}.blog-hero:after{content:"";pointer-events:none;background:radial-gradient(circle,#4ecdc40f 0%,#0000 70%);border-radius:50%;width:400px;height:400px;position:absolute;bottom:-40%;left:-10%}.blog-hero h1{color:var(--cx-white);margin-bottom:var(--sp-4);z-index:1;position:relative}.blog-hero p{color:#ffffffb3;font-size:var(--fs-lg);z-index:1;max-width:640px;margin-inline:auto;position:relative}.blog-hero .overline{font-size:var(--fs-xs);font-weight:var(--fw-semibold);letter-spacing:var(--ls-wider);text-transform:uppercase;color:var(--cx-teal-light);margin-bottom:var(--sp-4);padding:var(--sp-1) var(--sp-3);border-radius:var(--radius-full);z-index:1;background:#00a5b526;display:inline-block;position:relative}.blog-filters{justify-content:center;gap:var(--sp-2);margin-bottom:var(--sp-10);flex-wrap:wrap;display:flex}.filter-pill{padding:var(--sp-2) var(--sp-4);font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--cx-gray-600);background:var(--cx-white);border:1px solid var(--cx-gray-200);border-radius:var(--radius-full);cursor:pointer;transition:all var(--duration-fast) var(--ease-default);align-items:center;min-height:40px;text-decoration:none;display:inline-flex}.filter-pill:hover,.filter-pill.active{color:var(--cx-white);background:var(--cx-teal-ink);border-color:var(--cx-teal-ink)}.blog-card{background:var(--cx-white);border-radius:var(--radius-xl);border:1px solid var(--cx-gray-100);height:100%;color:inherit;flex-direction:column;text-decoration:none;transition:transform .5s cubic-bezier(.19,1,.22,1),box-shadow .5s cubic-bezier(.19,1,.22,1);display:flex;overflow:hidden;box-shadow:0 2px 8px #0b1d3a0f,0 8px 32px #0b1d3a0a}.blog-card:hover{color:inherit;border-color:#00a5b526;transform:translateY(-8px);box-shadow:0 12px 28px #00a5b51f,0 24px 48px #0b1d3a14}.blog-card-img{aspect-ratio:16/9;position:relative;overflow:hidden}.blog-card-img img{object-fit:cover;width:100%;height:100%;transition:transform .7s cubic-bezier(.19,1,.22,1)}.blog-card:hover .blog-card-img img{transform:scale(1.05)}.blog-card-body{padding:var(--sp-6);flex-direction:column;flex:1;display:flex}.blog-card-meta{align-items:center;gap:var(--sp-3);margin-bottom:var(--sp-3);font-size:var(--fs-xs);color:var(--cx-gray-500);display:flex}.blog-card-meta .blog-category{font-size:.6875rem;font-weight:var(--fw-semibold);text-transform:uppercase;letter-spacing:var(--ls-wider);color:var(--cx-teal-dark);border-radius:var(--radius-full);background:linear-gradient(135deg,#00a5b514 0%,#4ecdc41f 100%);border:1px solid #00a5b51f;padding:.2rem .6rem;display:inline-block}.blog-card-meta .read-time{align-items:center;gap:4px;display:inline-flex}.blog-card-meta .read-time svg{width:12px;height:12px;stroke:var(--cx-gray-400);fill:none}.blog-card-body h3{font-size:var(--fs-lg);font-weight:var(--fw-bold);color:var(--cx-gray-800);margin-bottom:var(--sp-3);line-height:var(--lh-snug);transition:color .3s}.blog-card:hover .blog-card-body h3{color:var(--cx-teal-dark)}.blog-card-body p{color:var(--cx-gray-500);font-size:var(--fs-sm);line-height:var(--lh-relaxed);margin-bottom:var(--sp-4);flex:1}.blog-card-footer{padding:var(--sp-4) var(--sp-6);border-top:1px solid var(--cx-gray-100);background:var(--cx-gray-50);justify-content:space-between;align-items:center;display:flex}.blog-card-footer .blog-date{font-size:var(--fs-xs);color:var(--cx-gray-500)}.blog-card-footer .blog-read-more{align-items:center;gap:var(--sp-2);font-size:var(--fs-sm);font-weight:var(--fw-semibold);color:var(--cx-teal-ink);transition:gap .3s cubic-bezier(.19,1,.22,1);display:inline-flex}.blog-card:hover .blog-read-more{gap:var(--sp-3)}.blog-card-footer .blog-read-more:after{content:"→";font-size:var(--fs-base);transition:transform .3s cubic-bezier(.19,1,.22,1)}.blog-card:hover .blog-read-more:after{transform:translate(4px)}.blog-featured{background:var(--cx-white);border-radius:var(--radius-xl);border:1px solid var(--cx-gray-100);margin-bottom:var(--sp-12);color:inherit;grid-template-columns:1fr;gap:0;text-decoration:none;transition:box-shadow .5s,border-color .4s;display:grid;overflow:hidden;box-shadow:0 4px 16px #0b1d3a0f,0 12px 40px #0b1d3a0f}.blog-featured:hover{color:inherit;border-color:#00a5b526;box-shadow:0 12px 28px #00a5b51f,0 24px 48px #0b1d3a14}@media (width>=768px){.blog-featured{grid-template-columns:1.2fr 1fr}}.blog-featured .blog-card-img{aspect-ratio:16/10}@media (width>=768px){.blog-featured .blog-card-img{aspect-ratio:auto;height:100%}}.blog-featured .blog-card-body{padding:var(--sp-8);justify-content:center}.blog-featured .blog-card-body h2{font-size:var(--fs-2xl);margin-bottom:var(--sp-4);line-height:var(--lh-snug);color:var(--cx-gray-800)}@media (width>=768px){.blog-featured .blog-card-body h2{font-size:var(--fs-3xl)}}.blog-featured .blog-card-body p{font-size:var(--fs-base);margin-bottom:var(--sp-6)}.featured-badge{align-items:center;gap:var(--sp-2);font-size:var(--fs-xs);font-weight:var(--fw-semibold);text-transform:uppercase;letter-spacing:var(--ls-wider);color:#8a6100;margin-bottom:var(--sp-3);display:inline-flex}.featured-badge svg{width:14px;height:14px;fill:var(--cx-gold)}.article-hero{background:linear-gradient(135deg, var(--cx-navy) 0%, var(--cx-navy-light) 60%, #0e2952 100%);padding:calc(95px + var(--sp-12)) 0 var(--sp-16);position:relative;overflow:hidden}.article-hero:before{content:"";pointer-events:none;background:radial-gradient(circle,#00a5b514 0%,#0000 70%);border-radius:50%;width:500px;height:500px;position:absolute;top:-30%;right:-10%}.article-hero-inner{z-index:1;max-width:800px;margin-inline:auto;position:relative}.article-hero .blog-category{font-size:.6875rem;font-weight:var(--fw-semibold);text-transform:uppercase;letter-spacing:var(--ls-wider);color:var(--cx-teal-light);border-radius:var(--radius-full);margin-bottom:var(--sp-5);background:#00a5b526;padding:.3rem .8rem;display:inline-block}.article-hero h1{color:var(--cx-white);font-size:var(--fs-3xl);line-height:var(--lh-snug);margin-bottom:var(--sp-6)}@media (width>=768px){.article-hero h1{font-size:var(--fs-4xl)}}@media (width>=1024px){.article-hero h1{font-size:var(--fs-5xl)}}.article-meta{align-items:center;gap:var(--sp-4);color:#fff9;font-size:var(--fs-sm);flex-wrap:wrap;display:flex}.article-meta .meta-item{align-items:center;gap:var(--sp-2);display:inline-flex}.article-meta svg{width:16px;height:16px;stroke:var(--cx-teal-light);fill:none}.article-meta .meta-divider{background:#ffffff4d;border-radius:50%;width:4px;height:4px}.article-layout{gap:var(--sp-10);padding-block:var(--sp-12);grid-template-columns:1fr;display:grid}@media (width>=1024px){.article-layout{grid-template-columns:1fr 280px}}.article-content{min-width:0;max-width:800px}.article-prose{overflow-wrap:anywhere;font-size:var(--fs-base);line-height:var(--lh-relaxed);color:var(--cx-gray-700)}.article-prose h2{font-size:var(--fs-2xl);margin-top:var(--sp-10);margin-bottom:var(--sp-4);color:var(--cx-navy);padding-bottom:var(--sp-3);border-bottom:2px solid var(--cx-gray-100)}.article-prose h3{font-size:var(--fs-xl);margin-top:var(--sp-8);margin-bottom:var(--sp-3);color:var(--cx-navy)}.article-prose h4,.article-prose .h4-style{font-size:var(--fs-lg);margin-top:var(--sp-6);margin-bottom:var(--sp-3);color:var(--cx-navy)}.article-prose p{margin-bottom:var(--sp-5)}.article-prose ul,.article-prose ol{margin-bottom:var(--sp-5);padding-left:var(--sp-6)}.article-prose ul{list-style:outside}.article-prose ol{list-style:decimal}.article-prose li{margin-bottom:var(--sp-2);line-height:var(--lh-relaxed)}.article-prose li::marker{color:var(--cx-teal-ink)}.article-prose a{color:var(--cx-teal-ink);text-underline-offset:3px;transition:text-decoration-color var(--duration-fast);text-decoration:underline #00a5b54d}.article-prose a:hover{text-decoration-color:var(--cx-teal)}.article-prose blockquote{border-left:4px solid var(--cx-teal);padding:var(--sp-4) var(--sp-6);margin:var(--sp-6) 0;border-radius:0 var(--radius-md) var(--radius-md) 0;color:var(--cx-gray-600);background:linear-gradient(135deg,#00a5b50a,#4ecdc40a);font-style:italic}.article-prose blockquote p:last-child{margin-bottom:0}.article-prose img{border-radius:var(--radius-lg);margin:var(--sp-6) 0;box-shadow:var(--shadow-lg)}.article-prose strong{color:var(--cx-gray-800);font-weight:var(--fw-semibold)}.article-callout{border-radius:var(--radius-lg);padding:var(--sp-6);margin:var(--sp-8) 0;background:linear-gradient(135deg,#00a5b50f 0%,#4ecdc40f 100%);border:1px solid #00a5b526}.article-callout h4,.article-callout .h4-style{color:var(--cx-teal-dark);margin-top:0;margin-bottom:var(--sp-3);align-items:center;gap:var(--sp-2);display:flex}.article-callout p:last-child{margin-bottom:0}.article-sidebar{display:none}@media (width>=1024px){.article-sidebar{display:block}}.toc-widget{background:var(--cx-gray-50);border-radius:var(--radius-lg);padding:var(--sp-6);border:1px solid var(--cx-gray-100);position:sticky;top:120px}.toc-widget h4,.toc-widget .h4-style{font-size:var(--fs-sm);font-weight:var(--fw-semibold);text-transform:uppercase;letter-spacing:var(--ls-wider);color:var(--cx-gray-500);margin-bottom:var(--sp-4)}.toc-list{gap:var(--sp-1);flex-direction:column;display:flex}.toc-list a{padding:var(--sp-2) var(--sp-3);font-size:var(--fs-sm);color:var(--cx-gray-500);border-left:2px solid var(--cx-gray-200);transition:color var(--duration-fast), border-color var(--duration-fast);text-decoration:none;display:block}.toc-list a:hover,.toc-list a.active{color:var(--cx-teal-ink);border-left-color:var(--cx-teal)}.toc-list a.toc-h3{padding-left:var(--sp-6);font-size:var(--fs-xs)}.author-box{align-items:center;gap:var(--sp-5);padding:var(--sp-6);background:var(--cx-gray-50);border-radius:var(--radius-lg);border:1px solid var(--cx-gray-100);margin-top:var(--sp-10);display:flex}.author-avatar{border-radius:var(--radius-full);background:linear-gradient(135deg, var(--cx-teal), var(--cx-accent));flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;display:flex;overflow:hidden}.author-avatar img{object-fit:cover;width:100%;height:100%}.author-avatar svg{width:32px;height:32px;fill:var(--cx-white)}.author-info h4,.author-info .h4-style{font-size:var(--fs-base);margin-bottom:var(--sp-1)}.author-info p{font-size:var(--fs-sm);color:var(--cx-gray-500);margin-bottom:0}.related-section{padding-block:var(--sp-16);background:var(--cx-gray-50);border-top:1px solid var(--cx-gray-100)}.related-section .section-header{margin-bottom:var(--sp-8)}.article-cta .btn{white-space:normal}.article-cta{background:linear-gradient(135deg, var(--cx-navy) 0%, var(--cx-navy-light) 100%);border-radius:var(--radius-xl);padding:var(--sp-10) var(--sp-8);text-align:center;margin-top:var(--sp-10);position:relative;overflow:hidden}.article-cta:before{content:"";background:radial-gradient(circle,#00a5b51f 0%,#0000 70%);border-radius:50%;width:300px;height:300px;position:absolute;top:-50%;right:-20%}.article-cta h3{color:var(--cx-white);margin-bottom:var(--sp-3);z-index:1;position:relative}.article-cta p{color:#ffffffb3;margin-bottom:var(--sp-6);z-index:1;max-width:500px;margin-inline:auto;position:relative}.article-cta .btn{z-index:1;position:relative}.share-bar{align-items:center;gap:var(--sp-3);padding:var(--sp-4) 0;border-top:1px solid var(--cx-gray-100);border-bottom:1px solid var(--cx-gray-100);margin:var(--sp-8) 0;display:flex}.share-bar span{font-size:var(--fs-sm);font-weight:var(--fw-semibold);color:var(--cx-gray-500)}.share-btn{border-radius:var(--radius-md);background:var(--cx-gray-50);border:1px solid var(--cx-gray-200);cursor:pointer;width:36px;height:36px;transition:all var(--duration-fast);justify-content:center;align-items:center;text-decoration:none;display:flex}.share-btn:hover{background:var(--cx-teal);border-color:var(--cx-teal)}.share-btn svg{width:16px;height:16px;fill:var(--cx-gray-500);transition:fill var(--duration-fast)}.share-btn:hover svg{fill:var(--cx-white)}.article-tags{gap:var(--sp-2);margin:var(--sp-6) 0;flex-wrap:wrap;display:flex}.article-tag{padding:var(--sp-1) var(--sp-3);font-size:var(--fs-xs);color:var(--cx-gray-500);background:var(--cx-gray-50);border:1px solid var(--cx-gray-200);border-radius:var(--radius-full);transition:all var(--duration-fast);text-decoration:none;display:inline-block}.article-tag:hover{color:var(--cx-teal-ink);border-color:var(--cx-teal);background:#00a5b50a}.article-hero-image{max-width:900px;margin:calc(-1 * var(--sp-10)) auto var(--sp-8);z-index:2;padding-inline:var(--sp-4);position:relative}.article-hero-image img{border-radius:var(--radius-xl);width:100%;box-shadow:0 20px 60px #0b1d3a33}.blog-breadcrumb{padding:var(--sp-4) 0;margin-bottom:0}.blog-breadcrumb a{color:#ffffff80}.blog-breadcrumb a:hover{color:var(--cx-teal-light)}.blog-breadcrumb .sep{color:#ffffff4d}.blog-breadcrumb .current{color:#ffffffb3}@media (width<=640px){.blog-featured{grid-template-columns:1fr}.blog-card-body{padding:var(--sp-4)}.article-hero h1{font-size:var(--fs-2xl)}.author-box{text-align:center;flex-direction:column}.article-cta{padding:var(--sp-8) var(--sp-6)}}