@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;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)}.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%)}.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 img{max-width:100%;height:auto;border:0}@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,.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}}