*,*::before,*::after{box-sizing:border-box}
body{margin:0;background:#f7f9f8;color:#1f2a24;font-family:system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;line-height:1.65;
     -webkit-text-size-adjust:100%}
a{color:#1f6f5c}
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:#1f2a24;display:inline-block}
.tag{color:#6d7a73;margin:.35rem 0 1.25rem}
nav{display:flex;gap:1.1rem;flex-wrap:wrap;padding-bottom:1rem;border-bottom:1px solid #6d7a7333}
nav a{text-decoration:none;color:#6d7a73;font-size:.95rem}
nav a.on,nav a:hover{color:#1f6f5c}
article{padding:1.75rem 0;border-bottom:1px solid #6d7a7322}
article h2{margin:0 0 .3rem;font-size:1.3rem;line-height:1.3}
article h2 a{text-decoration:none;color:#1f2a24}
article h2 a:hover{color:#1f6f5c}
time{color:#6d7a73;font-size:.85rem}
footer{color:#6d7a73;font-size:.85rem;padding-top:2rem;padding-bottom:3rem}
footer a{color:#6d7a73}
@media (max-width:30rem){header{padding-top:2rem}.brand{font-size:1.35rem}}
header{border-bottom:1px solid #dfe5e1;padding-bottom:1rem}
nav a{margin-right:1.1rem}
article{border-bottom-color:#e4eae6}
main p{max-width:38rem}
code{background:#eef3f0;padding:.1rem .35rem;border-radius:3px}