.blog-post-container{max-width:940px;min-height:100vh;margin:0 auto;padding:10.5rem 2rem 6rem}.back-link{color:var(--violet);align-items:center;gap:.5rem;margin-bottom:3rem;font-size:.88rem;font-weight:700;display:inline-flex}.back-link svg{transition:transform .25s}.back-link:hover svg{transform:translate(4px)}.blog-header{padding-bottom:2.5rem}.blog-category{color:var(--violet);margin-bottom:1rem;font-size:.78rem;font-weight:750;display:block}.blog-title{letter-spacing:-.065em;margin-bottom:1.5rem;font-size:clamp(3.2rem,7vw,6.6rem);font-weight:650;line-height:.98}.blog-meta{color:var(--text-secondary);flex-wrap:wrap;gap:1.1rem;font-size:.8rem;display:flex}.blog-meta span{align-items:center;gap:.42rem;display:flex}.blog-cover{aspect-ratio:16/8.5;background:var(--card-bg);box-shadow:var(--shadow-soft);border-radius:20px;margin:1rem 0 3rem;overflow:hidden}.blog-cover img{object-fit:cover;width:100%;height:100%}.blog-lead{border-inline-start:3px solid var(--accent);background:var(--card-bg);color:var(--foreground);border-radius:0 12px 12px 0;margin:0 0 3rem;padding:1.5rem 1.75rem;font-size:1.12rem;line-height:1.9;position:relative}.blog-content{color:var(--foreground);font-size:1.07rem;line-height:2}.blog-content p{color:var(--foreground);font-size:inherit;line-height:inherit;margin-bottom:1.5rem}.blog-content h2{margin:3.5rem 0 1rem;font-size:2.1rem}.blog-content h3{margin:2.5rem 0 .8rem;font-size:1.5rem}.blog-content ul,.blog-content ol{margin-bottom:1.7rem;padding-inline-start:2rem}.blog-content li{margin-bottom:.55rem}.blog-content blockquote{border-inline-start:3px solid var(--violet);background:var(--card-bg);color:var(--text-secondary);border-radius:10px;margin:2rem 0;padding:1.3rem 1.6rem}.blog-content pre{background:var(--midnight);color:#eef2ff;direction:ltr;border-radius:14px;margin-bottom:1.7rem;padding:1.5rem;overflow:auto}.blog-content code{background:var(--card-bg);border-radius:4px;padding:.2rem .4rem;font-family:monospace}.blog-content pre code{background:0 0;padding:0}.blog-content img{border-radius:16px;max-width:100%;height:auto;margin:2rem auto;display:block}.blog-content figure{margin:2.2rem 0}.blog-content figcaption{color:var(--text-secondary);text-align:center;font-size:.8rem}.blog-content table{border-collapse:collapse;width:100%;max-width:100%;margin:2rem 0;font-size:.92rem}.blog-content th,.blog-content td{border:1px solid var(--border-color);text-align:start;overflow-wrap:anywhere;vertical-align:top;padding:.8rem}.blog-content .blog-table-scroll{max-width:100%;margin:2rem 0;overflow-x:auto}.blog-content .blog-table-scroll table{margin-top:0;margin-bottom:0}.blog-content table img{margin:.5rem auto}.blog-content th{background:var(--card-bg)}.blog-tags{border-top:1px solid var(--border-color);flex-wrap:wrap;gap:.6rem;margin-top:3.5rem;padding-top:1.5rem;display:flex}.blog-tags span{color:var(--text-secondary);font-size:.78rem}.template-news .blog-title{font-size:clamp(2.9rem,6vw,5.5rem)}.template-guide .blog-content{counter-reset:steps}.template-guide .blog-content h2{counter-increment:steps}.template-guide .blog-content h2:before{background:var(--accent);width:32px;height:32px;color:var(--accent-ink);content:counter(steps);vertical-align:middle;border-radius:50%;place-items:center;margin-inline-end:.65rem;font-size:.82rem;display:inline-grid}@media (max-width:640px){.blog-post-container{padding:8rem 1.2rem 4rem}.blog-title{font-size:clamp(3rem,14vw,4.8rem)}.blog-cover{border-radius:14px}.blog-lead,.blog-content{font-size:1rem}.blog-content h2{font-size:1.65rem}}.blog-breadcrumbs,.blog-translations{color:var(--text-secondary);flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:24px;font-size:.85rem;display:flex}.blog-breadcrumbs a,.blog-translations a{color:var(--cyan)}.blog-breadcrumbs [aria-current]{overflow-wrap:anywhere}.blog-translations{border-top:1px solid var(--border-color);margin-top:32px;padding-top:20px}.blog-related{border-top:1px solid var(--border-color);margin-top:40px;padding-top:28px}.blog-related h2{margin-bottom:18px;font-size:1.5rem}.blog-related>a{border-bottom:1px solid var(--border-color);padding:18px 0;display:block}.blog-related h3{color:var(--cyan);font-size:1.1rem}.blog-related p{color:var(--text-secondary);margin-top:8px;line-height:1.8}