.article-shell{padding-block:28px clamp(56px,8vw,96px)}.article-breadcrumb ol{color:var(--fgb-fg-3);flex-wrap:wrap;gap:4px 0;margin:0 0 clamp(28px,4vw,44px);padding:0;font-size:13px;list-style:none;display:flex}.article-breadcrumb li+li:before{content:"/";color:var(--fgb-line-3);margin-inline:8px}.site-root .article-breadcrumb a{color:var(--fgb-fg-3)}.site-root .article-breadcrumb a:hover{color:var(--fgb-fg-1)}.article-breadcrumb [aria-current]{color:var(--fgb-fg-2)}.article{max-width:760px}.article-head{max-width:760px;margin-bottom:36px}.site-root .article-head h1{margin-bottom:20px;font-size:clamp(28px,3.4vw,40px)}.site-root .article-lead{color:var(--fgb-fg-2);font-size:17px}.site-root .article-lead+.article-lead{margin-top:12px}.site-root .article-meta{color:var(--fgb-fg-3);margin-top:16px;font-size:13px}.article-demo{margin-bottom:48px}.article-demo>.demo{max-width:640px}.article-block{margin-top:44px}.site-root .article-block h2{margin-bottom:14px;scroll-margin-top:72px;font-size:clamp(21px,2.2vw,26px)}.site-root .article-block p+p{margin-top:12px}.article-block :is(ul,ol){margin:12px 0 0;padding-left:1.4em}.article-block ul{list-style:outside}.article-block ol{list-style:decimal}.article-block li{overflow-wrap:anywhere;padding-left:2px}.article-block li+li{margin-top:6px}.article-block li::marker{color:var(--fgb-fg-3)}.article-block p+:is(ul,ol,.article-table,.article-code),.article-block :is(ul,ol)+:is(p,.article-table,.article-code){margin-top:16px}.site-root :is(.article,.article-head) :is(p,li,td) a{color:var(--fgb-fg-1);text-decoration:underline;-webkit-text-decoration-color:var(--fgb-line-3);text-decoration-color:var(--fgb-line-3);text-underline-offset:3px}.site-root :is(.article,.article-head) :is(p,li,td) a:hover{-webkit-text-decoration-color:var(--fgb-fg-1);text-decoration-color:var(--fgb-fg-1)}.article :not(pre)>code{background:var(--fgb-sunken);font:.88em/1.5 var(--font-mono);overflow-wrap:anywhere;border-radius:6px;padding:1px 6px}.article-table{border:1px solid var(--fgb-line-2);border-radius:10px;margin-top:16px;overflow-x:auto}.article-table table{border-collapse:collapse;width:100%;min-width:480px;font-size:14px;line-height:1.6}.article-table th,.article-table td{text-align:left;vertical-align:top;border-bottom:1px solid var(--fgb-line-1);padding:10px 14px}.article-table th{background:var(--fgb-sunken);white-space:nowrap;font-weight:600}.article-table tr:last-child td{border-bottom:0}.article-code{background:var(--fgb-sunken);font:13px/1.65 var(--font-mono);tab-size:2;border-radius:10px;margin:16px 0 0;padding:16px 18px;overflow-x:auto}.article-block.changelog-entry{border-top:1px solid var(--fgb-line-1);margin-top:28px;padding-top:28px}.site-root .changelog-entry h2{font-variant-numeric:tabular-nums;margin-bottom:4px;font-size:22px}.site-root .changelog-entry .article-meta{margin:0 0 12px}.site-root .changelog-none{color:var(--fgb-fg-3)}.article-related{border-top:1px solid var(--fgb-line-2);margin-top:clamp(56px,7vw,80px);padding-top:40px}.article-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:24px 0 0;padding:0;list-style:none;display:grid}.article-shell>.article-cards{margin-top:8px}.site-root .article-cards a{border:1px solid var(--fgb-line-2);background:var(--fgb-raised);height:100%;color:var(--fgb-fg-1);border-radius:12px;flex-direction:column;gap:8px;padding:20px;display:flex}.site-root .article-cards a:hover{border-color:var(--fgb-line-3);color:var(--fgb-fg-1)}.article-cards strong{font-size:16px;font-weight:600;line-height:1.5}.article-cards span{color:var(--fgb-fg-2);-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:14px;line-height:1.65;display:-webkit-box;overflow:hidden}.article-band{border:1px solid var(--fgb-line-2);background:var(--fgb-canvas);border-radius:16px;justify-content:space-between;align-items:flex-start;gap:32px;margin-top:clamp(56px,7vw,80px);padding:clamp(24px,4vw,36px);display:flex}.site-root .article-band h2{margin-bottom:8px;font-size:clamp(21px,2.2vw,26px)}.article-band>div:first-child{min-width:0}.article-band>div:first-child p{color:var(--fgb-fg-2)}.article-band-actions{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:12px;display:flex}.article-band-actions .site-actions{align-items:flex-end}@media (min-width:641px){.site-root .article-head h1{word-break:keep-all}}@media (max-width:999px){.article-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.article-band{flex-direction:column}.article-band-actions,.article-band-actions .site-actions{align-items:flex-start}}@media (max-width:640px){.article-cards{grid-template-columns:1fr}}