:root{color-scheme:light}
*{box-sizing:border-box}
body{margin:0;font-family:'Quicksand',system-ui,sans-serif;color:#17332e;background:#f3f7f5;line-height:1.65}
a{color:#086f61}
.skip{position:absolute;left:-9999px;top:0}
.skip:focus{left:8px;top:8px;background:#fff;padding:6px 10px;border:2px solid #086f61;border-radius:8px;z-index:10}
header.site{border-bottom:1px solid #d8e6e1;background:#fff}
header.site .wrap{max-width:46rem;margin:0 auto;padding:14px 18px;display:flex;align-items:center;gap:10px}
header.site img{vertical-align:middle}
header.site .name{font-weight:700;font-size:1.15rem;color:#086f61;text-decoration:none}
nav.site{max-width:46rem;margin:0 auto;padding:8px 18px;display:flex;gap:16px;font-size:.95rem}
main{max-width:46rem;margin:0 auto;padding:24px 18px 48px}
article.post{border-bottom:1px solid #d8e6e1;padding:18px 0}
article.post:last-child{border-bottom:none}
h1{font-size:1.7rem;line-height:1.25;color:#0c3b34;margin:0 0 6px}
h2{font-size:1.25rem;color:#0c3b34;margin:26px 0 8px}
.date{color:#5a726c;font-size:.9rem;margin:0 0 18px}
.lede{font-size:1.08rem}
.postlist{list-style:none;margin:0;padding:0}
.postlist h2{margin:0 0 4px;font-size:1.2rem}
footer.site{border-top:1px solid #d8e6e1;background:#fff;margin-top:32px}
footer.site .wrap{max-width:46rem;margin:0 auto;padding:16px 18px;display:flex;flex-wrap:wrap;gap:8px 18px;font-size:.9rem;color:#5a726c}
.note{background:#e7f2ef;border-left:4px solid #086f61;padding:10px 14px;border-radius:6px}