.blog-page,.blog-article-page{width:min(1180px,100% - 32px);margin:0 auto;padding:42px 0 72px}.blog-hero{border:1px solid var(--border);background:linear-gradient(135deg, var(--surface), var(--surface-soft));border-radius:24px;padding:52px}.blog-eyebrow,.blog-section-heading p,.blog-category-header>p{color:var(--primary);letter-spacing:.12em;margin:0 0 10px;font-size:12px;font-weight:800}.blog-hero h1,.blog-category-header h1{color:var(--text-main);margin:0;font-size:clamp(32px,5vw,52px);line-height:1.15}.blog-hero>p:last-child,.blog-category-header>div{max-width:760px;color:var(--text-secondary);margin:18px 0 0;font-size:17px;line-height:1.8}.blog-category-header{padding:36px 0 20px}.blog-category-nav{flex-wrap:wrap;gap:10px;margin:24px 0 36px;display:flex}.blog-category-nav a{border:1px solid var(--border);background:var(--surface);color:var(--text-secondary);border-radius:999px;padding:9px 15px;font-size:14px;font-weight:700;text-decoration:none}.blog-category-nav a:hover,.blog-category-nav a.active{border-color:var(--primary);background:var(--primary);color:#fff}.blog-section{margin-top:42px}.blog-section-heading{justify-content:space-between;align-items:end;gap:20px;margin-bottom:20px;display:flex}.blog-section-heading h2{color:var(--text-main);margin:0;font-size:28px}.blog-section-heading>span{color:var(--text-muted);font-size:14px}.blog-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.blog-card{border:1px solid var(--border);background:var(--surface);min-width:0;box-shadow:var(--shadow-sm);border-radius:18px;flex-direction:column;padding:24px;display:flex}.blog-card-meta{color:var(--text-muted);justify-content:space-between;align-items:center;gap:12px;font-size:12px;display:flex}.blog-category-label{color:var(--primary);font-size:13px;font-weight:800;text-decoration:none}.blog-card h2{margin:18px 0 10px;font-size:21px;line-height:1.45}.blog-card h2 a{color:var(--text-main);text-decoration:none}.blog-card h2 a:hover{color:var(--primary)}.blog-card>p{color:var(--text-secondary);margin:0;font-size:14px;line-height:1.75}.blog-tag-list{flex-wrap:wrap;gap:7px;margin-top:18px;display:flex}.blog-tag-list span{background:var(--surface-soft);color:var(--text-muted);border-radius:999px;padding:5px 9px;font-size:12px}.blog-read-more{color:var(--primary);margin-top:auto;padding-top:22px;font-size:14px;font-weight:800;text-decoration:none}.blog-empty{border:1px dashed var(--border);color:var(--text-muted);text-align:center;border-radius:16px;padding:40px}.blog-breadcrumb{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:26px;font-size:13px;display:flex}.blog-breadcrumb a{color:var(--text-secondary);text-decoration:none}.blog-breadcrumb a:hover{color:var(--primary)}.blog-article-layout{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:28px;display:grid}.blog-article{border:1px solid var(--border);background:var(--surface);border-radius:20px;min-width:0;padding:38px}.blog-article-header{border-bottom:1px solid var(--border);padding-bottom:30px}.blog-article-header h1{color:var(--text-main);margin:16px 0;font-size:clamp(30px,5vw,46px);line-height:1.25}.blog-article-description{color:var(--text-secondary);margin:0;font-size:18px;line-height:1.8}.blog-article-meta{color:var(--text-muted);flex-wrap:wrap;gap:8px 18px;margin-top:20px;font-size:13px;display:flex}.blog-article-content{color:var(--text-secondary);padding-top:14px;font-size:17px;line-height:1.9}.blog-article-content h2{color:var(--text-main);margin:42px 0 14px;font-size:28px;line-height:1.4}.blog-article-content h3{color:var(--text-main);margin:30px 0 12px;font-size:22px}.blog-article-content p{margin:16px 0}.blog-article-content ul,.blog-article-content ol{padding-left:26px}.blog-article-content li{margin:8px 0}.blog-article-content a{color:var(--primary);font-weight:700}.blog-article-content code{background:var(--surface-soft);color:var(--text-main);border-radius:6px;padding:3px 7px;font-size:.9em}.blog-article-content pre{border:1px solid var(--border);background:var(--surface-soft);border-radius:12px;padding:18px;overflow-x:auto}.blog-article-content pre code{color:inherit;background:0 0;padding:0}.blog-article-content blockquote{border-left:4px solid var(--primary);background:var(--surface-soft);margin:24px 0;padding:14px 18px}.blog-article-content table{border-collapse:collapse;width:100%;margin:24px 0}.blog-article-content th,.blog-article-content td{border:1px solid var(--border);text-align:left;padding:11px 13px}.blog-article-content th{background:var(--surface-soft);color:var(--text-main)}.blog-sidebar{gap:18px;display:grid;position:sticky;top:90px}.blog-sidebar-card{border:1px solid var(--border);background:var(--surface);border-radius:16px;gap:10px;padding:20px;display:grid}.blog-sidebar-card h2{color:var(--text-main);margin:0 0 5px;font-size:18px}.blog-sidebar-card>a{color:var(--text-secondary);font-size:14px;font-weight:700;text-decoration:none}.blog-sidebar-card>a:hover{color:var(--primary)}.blog-related-tool-list{gap:9px;display:grid}.blog-related-tool-list a{border:1px solid var(--border);background:var(--surface-soft);border-radius:10px;gap:4px;padding:12px;text-decoration:none;display:grid}.blog-related-tool-list strong{color:var(--text-main);font-size:14px}.blog-related-tool-list span{color:var(--text-muted);font-size:12px;line-height:1.5}.blog-faq{border-top:1px solid var(--border);margin-top:44px;padding-top:28px}.blog-faq h2{color:var(--text-main);font-size:28px}.blog-faq details{border:1px solid var(--border);background:var(--surface-soft);border-radius:12px;margin-top:10px;padding:15px 17px}.blog-faq summary{color:var(--text-main);cursor:pointer;font-weight:800}.blog-faq p{color:var(--text-secondary);margin:12px 0 0;line-height:1.75}.blog-support-card{border:1px solid color-mix(in srgb, var(--primary) 24%, var(--border));background:linear-gradient(135deg, var(--surface-soft), var(--surface));border-radius:16px;justify-content:space-between;align-items:center;gap:22px;margin-top:38px;padding:24px;display:flex}.blog-support-card>div>span{color:var(--primary);font-size:24px}.blog-support-card h2{color:var(--text-main);margin:4px 0 6px;font-size:20px}.blog-support-card p{max-width:580px;color:var(--text-secondary);margin:0;font-size:14px;line-height:1.7}.blog-support-card>a{background:var(--primary);color:#fff;border-radius:10px;flex:none;padding:11px 16px;font-size:14px;font-weight:800;text-decoration:none}.blog-support-card>a:hover{filter:brightness(1.08)}.blog-related-posts{margin-top:50px}.blog-related-posts>h2{color:var(--text-main);margin-bottom:20px;font-size:28px}@media (width<=940px){.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.blog-article-layout{grid-template-columns:1fr}.blog-support-card{flex-direction:column;align-items:flex-start}.blog-sidebar{grid-template-columns:repeat(2,minmax(0,1fr));position:static}}@media (width<=640px){.blog-page,.blog-article-page{width:min(100% - 20px,1180px);padding-top:24px}.blog-hero{padding:30px 22px}.blog-grid{grid-template-columns:1fr}.blog-article{padding:24px 19px}.blog-sidebar{grid-template-columns:1fr}.blog-section-heading{flex-direction:column;align-items:flex-start}}@media screen{.blog-eyebrow,.blog-section-heading p,.blog-category-header>p{border:var(--line-width) solid var(--line);background:var(--highlight);width:fit-content;color:var(--on-highlight);box-shadow:var(--sticker-xs);letter-spacing:.1em;border-radius:6px;margin-bottom:10px;padding:2px 9px;font-size:11px;font-weight:800;line-height:1.6;display:block;transform:rotate(-1.5deg)}.blog-section-heading h2,.blog-related-posts>h2{font-size:26px;font-weight:900;line-height:1.3}.blog-section-heading>span{color:var(--text-secondary);font-weight:600}.blog-empty{border:var(--line-width) dashed var(--text-muted);color:var(--text-secondary)}.blog-hero{border:var(--line-width) solid var(--line);border-radius:var(--radius-xl);background:var(--surface);box-shadow:var(--sticker-lg)}.blog-hero h1,.blog-category-header h1,.blog-article-header h1{letter-spacing:-.02em;font-weight:900;line-height:1.3}.blog-category-nav a{border:var(--line-width) solid var(--line);min-height:44px;color:var(--text-main);box-shadow:var(--sticker-xs);align-items:center;display:inline-flex}.blog-category-nav a:hover,.blog-category-nav a.active{border-color:var(--line);background:var(--highlight);color:var(--on-highlight)}.blog-card,.blog-article,.blog-sidebar-card{border:var(--line-width) solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--sticker)}.blog-card h2{font-weight:900}.blog-card h2 a:hover{color:var(--text-main);text-decoration:underline;text-decoration-color:var(--marker);text-underline-offset:-.14em;text-decoration-skip-ink:none;text-decoration-thickness:.36em}.blog-category-label{border:var(--line-width) solid var(--line);background:var(--highlight);color:var(--on-highlight);border-radius:6px;padding:2px 9px;font-size:12px}.blog-card-meta,.blog-article-meta,.blog-breadcrumb{color:var(--text-secondary)}.blog-tag-list span{border:1px solid var(--border);color:var(--text-secondary)}.blog-read-more{color:var(--text-main);text-decoration:underline;text-decoration-color:var(--marker);text-underline-offset:4px;text-decoration-thickness:3px}.blog-article-header{border-bottom:var(--line-width) dashed var(--border)}.blog-article-content{color:var(--text-main)}.blog-article-content h2{text-decoration:underline;text-decoration-color:var(--marker);text-underline-offset:-.14em;text-decoration-skip-ink:none;font-weight:900;text-decoration-thickness:.36em}.blog-article-content h3{font-weight:800}.blog-article-content a{text-underline-offset:3px;text-decoration:underline}.blog-article-content blockquote{border:var(--line-width) solid var(--line);background:var(--highlight-soft);color:var(--text-main);border-left-width:8px;border-radius:10px}.blog-article-content pre{border:var(--line-width) solid var(--line)}.blog-article-content code{border:1px solid var(--border)}.blog-article-content pre code{border:0}.blog-article-content table{border:var(--line-width) solid var(--line)}.blog-sidebar-card h2,.blog-faq h2,.blog-support-card h2{font-weight:900}.blog-sidebar-card>a{min-height:32px;color:var(--text-main)}.blog-sidebar-card>a:hover{color:var(--text-main);text-decoration:underline;text-decoration-color:var(--marker);text-underline-offset:4px;text-decoration-thickness:3px}.blog-related-tool-list a{border:var(--line-width) solid var(--line);border-left-width:10px;border-left-color:var(--cat);background:var(--surface)}.blog-related-tool-list span{color:var(--text-secondary)}.blog-faq{border-top:var(--line-width) dashed var(--border)}.blog-faq details{border:var(--line-width) solid var(--line);background:var(--surface)}.blog-faq details[open]{background:var(--surface-soft)}.blog-support-card{border:var(--line-width) solid var(--line);background:var(--highlight-soft)}.blog-support-card>div>span{color:var(--danger)}.blog-support-card>a,.blog-support-card>a:hover{border:var(--line-width) solid var(--line);background:var(--primary);min-height:44px;color:var(--on-primary);box-shadow:var(--sticker-xs);filter:none;border-radius:12px;align-items:center;display:inline-flex}@media (width<=640px){.blog-card,.blog-article,.blog-sidebar-card{box-shadow:var(--sticker-sm)}.blog-hero{box-shadow:var(--sticker)}.blog-section-heading h2,.blog-related-posts>h2{font-size:23px}}@media (prefers-reduced-motion:no-preference){.blog-related-tool-list a{transition:transform .14s,box-shadow .14s}.blog-related-tool-list a:hover{box-shadow:var(--sticker-sm);transform:translate(-2px,-2px)}.blog-category-nav a:active,.blog-support-card>a:active{box-shadow:0 0 0 var(--shadow-ink);transform:translate(2px,2px)}}}