.notes{--reading-width:64ch;--rail-width:110px;--rail-gap:36px;--notes-text:#f8f8f2;--notes-muted:#dadad4;--notes-accent:#bd93f9;--notes-hairline:#44475a;--notes-paper:#131418;--notes-paper-raised:#1c1d24;max-width:760px;color:var(--notes-text)}.notes-title,.note-title,.notes .post-title,.note-article :is(h1,h2,h3,h4,h5,h6){color:var(--notes-text);text-wrap:balance;overflow-wrap:anywhere;font-family:Inconsolata,ui-monospace,monospace;font-weight:500}.notes-title{letter-spacing:-.02em;margin:0 0 40px;font-size:2rem;line-height:1.2}.note-header,.note-article{max-width:var(--reading-width)}.note-header{margin-bottom:36px}.note-date,.notes .post-date{font-variant-numeric:tabular-nums;font-feature-settings:"tnum";font-family:Inconsolata,ui-monospace,monospace}.note-date{color:var(--notes-muted);margin-bottom:10px;font-size:13px;line-height:1.4;display:block}.note-title{letter-spacing:-.02em;margin:0;font-size:2rem;line-height:1.2}.note-article{color:var(--notes-text);font-family:Hind Madurai,sans-serif;font-size:17.5px;line-height:1.75}.note-article>:first-child{margin-top:0}.note-article p{overflow-wrap:anywhere;margin:0 0 24px}.note-article :is(h1,h2,h3,h4,h5,h6){letter-spacing:-.015em;overflow-wrap:anywhere;scroll-margin-top:2rem;line-height:1.25}.note-article h1{margin:48px 0 16px;font-size:1.7rem}.note-article h2{margin:44px 0 14px;font-size:1.4rem}.note-article h3{margin:32px 0 12px;font-size:1.2rem}.note-article h4,.note-article h5,.note-article h6{margin:26px 0 10px;font-size:1.05rem}.note-article a{color:var(--notes-accent);text-underline-offset:3px;overflow-wrap:anywhere;text-decoration-thickness:1px}.note-article a:hover{color:#e2d2ff}.note-article :not(pre)>code{color:var(--notes-muted);background:var(--notes-paper);border:1px solid var(--notes-hairline);border-radius:3px;padding:1px 6px;font-family:Inconsolata,ui-monospace,monospace;font-size:.92em}.note-article pre{border:1px solid var(--notes-hairline);border-radius:4px;max-width:100%;margin:28px 0;padding:16px;font-size:14px;line-height:1.7;overflow-x:auto}.note-article pre code{color:inherit;font-family:Inconsolata,ui-monospace,monospace;font-size:inherit;background:0 0;border:0;padding:0}.note-article blockquote{border-left:2px solid var(--notes-accent);color:var(--notes-muted);margin:28px 0;padding:4px 0 4px 22px;font-size:1.05em;line-height:1.65}.note-article blockquote p:last-child{margin-bottom:0}.note-article ul,.note-article ol{margin:0 0 28px;padding-left:1.25rem}.note-article li{overflow-wrap:anywhere;margin-bottom:8px}.note-article li::marker{color:var(--notes-accent);font-family:Inconsolata,ui-monospace,monospace}.note-article hr{background:var(--notes-hairline);border:0;height:1px;margin:36px 0}.note-article table{border-collapse:collapse;table-layout:fixed;background:var(--notes-paper);border:1px solid var(--notes-hairline);width:100%;margin:28px 0;font-size:15.5px;line-height:1.45}.note-article th,.note-article td{text-align:left;vertical-align:top;overflow-wrap:anywhere;border:1px solid var(--notes-hairline);color:var(--notes-text);background:var(--notes-paper);padding:14px 16px}.note-article th{letter-spacing:.01em;background:var(--notes-paper-raised);font-family:Inconsolata,ui-monospace,monospace;font-size:14px;font-weight:500}.note-article img{max-width:100%;height:auto;display:block}.notes .timeline{flex-direction:column;display:flex;position:relative}.notes .timeline:before{content:"";left:calc(var(--rail-width) - .5px);background:var(--notes-hairline);width:1px;position:absolute;top:6px;bottom:6px}.notes .timeline>.post{grid-template-columns:var(--rail-width) 1fr;column-gap:var(--rail-gap);color:inherit;text-decoration:none;display:grid}.notes .post-rail{--rail-pad-top:4px;--rail-date-size:11.5px;--rail-date-lh:1.4;padding-top:var(--rail-pad-top);text-align:right;padding-right:18px;position:relative}.notes .post-date{font-size:var(--rail-date-size);line-height:var(--rail-date-lh);color:var(--notes-muted);letter-spacing:-.01em;white-space:nowrap;font-weight:500}.notes .post-dot{--rail-dot-size:9px;right:calc(-.5 * var(--rail-dot-size));top:calc(var(--rail-pad-top) + .5lh);font-size:var(--rail-date-size);line-height:var(--rail-date-lh);width:var(--rail-dot-size);height:var(--rail-dot-size);border:1.5px solid var(--notes-hairline);z-index:1;background:#08090c;border-radius:50%;position:absolute;transform:translateY(-50%)}.notes .post-body{padding-bottom:38px}.notes .post-title{letter-spacing:-.012em;margin:0 0 6px;font-size:18.5px;line-height:1.3}.notes .post:hover .post-title{color:var(--notes-accent)}.notes .post:hover .post-dot{border-color:var(--notes-accent);background:var(--notes-accent);box-shadow:0 0 0 3px #08090c}.notes .post-preview{color:var(--notes-muted);overflow-wrap:anywhere;max-width:58ch;margin:0;font-family:Hind Madurai,sans-serif;font-size:16px;line-height:1.55}.notes .post:focus-visible{outline:2px solid var(--notes-accent);outline-offset:4px;border-radius:4px}@media (width<=720px){.notes .timeline{display:block}.notes .timeline:before{display:none}.notes .timeline>.post{padding-bottom:32px;display:block}.notes .post-rail{text-align:left;padding:0 0 6px}.notes .post-dot{display:none}.notes .post-body{padding-bottom:0}.note-article,.note-article li{font-size:17px;line-height:1.72}}@media (width<=420px){.notes-title,.note-title{font-size:1.7rem}.notes .post-title{font-size:17px}.notes .post-preview{font-size:15px}.notes .post-date{font-size:11px}.note-article h1{font-size:1.45rem}.note-article h2{font-size:1.25rem}}@media (prefers-reduced-motion:no-preference){.notes .post-title,.notes .post-date,.notes .post-dot{transition:color .2s,background-color .25s,border-color .25s,box-shadow .25s}}