.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;margin-top:8px}.post-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;overflow:hidden;transition:border-color .12s,box-shadow .12s}.post-card:hover{border-color:var(--border-hover);box-shadow:0 2px 8px #0000000a}.post-card-link{display:block;text-decoration:none;color:inherit}.post-card-body{padding:22px}.post-card-category{display:inline-block;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--badge-color);background:var(--badge-bg);padding:3px 8px;border-radius:6px;margin-bottom:10px}.post-card-title{font-size:16px;font-weight:600;letter-spacing:-.02em;line-height:1.35;color:var(--text);margin-bottom:8px}.post-card-excerpt{font-size:13px;color:var(--muted);line-height:1.6;margin-bottom:12px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.post-card-meta{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--muted-light)}.post-card-dot{font-size:10px}.blog-pagination{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:32px;padding:16px 0}.blog-pagination-info{font-size:13px;color:var(--muted-light)}.blog-empty{text-align:center;margin-top:40px}.blog-article-header{margin-bottom:32px}.blog-article-header h1{font-size:30px;font-weight:700;letter-spacing:-.035em;line-height:1.2;margin-bottom:12px}.blog-article-category{display:inline-block;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--badge-color);background:var(--badge-bg);padding:3px 8px;border-radius:6px;margin-bottom:12px;text-decoration:none}.blog-article-category:hover{background:var(--link-hover-bg)}.blog-article-meta{display:flex;align-items:center;flex-wrap:wrap;gap:6px;font-size:13px;color:var(--muted-light)}.blog-article-author{font-weight:500;color:var(--muted)}.blog-article-dot{font-size:10px}.prose-content{font-size:15px;line-height:1.75;color:var(--text)}.prose-content p{margin-bottom:16px}.prose-content h2{font-size:20px;font-weight:650;letter-spacing:-.025em;margin:32px 0 12px;color:var(--text)}.prose-content h3{font-size:16px;font-weight:600;letter-spacing:-.015em;margin:24px 0 8px;color:var(--text)}.prose-content h4{font-size:14px;font-weight:600;margin:20px 0 6px;color:var(--text)}.prose-content a{color:var(--primary-text);text-decoration:underline;text-decoration-color:var(--border);text-underline-offset:2px;transition:text-decoration-color .1s}.prose-content a:hover{text-decoration-color:var(--primary-text)}.prose-content ul,.prose-content ol{padding-left:20px;margin-bottom:16px}.prose-content li{margin-bottom:6px;line-height:1.65}.prose-content li strong{font-weight:600;color:var(--text)}.prose-content blockquote{border-left:3px solid var(--primary);padding:8px 16px;margin:16px 0;background:var(--inset);border-radius:0 8px 8px 0;color:var(--muted);font-style:italic}.prose-content table{width:100%;border-collapse:collapse;margin:16px 0;font-size:13px;overflow-x:auto;display:block;-webkit-overflow-scrolling:touch}.prose-content th,.prose-content td{padding:8px 12px;border:1px solid var(--border);text-align:left}.prose-content th{background:var(--inset);font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.03em;color:var(--muted)}.prose-content td{color:var(--text)}.prose-content hr{border:none;height:1px;background:var(--border);margin:32px 0}.prose-content code{font-family:Geist Mono,SF Mono,monospace;font-size:.88em;background:var(--inset);padding:2px 5px;border-radius:4px;color:var(--text)}.prose-content strong{font-weight:600}.prose-content img{display:block;max-width:100%;height:auto}.prose-content figure{margin:24px 0;overflow:hidden}.prose-content figure img{display:block;max-width:100%;height:auto;border-radius:10px;border:1px solid var(--border)}.prose-content figcaption{font-size:13px;color:var(--muted);margin-top:8px;line-height:1.5}.blog-related{margin-top:48px;padding-top:32px;border-top:1px solid var(--border)}.blog-related-title{font-size:14px;font-weight:600;letter-spacing:-.01em;color:var(--text);margin-bottom:16px}.blog-related-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}.blog-related-card{display:block;padding:16px;border:1px solid var(--border);border-radius:12px;text-decoration:none;transition:border-color .12s}.blog-related-card:hover{border-color:var(--border-hover)}.blog-related-card h3{font-size:14px;font-weight:600;color:var(--text);margin-bottom:6px;line-height:1.35}.blog-related-card p{font-size:12px;color:var(--muted);line-height:1.5;margin-bottom:8px}.blog-related-meta{font-size:11px;color:var(--muted-light)}.tool-content{margin-top:48px}.tool-section{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:28px 32px;margin-bottom:16px}.tool-section:last-child{margin-bottom:0}.tool-section>h2{font-size:16px;font-weight:650;letter-spacing:-.02em;line-height:1.3;color:var(--text);margin-bottom:16px}.tool-section .prose-content{font-size:14px;line-height:1.75;color:var(--muted)}.tool-section .prose-content strong{color:var(--text);font-weight:600}.tool-section .prose-content p{margin-bottom:14px}.tool-section .prose-content p:last-child{margin-bottom:0}.tool-section .prose-content table{font-size:13px;border-radius:10px;overflow-x:auto;border:1px solid var(--border);margin:16px 0;-webkit-overflow-scrolling:touch}.tool-section .prose-content th{background:var(--inset);font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.03em;color:var(--muted);padding:8px 12px;border:1px solid var(--border);text-align:left}.tool-section .prose-content td{padding:8px 12px;border:1px solid var(--border);color:var(--text)}.tool-section .prose-content a{color:var(--primary-text);text-decoration:underline;text-decoration-color:var(--border);text-underline-offset:2px}.tool-section .prose-content a:hover{text-decoration-color:var(--primary-text)}.tool-section .prose-content ul,.tool-section .prose-content ol{padding-left:20px;margin-bottom:14px}.tool-section .prose-content li{margin-bottom:6px;line-height:1.7}.tool-section .prose-content code{font-family:Geist Mono,SF Mono,monospace;font-size:.88em;background:var(--inset);padding:2px 5px;border-radius:4px}.tool-related{margin-top:48px}.tool-related>h2{font-size:16px;font-weight:650;letter-spacing:-.02em;color:var(--text);margin-bottom:6px}.tool-related-desc{font-size:13px;color:var(--muted);line-height:1.6;margin-bottom:16px}.related-grid{display:flex;flex-wrap:wrap;gap:8px}.related-link{display:inline-block;font-size:13px;font-weight:500;color:var(--primary-text);background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:8px 14px;text-decoration:none;transition:border-color .12s,background .12s}.related-link:hover{border-color:var(--border-hover);background:var(--inset)}.tool-faq{margin-top:48px}.tool-faq>h2{font-size:16px;font-weight:650;letter-spacing:-.02em;color:var(--text);margin-bottom:14px}@media(max-width:768px){.blog-grid{grid-template-columns:1fr}.blog-article-header h1{font-size:24px}.prose-content{font-size:14px}.prose-content h2{font-size:18px}.blog-related-grid{grid-template-columns:1fr}.tool-content{margin-top:32px}.tool-section{padding:20px}.tool-section>h2{font-size:15px}.tool-section .prose-content{font-size:13px}.tool-faq{margin-top:36px}.tool-faq>h2{font-size:15px}.tool-related{margin-top:36px}.tool-related>h2{font-size:15px}.tool-related-desc{font-size:12px}}