:root{color-scheme:light;--bg: #f7f7f7;--ink: #151515;--muted: #66615b;--line: #222;--soft-line: #d8d8d8;--link: #0645ad;--visited: #6b2aa1;--accent: #0b7a53;--mark: #ffe66d;--code-bg: #eeeeee}*{box-sizing:border-box}html{background:var(--bg);color:var(--ink);font-family:Georgia,Times New Roman,serif;font-size:18px}body{margin:0;min-width:320px}a{color:var(--link);text-decoration-thickness:.08em;text-underline-offset:.16em}a:visited{color:var(--visited)}img,iframe,canvas,video{max-width:100%}img{height:auto;border:1px solid var(--line)}.site-shell{width:min(100% - 32px,860px);margin:0 auto}.site-header{display:flex;align-items:baseline;justify-content:space-between;gap:16px;padding:20px 0 14px;border-bottom:2px solid var(--line);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.82rem}.site-name{color:var(--ink);font-weight:700;text-decoration:none;text-transform:lowercase}.site-name:visited{color:var(--ink)}.site-header nav{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:12px}main{padding:42px 0 56px}.site-footer{padding:22px 0 34px;border-top:1px solid var(--line);color:var(--muted);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.76rem}h1,h2,h3{color:var(--ink);line-height:1.08}h1{margin:0 0 18px;font-size:clamp(2.2rem,7vw,4.8rem);font-weight:400}h2{margin:2.3rem 0 .8rem;font-size:1.65rem}h3{margin:1.8rem 0 .55rem;font-size:1.18rem}p,li{line-height:1.65}blockquote{margin:1.5rem 0;padding:.1rem 0 .1rem 1rem;border-left:4px solid var(--accent);color:#383838}hr{margin:2rem 0;border:0;border-top:1px dashed var(--line)}code{padding:.12em .26em;background:var(--code-bg);font-size:.9em}pre{overflow-x:auto;padding:1rem;border:1px solid var(--line);background:#111;color:#f2f2f2;font-size:.86rem;line-height:1.5}pre code{padding:0;background:transparent;color:inherit}table{display:block;overflow-x:auto;width:100%;border-collapse:collapse;font-size:.94rem}th,td{border:1px solid var(--line);padding:.5rem;vertical-align:top}th{background:var(--mark);text-align:left}.home-intro{display:grid;gap:16px;margin-bottom:40px}.kicker,.post-date,.post-categories,.back-link,.about-note{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.78rem}.kicker{margin:0;color:var(--accent);text-transform:lowercase}.lede{max-width:42rem;margin:0;font-size:1.2rem;line-height:1.5}.section-title{margin:0;padding-bottom:8px;border-bottom:1px solid var(--line);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.9rem;text-transform:uppercase}.post-list{display:grid;gap:0;margin:0;padding:0;list-style:none}.post-list article{display:grid;grid-template-columns:minmax(0,1fr) minmax(130px,180px);gap:22px;padding:24px 0;border-bottom:1px solid var(--soft-line)}.post-list h3{margin:0 0 8px;font-size:1.36rem}.post-list p{margin:0;color:#343434}.post-thumb{aspect-ratio:4 / 3;object-fit:cover;background:#ddd}.text-thumb{display:grid;place-items:center;aspect-ratio:4 / 3;border:1px solid var(--line);background:#fff;color:var(--accent);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.72rem;text-align:center;text-transform:uppercase}.post{max-width:730px;margin:0 auto}.post header{margin-bottom:30px}.post h1{font-size:clamp(2.2rem,8vw,4.2rem)}.post-date,.post-categories{margin:0 0 12px;color:var(--muted);text-transform:uppercase}.draft-note{display:inline-block;margin:0 0 14px;padding:2px 8px;border:1px solid var(--line);background:var(--mark);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.76rem;text-transform:uppercase}.post-description{margin:0;font-size:1.12rem;line-height:1.55}.post img{margin:1.2rem 0 .35rem}.post p>em:only-child{display:block;margin:0 0 1.4rem;color:var(--muted);font-size:.9rem;text-align:center}.back-link{display:inline-block;margin-bottom:26px}.mermaid{margin:1.5rem 0;padding:1rem;overflow-x:auto;border:1px solid var(--line);background:#fff}.about{max-width:700px}@media(max-width:680px){html{font-size:16px}.site-header,.post-list article{display:block}.site-header nav{justify-content:flex-start;margin-top:10px}.post-thumb,.text-thumb{margin-top:16px;width:min(100%,240px)}}