.blog-toc__title[data-v-ec9592b3]{letter-spacing:.06em;text-transform:uppercase;color:var(--light-text-color);margin:0 0 .5em;padding-inline:.75rem;font-size:.75rem;font-weight:700}.blog-toc[data-v-ec9592b3]{width:100%;min-width:0}.blog-toc__list[data-v-ec9592b3]{grid-template-columns:minmax(0,1fr);gap:.125rem;margin:0;padding:0;list-style:none;display:grid}.blog-toc__list li[data-v-ec9592b3]{min-width:0;margin:0}.blog-toc__item--depth-3 .blog-toc__link[data-v-ec9592b3]{padding-left:1.5rem;font-size:.8rem}.blog-toc__link[data-v-ec9592b3]{box-sizing:border-box;width:100%;max-width:100%;color:var(--light-text-color);white-space:nowrap;text-overflow:ellipsis;border-radius:.4rem;margin:0;padding:.4rem .75rem;font-size:.85rem;line-height:1.35;text-decoration:none;transition:background .15s,color .15s;display:block;overflow:hidden}.blog-toc__link[data-v-ec9592b3]:hover{color:var(--default-text-color);background:var(--light-color)}.blog-toc__link--active[data-v-ec9592b3]{color:var(--default-text-color);background:color-mix(in srgb,var(--primary-color),transparent 88%)}.article-section[data-v-cf76adda]{--article-sticky-top:7.5rem;padding-block:calc(clamp(2em,4vw,3em)) calc(clamp(3em,6vw,4.8em))}.article-detail[data-v-cf76adda]{grid-template-columns:minmax(0,1fr);gap:2.5em;display:grid}.article-detail__toc[data-v-cf76adda]{min-width:0;display:none}.article-back[data-v-cf76adda]{color:var(--light-text-color);align-items:center;gap:.35em;margin:0 0 1.25rem;padding-inline:.75rem;font-size:.85rem;font-weight:600;text-decoration:none;display:inline-flex}.article-back[data-v-cf76adda]:hover{color:var(--primary-color)}.article-detail__content[data-v-cf76adda]{min-width:0}.article-header[data-v-cf76adda]{margin-bottom:2rem}.article-header h1[data-v-cf76adda]{margin:0 0 .5em;font-size:calc(clamp(1.9rem,1.4rem + 1.6vw,2.6rem))}.article-header .intro[data-v-cf76adda]{margin:0 0 1rem}.article-categories[data-v-cf76adda]{margin-bottom:1rem}.article-meta[data-v-cf76adda]{color:var(--light-text-color);flex-wrap:wrap;gap:.5em 1.25em;margin:0;font-size:.875rem;display:flex}.article-meta span[data-v-cf76adda]{align-items:center;gap:.35em;display:inline-flex}.article-cover[data-v-cf76adda]{margin:0 0 2.5rem}.article-cover img[data-v-cf76adda]{aspect-ratio:16/9;-o-object-fit:cover;object-fit:cover;border-radius:1rem;width:100%;height:auto;display:block}.article-toc-inline[data-v-cf76adda]{background:var(--light-color);border-radius:.75rem;margin:0 0 2rem;padding:.75rem}.article-toc-inline summary[data-v-cf76adda]{cursor:pointer;padding:.25rem .75rem;font-size:.85rem;font-weight:700}.article-toc-inline .blog-toc[data-v-cf76adda]{margin-top:.5rem}.article-surround[data-v-cf76adda]{border-top:1px solid color-mix(in srgb,var(--default-text-color),transparent 88%);margin-top:3rem;padding-top:2rem}.article-surround__nav[data-v-cf76adda]{gap:1rem;display:grid}@media screen and (width>=640px){.article-surround__nav[data-v-cf76adda]{grid-template-columns:repeat(2,minmax(0,1fr))}}.article-surround__card[data-v-cf76adda]{color:inherit;background:#fff;border-radius:1rem;gap:.4rem;margin:0;padding:1.25rem;text-decoration:none;transition:background .2s;display:grid;box-shadow:0 0 0 1px #0e3f7e0a,0 1px 1px -.5px #2a33450a,0 3px 3px -1.5px #2a33460a,0 6px 6px -3px #2a33460a,0 12px 12px -6px #0e3f7e0a,0 24px 24px -12px #0e3f7e0a}.article-surround__card[data-v-cf76adda]:hover{background:color-mix(in srgb,#fff,var(--primary-color) 5%)}.article-surround__card--next[data-v-cf76adda]{text-align:right}.article-surround__card--next .article-surround__label[data-v-cf76adda]{flex-direction:row-reverse;justify-content:flex-end}.article-surround__label[data-v-cf76adda]{color:var(--light-text-color);align-items:center;gap:.35em;font-size:.8rem;display:flex}.article-surround__title[data-v-cf76adda]{font-weight:700;line-height:1.3}.article-aside[data-v-cf76adda]{gap:1.25rem;display:grid}.article-aside__card[data-v-cf76adda]{background:var(--light-color);border-radius:1rem;justify-items:start;gap:.75rem;padding:1.5rem;display:grid}.article-aside__card p[data-v-cf76adda]{margin:0}.article-aside__title[data-v-cf76adda]{font-size:1.15rem;font-weight:700;line-height:1.25}.article-aside__text[data-v-cf76adda]{color:var(--light-text-color);font-size:.9rem}@media screen and (width>=1024px){.article-detail[data-v-cf76adda]{-moz-column-gap:2.5rem;grid-template-columns:11rem minmax(0,1fr) 15rem;grid-template-areas:"toc content aside";column-gap:2.5rem}.article-detail__toc[data-v-cf76adda]{grid-area:toc;display:block}.article-detail__content[data-v-cf76adda]{grid-area:content}.article-detail__aside[data-v-cf76adda]{grid-area:aside}.article-detail__sticky[data-v-cf76adda]{top:var(--article-sticky-top);position:sticky}.article-detail__toc .article-detail__sticky[data-v-cf76adda]{max-height:calc(100vh - 2rem - var(--article-sticky-top));min-width:0;overflow:hidden auto}.article-toc-inline[data-v-cf76adda]{display:none}}@media screen and (width>=1280px){.article-detail[data-v-cf76adda]{-moz-column-gap:3rem;grid-template-columns:max(13rem,17%) minmax(0,1fr) max(18rem,23.5%);column-gap:3rem}}.article-prose{line-height:1.7}.article-prose>div:only-child>p:not(h2~p),.article-prose>p:not(h2~p){color:color-mix(in srgb,var(--default-text-color),#fff 15%);font-size:1.125em;line-height:1.65}.article-prose ol,.article-prose p,.article-prose ul{margin:0 0 1.25em}.article-prose li{margin:.35em 0}.article-prose li>p{margin:0}.article-prose h2{margin:2em 0 .6em;font-size:calc(clamp(1.5rem,1.25rem + .9vw,1.95rem))}.article-prose h3{margin:1.75em 0 .5em;font-size:calc(clamp(1.2rem,1.1rem + .4vw,1.4rem))}.article-prose h4{margin:1.5em 0 .4em;font-size:1.1rem}.article-prose>:first-child,.article-prose>div:only-child>:first-child{margin-top:0}.article-prose a:not(.cta-btn){text-decoration:underline;-webkit-text-decoration-color:color-mix(in srgb,var(--primary-color),transparent 40%);text-decoration-color:color-mix(in srgb,var(--primary-color),transparent 40%);text-underline-offset:.18em;text-decoration-thickness:.08em}.article-prose a:not(.cta-btn):hover{-webkit-text-decoration-color:var(--primary-color);text-decoration-color:var(--primary-color)}.article-prose blockquote{border-left:3px solid var(--primary-color);background:var(--light-color);border-radius:0 .75em .75em 0;margin:2em 0;padding:1em 1.25em}.article-prose blockquote p:last-child{margin-bottom:0}.article-prose img{border-radius:.75em}.article-prose hr{border:0;border-top:1px solid color-mix(in srgb,var(--default-text-color),transparent 88%);margin:2.5em 0}
