.article{--article-measure:36rem;inline-size:min(100%,52rem);padding:var(--space-7) var(--space-7) var(--space-8);border:1px solid var(--glass-edge);border-radius:var(--radius-large);background:var(--glass-strong);justify-self:center;display:grid;box-shadow:inset 0 1px #ffffffe6,0 18px 40px #0c3c2c29}.article-head,.article-body>:not(figure){inline-size:100%;max-inline-size:var(--article-measure);margin-inline:auto}.article-head{gap:var(--space-4);border-block-end:1px solid var(--color-line);padding-block-end:var(--space-6);display:grid}.article-head h1{font-size:clamp(1.875rem,1.35rem + 2.1vw,2.875rem);line-height:var(--leading-title,1.1);letter-spacing:var(--tracking-tight,-.02em);margin:0}.article-meta{align-items:baseline;gap:var(--space-1) var(--space-2);font-size:.9375rem;line-height:1.5;font-weight:var(--font-weight-strong);color:var(--color-muted);flex-wrap:wrap;margin:0;display:flex}.article-meta>span{white-space:nowrap}.article-meta-dot{margin-inline-end:var(--space-2)}.article-body{font-size:1.1875rem;line-height:var(--leading-body,1.7);overflow-wrap:break-word;padding-block-start:var(--space-6)}.article-body>*{margin-block:0}.article-body>*+*{margin-block-start:1.1em}.article-body>p:first-child{color:var(--color-ink);font-size:1.3125rem;line-height:1.6}.article-body h2{font-size:clamp(1.5rem,1.3rem + .8vw,1.875rem);line-height:var(--leading-title,1.15);letter-spacing:var(--tracking-snug,-.01em)}.article-body h3{font-size:1.375rem;line-height:var(--leading-title,1.25)}.article-body>*+h2{margin-block-start:var(--space-7)}.article-body>*+h3{margin-block-start:var(--space-6)}.article-body>:is(h2,h3)+*{margin-block-start:var(--space-3)}.article-body :is(h2,h3){scroll-margin-block-start:calc(var(--space-8) + var(--space-6))}.article-body strong{font-weight:var(--font-weight-strong);color:var(--color-title)}.article-body a{font-weight:var(--font-weight-strong);text-underline-offset:.18em;text-decoration-thickness:1px}.article-body a:hover{text-decoration-thickness:2px}.article-body code{color:var(--color-ink);background:#0a644817;border-radius:6px;padding:.08em .36em;font-family:ui-monospace,Cascadia Code,SF Mono,Consolas,Liberation Mono,monospace;font-size:.86em}.article-body :is(ul,ol){gap:var(--space-2);padding-inline-start:1.4em;display:grid}.article-body li{padding-inline-start:.2em}.article-body li::marker{color:var(--color-title);font-weight:var(--font-weight-title)}.article-figure{margin-block:var(--space-7);margin-inline:0}.article-figure img{border-radius:var(--radius-medium);background:var(--color-backdrop);block-size:auto;inline-size:100%;display:block;box-shadow:0 0 0 1px #16392f14,0 10px 28px #0c3c2c24}.article-figure figcaption{max-inline-size:var(--article-measure);color:var(--color-muted);margin-block-start:var(--space-3);margin-inline:auto;font-size:.9375rem;line-height:1.5}.article-body>p:last-child:has(>em:only-child){border-block-start:1px solid var(--color-line);color:var(--color-muted);margin-block-start:var(--space-7);padding-block-start:var(--space-5);font-size:1rem}.article-try{gap:var(--space-4);inline-size:min(100%,52rem);padding:var(--space-6);border:1px solid var(--glass-edge);border-radius:var(--radius-large);background:var(--glass-base);text-align:center;justify-self:center;justify-items:center;display:grid;box-shadow:inset 0 1px #ffffffe6,0 18px 40px #0c3c2c24}.article-try h2{font-size:var(--font-size-title);margin:0;line-height:1.15}.article-try .actions{justify-content:center}@media (max-width:760px){.article{padding:var(--space-6) var(--space-5) var(--space-7)}.article-body{font-size:1.0625rem}.article-body>p:first-child{font-size:1.1875rem}.article-figure{margin-block:var(--space-6)}}@media (max-width:400px){.article{padding:var(--space-5) var(--space-4) var(--space-6)}.article-try{padding:var(--space-5) var(--space-4)}}