.blog-page{width:min(760px,calc(100% - 40px));margin:48px auto 88px;font-size:16px;line-height:1.85}
.breadcrumbs{justify-content:flex-start;gap:10px;font-size:13px;margin-bottom:32px}
.article-header{margin-bottom:30px}
.article-meta,.tutorial-list-item time{font-size:13px;color:var(--muted);letter-spacing:.2px}
.blog-page h1{font-size:36px;line-height:1.25;letter-spacing:-.7px;margin:14px 0 20px;font-weight:650}
.article-lead{font-size:19px;line-height:1.7;color:var(--muted)}
.tutorial p{margin:0 0 20px}
.tutorial h2,.tutorial-list-item h2{font-size:25px;line-height:1.4;letter-spacing:-.3px;margin:0 0 22px}
.tutorial h3{font-size:18px;line-height:1.6;margin:26px 0 10px}
.tutorial section{padding-top:38px;margin-top:16px;border-top:1px solid var(--line)}
.tutorial ul,.tutorial ol{padding-left:24px;margin:0 0 24px}
.tutorial li{padding-left:6px;margin-bottom:12px}
.article-steps li{margin-bottom:28px}
.article-cta{display:inline-flex;align-items:center;gap:18px;font-size:15px;font-weight:600;color:var(--accent);border-bottom:1px solid #c6d2fa;padding:4px 0}
.article-toc{display:grid;gap:9px;justify-items:start;margin:36px 0;padding:24px 0;border-top:1px solid var(--line);font-size:15px}
.article-toc strong{margin-bottom:4px}
.article-toc a:hover,.blog-page a:hover{text-decoration:underline;text-underline-offset:4px}
.article-figure{margin:30px 0 8px}
.article-figure img{display:block;width:100%;height:auto;border:1px solid var(--line);border-radius:8px}
.article-figure figcaption{font-size:13px;line-height:1.7;color:var(--muted);margin-top:12px}
.article-end{border-top:1px solid var(--line);padding-top:30px;margin-top:44px}
.tutorial-list-item{border-top:1px solid var(--line);padding:32px 0}
.tutorial-list-item h2{margin:12px 0}
.tutorial-list-item p{color:var(--muted)}
.read-tutorial{color:var(--accent);font-size:15px}
@media(max-width:600px){.blog-page{margin-top:32px}.blog-page h1{font-size:29px}.article-lead{font-size:17px}.tutorial h2{font-size:23px}.site-header nav{gap:12px}}