.site-blog-hero{width:100%;padding-top:72px;position:relative}.site .site-blog-hello{font-size:1.5rem;position:absolute;top:34px;left:50%;transform:translate(-50%)rotate(-3deg)}.site-board-feature{padding-block:56px;position:relative;grid-template-columns:1fr!important}.site .site-paper-feature{max-width:980px;margin:0 auto}.site .site-feature-note{display:none}@media (min-width:1100px){.site .site-feature-note{font-size:1.5rem;display:block;position:absolute;top:40px;right:48px;transform:rotate(6deg)}.site-feature-scribble{margin-left:-40px;display:block;transform:scaleX(-1)scaleY(-1)rotate(-20deg)}}.site-catalog{margin:0 var(--pad);border:1px solid var(--border);border-radius:var(--radius);background:var(--noise), linear-gradient(90deg, transparent 63px, #dc505059 63px 64px, transparent 64px), var(--card);overflow:hidden}.site-catalog-head,.site .site-catalog-row,.site-catalog-empty{grid-template-columns:64px 1fr 72px;align-items:baseline;gap:16px;padding:0 16px 0 14px;display:grid}.site-catalog-head{border-bottom:2px solid color-mix(in srgb, var(--violet) 40%, var(--border));background:var(--card-2);padding-block:10px}.site-catalog-head span:last-child,.site-catalog-row>:last-child{display:none}.site .site-catalog-row{border-bottom:1px solid var(--line);transition:background .2s var(--ease);padding-block:18px}.site .site-catalog-row:hover{background:var(--violet-tint)}.site-catalog-title{letter-spacing:-.02em;flex-direction:column;gap:2px;font-size:1.125rem;font-weight:500;display:flex}.site .site-catalog-row:hover .site-catalog-title{color:var(--violet-text)}.site-catalog-title .site-card-text{letter-spacing:0;font-size:.875rem}.site-catalog-empty{border-bottom:1px solid var(--line);align-items:center;min-height:56px}.site-catalog-empty:last-child{border-bottom:0}.site-catalog-empty .site-spec{opacity:.5}@media (min-width:720px){.site-catalog-head,.site .site-catalog-row,.site-catalog-empty{grid-template-columns:64px 1fr 72px 96px}.site-catalog-head span:last-child,.site-catalog-row>:last-child{display:block}}.site-progress{z-index:60;pointer-events:none;height:3px;position:fixed;top:0;left:0;right:0}.site-progress span{background:var(--violet);transform-origin:0;height:100%;transition:transform .1s linear;display:block}.site-post-head{width:100%;padding-top:40px}.site .site-back{transition:color .2s var(--ease);margin-bottom:24px;display:inline-block}.site .site-back:hover{color:var(--violet-text)}.site-post-head .site-h1{margin-top:0;font-size:clamp(1.875rem,4.6vw,3.25rem)}.site-post-meta{padding:16px var(--pad);border-bottom:1px dashed var(--line);flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 20px;display:flex}.site-post-author{align-items:center;gap:8px;font-size:.875rem;font-weight:500;display:inline-flex}.site-post-cover{width:min(960px, calc(100% - var(--pad) * 2));box-shadow:var(--lift);background:#fff;margin:48px auto 0;padding:10px;position:relative;transform:rotate(-.5deg)}.site-post-cover-img{aspect-ratio:1200/630;position:relative;overflow:hidden}.site-post-cover-img img{object-fit:cover}.site-post-layout{padding:64px var(--pad) 0;grid-template-columns:1fr;gap:32px;display:grid}.site-post-aside-inner{gap:16px;display:grid}.site-toc,.site-share{border:1px solid var(--border);border-radius:var(--radius);background:var(--card);padding:16px}.site-toc ol{gap:2px;margin-top:10px;display:grid}.site-toc ol.is-collapsed{display:none}.site .site-toc-toggle{text-align:left;align-items:center;gap:10px;width:100%;min-height:32px;display:flex}.site-toc-count{margin-left:auto}.site-toc-chevron{width:16px;height:16px;color:var(--text-3);transition:transform .3s var(--spring);flex-shrink:0}.site .site-toc-toggle[aria-expanded=true] .site-toc-chevron{transform:rotate(180deg)}@media (min-width:1000px){.site-toc ol.is-collapsed{display:grid}.site .site-toc-toggle{pointer-events:none}.site-toc-chevron,.site-toc-count{display:none}}.site .site-toc a{color:var(--text-2);transition:background .2s var(--ease), color .2s var(--ease);border-radius:10px;grid-template-columns:auto 1fr;gap:10px;padding:7px 10px;font-size:.8125rem;line-height:1.45;display:grid}.site .site-toc a:hover{background:var(--card-2);color:var(--text)}.site .site-toc a.is-active{background:var(--violet-tint);color:var(--text);font-weight:500}.site-toc-no{font-family:var(--mono);color:var(--text-3);font-size:.6875rem}.site .site-toc a.is-active .site-toc-no{color:var(--violet-text)}.site-share-row{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.site .site-share-row button{border:1px solid var(--border);background:var(--key);transition:border-color .2s var(--ease), color .2s var(--ease);border-radius:999px;padding:5px 12px;font-size:.8125rem;font-weight:500}.site .site-share-row button:hover{border-color:var(--violet);color:var(--violet-text)}@media (min-width:1000px){.site-post-layout{grid-template-columns:260px minmax(0,700px);justify-content:center;gap:72px}.site-post-aside{order:-1}.site-post-aside-inner{position:sticky;top:84px}}.site-prose{min-width:0;max-width:700px;color:var(--text-2);font-size:1rem;line-height:1.85}.site-prose>div:empty{height:0;margin:0}.site-prose>hr{border:0;border-top:1px dashed var(--border);margin:40px 0}.site .site-prose-p{margin-bottom:20px}.site .site-prose-h2{border-top:1px solid var(--line);letter-spacing:-.03em;color:var(--text);margin:56px 0 18px;padding-top:18px;scroll-margin-top:90px;font-size:clamp(1.375rem,2.6vw,1.75rem);font-weight:500;line-height:1.25;position:relative}.site .site-prose-h2:before{content:"§";font-family:var(--mono);color:var(--violet-text);font-size:.875rem;font-weight:400;position:absolute;top:20px;left:-28px}.site .site-prose-ul,.site .site-prose-ol{gap:10px;margin:0 0 24px;padding-left:0;display:grid}.site .site-prose-ul li,.site .site-prose-ol li{padding-left:28px;position:relative}.site .site-prose-ul li:before{content:"";background:var(--violet);clip-path:polygon(0 0,100% 0,100% 70%,50% 100%,0 100%);width:7px;height:7px;position:absolute;top:.75em;left:6px}.site .site-prose-ol{counter-reset:site-ol}.site .site-prose-ol li{counter-increment:site-ol}.site .site-prose-ol li:before{content:counter(site-ol, decimal-leading-zero);font-family:var(--mono);color:var(--violet-text);font-size:.75rem;position:absolute;top:.2em;left:0}.site .site-prose-strong{color:var(--text);font-weight:600}.site .site-prose a,.site .site-prose-a{text-decoration:underline;-webkit-text-decoration-color:color-mix(in srgb, var(--violet) 40%, transparent);text-decoration-color:color-mix(in srgb, var(--violet) 40%, transparent);text-underline-offset:3px;color:var(--violet-text)!important}.site .site-prose-h3{letter-spacing:-.015em;color:var(--text);margin:32px 0 10px;font-size:1.1875rem;font-weight:600;line-height:1.4}.site .site-prose-pre{color:#e2e0ea;font-family:var(--mono);box-shadow:var(--lift);background:#16141f;border-radius:12px;margin:28px 0;padding:36px 20px 20px;font-size:.8125rem;line-height:1.75;position:relative;overflow-x:auto}.site .site-prose-pre:before{content:"";background:#ff5f57;border-radius:50%;width:8px;height:8px;position:absolute;top:14px;left:18px;box-shadow:14px 0 #febc2e,28px 0 #28c840}.site .site-prose-code{border:1px solid var(--line);background:var(--card-2);font-family:var(--mono);color:var(--violet-text);border-radius:6px;padding:2px 6px;font-size:.85em}.site .site-prose-pre .site-prose-code{color:inherit;font-size:inherit;background:0 0;border:0;padding:0}.site .site-prose .blog-faq{gap:10px;margin:8px 0 24px;display:grid}.site .site-prose .blog-faq-item{border:1px solid var(--border);border-left:3px solid var(--violet);background:var(--card);border-radius:12px;padding:18px 20px}.site .site-prose .blog-faq-q{font-family:var(--font);color:var(--text);margin:0 0 6px;font-size:1.0625rem;font-weight:600;line-height:1.4}.site .site-prose .blog-faq-a{color:var(--text-2);margin:0;font-size:1rem;line-height:1.75}.site-signoff{border-top:1px dashed var(--border);margin-top:48px;padding-top:20px}.site .site-signoff .site-hand{transform-origin:0;font-size:2.25rem;transform:rotate(-3deg)}.site-post-next{border-block:1px solid var(--line);justify-content:center;margin-top:56px;padding:14px;display:flex}.site-blog-topics,.site-answers{margin:0 var(--pad);gap:16px;display:grid}.site .site-blog-topic,.site .site-answer{border:1px solid var(--border);border-radius:var(--radius);background:var(--card);flex-direction:column;gap:10px;padding:20px;display:flex}.site .site-blog-topic-title,.site .site-answer-q{letter-spacing:-.02em;font-size:1.125rem;font-weight:500;line-height:1.35}.site-blog-topic-posts{border-top:1px dashed var(--line);gap:8px;margin-top:auto;padding-top:12px;display:grid}.site .site-blog-topic-posts a{color:var(--violet-text);padding:2px 0;font-size:.9375rem;line-height:1.5;display:block}.site .site-blog-topic-posts a:hover{text-underline-offset:3px;text-decoration:underline}.site .site-answer .site-card-text{flex:1}@media (min-width:720px){.site-answers{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:900px){.site-blog-topics{grid-template-columns:repeat(3,minmax(0,1fr))}}.site-post-related{padding:0 var(--pad);margin-top:56px}.site .site-post-related-head{letter-spacing:-.025em;text-align:center;margin-bottom:20px;font-size:1.375rem;font-weight:500}.site-post-related ul{gap:16px;display:grid}.site .site-post-related-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--card);height:100%;transition:border-color .25s var(--ease), transform .4s var(--spring);flex-direction:column;gap:10px;padding:20px;display:flex}.site .site-post-related-card:hover{border-color:var(--violet);transform:translateY(-3px)}.site .site-post-related-title{letter-spacing:-.02em;font-size:1.0625rem;font-weight:500;line-height:1.35}@media (min-width:900px){.site-post-related ul{grid-template-columns:repeat(3,minmax(0,1fr))}}