@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500&display=swap";:root{color:#101010;background:#fff;font-family:DM Sans,sans-serif;line-height:1.55;--site-max-width: 760px;--brand-red: #f60000;--brand-purple: #9611ff;--brand-blue: #86dafe;--brand-yellow: #fee55f;--brand-green: #33f22f;--line: #121212;--line-soft: #d8d8d8;--muted: #585858;--accent: #0072c8}*{box-sizing:border-box;border-radius:0}html,body,#root{min-height:100%}body{margin:0;background:#fff;color:#111;font-family:DM Sans,sans-serif;font-weight:400}a{color:#111;text-decoration-thickness:1px;text-underline-offset:3px}a:hover{color:var(--accent)}.page{min-height:100vh;width:min(var(--site-max-width),100% - 48px);margin:0 auto;padding:0 0 48px}.header{border-bottom:1px solid var(--line)}.header-row{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:72px;padding:0 24px}.brand{font-family:DM Sans,sans-serif;font-size:1.3rem;font-weight:500;letter-spacing:.08em;text-decoration:none;display:inline-flex;align-items:center;gap:10px}.brand-mark{display:inline-flex;gap:1px;transform:translateY(2px)}.brand-text{display:inline-block;transform:rotate(-3deg);transform-origin:left center}.brand-square{display:inline-block;width:10px;height:10px}.brand-square-red{background:var(--brand-red)}.brand-square-purple{background:var(--brand-purple)}.brand-square-blue{background:var(--brand-blue)}.brand-square-yellow{background:var(--brand-yellow)}.brand-square-green{background:var(--brand-green)}.site-nav{display:flex;align-items:center;gap:10px;font-size:.8rem;letter-spacing:.08em}.nav-link{color:#444;text-decoration:none;border-bottom:1px solid transparent}.nav-link:hover,.nav-link-active{color:#111;border-bottom-color:#111}.nav-separator{color:#444}.content{max-width:100%}.status{margin:0;padding:24px;border-top:1px solid var(--line);font-size:.95rem}.loader-screen{min-height:calc(100vh - 160px);display:grid;place-items:center}.loader-frame{display:block;width:min(45px,11vw);height:auto;image-rendering:pixelated;border-radius:8px}.index{border-top:0}.post-card{padding:22px 24px 26px;border-bottom:1px solid var(--line-soft)}.post-card-featured{border-bottom:1px solid var(--line-soft);background:linear-gradient(180deg,#fff,#fcfcfc)}.index-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.index-grid .post-card{border-bottom:0}.index-grid .post-card:nth-child(odd){border-right:0}.banner-link{display:block;margin-bottom:14px}.post-banner{display:block;width:100%;height:auto;border:1px solid var(--line)}.post-title-link{text-decoration:none}.post-title-link:hover .post-title{color:var(--accent)}.post-title{margin:0;font-size:clamp(1.32rem,2.15vw,1.7rem);font-weight:500;line-height:1.18;letter-spacing:-.02em}.post-description{margin:12px 0 14px;font-size:.97rem;color:#222}.meta-row{display:flex;flex-wrap:wrap;gap:0;font-size:.82rem;color:var(--muted)}.meta-row>span+span{position:relative;margin-left:12px;padding-left:12px}.meta-row>span+span:before{content:"";position:absolute;left:0;top:50%;width:6px;height:1px;background:#7d7d7d;transform:translateY(-50%)}.artifact-index{padding:0 24px 52px}.artifact-index-header{padding:28px 0 22px;border-bottom:1px solid var(--line)}.artifact-index-header h1{margin:0;font-size:clamp(2rem,5vw,3rem);font-weight:500;line-height:1;letter-spacing:-.03em}.artifact-index-header p{margin:12px 0 0;color:#262626}.artifact-list{list-style:none;margin:0;padding:0}.artifact-list-item{padding:18px 0 20px;border-bottom:1px solid var(--line-soft)}.artifact-link{display:inline-block;font-size:1.12rem;font-weight:500;line-height:1.25;text-decoration:none}.artifact-link:hover{text-decoration:underline}.artifact-item-meta{display:flex;flex-wrap:wrap;gap:10px;margin-top:7px;color:var(--muted);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.75rem;text-transform:lowercase}.artifact-list-item p{margin:9px 0 0;color:#222}.post{border-top:0}.post-header{max-width:100%;margin:0;padding:24px 24px 0;border-bottom:0}.post-header h1{margin:0;line-height:1.07;font-size:clamp(2rem,5vw,3rem);font-weight:500;letter-spacing:-.03em;max-width:26ch}.post-header p{margin:14px 0 0;max-width:70ch;font-size:1rem;color:#1b1b1b}.post-meta-row{margin-top:14px}.post-meta-row a{color:#1f1f1f}.post-hero{max-width:100%;margin:0;padding:24px 24px 0;border-bottom:0}.post-hero .post-banner{width:100%;margin:0}.article{max-width:100%;margin:0;padding:30px 24px 52px}.article>*:first-child{margin-top:0}.article h2,.article h3,.article h4{margin-top:1.6em;margin-bottom:.55em;line-height:1.2;font-weight:500}.article p,.article li,.article blockquote{font-size:1.04rem}.article ul,.article ol{padding-left:1.3rem}.article a{color:var(--accent)}.article pre{border:1px solid var(--line);padding:14px;overflow:auto;background:#f7f7f7;font-size:.9rem}.article code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.9em}.article pre,.article kbd,.article samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.article blockquote{margin:1.2em 0;padding:0 0 0 14px;border-left:2px solid var(--line);color:#292929}.article .twitter-tweet{margin:1.6em 0;padding:16px 0 16px 14px}.article iframe{max-width:100%}.article img{max-width:100%;height:auto;border:0}.post-artifact .post-header{padding-bottom:24px;border-bottom:1px solid var(--line)}.post-artifact .post-header h1{max-width:30ch}.post-artifact .article{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.94rem;line-height:1.62}.post-artifact .article p,.post-artifact .article li,.post-artifact .article blockquote{font-size:.94rem}.post-artifact .article h2,.post-artifact .article h3,.post-artifact .article h4{font-family:DM Sans,sans-serif}@media(max-width:860px){.page{width:100%;border-left:0;border-right:0;padding-top:0}.header-row{min-height:64px;padding:0 16px}.post-card,.artifact-index,.post-header,.post-hero,.article,.status{padding-left:16px;padding-right:16px}.index-grid{grid-template-columns:1fr}.index-grid .post-card:nth-child(odd){border-right:0}.post-title{font-size:1.38rem}}@media(max-width:520px){.header-row{align-items:flex-start;flex-direction:column;justify-content:center;padding-top:14px;padding-bottom:14px}.site-nav{gap:14px}}