.notes-article{--notes-ink:#1a1a1a;--notes-text:#333;--notes-muted:#999;--notes-line:#e8e8e8;--notes-highlight:#ffe28a;--notes-illo:#f9f7f2;width:min(calc(100% - (2 * var(--gutter))), 47.25rem);min-width:0;max-width:47.25rem;color:var(--notes-ink);padding:9vh 0 12vh;font-family:Helvetica Neue,-apple-system,BlinkMacSystemFont,PingFang SC,Noto Sans SC,sans-serif}.notes-article__back{color:var(--notes-muted);letter-spacing:.06em;margin-bottom:5vh;font-size:.875rem;text-decoration:none;transition:color .5s cubic-bezier(.19,1,.22,1);display:inline-block}.notes-article__back:hover,.notes-article__back:focus-visible{color:var(--notes-ink)}.notes-article__meta{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.notes-article__date{color:var(--notes-muted);letter-spacing:.12em;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace;font-size:.8125rem;line-height:1.5}.notes-article__copy{border:1px solid var(--notes-line);appearance:none;color:#555;letter-spacing:.04em;cursor:pointer;touch-action:manipulation;background:#ffffffc2;border-radius:999px;flex:none;justify-content:center;align-items:center;min-width:8.25rem;padding:.5rem .75rem;font:500 .75rem/1.3 ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace;transition:color .3s cubic-bezier(.19,1,.22,1),background-color .3s cubic-bezier(.19,1,.22,1),border-color .3s cubic-bezier(.19,1,.22,1),transform .2s;display:inline-flex}.notes-article__copy:hover,.notes-article__copy:focus-visible,.notes-article__copy[data-status=copied]{border-color:var(--notes-highlight);background:var(--notes-highlight);color:var(--notes-ink)}.notes-article__copy:active{transform:translateY(1px)}.notes-article__copy[data-status=error]{color:#8f3828;border-color:#c96d58}.notes-article__title{overflow-wrap:anywhere;letter-spacing:-.02em;max-width:none;margin:0 0 2.125rem;font-family:inherit;font-size:clamp(1.875rem,5vw,2.75rem);font-weight:800;line-height:1.25}.notes-article__cover{border:1px solid var(--notes-line);background:var(--notes-illo);border-radius:1rem;width:100%;margin:0 0 6vh;overflow:hidden}.notes-article__cover img{width:100%;height:auto;display:block}.notes-article__body{overflow-wrap:anywhere;letter-spacing:.01em;min-width:0;font-size:1rem;line-height:2}.notes-article__body>*{max-width:100%}.notes-article__body p{color:var(--notes-text);margin:0 0 1.4em}.notes-article__body h2{letter-spacing:-.01em;align-items:center;gap:.875rem;margin:2.4em 0 1em;font-size:clamp(1.3125rem,3vw,1.625rem);font-weight:800;line-height:1.4;display:flex}.notes-article__body h2:before{background:var(--notes-highlight);content:"";border-radius:2px;flex:none;width:1.375rem;height:.1875rem}.notes-article__body h3{margin:2em 0 .8em;font-size:1.125rem;font-weight:750;line-height:1.5}.notes-article__body img{border:1px solid var(--notes-line);border-radius:.875rem;width:100%;height:auto;margin:2em auto .8em;display:block}.notes-article__body a{color:var(--notes-ink);text-decoration-color:var(--notes-highlight);text-underline-offset:4px;text-decoration-line:underline;text-decoration-thickness:2px;transition:background-color .4s cubic-bezier(.19,1,.22,1)}.notes-article__body a:hover,.notes-article__body a:focus-visible{background:var(--notes-highlight)}.notes-article__body blockquote{border-left:3px solid var(--notes-highlight);background:var(--notes-illo);border-radius:0 .75rem .75rem 0;margin:1.6em 0;padding:.875rem 1.125rem}.notes-article__body blockquote p{margin:0}.notes-article__body code{background:var(--notes-illo);overflow-wrap:anywhere;word-break:break-word;border-radius:.375rem;padding:.15em .45em;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace;font-size:.88em}.notes-article__body pre{color:#f5f0e1;background:#161616;border-radius:.875rem;margin:1.6em 0;padding:1.125rem 1.25rem;font-size:.875rem;line-height:1.7;overflow-x:auto}.notes-article__body pre code{color:inherit;overflow-wrap:normal;white-space:pre;word-break:normal;background:0 0;padding:0}.notes-article__body ol,.notes-article__body ul{color:var(--notes-text);margin:0 0 1.4em;padding-left:1.4em}.notes-article__body li{margin:.4em 0}.notes-article__body hr{border:0;border-top:1px solid var(--notes-line);margin:2.5em 0}.notes-article__body table{border-collapse:collapse;width:100%;margin:1.8em 0;font-size:.9375rem}.notes-article__body th,.notes-article__body td{border:1px solid var(--notes-line);text-align:left;vertical-align:top;padding:.65rem .75rem}.notes-article__end{border-top:1px solid var(--notes-line);margin-top:8vh;padding-top:2.125rem}.notes-article__end a{color:inherit;letter-spacing:.04em;font-size:.9375rem;font-weight:600;text-decoration:none}.notes-article__end a:hover,.notes-article__end a:focus-visible{background:var(--notes-highlight)}::view-transition-group(article-cover){animation-duration:.65s;animation-timing-function:cubic-bezier(.19,1,.22,1)}::view-transition-old(article-cover),::view-transition-new(article-cover){mix-blend-mode:normal}@media (width<=47.5rem){.notes-article__body{font-size:.9375rem;line-height:1.95}}@media (prefers-reduced-motion:reduce){.notes-article__back,.notes-article__copy,.notes-article__body a{transition:none}::view-transition-group(root),::view-transition-group(article-cover),::view-transition-old(root),::view-transition-new(root),::view-transition-old(article-cover),::view-transition-new(article-cover){animation-duration:10ms!important}}