.article-contents{background:#fafafa;border:1px solid #DEDEDE;border-radius:4px;font-size:.875rem}.article-contents summary{padding:.75rem 1rem;font-weight:650;color:#333;cursor:pointer}.article-contents nav{max-height:min(60dvh,32rem);overflow-y:scroll;overscroll-behavior-y:contain;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:#A3A3A3 #EEEEEE;padding:0 .75rem .75rem}.article-contents nav::-webkit-scrollbar{width:6px}.article-contents nav::-webkit-scrollbar-track{background:#eee}.article-contents nav::-webkit-scrollbar-thumb{background:#a3a3a3;border-radius:3px}.article-contents ul{list-style:none;margin:0;padding:0}.article-contents ul ul{padding-left:.875rem}.article-contents a{display:block;padding:.375rem .625rem;color:#686868;border-left:2px solid transparent;text-decoration:none;line-height:1.4}.article-contents a:hover{background:#f2f2f2;color:#1a1a1a}.article-contents a[aria-current]{color:#1a1a1a;border-left-color:#525252;background:#ebebeb;font-weight:600}.article-contents :is(a,summary,nav):focus-visible{outline:2px solid #525252;outline-offset:2px}@media (max-width: 1023px){.article-toc{width:100vw;margin-inline:calc(50% - 50vw)}.article-contents{position:relative;border-radius:0;border-inline:0;border-top:0;background:#fafafad9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.article-contents summary{display:flex;align-items:center;gap:.5rem;min-height:44px;padding:.625rem 1.5rem;font-size:.8125rem;line-height:1.25rem;list-style:none}.article-contents summary::-webkit-details-marker{display:none}.article-contents summary:before{content:"";flex:0 0 .375rem;width:.375rem;height:.375rem;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(-45deg)}.article-contents[open] summary:before{transform:rotate(45deg)}.article-contents nav{position:absolute;top:100%;left:0;right:0;max-height:min(30dvh,8rem);background:#fafafae6;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid #DEDEDE;border-inline:0;border-top:0;padding-top:.5rem;box-shadow:0 8px 16px #00000014}.article-contents a{padding-block:.5rem}}@media (min-width: 1024px){.article-contents{border:0;border-left:1px solid #DEDEDE;border-radius:0}.article-contents summary{list-style:none;pointer-events:none;padding-top:0}.article-contents summary::-webkit-details-marker{display:none}.article-contents nav{max-height:min(calc(100dvh - 180px),var(--toc-available-height, 100dvh));padding-bottom:0;scrollbar-width:none;scrollbar-gutter:auto}.article-contents nav::-webkit-scrollbar{display:none}}.article-heading{margin:2rem 0 1.75rem;padding-bottom:1.25rem;border-bottom:1px solid #DEDEDE}.article-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1rem;color:#686868;font-size:.8125rem;line-height:1.5}.article-topics{display:flex;flex-wrap:wrap;gap:.5rem}.article-topics a{color:#525252;background:#ededed;padding:.125rem .5rem;border-radius:3px;font-size:.75rem;text-decoration:none}.article-topics a:hover{background:#dedede;color:#1a1a1a}.article-topics a:focus-visible{outline:2px solid #525252;outline-offset:3px}.blog-title{margin:.5rem 0 .75rem;font-size:clamp(2.25rem,4vw,3.25rem);font-weight:750;line-height:1.08;letter-spacing:-.035em;color:#1a1a1a;text-wrap:balance}.article-reading{display:grid;gap:1.5rem;align-items:start}.article-reading>article{min-width:0;width:100%;max-width:80ch}.article-toc{position:sticky;top:44px;z-index:30}.blog-prose{font-size:1.125rem;line-height:1.7;overflow-wrap:break-word}.blog-prose :where(p,li){line-height:1.7;margin-block:1em}.blog-prose :where(h1){font-size:clamp(2.25rem,3.5vw,3rem);line-height:1.15}.blog-prose :where(h2){font-size:clamp(1.875rem,3vw,2.5rem);line-height:1.2;margin-top:1.6em;letter-spacing:-.025em}.blog-prose :where(h3){font-size:1.5rem;line-height:1.3;margin-top:1.5em}.blog-prose>:first-child{margin-top:0}.blog-prose>hr:first-child{display:none}.blog-prose>hr:first-child+*{margin-top:0}.blog-prose :where(ul,ol){margin-block:1em}.blog-prose :where(h1,h2,h3,h4){scroll-margin-top:7rem}@media (max-width: 1023px){.article-heading:has(+.article-reading.has-toc){margin-bottom:0}.blog-prose hr{width:100vw;max-width:none;margin-inline:calc(50% - 50vw)}.article-heading,.blog-prose h2{position:relative;border-bottom:0}.article-heading:after,.blog-prose h2:after{content:"";position:absolute;bottom:0;left:50%;width:100vw;transform:translate(-50%);border-bottom:1px solid #DEDEDE;pointer-events:none}}@media (min-width: 1024px){.article-reading.has-toc{grid-template-columns:minmax(0,1fr) 16rem;gap:3.5rem}.article-toc{grid-column:2;grid-row:1;top:68px}.article-reading>article{grid-column:1;grid-row:1}}@media (max-width: 639px){.article-heading{margin-top:1.5rem;margin-bottom:1rem}.blog-prose{font-size:1.0625rem}}