.blog-hero{position:relative;padding:180px 0 72px;text-align:center;overflow:hidden;background:var(--bg)}.blog-hero .hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0}.blog-hero .glow{position:absolute;top:-120px;left:50%;width:920px;height:700px;transform:translate(-50%);background:radial-gradient(ellipse at center,rgba(var(--coral-glow),.2),rgba(var(--coral-glow),.04) 38%,transparent 66%);filter:blur(30px)}.blog-hero .grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:64px 64px;mask-image:radial-gradient(ellipse 70% 60% at center top,black,transparent 75%);-webkit-mask-image:radial-gradient(ellipse 70% 60% at center top,black,transparent 75%)}[data-theme=light] .blog-hero .grid{background-image:linear-gradient(rgba(26,14,8,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(26,14,8,.04) 1px,transparent 1px)}.blog-hero-inner{position:relative;z-index:2;max-width:740px;margin:0 auto;padding:0 32px}.blog-hero h1{font-size:clamp(40px,5.6vw,66px);line-height:1.04;letter-spacing:-.035em;font-weight:600;margin:20px auto 22px;text-wrap:balance}.blog-hero h1 .italic{font-style:italic;font-family:"Instrument Serif",serif;font-weight:400;color:var(--coral)}.blog-hero p.lede{font-size:18px;color:var(--text-2);line-height:1.62;text-wrap:pretty}.blog-filter-bar{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;padding:0 24px 56px;background:var(--bg)}.blog-pill{padding:8px 18px;border-radius:999px;background:var(--bg-2);border:1px solid var(--line);font-size:13.5px;color:var(--text-2);cursor:pointer;transition:background .18s,color .18s,border-color .18s;font-family:var(--f-body)}.blog-pill:hover{background:var(--bg-3);color:var(--text)}.blog-pill.active{background:var(--coral);border-color:var(--coral);color:var(--on-coral);font-weight:500}.blog-page{background:var(--bg);min-height:100vh}.blog-main{background:var(--bg);min-height:60vh}.blog-container{max-width:1200px;margin:0 auto;padding:0 32px 96px}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}@media (max-width: 960px){.blog-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.blog-grid{grid-template-columns:1fr}}.blog-card{display:flex;flex-direction:column;background:var(--bg-card);border:1px solid var(--line);border-radius:14px;overflow:hidden;text-decoration:none;transition:border-color .2s,transform .2s,box-shadow .2s}.blog-card:hover{border-color:var(--line-strong);transform:translateY(-3px);box-shadow:0 12px 40px #00000047}[data-theme=light] .blog-card:hover{box-shadow:0 8px 28px #1a0e081a}.blog-card-img{width:100%;aspect-ratio:16/9;-o-object-fit:cover;object-fit:cover;display:block;background:var(--bg-3)}.blog-card-img-placeholder{width:100%;aspect-ratio:16/9;background:linear-gradient(135deg,var(--bg-3) 0%,var(--bg-2) 100%);display:flex;align-items:center;justify-content:center}.blog-card-img-placeholder svg{color:var(--text-4);width:36px;height:36px}.blog-card-body{padding:24px 24px 28px;display:flex;flex-direction:column;flex:1}.blog-card-cats{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px}.blog-cat-tag{font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--coral);background:rgba(var(--coral-glow),.1);padding:3px 10px;border-radius:999px}.blog-card-title{font-size:17px;font-weight:600;line-height:1.35;letter-spacing:-.018em;color:var(--text);margin:0 0 10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.blog-card-excerpt{font-size:14px;color:var(--text-2);line-height:1.58;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;flex:1}.blog-card-meta{display:flex;align-items:center;gap:8px;margin-top:20px;padding-top:16px;border-top:1px solid var(--line);font-size:12.5px;color:var(--text-3)}.blog-card-meta time{margin-left:auto}.blog-card-avatar{width:20px;height:20px;border-radius:50%;-o-object-fit:cover;object-fit:cover;flex-shrink:0;border:1px solid var(--line)}.blog-card-avatar-fallback{width:20px;height:20px;border-radius:50%;background:var(--coral);color:var(--on-coral);font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.blog-skeleton{animation:blog-pulse 1.4s ease-in-out infinite}@keyframes blog-pulse{0%,to{opacity:1}50%{opacity:.45}}.blog-skel-card{background:var(--bg-card);border:1px solid var(--line);border-radius:14px;overflow:hidden}.blog-skel-img{width:100%;aspect-ratio:16/9;background:var(--bg-3)}.blog-skel-body{padding:24px}.blog-skel-line{height:12px;border-radius:6px;background:var(--bg-3);margin-bottom:12px}.blog-state-center{text-align:center;padding:80px 24px;color:var(--text-2);font-size:16px}.blog-state-center h3{color:var(--text);font-size:22px;margin-bottom:10px}.blog-pagination{display:flex;align-items:center;justify-content:center;gap:8px;padding-top:56px}.blog-page-btn{min-width:40px;height:40px;padding:0 14px;border-radius:8px;border:1px solid var(--line);background:var(--bg-2);color:var(--text-2);font-size:14px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px;transition:background .18s,color .18s,border-color .18s;font-family:var(--f-body)}.blog-page-btn:hover:not(:disabled){background:var(--bg-3);color:var(--text)}.blog-page-btn.active{background:var(--coral);border-color:var(--coral);color:var(--on-coral);font-weight:600}.blog-page-btn:disabled{opacity:.35;cursor:not-allowed}.blog-post-page{background:var(--bg);min-height:100vh;color:var(--text)}.bp-banner{position:relative;padding:130px 0 0;min-height:520px;overflow:hidden;background:var(--bg-1);border-bottom:1px solid var(--line-strong);display:flex;flex-direction:column;justify-content:flex-end}[data-theme=light] .bp-banner{background:linear-gradient(160deg,#f4efe8,#ede4d8)}.bp-banner-glow{position:absolute;top:-80px;left:30%;width:800px;height:600px;background:radial-gradient(ellipse at center,rgba(var(--coral-glow),.14),transparent 65%);filter:blur(40px);pointer-events:none}.bp-banner-grid{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.022) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.022) 1px,transparent 1px);background-size:64px 64px;mask-image:radial-gradient(ellipse 80% 70% at 60% 20%,black,transparent 70%);-webkit-mask-image:radial-gradient(ellipse 80% 70% at 60% 20%,black,transparent 70%)}[data-theme=light] .bp-banner-grid{background-image:linear-gradient(rgba(26,14,8,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(26,14,8,.035) 1px,transparent 1px)}.bp-banner-inner{position:relative;z-index:2;max-width:1200px;margin:0 auto;padding:0 40px 56px;display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}.bp-banner-left{display:flex;flex-direction:column}.bp-breadcrumb{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-3);margin-bottom:20px;flex-wrap:wrap}.bp-breadcrumb a{color:var(--text-3);text-decoration:none;transition:color .15s}.bp-breadcrumb a:hover{color:var(--coral)}.bp-breadcrumb span[aria-hidden]{color:var(--text-4)}.bp-breadcrumb-current{color:var(--text-2);max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bp-cats{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:16px}.bp-title{font-size:clamp(26px,3.2vw,42px);line-height:1.12;letter-spacing:-.03em;font-weight:600;color:var(--text);margin:0 0 24px;text-wrap:balance}.bp-meta{display:flex;align-items:center;gap:10px;font-size:13.5px;color:var(--text-3);flex-wrap:wrap}.bp-meta-author{color:var(--text-2);font-weight:500}.bp-meta-sep{color:var(--text-4)}.bp-meta-avatar{width:28px;height:28px;border-radius:50%;-o-object-fit:cover;object-fit:cover;flex-shrink:0;border:1px solid var(--line)}.bp-meta-avatar-fallback{width:28px;height:28px;border-radius:50%;background:var(--coral);color:var(--on-coral);font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.bp-banner-right{display:flex;align-items:center;justify-content:center}.bp-banner-img{width:100%;height:auto;display:block;border-radius:14px;border:1px solid var(--line);box-shadow:0 16px 48px #00000047}[data-theme=light] .bp-banner-img{box-shadow:0 12px 36px #1a0e081f}.bp-banner-img-placeholder{width:100%;aspect-ratio:16/9;border-radius:14px;border:1px solid var(--line);background:var(--bg-2);display:flex;align-items:center;justify-content:center}.bp-banner-img-placeholder svg{width:48px;height:48px;color:var(--text-4)}.bp-body-wrap{max-width:1200px;margin:0 auto;padding:56px 40px 96px;display:grid;grid-template-columns:240px 1fr;gap:56px;align-items:start}.bp-toc-col{position:sticky;top:100px}.bp-toc{background:var(--bg-card);border:1px solid var(--line);border-radius:14px;padding:20px 24px 24px;overflow:hidden}[data-theme=light] .bp-toc{background:#fff;box-shadow:0 2px 12px #1a0e0812}.bp-toc-label{font-size:10.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-4);margin:0 0 16px;padding-bottom:12px;border-bottom:1px solid var(--line)}.bp-toc ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:2px}.bp-toc ul li{margin:0}.bp-toc-link{display:block;font-size:13px;color:var(--text-3);text-decoration:none;padding:7px 10px 7px 14px;border-left:2px solid transparent;border-radius:0 6px 6px 0;line-height:1.45;transition:color .15s,border-color .15s,background .15s}.bp-toc-link:hover{color:var(--text);background:var(--bg-2);border-left-color:var(--text-4)}.bp-toc-link.active{color:var(--coral);background:rgba(var(--coral-glow),.08);border-left-color:var(--coral);font-weight:500}.bp-content-col{min-width:0}.blog-post-content{font-size:17px;line-height:1.75;color:var(--text-2)}.blog-post-content h2{font-size:clamp(20px,2.2vw,26px);font-weight:600;color:var(--text);letter-spacing:-.02em;margin:52px 0 16px;line-height:1.2;scroll-margin-top:100px}.blog-post-content h3{font-size:clamp(16px,1.6vw,20px);font-weight:600;color:var(--text);margin:36px 0 12px;scroll-margin-top:100px}.blog-post-content p{margin:0 0 22px}.blog-post-content a{color:var(--coral);text-decoration:underline;text-underline-offset:3px}.blog-post-content a:hover{color:var(--coral-bright)}.blog-post-content strong{color:var(--text);font-weight:600}.blog-post-content blockquote{border-left:3px solid var(--coral);margin:32px 0;padding:4px 0 4px 24px;color:var(--text-2);font-style:italic}.blog-post-content pre{background:var(--bg-2);border:1px solid var(--line);border-radius:8px;padding:20px;overflow-x:auto;font-family:var(--f-mono);font-size:14px;margin:0 0 22px}.blog-post-content code{font-family:var(--f-mono);font-size:.88em;background:var(--bg-2);border:1px solid var(--line);padding:2px 6px;border-radius:4px}.blog-post-content pre code{background:none;border:none;padding:0;font-size:inherit}.blog-post-content img{max-width:100%;border-radius:8px;margin:8px 0}.blog-post-content hr{border:none;border-top:1px solid var(--line);margin:40px 0}.blog-post-content figure{margin:32px 0}.blog-post-content figcaption{font-size:13px;color:var(--text-3);text-align:center;margin-top:8px}.blog-post-content ul,.blog-post-content ol{padding-left:0;margin:0 0 24px;list-style:none}.blog-post-content ul li{padding:5px 0 5px 22px;position:relative;color:var(--text-2);line-height:1.65}.blog-post-content ul li:before{content:"";position:absolute;left:0;top:13px;width:6px;height:6px;border-radius:50%;background:var(--coral)}.blog-post-content ol{counter-reset:ol-counter}.blog-post-content ol li{padding:5px 0 5px 28px;position:relative;color:var(--text-2);counter-increment:ol-counter;line-height:1.65}.blog-post-content ol li:before{content:counter(ol-counter) ".";position:absolute;left:0;color:var(--coral);font-weight:600;font-size:14px}.blog-post-content .key-points-card{margin:36px 0;border:2px solid #E07856;border-radius:12px;overflow:hidden}.blog-post-content .kp-label{margin:0!important;padding:12px 20px!important;background:#2a1a12;border-bottom:1px solid #E07856}[data-theme=light] .blog-post-content .kp-label{background:#fdf0eb}.blog-post-content .kp-label strong{font-size:11px!important;font-weight:700!important;letter-spacing:.1em!important;text-transform:uppercase!important;color:#e07856!important;display:inline-flex!important;align-items:center!important;gap:8px!important}.blog-post-content .kp-label strong:before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:#e07856;flex-shrink:0}.blog-post-content .key-points-card ul{list-style:none!important;padding:0 20px!important;margin:0!important;background:#1a0f09}[data-theme=light] .blog-post-content .key-points-card ul{background:#fff8f5}.blog-post-content .key-points-card ul li{padding:13px 0 13px 22px!important;font-size:15.5px!important;line-height:1.65!important;border-bottom:1px solid #2e1a10!important;position:relative}[data-theme=light] .blog-post-content .key-points-card ul li{border-bottom-color:#f0e0d8!important}.blog-post-content .key-points-card ul li:last-child{border-bottom:none!important}.blog-post-content .key-points-card ul li:before{position:absolute;content:"";left:0;top:21px;width:5px;height:5px;border-radius:50%;background:#e07856}.blog-post-content table{width:100%;border-collapse:collapse;margin:32px 0;font-size:15px;border:1px solid var(--line);border-radius:10px;overflow:hidden}.blog-post-content thead{background:var(--bg-2)}.blog-post-content th{padding:12px 16px;text-align:left;font-weight:600;font-size:13px;color:var(--text);letter-spacing:.02em;border-bottom:1px solid var(--line-strong)}.blog-post-content td{padding:12px 16px;border-bottom:1px solid var(--line);color:var(--text-2);vertical-align:top}.blog-post-content tbody tr:last-child td{border-bottom:none}.blog-post-content tbody tr:hover{background:var(--bg-2)}.blog-post-cta{position:relative;margin-top:64px;padding:36px 40px;border-radius:18px;border:1px solid #E07856;background:#160e09;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:24px;overflow:hidden}[data-theme=light] .blog-post-cta{background:#fdf0eb;border-color:#e07856}.cta-deco{position:absolute;pointer-events:none}.cta-deco-wave{width:200px;height:80px;bottom:-10px;left:20px;opacity:.6}.cta-deco-circles{width:110px;height:110px;top:-30px;left:42%;opacity:.5}.cta-deco-dots{width:80px;height:80px;top:16px;right:220px;opacity:.8}.cta-left{position:relative;z-index:2;display:flex;align-items:flex-start;gap:16px;flex:1;min-width:220px}.cta-icon{width:44px;height:44px;flex-shrink:0;border-radius:10px;background:#e0785626;border:1px solid rgba(224,120,86,.35);display:flex;align-items:center;justify-content:center}[data-theme=light] .cta-icon{background:#e078561a}.cta-heading{font-size:17px;font-weight:600;color:var(--text);margin:0 0 5px!important;line-height:1.3}.cta-sub{font-size:13.5px;color:var(--text-3);margin:0!important;line-height:1.5;max-width:340px}.cta-btn{position:relative;z-index:2;display:inline-flex;align-items:center;gap:8px;padding:13px 26px;border-radius:10px;background:#e07856;color:#fff;font-size:14px;font-weight:600;text-decoration:none;white-space:nowrap;transition:background .18s,transform .18s,box-shadow .18s;box-shadow:0 4px 20px #e0785666}.cta-btn:hover{background:#f08d6e;transform:translateY(-1px);box-shadow:0 8px 28px #e0785680}.blog-post-notfound{text-align:center;padding:140px 24px}.blog-post-notfound h2{font-size:28px;color:var(--text);margin-bottom:12px}.blog-post-notfound p{color:var(--text-2);margin-bottom:28px}.bp-back-link{display:inline-flex;align-items:center;gap:8px;padding:11px 22px;border-radius:8px;background:var(--coral);color:var(--on-coral);font-size:14px;font-weight:600;text-decoration:none}@media (max-width: 900px){.bp-banner{min-height:unset;padding-top:110px}.bp-banner-inner{grid-template-columns:1fr;padding:0 32px 48px;gap:32px}.bp-body-wrap{grid-template-columns:1fr;padding:40px 32px 72px;gap:0}.bp-toc-col{position:static;margin-bottom:28px}}@media (max-width: 600px){.blog-hero{padding:140px 0 48px}.blog-container{padding:0 16px 72px}.bp-banner{padding-top:90px}.bp-banner-inner{padding:0 16px 36px;gap:24px}.bp-title{font-size:clamp(20px,5.5vw,28px)}.bp-breadcrumb-current{max-width:150px}.blog-post-content{font-size:16px}.bp-body-wrap{padding:28px 16px 56px}}