*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:#F4F5F6;color:#202326;font-family:'Karla', sans-serif;font-size:18px;line-height:1.65;overflow-wrap:break-word}
img{max-width:100%;height:auto;display:block}
a{color:#B23A2E;text-underline-offset:2px}
a:focus-visible{outline:2px solid #B23A2E;outline-offset:2px}
h1,h2,h3{font-family:'Spectral', serif;line-height:1.22;margin:1.4em 0 .5em}
.inner{max-width:1040px;margin:0 auto;padding:0 20px}
.name{font-family:'Spectral', serif;font-weight:700;font-size:1.6rem;text-decoration:none;color:#202326}
.site-desc{margin:4px 0 0;color:#5D6268;font-size:.95em}
.navigation{display:flex;flex-wrap:wrap;gap:6px 20px}
.navigation a{text-decoration:none;color:#FFFFFF;font-size:.95em}
.navigation a:hover{text-decoration:underline}
.masthead{background:#B23A2E;padding:16px 0}
.bar{display:flex;flex-wrap:wrap;gap:10px 28px;align-items:center;justify-content:space-between}
.masthead a,.masthead .name{color:#FFFFFF}
.cols{display:grid;gap:48px;padding:40px 0 64px}
.narrow{padding:40px 0 64px}
@media(min-width:900px){.cols{grid-template-columns:minmax(0,1fr) 280px}}
.page-body{min-width:0}
.archive-title{margin-top:0;font-size:1.6rem}
.feed{display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}
.entry{background:#E7E9EB;border-radius:14px;overflow:hidden;padding-bottom:18px}
.entry img{object-fit:cover;width:100%;aspect-ratio:16/9;background:#E7E9EB;background:#D0D4D8}
.entry h2,.entry p{margin-left:18px;margin-right:18px}
.entry h2{margin-top:14px}
.post-title{margin:0 0 6px;font-size:1.35em}
.post-title a{color:#202326;text-decoration:none}
.post-title a:hover{color:#B23A2E}
.post-meta{margin:0 0 10px;color:#5D6268;font-size:.88em}
.post-meta a{color:#5D6268}
.summary{margin:0}
.article h1{font-size:clamp(1.8rem,4.5vw,2.6rem);margin:0 0 10px}
.cover{margin:24px 0}
.cover img{border-radius:14px;object-fit:cover;width:100%;aspect-ratio:16/9;background:#E7E9EB}
.cover figcaption{font-size:.8em;color:#5D6268;margin-top:6px}
.entry-content{max-width:72ch}
.entry-content blockquote{margin:1.5em 0;padding:4px 0 4px 18px;border-left:3px solid #B23A2E;color:#5D6268}
.entry-content li{margin:.3em 0}
.also{margin-top:48px;padding-top:20px;border-top:1px solid #D0D4D8}
.also h2{font-size:1.1em;margin-top:0}
.secondary{font-size:.93em}
.panel{margin-bottom:32px}
.panel h2{font-size:1em;margin:0 0 10px}
.panel ul{list-style:none;padding:0;margin:0}
.panel li{padding:5px 0;border-bottom:1px solid #D0D4D8}
.panel a{text-decoration:none}
.colophon{text-align:center;padding:36px 0 48px;color:#5D6268;font-size:.86em;border-top:1px solid #D0D4D8}
.colophon p{margin:6px 0}
.colophon a{color:#5D6268}