:root{--xav-primary:#3d7a6b;--xav-dark:#1f3a33;--xav-light:#f3f8f6;--xav-text:#44514d;--xav-container:1200px;--xav-radius:10px}
*{box-sizing:border-box}
body{margin:0;color:var(--xav-text);font-family:system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;line-height:1.7}
img{max-width:100%;height:auto}
a{color:var(--xav-primary);text-decoration:none}
h1,h2,h3,h4{color:var(--xav-dark);line-height:1.25}
.screen-reader-text{position:absolute;left:-9999px}
.xav-wrap{max-width:var(--xav-container);margin:0 auto;padding:0 20px}
.xav-btn{display:inline-block;background:var(--xav-primary);color:#fff;padding:12px 26px;border-radius:var(--xav-radius);font-weight:600;transition:.2s}
.xav-btn:hover{background:var(--xav-dark);color:#fff}
.xav-blog{display:grid;grid-template-columns:1fr;gap:40px;padding-top:60px;padding-bottom:60px}
.xav-blog:has(.xav-sidebar){grid-template-columns:2fr 1fr}
.xav-card{margin-bottom:40px}
.xav-meta{font-size:14px;opacity:.7}
.xav-single,.xav-404{padding:60px 0}
.xav-404{text-align:center}
@media(max-width:900px){.xav-blog:has(.xav-sidebar){grid-template-columns:1fr}}
.xav-logo img{height:44px;width:auto;display:block}

/* Keeps absolutely-positioned section art from causing a horizontal scrollbar */
.xav-main{overflow-x:clip}