.article-content pre{overflow:auto;margin:1rem 0;padding:12px 14px;border-radius:10px}.article-content pre code{white-space:pre-wrap;word-break:break-word}.prose.article{--col-max: 760px;--side-gap: clamp(16px, 4vw, 48px);width:min(var(--col-max),100% - 2 * var(--side-gap));margin-inline:auto;padding-block:clamp(64px,6vw,64px)}.prose.article .post-head h1{margin:0 0 .4rem;font-family:var(--font-display);letter-spacing:-.02em;font-size:clamp(28px,5vw,56px)}.prose.article .post-head .meta{color:var(--text-2);display:flex;gap:.6rem;flex-wrap:wrap}.prose.article .post-head .summary{color:var(--text-1);max-width:70ch;margin-top:.4rem}.prose.article :where(h2,h3,h4,h5,h6){margin:1.6em 0 .6em;font-family:var(--font-display);letter-spacing:-.01em}.prose.article h2{font-size:clamp(22px,3.4vw,30px)}.prose.article h3{font-size:clamp(18px,2.6vw,22px)}.prose.article p{color:var(--text-1);margin:.6rem 0}.prose.article a{color:#cbbcff;text-decoration:underline}.prose.article a:hover{text-decoration-thickness:2px}.prose.article hr{border:0;border-top:1px solid rgba(255,255,255,.08);margin:1.8rem 0}.prose.article ul,.prose.article ol{padding-left:1.4em;margin:.6rem 0}.prose.article li{margin:.2rem 0}.prose.article ul>li{list-style:disc}.prose.article ol>li{list-style:decimal}.prose.article blockquote{margin:1.2rem 0;padding:.6rem 1rem;color:var(--text-1);border-left:3px solid rgba(138,92,255,.45);background:#ffffff0a;border-radius:8px}.prose.article figure.image{margin:1.2rem 0;text-align:center}.prose.article figure.image img{max-width:100%;border-radius:10px;border:1px solid rgba(255,255,255,.08);box-shadow:var(--shadow-0);display:block;margin:auto}.prose.article figcaption{opacity:.7;font-size:.9em;margin-top:.4rem;color:var(--text-2)}.prose.article code:not(pre code){background:#ffffff0f;color:#e8d6ff;padding:.1em .35em;border-radius:6px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:.95em}.prose.article pre{margin:1rem 0;padding:12px 14px;background:#0e0e14cc;border:1px solid rgba(255,255,255,.08);border-radius:10px;overflow:auto}.prose.article pre code{background:transparent;color:#e9e9f1;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:.95em;tab-size:2}.prose.article table{width:100%;border-collapse:collapse;margin:1rem 0;border:1px solid rgba(255,255,255,.08)}.prose.article th,.prose.article td{text-align:left;border:1px solid rgba(255,255,255,.08);padding:.5rem .6rem}.prose.article th{color:var(--text-2);background:#ffffff08}.prose.article .callout{background:linear-gradient(180deg,#8a5cff1a,#ffffff08);border:1px solid rgba(138,92,255,.35);border-radius:12px;padding:.8rem 1rem;color:var(--text-1);display:flex;gap:.8rem;align-items:flex-start}.prose.article .table_of_contents-link{color:var(--text-1);text-decoration:none;border-bottom:1px dashed rgba(255,255,255,.2)}.prose.article .table_of_contents-link:hover{color:var(--text-0);border-color:#8a5cff99}.prose.article .table_of_contents-item{margin:.2rem 0}.prose.article *{word-wrap:break-word;overflow-wrap:anywhere}@media (prefers-reduced-motion: reduce){.prose.article a{text-decoration-thickness:1px}}.prose.article :where(h1,h2,h3,h4,h5,h6,pre,figure,p,ol){overflow:clip!important;scroll-margin-top:84px}.prose.article :where(pre,figure,p,ol){overflow:clip!important;scroll-margin-top:120px}.prose.article :target{position:relative;overflow:hidden;box-shadow:0 0 0 8px #8a5cff2e;border-radius:12px;outline:2px solid rgba(138,92,255,.48);outline-offset:4px;background:linear-gradient(90deg,#8a5cff2e,#8a5cff24 25%,#8a5cff1a 55%,#8a5cff0f 75%,#8a5cff0a)}.prose.article :target:before{content:"";position:absolute;top:0;left:-160%;width:160%;height:100%;pointer-events:none;background:linear-gradient(90deg,#8a5cff00,#8a5cff0d,#8a5cff1a 30%,#8a5cff26 45% 50%,#8a5cff26 55%,#8a5cff1a,#8a5cff0d,#8a5cff00);animation:huge-purple-right-160 2s linear .5s 2 forwards;will-change:transform,opacity}@keyframes huge-purple-right-160{0%,5%{transform:translate(0);opacity:0}10%{opacity:1}78%{transform:translate(162.5%);opacity:1}82%{transform:translate(162.5%);opacity:0}92%{transform:translate(162.5%);opacity:0}to{transform:translate(162.5%);opacity:0}}@media (prefers-reduced-motion: reduce){.prose.article :target:before{animation:none;opacity:.35;left:-40%;width:180%;transform:none}}pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}/*!
  Theme: GitHub Dark
  Description: Dark theme as seen on github.com
  Author: github.com
  Maintainer: @Hirse
  Updated: 2021-05-15

  Outdated base version: https://github.com/primer/github-syntax-dark
  Current colors taken from GitHub's CSS
*/.hljs{color:#c9d1d9;background:#0d1117}.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-template-tag,.hljs-template-variable,.hljs-type,.hljs-variable.language_{color:#ff7b72}.hljs-title,.hljs-title.class_,.hljs-title.class_.inherited__,.hljs-title.function_{color:#d2a8ff}.hljs-attr,.hljs-attribute,.hljs-literal,.hljs-meta,.hljs-number,.hljs-operator,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id,.hljs-variable{color:#79c0ff}.hljs-meta .hljs-string,.hljs-regexp,.hljs-string{color:#a5d6ff}.hljs-built_in,.hljs-symbol{color:#ffa657}.hljs-code,.hljs-comment,.hljs-formula{color:#8b949e}.hljs-name,.hljs-quote,.hljs-selector-pseudo,.hljs-selector-tag{color:#7ee787}.hljs-subst{color:#c9d1d9}.hljs-section{color:#1f6feb;font-weight:700}.hljs-bullet{color:#f2cc60}.hljs-emphasis{color:#c9d1d9;font-style:italic}.hljs-strong{color:#c9d1d9;font-weight:700}.hljs-addition{color:#aff5b4;background-color:#033a16}.hljs-deletion{color:#ffdcd7;background-color:#67060c}