.article-hero{padding:72px 0 58px;border-bottom:1px solid var(--line);background:radial-gradient(circle at 82% 20%,rgba(71,167,255,.12),transparent 34%)}
.article-back{display:inline-block;margin-bottom:32px;color:#9ba7b1;font-size:13px}.article-back:hover{color:var(--amber)}
.article-hero h1{max-width:980px;margin:18px 0;font-size:clamp(36px,5vw,64px);line-height:1.15}.article-hero p{max-width:900px;color:#aeb8c0;font-size:16px;line-height:1.9}
.article-content{max-width:900px;padding-top:70px;padding-bottom:90px}.article-content>h1{display:none}.article-content h2{margin:64px 0 18px;padding-top:22px;border-top:1px solid var(--line);font-size:31px;line-height:1.3}.article-content h3{margin:38px 0 12px;font-size:21px}.article-content p,.article-content li{color:#b5bec6;font-size:16px;line-height:2}.article-content a{color:var(--amber);text-decoration:underline;text-underline-offset:4px}.article-content code{color:#ffd45f;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.article-content ul{padding-left:22px}
.code-block{position:relative;margin:28px 0;padding:48px 24px 24px;overflow:auto;border:1px solid #33404b;background:#090d12;color:#d6e0e7}.code-block>span{position:absolute;inset:0 0 auto;padding:10px 15px;border-bottom:1px solid #33404b;color:#7f8c96;font:700 10px/1.4 ui-monospace,monospace}.code-block code{display:block;color:#cfe5f7;white-space:pre;line-height:1.7}.topology-block{background:#0b141c}.article-table-wrap{margin:28px 0;overflow-x:auto}.article-content .data-table{min-width:720px}.article-content .data-table td:last-child{color:#b5bec6}
@media(max-width:720px){.article-hero{padding:52px 0 42px}.article-hero h1{font-size:36px}.article-content{padding-top:38px}.article-content h2{font-size:26px;margin-top:48px}.article-content p,.article-content li{font-size:15px}.code-block{padding:45px 15px 18px}}