.blog-intro{padding:clamp(44px,6vw,88px) 0 clamp(28px,4vw,48px)}.blog-intro__lead{max-width:60ch;color:var(--ink-2);font-size:clamp(1.02rem,.96rem + .3vw,1.18rem);line-height:1.6}.blog-sections{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px 18px;margin:22px 0 0;padding:0;list-style:none;display:grid}.blog-sections li{border:1px solid var(--line-2);border-radius:8px;padding:12px 14px}.blog-sections a{color:var(--ink);justify-content:space-between;align-items:baseline;gap:10px;font-weight:600;text-decoration:none;display:flex}.blog-sections a:hover{text-underline-offset:4px;text-decoration:underline}.blog-sections strong{font-family:var(--mono);color:var(--ink-2);font-size:.8rem;font-weight:500}.ai-note{border:1px solid var(--line-2);color:var(--ink-2);border-radius:8px;gap:12px;margin:0 0 24px;padding:14px 16px;font-size:.88rem;line-height:1.6;display:flex}.ai-note__icon{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:20px;height:20px;margin-top:2px}.ai-note strong{color:var(--ink);font-weight:600}.ai-note a{color:var(--ink)}.ai-note__more{font-family:var(--mono);white-space:nowrap;margin-left:6px;font-size:.78rem;display:inline-block}.blog-intro__how{color:var(--ink-2);margin:14px 0 0;font-size:.95rem}.blog-intro__how a{color:var(--ink)}.post__source{font-family:var(--mono);color:var(--ink-2);margin:0 0 20px;font-size:.8rem}.post__source a{color:var(--ink)}.blog-tags{flex-wrap:wrap;gap:8px;margin:22px 0 0;padding:0;list-style:none;display:flex}.blog-tags a{font-family:var(--mono);color:var(--ink-2);border:1px solid var(--line-2);border-radius:5px;padding:2px 8px;font-size:.76rem;text-decoration:none;display:inline-block}.blog-tags a:hover{color:var(--ink);border-color:var(--ink-2)}.bgrid{border-top:1px solid var(--line);margin:0;padding:0;list-style:none}.bcard{border-bottom:1px solid var(--line);padding:clamp(24px,3vw,36px) 0}.bcard__meta{font-family:var(--mono);color:var(--ink-2);flex-wrap:wrap;align-items:center;gap:10px 16px;font-size:.76rem;display:flex}.bcard__type{color:var(--ink);background:var(--mist,#f2f3f4);text-transform:uppercase;letter-spacing:.04em;border-radius:4px;padding:2px 7px;display:inline-block}.bcard__meta--news .bcard__type,.post__meta--news .bcard__type{color:#9c0f27;background:#d517341a;box-shadow:inset 0 0 0 1px #d5173442}.bcard__meta--tutorial .bcard__type,.post__meta--tutorial .bcard__type{color:#2f3a70;background:#6e7cb233;box-shadow:inset 0 0 0 1px #6e7cb266}.bcard__meta--insider .bcard__type,.post__meta--insider .bcard__type{color:#12160a;background:#d7df22;box-shadow:inset 0 0 0 1px #c3ca1c}.bcard__draft{color:#8a5a00;border:1px solid #e3c04c;border-radius:4px;padding:0 6px}.bcard__title{letter-spacing:-.01em;max-width:32ch;margin:12px 0 0;font-size:clamp(1.22rem,1.1rem + .6vw,1.6rem);line-height:1.25}.bcard__title a{color:var(--ink);text-underline-offset:4px;text-decoration:none}.bcard__title a:hover{text-decoration:underline}.bcard__desc{max-width:62ch;color:var(--ink-2);margin:10px 0 0}.bcard__tags{font-family:var(--mono);flex-wrap:wrap;gap:6px 10px;margin:14px 0 0;padding:0;font-size:.74rem;list-style:none;display:flex}.bcard__tags a{color:var(--ink-2);text-decoration:none}.bcard__tags a:hover{color:var(--ink);text-decoration:underline}.blog-empty{color:var(--ink-2);padding:48px 0}.post__head{padding-bottom:clamp(24px,4vw,40px)}.post__body,.post__foot{max-width:860px;margin-inline:auto}.bcard__kind{color:var(--ink-2)}.post__head h1{max-width:26ch}.post__meta{font-family:var(--mono);color:var(--ink-2);flex-wrap:wrap;align-items:center;gap:8px 16px;margin-bottom:16px;font-size:.76rem;display:flex}.post__lang{font-family:var(--mono);margin-top:18px;font-size:.8rem}.post__body{color:var(--ink);padding-top:clamp(28px,4vw,44px);padding-bottom:clamp(32px,5vw,56px);font-size:clamp(1.02rem,.98rem + .2vw,1.1rem);line-height:1.75}.post__body>*+*{margin-top:1.1em}.post__body h2{letter-spacing:-.01em;margin-top:2.1em;font-size:clamp(1.32rem,1.2rem + .5vw,1.6rem);line-height:1.3}.post__body h3{margin-top:1.8em;font-size:1.15rem;line-height:1.4}.post__body ul,.post__body ol{padding-left:1.35em}.post__body li+li{margin-top:.45em}.post__body a{color:var(--ink);text-decoration:underline;text-decoration-color:var(--line-2);text-underline-offset:4px}.post__body a:hover{text-decoration-color:var(--ink)}.post__body blockquote{border-left:2px solid var(--line-2);color:var(--ink-2);margin:1.6em 0;padding:4px 0 4px 20px}.post__body code{font-family:var(--mono);background:var(--paper-2);border:1px solid var(--line);border-radius:4px;padding:1px 5px;font-size:.86em}.post__body pre{background:var(--night,#14161a);color:#f2f3f4;border-radius:8px;margin:1.6em 0;padding:18px 20px;font-size:.86rem;line-height:1.6;overflow-x:auto}.post__body pre code{color:inherit;font-size:inherit;background:0 0;border:0;padding:0}.post__body table{border-collapse:collapse;width:100%;font-size:.94rem}.post__body th,.post__body td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:10px 12px}.post__body th{font-family:var(--mono);color:var(--ink-2);font-size:.78rem;font-weight:600}.post__body img{border:1px solid var(--line-2);border-radius:8px;width:auto;max-width:100%;height:auto;max-height:min(620px,80vh);margin:28px auto;display:block}.post__cta{border:1px solid var(--line-2);border-radius:10px;margin:0 0 clamp(40px,6vw,72px);padding:clamp(22px,3vw,32px)}.post__cta h2{margin:0;font-size:1.2rem}.post__cta p{color:var(--ink-2);margin:8px 0 18px}.related{padding:0 0 clamp(56px,8vw,96px)}.related h2{margin-bottom:14px;font-size:1.1rem}.related ul{border-top:1px solid var(--line);margin:0;padding:0;list-style:none}.related li{border-bottom:1px solid var(--line);padding:14px 0}.related a{color:var(--ink);font-weight:600;text-decoration:none}.related a:hover{text-underline-offset:4px;text-decoration:underline}@media (width<=720px){.post__body table{white-space:nowrap;display:block;overflow-x:auto}}