.blog-post-page{min-height:100vh;background:var(--bg-white);display:flex;flex-direction:column}.blog-post-breadcrumb{background:var(--bg-white);border-bottom:1px solid var(--border)}.blog-post-breadcrumb__inner{max-width:820px;margin:0 auto;padding:10px 20px;display:flex;align-items:center;gap:6px}.blog-post-back{display:inline-flex;align-items:center;gap:5px;font-size:.82rem;font-weight:600;color:#2563eb;text-decoration:none;transition:gap .18s}.blog-post-back:hover{gap:8px}.blog-post-back .material-symbols-outlined{font-size:16px}.blog-post-breadcrumb__sep{font-size:16px;color:var(--text-muted)}.blog-post-breadcrumb__current{font-size:.82rem;color:var(--text-muted)}.blog-post-hero{background:linear-gradient(135deg,color-mix(in srgb,var(--hero-color,#2563eb) 85%,#000) 0,var(--hero-color,#2563eb) 60%,color-mix(in srgb,var(--hero-color,#2563eb) 70%,#6366f1) 100%);padding:56px 20px 52px;position:relative;overflow:hidden}.blog-post-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 20%,rgba(255,255,255,.08) 0,transparent 50%);pointer-events:none}.blog-post-hero__inner{max-width:820px;margin:0 auto;position:relative;z-index:1}.blog-post-hero__category{display:inline-flex;align-items:center;gap:5px;background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.22);color:rgba(255,255,255,.9);font-size:.72rem;font-weight:700;padding:3px 11px;border-radius:99px;text-transform:uppercase;letter-spacing:.05em;margin-bottom:16px;display:inline-block}.blog-post-hero__title{margin:0 0 14px;font-size:clamp(1.5rem,4vw,2.2rem);font-weight:800;color:#fff;line-height:1.25;letter-spacing:-.02em}.blog-post-hero__summary{margin:0 0 20px;font-size:1rem;color:rgba(255,255,255,.78);line-height:1.65;max-width:640px}.blog-post-hero__meta{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.blog-post-hero__meta span{display:inline-flex;align-items:center;gap:5px;font-size:.8rem;color:rgba(255,255,255,.7);font-weight:500}.blog-post-hero__meta .material-symbols-outlined{font-size:14px}.blog-post-layout{max-width:820px;margin:0 auto;padding:40px 20px 60px;width:100%;box-sizing:border-box}.blog-prose{font-size:1rem;line-height:1.75;color:var(--text-dark)}.blog-prose h2{font-size:1.35rem;font-weight:800;color:var(--text-dark);margin:2em 0 .6em;padding-bottom:8px;border-bottom:2px solid #eff6ff;line-height:1.3}.blog-prose h3{font-size:1.08rem;font-weight:700;color:#1e40af;margin:1.5em 0 .5em}.blog-prose p{margin:0 0 1em;color:#334155}.blog-prose ol,.blog-prose ul{margin:0 0 1em;padding-left:1.4em}.blog-prose li{margin-bottom:.4em;color:#334155}.blog-prose strong{color:var(--text-dark);font-weight:700}.blog-prose a{color:#2563eb;text-decoration:underline}.blog-prose h2:first-child{margin-top:0}.blog-post-cta{display:flex;align-items:center;gap:16px;background:linear-gradient(135deg,#1e3a5f,#2563eb);border-radius:16px;padding:22px 24px;margin-top:40px;flex-wrap:wrap}.blog-post-cta__icon{width:48px;height:48px;border-radius:12px;background:rgba(255,255,255,.15);display:flex;align-items:center;justify-content:center;flex-shrink:0}.blog-post-cta__icon .material-symbols-outlined{font-size:24px;color:#fff}.blog-post-cta__text{flex:1 1;min-width:180px}.blog-post-cta__text strong{display:block;color:#fff;font-size:1rem;font-weight:700;margin-bottom:4px}.blog-post-cta__text p{margin:0;font-size:.84rem;color:rgba(255,255,255,.78);line-height:1.5}.blog-post-cta__btn{display:inline-flex;align-items:center;gap:6px;background:#fff;color:#1d4ed8;font-size:.86rem;font-weight:700;padding:10px 20px;border-radius:10px;text-decoration:none;transition:transform .18s,box-shadow .18s;white-space:nowrap;flex-shrink:0}.blog-post-cta__btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,.2)}.blog-post-cta__btn .material-symbols-outlined{font-size:16px}.blog-related{background:var(--bg-light,#f8fafc);border-top:1px solid var(--border);padding:48px 20px 56px}.blog-related__inner{max-width:1100px;margin:0 auto}.blog-related__title{margin:0 0 24px;font-size:1.2rem;font-weight:800;color:var(--text-dark)}.blog-related__grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:20px;gap:20px}.blog-post-loading{flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:80px 20px;color:var(--text-muted);font-size:.88rem}.blog-post-loading__spinner{width:36px;height:36px;border:3px solid #e2e8f0;border-top-color:#2563eb;border-radius:50%;animation:blogSpin .8s linear infinite}@keyframes blogSpin{to{transform:rotate(1turn)}}.blog-post-error{flex:1 1;display:flex;flex-direction:column;align-items:center;gap:12px;padding:80px 20px;color:var(--text-muted);font-size:.92rem}.blog-post-error .material-symbols-outlined{font-size:40px;color:#fca5a5}.blog-post-error a{color:#2563eb;text-decoration:underline}[data-theme=dark] .blog-post-page{background:#0f172a}[data-theme=dark] .blog-post-breadcrumb{background:#1e293b;border-color:rgba(148,163,184,.12)}[data-theme=dark] .blog-post-back{color:#818cf8}[data-theme=dark] .blog-post-breadcrumb__current,[data-theme=dark] .blog-post-breadcrumb__sep{color:#475569}[data-theme=dark] .blog-post-layout{background:transparent}[data-theme=dark] .blog-prose{color:#e2e8f0}[data-theme=dark] .blog-prose h2{color:#f1f5f9;border-color:rgba(99,102,241,.2)}[data-theme=dark] .blog-prose h3{color:#818cf8}[data-theme=dark] .blog-prose li,[data-theme=dark] .blog-prose p{color:#94a3b8}[data-theme=dark] .blog-prose strong{color:#e2e8f0}[data-theme=dark] .blog-prose a{color:#818cf8}[data-theme=dark] .blog-related{background:#1e293b;border-color:rgba(148,163,184,.1)}[data-theme=dark] .blog-related__title{color:#f1f5f9}[data-theme=dark] .blog-post-loading{color:#64748b}[data-theme=dark] .blog-post-loading__spinner{border-color:#6366f1 #334155 #334155}[data-theme=dark] .blog-post-error{color:#94a3b8}[data-theme=dark] .blog-post-error a{color:#818cf8}@media (max-width:768px){.blog-post-hero{padding:40px 16px 36px}.blog-post-layout{padding:28px 16px 40px}.blog-post-cta{flex-direction:column;align-items:flex-start;gap:14px;padding:18px}.blog-post-cta__btn{width:100%;justify-content:center}.blog-related{padding:32px 16px 40px}.blog-related__grid{grid-template-columns:1fr;gap:14px}.blog-prose h2{font-size:1.15rem}.blog-prose h3{font-size:.98rem}}@media (max-width:480px){.blog-post-hero__title{font-size:1.4rem}.blog-post-hero__meta{gap:10px}}