*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:#F6F6F2;color:#2C2E2A;font-family:'Roboto', sans-serif;font-size:17px;line-height:1.65;overflow-wrap:break-word}
img{max-width:100%;height:auto;display:block}
a{color:#4F6D7A;text-underline-offset:2px}
a:focus-visible{outline:2px solid #4F6D7A;outline-offset:2px}
h1,h2,h3{font-family:'Roboto Slab', serif;line-height:1.22;margin:1.4em 0 .5em}
.xxwrap{max-width:1040px;margin:0 auto;padding:0 20px}
.xxbrand{font-family:'Roboto Slab', serif;font-weight:700;font-size:1.6rem;text-decoration:none;color:#2C2E2A}
.xxstrap{margin:4px 0 0;color:#686B63;font-size:.95em}
.xxlinks{display:flex;flex-wrap:wrap;gap:6px 20px}
.xxlinks a{text-decoration:none;color:#FFFFFF;font-size:.95em}
.xxlinks a:hover{text-decoration:underline}
.xxbanner{background:#4F6D7A;padding:16px 0}
.xxtopline{display:flex;flex-wrap:wrap;gap:10px 28px;align-items:center;justify-content:space-between}
.xxbanner a,.xxbanner .xxbrand{color:#FFFFFF}
.xxsplit{display:grid;gap:48px;padding:40px 0 64px}
.xxone-col{padding:40px 0 64px}
@media(min-width:900px){.xxsplit{grid-template-columns:minmax(0,1fr) 280px}}
.xxmain{min-width:0}
.xxpage-title{margin-top:0;font-size:1.6rem}
.xxfeed{display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}
.xxentry{background:#E9ECE6;border-radius:4px;overflow:hidden;padding-bottom:18px}
.xxentry img{object-fit:cover;width:100%;aspect-ratio:4/3;background:#E9ECE6;background:#D8DBD3}
.xxentry h2,.xxentry p{margin-left:18px;margin-right:18px}
.xxentry h2{margin-top:14px}
.xxheading{margin:0 0 6px;font-size:1.35em}
.xxheading a{color:#2C2E2A;text-decoration:none}
.xxheading a:hover{color:#4F6D7A}
.xxbyline{margin:0 0 10px;color:#686B63;font-size:.88em}
.xxbyline a{color:#686B63}
.xxsummary{margin:0}
.xxentry-full h1{font-size:clamp(1.8rem,4.5vw,2.6rem);margin:0 0 10px}
.xxcover{margin:24px 0}
.xxcover img{border-radius:4px;object-fit:cover;width:100%;aspect-ratio:4/3;background:#E9ECE6}
.xxcover figcaption{font-size:.8em;color:#686B63;margin-top:6px}
.xxpost-body{max-width:72ch}
.xxpost-body blockquote{margin:1.5em 0;padding:4px 0 4px 18px;border-left:3px solid #4F6D7A;color:#686B63}
.xxpost-body li{margin:.3em 0}
.xxsee-also{margin-top:48px;padding-top:20px;border-top:1px solid #D8DBD3}
.xxsee-also h2{font-size:1.1em;margin-top:0}
.xxaside{font-size:.93em}
.xxpanel{margin-bottom:32px}
.xxpanel h2{font-size:1em;margin:0 0 10px}
.xxpanel ul{list-style:none;padding:0;margin:0}
.xxpanel li{padding:5px 0;border-bottom:1px solid #D8DBD3}
.xxpanel a{text-decoration:none}
.xxfoot{border-top:1px solid #D8DBD3;padding:24px 0 40px;color:#686B63;font-size:.88em}
.xxfoot .xxwrap{display:flex;flex-wrap:wrap;gap:8px 24px;justify-content:space-between}
.xxfoot a{color:#686B63;margin-left:14px}