*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--colour-bg:#fafafa;--colour-surface:#fff;--colour-text:#1a1a1a;--colour-text-secondary:#555;--colour-link:#1a6dd4;--colour-link-hover:#0f4c8a;--colour-border:#e0e0e0;--colour-tag-bg:#f0f0f0;--colour-tag-text:#555;--colour-code-bg:#f5f5f5;--colour-code-text:#1a1a1a;--colour-code-block-bg:#282c34;--colour-code-block-text:#abb2bf;--colour-blockquote-border:#d0d0d0;--colour-blockquote-bg:#f9f9f9;--colour-accent:#b8860b;--colour-accent-muted:#a8894e;--transition-theme:background-color .3s ease, color .3s ease, border-color .3s ease, box-shadow .3s ease;--content-width:720px;--body-size:clamp(1.125rem, 1rem + .5vw, 1.25rem);--line-height:1.65}[data-theme=dark]{--colour-bg:#0d0f14;--colour-surface:#181b22;--colour-text:#e8e4dd;--colour-text-secondary:#a09c94;--colour-link:#6db3f2;--colour-link-hover:#a0d0ff;--colour-border:#2a2d35;--colour-tag-bg:#252525;--colour-tag-text:#a09c94;--colour-code-bg:#1e1e1e;--colour-code-text:#e8e4dd;--colour-code-block-bg:#1e1e1e;--colour-code-block-text:#abb2bf;--colour-blockquote-border:#444;--colour-blockquote-bg:#1a1a1a}.skip-link{background:var(--colour-link);color:#fff;z-index:100;transition:var(--transition-theme);padding:.5rem 1rem;font-size:.875rem;text-decoration:none;position:absolute;inset-block-start:-100%;inset-inline-start:0}.skip-link:focus{inset-block-start:0}html{scrollbar-width:thin;scrollbar-color:var(--colour-border) transparent;overflow-y:scroll}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Helvetica Neue,Arial,sans-serif;font-size:var(--body-size);line-height:var(--line-height);background-color:var(--colour-bg);color:var(--colour-text);transition:var(--transition-theme);flex-direction:column;min-block-size:100vh;display:flex}.container{inline-size:100%;max-inline-size:var(--content-width);margin-inline:auto;padding-inline:1.5rem}.site-header{border-block-end:1px solid var(--colour-border);transition:var(--transition-theme);padding-block:1.5rem}.site-header .container{justify-content:space-between;align-items:center;gap:1rem;display:flex}.site-name{letter-spacing:-.02em;color:var(--colour-text);transition:var(--transition-theme);font-size:1.25rem;font-weight:700;text-decoration:none}.site-nav{align-items:center;gap:1.25rem;display:flex}.site-nav a{color:var(--colour-accent);font-family:DM Mono,monospace;font-size:.9375rem;text-decoration:none;transition:color .2s}.site-nav a:hover,.site-nav a:focus{color:var(--colour-accent-muted);text-decoration:none}.site-nav a[aria-current=page]{color:var(--colour-accent-muted);text-underline-offset:.2em;text-decoration:underline}.theme-toggle{border:1px solid var(--colour-border);cursor:pointer;color:var(--colour-text-secondary);transition:var(--transition-theme);white-space:nowrap;background:0 0;border-radius:.375rem;padding:.375rem .5rem;font-size:.875rem;line-height:1}.theme-toggle:hover,.theme-toggle:focus-visible{border-color:var(--colour-link);color:var(--colour-link);outline:none}.site-main{flex:1;padding-block:3rem}.site-footer{border-block-start:1px solid var(--colour-border);transition:var(--transition-theme);padding-block:2rem}.site-footer .container{color:var(--colour-text-secondary);justify-content:space-between;align-items:center;gap:1rem;font-size:.875rem;display:flex}.footer-links{gap:1rem;display:flex}.footer-links a{color:var(--colour-text-secondary);transition:var(--transition-theme);text-decoration:none}.footer-links a:hover,.footer-links a:focus{color:var(--colour-link)}a{color:var(--colour-link);text-decoration:none;transition:color .2s}a:hover,a:focus{color:var(--colour-link-hover);text-decoration:underline}.page-intro{margin-block-end:3rem}.page-intro h1{color:var(--colour-accent);margin-block-end:.5rem;font-size:clamp(1.5rem,1.25rem + 1vw,2rem);font-weight:700}.page-intro p{color:var(--colour-text-secondary);font-size:1rem}.post-list{flex-direction:column;gap:2.5rem;list-style:none;display:flex}.post-item{border-block-end:1px solid var(--colour-border);transition:var(--transition-theme);padding-block-end:2.5rem}.post-item:last-child{border-block-end:none;padding-block-end:0}.post-item-title{margin-block-end:.5rem;font-size:clamp(1.25rem,1rem + 1vw,1.5rem);font-weight:600;line-height:1.3}.post-item-title a{color:var(--colour-text);transition:var(--transition-theme);text-decoration:none}.post-item-title a:hover,.post-item-title a:focus{color:var(--colour-link);text-decoration:none}.post-item-meta{color:var(--colour-text-secondary);flex-wrap:wrap;align-items:center;gap:.75rem;margin-block-end:.75rem;font-size:.875rem;display:flex}.tags{flex-wrap:wrap;gap:.5rem;display:flex}.tag{background:var(--colour-tag-bg);color:var(--colour-tag-text);transition:var(--transition-theme);border-radius:.25rem;padding:.125rem .5rem;font-size:.75rem;text-decoration:none;display:inline-block}.post-header{margin-block-end:2.5rem}.post-title{letter-spacing:-.02em;color:var(--colour-accent);margin-block-end:.75rem;font-size:clamp(1.75rem,1.25rem + 2vw,2.5rem);font-weight:700;line-height:1.2}.post-meta{color:var(--colour-text-secondary);flex-wrap:wrap;align-items:center;gap:.75rem;margin-block-end:1rem;font-size:.9375rem;display:flex}.post-content h1,.post-content h2,.post-content h3,.post-content h4,.post-content h5,.post-content h6{margin-block:2rem .75rem;font-weight:600;line-height:1.3}.post-content h1{font-size:1.75rem}.post-content h2{font-size:1.5rem}.post-content h3{font-size:1.25rem}.post-content h4{font-size:1.125rem}.post-content p{margin-block-end:1.25rem}.post-content ul,.post-content ol{margin-block-end:1.25rem;padding-inline-start:1.5rem}.post-content li{margin-block-end:.375rem}.post-content blockquote{border-inline-start:3px solid var(--colour-blockquote-border);background:var(--colour-blockquote-bg);color:var(--colour-text-secondary);transition:var(--transition-theme);margin-block-end:1.25rem;padding-block:.5rem;padding-inline-start:1.25rem}.post-content blockquote p:last-child{margin-block-end:0}.post-content code{background:var(--colour-code-bg);color:var(--colour-code-text);transition:var(--transition-theme);border-radius:.25rem;padding:.125rem .375rem;font-family:SF Mono,Fira Code,Fira Mono,Roboto Mono,Consolas,Monaco,monospace;font-size:.875em}.post-content pre{background:var(--colour-code-block-bg);color:var(--colour-code-block-text);transition:var(--transition-theme);border-radius:.5rem;margin-block-end:1.25rem;padding:1.25rem;font-size:.875rem;line-height:1.5;overflow-x:auto}.post-content pre code{color:inherit;font-size:inherit;background:0 0;padding:0}.post-content img{border-radius:.5rem;block-size:auto;max-inline-size:100%;margin-block:1.25rem}.post-content hr{border:none;border-block-start:1px solid var(--colour-border);transition:var(--transition-theme);margin-block:2rem}.post-content a{text-underline-offset:.15em;text-decoration:underline}.post-content table{border-collapse:collapse;inline-size:100%;margin-block-end:1.25rem;font-size:.9375rem}.post-content th,.post-content td{border:1px solid var(--colour-border);text-align:start;transition:var(--transition-theme);padding:.625rem .75rem}.post-content th{background:var(--colour-tag-bg);transition:var(--transition-theme);font-weight:600}.embed{border:1px solid var(--colour-border);background:var(--colour-tag-bg);word-break:break-all;transition:var(--transition-theme);border-radius:.5rem;margin-block:1.5rem;padding:1rem;font-size:.875rem}.back-link{margin-block-start:3rem;font-size:.9375rem;display:inline-block}.about-content h2{margin-block:2.5rem .75rem;font-size:1.375rem;font-weight:600}.about-content p{margin-block-end:1.25rem}.about-links{flex-direction:column;gap:.5rem;list-style:none;display:flex}@media (width<=600px){.site-header .container{flex-wrap:wrap}.site-footer .container{text-align:center;flex-direction:column}.post-item-meta,.post-meta{flex-direction:column;align-items:flex-start;gap:.375rem}}