.blog-page .hero-banner{position:relative;min-height:440px;margin-top:var(--space-6);border:1px solid rgba(148,163,184,0.18);border-radius:20px;overflow:hidden;background:radial-gradient(circle at top right,rgba(59,130,246,0.18),transparent 34%),radial-gradient(circle at bottom left,rgba(14,165,233,0.12),transparent 28%),linear-gradient(135deg,rgba(8,15,30,0.94),rgba(11,24,47,0.98))}html:not(.dark) .blog-page .hero-banner{border-color:rgba(148,163,184,0.24);background:radial-gradient(circle at top right,rgba(96,165,250,0.16),transparent 30%),radial-gradient(circle at bottom left,rgba(59,130,246,0.10),transparent 28%),linear-gradient(135deg,rgba(239,246,255,0.96),rgba(219,234,254,0.94))}.blog-page .hero-banner::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(148,163,184,0.07) 1px,transparent 1px),linear-gradient(90deg,rgba(148,163,184,0.07) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,rgba(0,0,0,0.6),transparent 78%);pointer-events:none}html:not(.dark) .blog-page .hero-banner::before{background-image:linear-gradient(rgba(148,163,184,0.04) 1px,transparent 1px),linear-gradient(90deg,rgba(148,163,184,0.04) 1px,transparent 1px);mask-image:linear-gradient(to bottom,rgba(0,0,0,0.35),transparent 78%)}.blog-page .hero-banner::after{content:"";position:absolute;left:0;right:0;bottom:0;height:180px;background:linear-gradient( 180deg,rgba(15,23,42,0) 0%,rgba(15,23,42,0.08) 34%,rgba(15,23,42,0.28) 62%,rgba(11,24,47,0.68) 82%,var(--bg-primary) 100% );pointer-events:none}html:not(.dark) .blog-page .hero-banner::after{background:linear-gradient( 180deg,rgba(255,255,255,0) 0%,rgba(239,246,255,0.2) 34%,rgba(219,234,254,0.48) 64%,var(--bg-primary) 100% )}.blog-page .hero-banner-content{max-width:840px;margin:0 auto}.blog-article-page .article-top-link{display:flex;align-items:center;gap:10px;width:fit-content;min-height:42px;margin-bottom:clamp(1.25rem,2.5vw,1.75rem);margin-left:0;margin-right:auto;padding:0 16px;border-radius:999px;border:1px solid rgba(148,163,184,0.18);background:rgba(15,23,42,0.34);color:#e2e8f0;font-size:var(--text-sm);font-weight:700;text-decoration:none;backdrop-filter:blur(10px);transition:transform 0.2s ease,border-color 0.2s ease,background 0.2s ease,color 0.2s ease}.blog-article-page .article-top-link:hover{transform:translateX(-2px);border-color:rgba(96,165,250,0.24);background:rgba(15,23,42,0.46);color:#f8fafc}html:not(.dark) .blog-article-page .article-top-link{background:rgba(255,255,255,0.72);color:#1e3a5f}html:not(.dark) .blog-article-page .article-top-link:hover{background:rgba(255,255,255,0.92);color:#0f172a}.blog-article-page .hero-banner-content{max-width:1160px}.blog-article-page .article-hero-grid{display:grid;grid-template-columns:minmax(0,1.1fr);gap:clamp(1.5rem,3vw,2.4rem);align-items:center}.blog-article-page .article-hero-grid.has-visual{grid-template-columns:minmax(0,1.05fr) minmax(320px,0.95fr)}.blog-article-page .article-hero-copy{display:grid;gap:var(--space-5);text-align:left}.blog-article-page .hero-badge,.blog-article-page .hero-title,.blog-article-page .hero-desc{margin-left:0;margin-right:0}.blog-article-page .hero-title{max-width:12ch}.blog-article-page .hero-desc{max-width:60ch}.blog-article-page .article-hero-visual{position:relative;margin:0;padding:14px;border-radius:24px;border:1px solid rgba(148,163,184,0.18);background:linear-gradient(180deg,rgba(255,255,255,0.045),rgba(255,255,255,0)),rgba(15,23,42,0.2);box-shadow:0 24px 56px rgba(2,6,23,0.2);overflow:hidden}.blog-article-page .article-hero-visual img{display:block;width:100%;aspect-ratio:16 / 10;object-fit:cover;border-radius:16px}.blog-article-page .article-hero-visual figcaption{display:inline-flex;align-items:center;gap:var(--space-2);position:absolute;left:24px;bottom:24px;min-height:34px;padding:0 var(--space-4);border-radius:999px;background:rgba(15,23,42,0.72);border:1px solid rgba(255,255,255,0.12);color:#f8fafc;font-size:var(--text-xs);font-weight:700;backdrop-filter:blur(10px)}.blog-page .article-meta i{flex:0 0 14px}.blog-page .hero-badge{border:1px solid rgba(148,163,184,0.24);background:rgba(15,23,42,0.55);color:rgba(226,232,240,0.9);backdrop-filter:blur(10px);width:fit-content;justify-self:start;box-shadow:none}.blog-article-page .hero-badge{width:fit-content;max-width:100%}html:not(.dark) .blog-page .hero-badge{background:rgba(255,255,255,0.84);border-color:rgba(148,163,184,0.2);color:#47617f;box-shadow:none}.blog-page .hero-title{max-width:12ch;margin-left:auto;margin-right:auto}.dark .blog-page .hero-title,.dark .blog-page .hero-title span[style*="var(--text-primary)"]{color:#f8fafc !important}html:not(.dark) .blog-page .hero-title span[style*="var(--text-primary)"]{color:#0f172a !important}.blog-page .hero-banner .hero-desc{max-width:720px;color:rgba(226,232,240,0.78)}html:not(.dark) .blog-page .hero-banner .hero-desc{color:var(--text-secondary)}.blog-page .section .hero-desc,.blog-page .section-header .hero-desc{color:var(--text-secondary)}.blog-page .section-header{max-width:760px}.blog-grid,.focus-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-8)}.blog-page .article-meta{display:flex;flex-wrap:wrap;gap:var(--space-2)}.blog-page .article-meta span{display:inline-flex;align-items:center;min-height:30px;padding:0 var(--space-3);border:1px solid rgba(148,163,184,0.18);border-radius:999px;background:rgba(148,163,184,0.08);color:var(--text-secondary);font-size:var(--text-xs);font-weight:600}.blog-page .article-meta span:first-child{border-color:rgba(59,130,246,0.22);background:rgba(59,130,246,0.10);color:#2563eb}html.dark .blog-page .article-meta span:first-child,.dark .blog-page .article-meta span:first-child{border-color:rgba(96,165,250,0.28);background:rgba(59,130,246,0.16);color:#93c5fd}.blog-page .article-card,.blog-page .focus-card{position:relative;display:flex;flex-direction:column;min-height:100%;gap:var(--space-4);padding:var(--space-6);overflow:hidden;border-radius:18px;border:1px solid rgba(148,163,184,0.16);background:linear-gradient(180deg,rgba(255,255,255,0.018),rgba(255,255,255,0)),var(--bg-elevated);box-shadow:0 14px 36px rgba(2,6,23,0.14)}.blog-page .article-card::before,.blog-page .focus-card::before{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:linear-gradient(90deg,rgba(59,130,246,0.96),rgba(14,165,233,0.84))}.blog-page .article-card:hover,.blog-page .focus-card:hover{transform:translateY(-3px);border-color:rgba(96,165,250,0.34);box-shadow:0 18px 42px rgba(2,6,23,0.18)}.blog-page .article-card h2,.blog-page .article-card h3,.blog-page .focus-card h3{margin:0;line-height:1.25}.blog-index-page .article-card h3{font-size:var(--text-2xl)}.blog-page .article-card p,.blog-page .focus-card p{margin:0;color:var(--text-secondary)}.blog-page .article-link{display:inline-flex;align-items:center;gap:var(--space-2);margin-top:auto;color:#60a5fa;font-weight:600}.blog-page .focus-icon{width:60px;height:60px;border-radius:16px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(59,130,246,0.2),rgba(14,165,233,0.12));border:1px solid rgba(96,165,250,0.22);color:#60a5fa;margin-bottom:var(--space-2)}.blog-article-page .article-shell{max-width:1240px;margin:0 auto;gap:var(--space-8)}.blog-article-page .article-summary-card,.blog-article-page .article-shell>.article-card{padding:clamp(1.5rem,3vw,2.4rem)}.blog-article-page .article-summary-card{display:grid;gap:var(--space-5);border-radius:24px;background:linear-gradient(135deg,rgba(59,130,246,0.08),rgba(14,165,233,0.04)),var(--bg-elevated)}.blog-article-page .article-summary-head{display:grid;grid-template-columns:52px minmax(0,1fr);gap:var(--space-4);align-items:center}.blog-article-page .article-summary-head h2{margin:0 0 4px;font-size:var(--text-xl)}.blog-article-page .article-summary-head p{margin:0;color:var(--text-secondary)}.blog-article-page .article-summary-icon,.blog-article-page .article-cta-icon{width:52px;height:52px;display:inline-flex;align-items:center;justify-content:center;border-radius:16px;background:linear-gradient(135deg,rgba(59,130,246,0.16),rgba(14,165,233,0.1));border:1px solid rgba(96,165,250,0.22);color:#60a5fa}.blog-article-page .article-toc{display:grid;gap:10px}.blog-article-page .article-toc a{display:flex;align-items:center;gap:12px;min-height:48px;padding:0 16px;border-radius:16px;border:1px solid rgba(148,163,184,0.12);background:rgba(148,163,184,0.05);color:var(--text-primary);font-weight:600;text-decoration:none;transition:transform 0.2s ease,border-color 0.2s ease,background 0.2s ease}.blog-article-page .article-toc a::before{content:"";width:9px;height:9px;border-radius:999px;background:linear-gradient(135deg,#60a5fa,#38bdf8);flex:0 0 9px}.blog-article-page .article-toc a:hover{transform:translateX(3px);border-color:rgba(96,165,250,0.26);background:rgba(59,130,246,0.08)}.blog-article-page .article-shell>.article-card{max-width:none;width:100%;margin:0;border-radius:0}.blog-article-page .article-shell>.article-card h2{font-size:clamp(1.45rem,2vw,1.9rem)}.blog-article-page .article-prose>* + *{margin-top:1.15rem}.blog-article-page .article-prose{padding:0 !important;background:transparent;border:0;box-shadow:none}.blog-article-page .article-prose::before{display:none}.blog-article-page .article-prose:hover{transform:none;border-color:transparent;box-shadow:none}.blog-article-page .article-prose>p:first-of-type{margin-top:0;font-size:clamp(1.08rem,1.6vw,1.28rem);line-height:1.95;color:color-mix(in srgb,var(--text-primary) 86%,white 14%)}.blog-article-page .article-prose p{margin:0;line-height:1.92;color:var(--text-secondary)}.blog-article-page .article-prose h2{display:flex;align-items:center;gap:12px;margin:2.8rem 0 0.9rem;line-height:1.2;scroll-margin-top:112px}.blog-article-page .article-prose h2::before{content:"";width:14px;height:14px;border-radius:5px;background:linear-gradient(135deg,#60a5fa,#38bdf8);box-shadow:0 0 0 6px rgba(59,130,246,0.08);flex:0 0 14px}.blog-article-page .article-prose a{color:color-mix(in srgb,var(--text-primary) 78%,#2563eb 22%);font-weight:600;text-decoration:underline;text-decoration-color:rgba(37,99,235,0.28);text-decoration-thickness:0.08em;text-underline-offset:0.16em;text-decoration-skip-ink:auto;transition:color 0.18s ease,text-decoration-color 0.18s ease}.blog-article-page .article-prose a:hover{color:#2563eb;text-decoration-color:currentColor}.blog-article-page .article-prose img{display:block;width:100%;margin:1.5rem 0;border-radius:18px;border:1px solid rgba(148,163,184,0.14)}.blog-article-page .article-prose strong{color:var(--text-primary)}.blog-article-page .article-prose blockquote{margin:1.75rem 0;padding:1.2rem 1.35rem;border-left:4px solid #60a5fa;border-radius:0 16px 16px 0;background:rgba(59,130,246,0.08);color:var(--text-primary)}.blog-article-page .article-inline-ad{margin:2.75rem 0;padding:1.1rem 0;border-top:1px solid rgba(148,163,184,0.16);border-bottom:1px solid rgba(148,163,184,0.16)}.blog-article-page .article-inline-ad ins{width:100%;min-height:140px}.blog-article-page .article-inline-ad--bottom{margin-bottom:0}.blog-article-page .checklist,.blog-article-page .point-list,.blog-article-page .step-list{display:grid;gap:0;margin-top:var(--space-6)}.blog-article-page .checklist div,.blog-article-page .point-list div,.blog-article-page .step-list div{display:grid;grid-template-columns:20px 1fr;gap:var(--space-4);padding:var(--space-4) 0;color:var(--text-secondary);border-top:1px solid rgba(148,163,184,0.14)}.blog-article-page .checklist div:first-child,.blog-article-page .point-list div:first-child,.blog-article-page .step-list div:first-child{border-top:0;padding-top:0}.blog-article-page .cta-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-6)}.blog-article-page .article-cta-card h2{margin-bottom:2px}.blog-article-page .article-cta-card p{margin-top:0}.blog-article-page .cta-row .article-card{justify-content:space-between;background:linear-gradient(135deg,rgba(59,130,246,0.1),rgba(14,165,233,0.05)),var(--bg-elevated)}@media (max-width:1024px){.blog-page .hero-banner{min-height:400px}.blog-article-page .article-hero-grid.has-visual{grid-template-columns:1fr}}@media (max-width:900px){.blog-article-page .cta-row{grid-template-columns:1fr}}@media (max-width:768px){.blog-page .hero-banner{min-height:240px;border-radius:18px}.blog-page .hero-banner-content{padding-left:var(--space-5);padding-right:var(--space-5)}.blog-index-page .hero-banner-content{padding-top:var(--space-10);padding-bottom:var(--space-10)}.blog-index-page .hero-title{max-width:none;font-size:clamp(2.1rem,9vw,3rem);line-height:1.02}.blog-index-page .hero-title br{display:none}.blog-index-page .hero-title span:last-child{display:block;margin-top:10px;font-size:0.7em;line-height:1.08}.blog-index-page .hero-banner .hero-desc{max-width:34ch;font-size:var(--text-sm)}.blog-index-page .section{padding-top:var(--space-10);padding-bottom:var(--space-10)}.blog-article-page .article-summary-head{grid-template-columns:1fr}.blog-page .article-card,.blog-page .focus-card{padding:var(--space-6)}.blog-article-page .article-shell>.article-card{padding:0}.blog-article-page .article-hero-copy{text-align:center}.blog-article-page .hero-badge,.blog-article-page .hero-title,.blog-article-page .hero-desc{margin-left:auto;margin-right:auto}.blog-article-page .hero-badge{justify-self:center}.blog-article-page .article-hero-visual figcaption{left:18px;right:18px;bottom:18px;justify-content:center}.blog-index-page .article-card h3{font-size:var(--text-xl)}}