:root{color-scheme:light}body{margin:0;background:#fff;color:#111;font-family:Verdana,Geneva,sans-serif;font-size:15px;line-height:1.6}.site{padding:28px 24px 80px}.site header,.site main{max-width:680px}a{color:#1a0dab}a:visited{color:#551a8b}a:hover{color:#c0392b}.site header{display:flex;gap:18px;align-items:baseline;margin-bottom:28px;font-size:17px}.site header .name{font-weight:700;color:#111;text-decoration:none}.site header a:visited{color:#1a0dab}h1{font-size:22px;margin:0 0 16px}main>p:first-child{margin-top:0}h2{font-size:17px;margin:32px 0 8px}ul{margin:0;padding-left:22px}li{margin:4px 0}li ul{list-style:circle;margin-top:4px}.date,.muted{color:#666}.date{font-size:13px;white-space:nowrap}.posts{list-style:none;padding:0}.posts li{display:flex;gap:16px;margin:6px 0}.posts .date{min-width:92px;padding-top:2px}.tag{color:#c0392b;font-size:12px;margin-left:6px}article{line-height:1.7}article img{max-width:100%}article pre{background:#f5f5f5;padding:12px;overflow-x:auto}article code,article pre{font-size:13px}article blockquote{margin:16px 0;padding-left:14px;border-left:3px solid #ddd;color:#555}.video{position:relative;aspect-ratio:16/9;margin:16px 0 24px;background:#000}.video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}@media (max-width:600px){.site{padding:20px 16px 60px}.posts li{flex-direction:column;gap:0}}.photos{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:8px;gap:8px;margin-top:8px}.photos figure{margin:0}.photos img{width:100%;aspect-ratio:1;object-fit:cover;display:block}.photos figcaption{font-size:12px;color:#666;margin-top:2px}@media (max-width:600px){.photos{grid-template-columns:repeat(2,1fr)}}.computer-link{display:inline-block;margin-top:4px}