.blog-page{background:var(--bg);min-height:100vh;color:var(--text);width:100%;max-width:760px;margin:0 auto;padding:20px clamp(16px,4vw,32px) 64px}.blog-hero{border-bottom:1px solid var(--divider);margin-bottom:28px;padding:28px 0 24px}.blog-eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--text-3);margin-bottom:12px;font-size:12px;font-weight:600}.blog-crumb{color:var(--text-3);text-decoration:none}.blog-crumb:hover{color:var(--text)}.blog-title{letter-spacing:-.02em;font-size:clamp(26px,5vw,38px);font-weight:800;line-height:1.15}.blog-sub{color:var(--text-2);max-width:60ch;margin-top:14px;font-size:clamp(15px,2.4vw,17px);line-height:1.6}.blog-list{flex-direction:column;gap:14px;display:flex}.blog-card{border:1px solid var(--border-light);border-radius:var(--r-lg);background:var(--surface);color:inherit;padding:20px 22px;text-decoration:none;transition:transform .2s,box-shadow .2s,border-color .2s;display:block}.blog-card:hover{box-shadow:var(--shadow-2);border-color:var(--border);transform:translateY(-2px)}.blog-card h2{letter-spacing:-.01em;font-size:20px;font-weight:700}.blog-card-desc{color:var(--text-2);margin-top:8px;font-size:14px;line-height:1.55}.blog-card-meta{color:var(--text-3);margin-top:10px;font-size:13px}.blog-article{padding-top:8px}.blog-article .blog-title{margin-bottom:10px}.blog-lead{color:var(--text);background:var(--surface);border-left:3px solid var(--accent);border-radius:var(--r-md);margin:22px 0 8px;padding:16px 18px;font-size:18px;font-weight:500;line-height:1.6}.blog-section{margin-top:28px}.blog-section h2{letter-spacing:-.01em;margin-bottom:12px;font-size:22px;font-weight:700}.blog-section p{color:var(--text);margin-bottom:14px;font-size:16px;line-height:1.7}.blog-section ul{margin:0 0 14px;padding-left:22px}.blog-section li{color:var(--text);margin-bottom:8px;font-size:16px;line-height:1.65}.blog-tool-cta{text-align:center;margin:32px 0}.blog-cta{border-radius:var(--r-pill);background:var(--primary);color:#fff;justify-content:center;align-items:center;min-height:48px;padding:0 26px;font-size:15px;font-weight:600;text-decoration:none;transition:transform .2s;display:inline-flex;box-shadow:0 4px 14px #0000002e}.blog-cta:hover{transform:translateY(-1px)}[data-theme=dark] .blog-cta{color:#1a1a1a;background:#f0f0f0}.blog-faq{flex-direction:column;gap:10px;display:flex}.blog-faq-item{border:1px solid var(--border-light);border-radius:var(--r-md);background:var(--surface);padding:4px 16px}.blog-faq-item summary{cursor:pointer;padding:12px 0;font-size:15px;font-weight:600;list-style:none}.blog-faq-item summary::-webkit-details-marker{display:none}.blog-faq-item summary:after{content:"+";float:right;color:var(--text-3)}.blog-faq-item[open] summary:after{content:"−"}.blog-faq-item p{color:var(--text-2);padding:0 0 14px;font-size:15px;line-height:1.6}.blog-more{border-top:1px solid var(--divider);margin-top:40px;padding-top:24px}.blog-more h2{margin-bottom:14px;font-size:18px;font-weight:700}.blog-more-links{flex-direction:column;gap:8px;display:flex}.blog-more-link{color:var(--accent);font-size:15px;text-decoration:none}.blog-more-link:hover{text-decoration:underline}.blog-footer{border-top:1px solid var(--divider);color:var(--text-3);flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;margin-top:48px;padding-top:24px;font-size:13px;display:flex}.blog-footer a{color:var(--text-3);text-decoration:none}.blog-footer a:hover{color:var(--text)}