:root{--border-color:black;--color-text:black;--color-link:black;--color-link-hover:green}html{font-size:18px;height:100%}body{font-family:sans-serif;color:var(--color-text);height:100%}.wrapper{min-height:100%;display:grid;grid-template-rows:auto 1fr auto;padding-left:1rem;padding-right:1rem}header,main,footer{margin-left:auto;margin-right:auto;width:100%}header{display:flex;align-items:center;justify-content:space-between;padding:1rem 0;border-bottom:1px solid var(--border-color)}footer{padding:1rem 0;border-top:1px solid var(--border-color)}.site-title{font-weight:700;text-decoration:none}nav{display:flex}nav a{text-decoration:none}nav a:hover{color:var(--color-text)}a{color:var(--color-link)}a:hover{text-decoration:underline}.homepage{padding:2rem 0 3rem}.homepage h1{font-size:2.25rem}.post-list{list-style:none;padding:0;margin:0}.post-list li{display:flex;justify-content:space-between;padding:.25rem}.post-list a{text-decoration:none}.post-list a:hover{text-decoration:underline}.post-date{color:var(--color-muted);font-size:.875rem;white-space:nowrap;font-variant-numeric:tabular-nums}.section-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:.5rem;margin-top:3rem}.section-header h2{margin:0}.see-all{font-size:.875rem;color:var(--color-muted);text-decoration:none}.see-all:hover{color:var(--color-text)}article header{border:none;display:block;padding:0;margin-bottom:2rem}article h1{margin-bottom:.375rem}.post-meta{color:var(--color-muted);font-size:.875rem;display:flex;gap:1rem}.post-body{max-width:var(--max-width)}.post-body p,.post-body li{font-size:1rem}pre,code{font-size:.875rem}pre{padding:1rem;border-radius:.5rem}.error-page{padding:4rem 0;text-align:center}.error-page h1{font-size:4rem;margin-bottom:.5rem}