.blog-page{background:var(--backgroundColor);color:#d7dde5;-webkit-user-select:text;user-select:text;flex-direction:column;height:100svh;display:flex;overflow-y:auto}.blog-wrap{box-sizing:border-box;flex:1 0 auto;width:100%;max-width:760px;margin:0 auto;padding:44px 20px 64px}.blog-header{margin-bottom:40px}.blog-header h1{color:#fff;margin:0 0 10px;font-size:2.4rem}.blog-intro{color:#c2cad4;max-width:620px;font-size:1.05rem;line-height:1.7}.blog-empty{color:#8b95a1}.blog-grid{grid-template-columns:repeat(2,1fr);gap:28px 24px;margin:0;padding:0;list-style:none;display:grid}.blog-tile a{text-decoration:none;display:block}.blog-tile-img{aspect-ratio:1200/630;object-fit:cover;border:1px solid #ffffff14;border-radius:12px;width:100%;height:auto;transition:border-color .2s,transform .2s;display:block}.blog-tile a:hover .blog-tile-img{border-color:#5eead466;transform:translateY(-2px)}.blog-tile-title{color:#fff;margin:12px 2px 0;font-size:1.08rem;line-height:1.35;transition:color .2s}.blog-tile a:hover .blog-tile-title{color:var(--accentColor)}.blog-pagination{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px 16px;margin-top:44px;display:flex}.blog-page-nums{gap:8px;margin:0;padding:0;list-style:none;display:flex}.blog-page-nums li{border-radius:8px;place-items:center;min-width:32px;height:32px;font-size:.9rem;display:grid}.blog-page-nums li a{color:#c2cad4;border-radius:8px;place-items:center;width:100%;height:100%;text-decoration:none;display:grid}.blog-page-nums li a:hover{color:var(--accentColor);background:#5eead414}.blog-page-nums li.is-current{background:var(--accentColor);color:#04211d;font-weight:700}.blog-page-arrow{color:var(--accentColor);font-size:.9rem;text-decoration:none}.blog-page-arrow.is-disabled{color:#4a525d}@media (max-width:600px){.blog-grid{grid-template-columns:1fr}}.blog-list{flex-direction:column;gap:14px;margin:0;padding:0;list-style:none;display:flex}.blog-card{background:#ffffff05;border:1px solid #5eead424;border-radius:12px;transition:border-color .2s,transform .2s}.blog-card:hover{border-color:#5eead466;transform:translateY(-2px)}.blog-card-link{padding:22px 24px;text-decoration:none;display:block}.blog-card-link h2{color:#fff;margin:0 0 8px;font-size:1.3rem}.blog-card-desc{color:#c2cad4;margin:0 0 12px;font-size:.98rem;line-height:1.6}.blog-card-meta{color:#8b95a1;margin:0;font-size:.85rem}.blog-tags{flex-wrap:wrap;gap:8px;margin:12px 0 0;padding:0;list-style:none;display:flex}.blog-tags li{color:var(--accentColor);background:#5eead40f;border:1px solid #5eead440;border-radius:999px;padding:3px 10px;font-size:.75rem}.blog-post{padding-top:4px}.blog-crumb{color:#8b95a1;margin:0 0 18px;font-size:.85rem}.blog-crumb a{color:var(--accentColor);text-decoration:none}.blog-crumb a:hover{text-decoration:underline}.blog-meta{color:#8b95a1;margin:0 0 14px;font-size:.9rem}.blog-hero{border:1px solid #ffffff14;border-radius:12px;width:100%;height:auto;margin:22px 0 4px;display:block}.blog-tldr{border-left:3px solid var(--accentColor);color:#dfe5ec;background:#5eead40f;border-radius:0 8px 8px 0;margin:26px 0 30px;padding:14px 18px;line-height:1.65}.blog-tldr strong{color:var(--accentColor);letter-spacing:.02em;margin-right:6px}.blog-body{margin-top:8px}.blog-body h2{color:#fff;margin:38px 0 12px;font-size:1.4rem}.blog-body h3{color:#eae5ec;margin:24px 0 8px;font-size:1.1rem}.blog-body p{color:#c2cad4;margin:0 0 16px;line-height:1.75}.blog-body ul,.blog-body ol{color:#c2cad4;margin:0 0 18px;padding-left:22px;line-height:1.7}.blog-body li{margin-bottom:8px}.blog-body a{color:var(--accentColor);text-decoration:underline}.blog-body strong{color:#eef2f6}.blog-body code{background:#5eead41a;border-radius:4px;padding:1px 6px;font-size:.85em}.blog-body pre{background:#0d1220;border:1px solid #ffffff14;border-radius:10px;margin:0 0 20px;padding:16px 18px;overflow-x:auto}.blog-body pre code{color:#d7dde5;background:0 0;padding:0;font-size:.85rem}.blog-body blockquote{color:#aab4c0;border-left:3px solid #94a3b880;margin:0 0 18px;padding-left:16px;font-style:italic}.blog-faq{margin-top:44px}.blog-faq>h2{color:#fff;margin:0 0 8px;font-size:1.5rem}.blog-faq-item h3{color:#eae5ec;margin:22px 0 6px;font-size:1.05rem}.blog-faq-item p{color:#c2cad4;margin:0;line-height:1.7}.blog-rule{border:none;border-top:1px solid #ffffff14;margin:44px 0 20px}.blog-cta{color:#8b95a1;font-size:.95rem}.blog-cta a{color:var(--accentColor);text-decoration:underline}.blog-related{margin-top:44px}.blog-related h2{color:#fff;margin:0 0 14px;font-size:1.3rem}.blog-related ul{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.blog-related li{flex-wrap:wrap;align-items:baseline;gap:10px;display:flex}.blog-related a{color:var(--accentColor);font-size:1rem;text-decoration:none}.blog-related a:hover{text-decoration:underline}.blog-related-meta{color:#8b95a1;font-size:.8rem}.author-card{background:#ffffff05;border:1px solid #5eead424;border-radius:12px;align-items:flex-start;gap:16px;padding:20px 22px;display:flex}.author-avatar,.author-avatar-img{border-radius:50%;flex:none;width:48px;height:48px}.author-avatar{letter-spacing:.03em;color:#04211d;background:var(--accentColor);place-items:center;font-weight:700;display:grid}.author-avatar-img{object-fit:cover;border:1px solid #5eead44d}.author-name{color:#fff;margin:0 0 4px;font-weight:600}.author-bio{color:#c2cad4;margin:0 0 10px;font-size:.95rem;line-height:1.65}.author-links{flex-wrap:wrap;gap:14px;margin:0;display:flex}.author-links a{color:var(--accentColor);font-size:.85rem;text-decoration:none}.author-links a:hover{text-decoration:underline}@media (max-width:600px){.blog-header h1{font-size:2rem}.blog-card-link{padding:18px}}