:root{--ink:#0f2530;--rock:#1d3b49;--ridge:#2f5767;--snow:#f1f6f7;--ice:#8fd3e8;--sun:#ffc15a;--muted:#9db6bf;color-scheme:dark}
*{box-sizing:border-box;margin:0}
body{background:var(--ink);color:var(--snow);font:400 1.1rem/1.7 Figtree,system-ui,sans-serif;padding:1.5rem 1rem 3rem;display:flex;flex-direction:column;align-items:center}
header,main,footer{width:100%;max-width:680px}
header{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.6rem 1rem;margin-bottom:2rem}
header>a img{height:30px;width:auto;display:block}
header>a{color:var(--snow);text-decoration:none;font:800 1.35rem 'Bricolage Grotesque',sans-serif}
nav{display:flex;gap:.6rem}nav a{font-size:.95rem;color:var(--muted)}
a{color:var(--ice)}a:focus-visible{outline:3px solid var(--ice);outline-offset:2px}
h1{font:800 clamp(2rem,6vw,2.8rem)/1.1 'Bricolage Grotesque',sans-serif;letter-spacing:-.02em;margin-bottom:.6rem}
h2{font:800 1.4rem 'Bricolage Grotesque',sans-serif;margin:2rem 0 .4rem}
p,ul,ol{margin-bottom:1rem}ul,ol{padding-left:1.3rem}li{margin-bottom:.4rem}
.meta{color:var(--muted);font-size:.95rem;margin-bottom:1.5rem}
.cta{display:inline-block;background:var(--sun);color:var(--ink);font-weight:600;text-decoration:none;padding:.7rem 1.6rem;border-radius:999px;margin-top:1rem}
footer{margin-top:3rem;color:var(--muted);font-size:.85rem}footer a{color:var(--muted)}

/* blog cards */
.posts{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:.9rem;margin-top:1rem}
a.post{display:flex;flex-direction:column;gap:.35rem;background:var(--rock);border:1px solid transparent;border-radius:16px;padding:1rem 1.1rem 1.1rem;text-decoration:none;color:var(--muted);transition:border-color .15s}
a.post:hover{border-color:var(--ice)}
.post-meta{font-size:.8rem;color:var(--ice)}
.post-title{font:800 1.1rem/1.25 'Bricolage Grotesque',sans-serif;color:var(--snow)}
.post-blurb{font-size:.92rem;line-height:1.45}
.blog-btn{display:inline-block;border:2px solid var(--ridge);border-radius:999px;padding:.3rem .95rem;font:600 .9rem Figtree,sans-serif;color:var(--snow);text-decoration:none;margin:0}
.blog-btn:hover,.blog-btn[aria-current="page"]{border-color:var(--ice)}
.sitenav{display:flex;align-items:center;gap:.6rem}.navlinks{display:flex;gap:.6rem}.mmenu{display:none;position:relative}.mmenu summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:.45rem}.mmenu summary::-webkit-details-marker{display:none}.mmenu[open] summary{border-color:var(--ice)}.mpanel{position:absolute;right:0;top:calc(100% + .5rem);min-width:11rem;display:flex;flex-direction:column;background:var(--rock);border:1px solid var(--ridge);border-radius:14px;padding:.4rem;z-index:20;box-shadow:0 12px 30px rgba(0,0,0,.4)}.mpanel a{color:var(--snow);text-decoration:none;padding:.65rem .8rem;border-radius:10px;font-size:1rem;margin:0}.mpanel a:hover,.mpanel a[aria-current]{background:var(--ridge)}@media (max-width:620px){.navlinks{display:none}.mmenu{display:block}header .sitenav{margin-left:auto}}
.all-posts{display:inline-block;margin-top:1.1rem}
/* end blog cards */