*{box-sizing:border-box}
body{font-family:system-ui,-apple-system,sans-serif;line-height:1.6;color:#222;margin:0}
.wrap{max-width:720px;margin:0 auto;padding:0 1rem}
header.site{border-bottom:1px solid #ddd;padding:1rem 0}
header.site .wrap{display:flex;gap:1.5rem;align-items:baseline}
header.site strong{margin-right:auto}
nav a{margin-left:1rem;color:#06c;text-decoration:none}
nav a.active{font-weight:700;color:#222}
main{padding:2rem 0}
footer.site{border-top:1px solid #ddd;padding:1rem 0;color:#666;font-size:.9rem}
.posts{list-style:none;padding:0}.posts li{margin:0 0 1.25rem}
.meta{color:#666;font-size:.85rem}
/* element: footer-text */

/* element: heading-text */

/* element: post-list */