*{box-sizing:border-box}:root{--color-ink: #111111;--color-black: #000000;--color-muted: #666666;--color-border: #777777;--color-surface: #f6f6f6}body{padding:2rem 1rem;color:var(--color-ink);display:flex;flex-direction:column;min-height:100dvh;max-width:65ch;margin:0 auto;line-height:1.6;font-family:Georgia,"Times New Roman",Times,serif}main{flex:1}section{margin-bottom:3rem}h1,h2,h3,h4{color:var(--color-black);line-height:1.2}h1{text-wrap:balance}time{color:var(--color-muted)}hr{width:100%;border:none;border-top:1px solid var(--color-border)}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}.site-header{margin-bottom:2rem;line-height:1.2}.site-header nav{display:flex;justify-content:space-between}.logo{display:block;font-size:1.25rem;font-weight:bold;margin-bottom:1rem}.site-footer{margin-top:2rem;line-height:1.2;position:relative}.site-footer .copy{font-size:.875rem;color:var(--color-muted)}.site-footer::after{content:"";position:absolute;width:35px;height:35px;background-image:url("img/cat.svg");background-size:contain;background-repeat:no-repeat;background-position:bottom;right:0;top:1rem;opacity:0;transition:.2s}.site-footer:hover::after{opacity:1}.post-list{list-style:none;padding:0}.post-list li{display:table;width:100%}.post-list time{width:12ch;display:table-cell;white-space:nowrap;text-align:right;padding-right:.5rem}.post-list a{display:table-cell;text-align:left}article header{margin-bottom:2rem}article header span{color:var(--color-muted)}article header h1,article header p,article header time{margin:0}article header a[rel=up]{color:var(--color-muted);font-size:.875rem}article header a[rel=up]::before{content:"←"}article .subtitle{font-style:italic;font-size:1.125rem;text-wrap:balance}article .meta{font-size:.875rem;margin-top:.75rem}.separator{padding:0 .5rem}.external-link::after{content:"";display:inline-block;width:.7em;height:.7em;margin-left:.25em;margin-bottom:.1em;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6'/%3E%3Cpath d='M15 3h6v6'/%3E%3Cpath d='M10 14 21 3'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:contain;vertical-align:middle;opacity:.6}