*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;line-height:1.6;-webkit-text-size-adjust:100%}body{font-family:"PT Sans",sans-serif;color:#333;background:#fdfdfd;display:flex;min-height:100vh}a{color:#268bd2;text-decoration:none}a:hover{text-decoration:underline}.sidebar{position:fixed;top:0;left:0;bottom:0;width:16rem;background:#202020;color:#f0f0f0;padding:1.5rem;display:flex;flex-direction:column}.sidebar a{color:#f0f0f0}.site-banner{display:flex;align-items:center;margin-bottom:1rem}.site-banner:hover{text-decoration:none}.site-logo{display:inline-block;width:2.25rem;height:2.25rem;flex:0 0 auto;margin-right:.6rem;background:url("/branding/logo-blank.png") center/contain no-repeat;filter:invert(94%)}.site-logo::before{content:"";display:block;width:100%;height:100%;background:url("/branding/logo.png") center/contain no-repeat;animation:blink-cursor 5s steps(2) infinite}@keyframes blink-cursor{to{opacity:0}}@media (prefers-reduced-motion: reduce){.site-logo .logo-cursor{animation:none}}.site-title{font-family:"Abril Fatface",serif;font-size:1.4rem}.nav-links{list-style:none}.nav-links li{margin-bottom:.3rem}.search-container{margin-top:auto}.content{margin-left:16rem;padding:2rem 2rem calc(4rem + env(safe-area-inset-bottom, 0px));max-width:42rem;width:100%}h1,h2,h3,h4{margin:1.5em 0 .5em;line-height:1.25}h1{font-size:1.8rem}p,ul,ol,blockquote,pre,table{margin-bottom:1rem}code{font-family:"Source Code Pro",monospace;font-size:.9em;background:#f5f5f5;padding:.15em .3em;border-radius:3px}pre{overflow-x:auto;padding:1rem;border-radius:4px}pre code{background:none;padding:0}.post-list{list-style:none}.post-list li{margin-bottom:.5rem}.post-list time{color:#777;font-size:.85rem;margin-right:.5rem;font-variant-numeric:tabular-nums}.post-summary{color:#777;font-size:.9rem;margin:.2rem 0 0}.tag-list{list-style:none;display:flex;gap:.5rem;margin-top:.3rem}.tag-list li a{font-size:.85rem;color:#777}.post-meta{color:#777;font-size:.9rem;margin:.25rem 0 .5rem}.post-meta .post-author.is-agent::before{content:"🤖 ";font-size:.85em}.site-footer{margin-top:4rem;padding-top:1.5rem;border-top:1px solid #eee;color:#777;font-size:.85rem}.site-footer a{color:#777;text-decoration:underline}.site-footer a:hover{color:#268bd2}@media (max-width: 48rem){.sidebar{position:relative;width:100%;padding:1rem}body{flex-direction:column}.content{margin-left:0}}.preview-banner{position:fixed;top:0;left:0;right:0;z-index:100;height:calc(2rem + env(safe-area-inset-top, 0px));padding:env(safe-area-inset-top, 0px) .75rem 0;display:flex;align-items:center;justify-content:center;background:#ffd75f;color:#111;font-family:"Source Code Pro",monospace;font-size:.85rem;line-height:1}.preview-banner span{max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.preview-banner code{background:rgba(0,0,0,.12);padding:.05em .35em;border-radius:2px;font-size:inherit}body.has-preview-banner{padding-top:calc(2rem + env(safe-area-inset-top, 0px))}@media (min-width: 48.0625rem){body.has-preview-banner .sidebar{top:calc(2rem + env(safe-area-inset-top, 0px))}}@media (max-width: 48rem){body::before{content:"";position:fixed;top:0;left:0;right:0;height:env(safe-area-inset-top, 0px);background:#202020;z-index:99;pointer-events:none}body.has-preview-banner::before{display:none}.sidebar{padding-top:calc(1rem + env(safe-area-inset-top, 0px))}body.has-preview-banner .sidebar{padding-top:1rem}}@media print{.sidebar,.search-container,.preview-banner{display:none}.content{margin-left:0;max-width:100%}body.has-preview-banner{padding-top:0}}