*,*::before,*::after{box-sizing:border-box}
body{margin:0;background:#ffffff;color:#1b1f24;font-family:'SF Mono', ui-monospace, 'Cascadia Mono', Menlo, monospace;line-height:1.65;
     -webkit-text-size-adjust:100%}
a{color:#0a5ad6}
header,main,footer{max-width:44rem;margin:0 auto;padding:0 1.25rem}
header{padding-top:3rem}
.brand{font-size:1.6rem;font-weight:700;text-decoration:none;color:#1b1f24;display:inline-block}
.tag{color:#6b7280;margin:.35rem 0 1.25rem}
nav{display:flex;gap:1.1rem;flex-wrap:wrap;padding-bottom:1rem;border-bottom:1px solid #6b728033}
nav a{text-decoration:none;color:#6b7280;font-size:.95rem}
nav a.on,nav a:hover{color:#0a5ad6}
article{padding:1.75rem 0;border-bottom:1px solid #6b728022}
article h2{margin:0 0 .3rem;font-size:1.3rem;line-height:1.3}
article h2 a{text-decoration:none;color:#1b1f24}
article h2 a:hover{color:#0a5ad6}
time{color:#6b7280;font-size:.85rem}
footer{color:#6b7280;font-size:.85rem;padding-top:2rem;padding-bottom:3rem}
footer a{color:#6b7280}
@media (max-width:30rem){header{padding-top:2rem}.brand{font-size:1.35rem}}
body{font-size:.98rem}
nav a{font-family:inherit}
article h2{font-weight:600}
code{background:#1b1f2410;padding:.1rem .3rem;border-radius:3px}