*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}:root{--color-text:#1a1a1a;--color-text-secondary:#6b7280;--color-bg:#fafaf8;--color-accent:#2563eb;--color-accent-hover:#1d4ed8;--color-border:#e5e5e3;--color-code-bg:#f3f4f6;--font-body:'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;--font-heading:'Playfair Display', Georgia, 'Times New Roman', serif;--font-mono:'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, monospace;--width-content:680px;--width-wide:900px}html{font-size:18px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);color:var(--color-text);background-color:var(--color-bg);line-height:1.7;min-height:100vh;display:flex;flex-direction:column}main{flex:1}.container{max-width:var(--width-content);margin:0 auto;padding:0 1.5rem}.site-header{padding:2rem 0;border-bottom:1px solid var(--color-border);margin-bottom:3rem}.site-header .container{max-width:var(--width-wide);display:flex;align-items:baseline;justify-content:space-between}.site-name{font-family:var(--font-heading);font-size:1.25rem;font-weight:700;color:var(--color-text);text-decoration:none;letter-spacing:-.01em}.site-header nav{display:flex;gap:1.75rem}.site-header nav a{color:var(--color-text-secondary);text-decoration:none;font-size:.9rem;font-weight:500;transition:color .15s}.site-header nav a:hover,.site-header nav a.active{color:var(--color-text)}.home-intro{margin-bottom:3.5rem}.home-intro h1{font-family:var(--font-heading);font-size:2.5rem;font-weight:700;line-height:1.2;margin-bottom:.75rem;letter-spacing:-.02em}.site-description{font-size:1.1rem;color:var(--color-text-secondary);line-height:1.6}.archive{display:flex;flex-direction:column;gap:3rem}.year-group{position:relative}.year-heading{font-family:var(--font-heading);font-size:3rem;font-weight:700;color:var(--color-border);letter-spacing:-.03em;margin-bottom:1.5rem;line-height:1}.year-posts{display:flex;flex-direction:column;gap:0}.post-item{display:flex;gap:1.5rem;padding:1.25rem 0;border-top:1px solid var(--color-border);align-items:flex-start}.post-date{flex-shrink:0;width:3.5rem;text-align:center;padding-top:.15rem}.post-day{display:block;font-size:1.5rem;font-weight:700;line-height:1;color:var(--color-border)}.post-month{display:block;font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary);margin-top:.2rem}.post-body{flex:1;min-width:0}.post-title{font-family:var(--font-heading);font-size:1.35rem;font-weight:600;line-height:1.3;margin-bottom:.35rem;letter-spacing:-.01em}.post-title a{color:var(--color-text);text-decoration:none;transition:color .15s}.post-title a:hover{color:var(--color-accent)}.post-description{color:var(--color-text-secondary);font-size:.9rem;line-height:1.5;margin-bottom:.4rem}.post-meta{font-size:.8rem;color:var(--color-text-secondary);display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.page-title{font-family:var(--font-heading);font-size:2rem;font-weight:700;margin-bottom:2rem;letter-spacing:-.02em}.article-header{margin-bottom:2.5rem}.article-header h1{font-family:var(--font-heading);font-size:2.5rem;font-weight:700;line-height:1.15;margin-bottom:.75rem;letter-spacing:-.02em}.article-tags{margin-top:.75rem;display:flex;flex-wrap:wrap;gap:.5rem}.tag{font-size:.75rem;color:var(--color-text-secondary);background:var(--color-code-bg);padding:.2rem .6rem;border-radius:3px;text-decoration:none;transition:color .15s}.tag:hover{color:var(--color-text)}.table-of-contents{margin-bottom:2.5rem;padding:1.25rem;background:var(--color-code-bg);border-radius:6px}.table-of-contents summary{font-weight:600;font-size:.9rem;cursor:pointer;color:var(--color-text-secondary)}.table-of-contents nav{margin-top:.75rem}.table-of-contents ul{list-style:none;padding-left:1rem}.table-of-contents li{margin:.35rem 0}.table-of-contents a{color:var(--color-text-secondary);text-decoration:none;font-size:.9rem}.table-of-contents a:hover{color:var(--color-accent)}.article-content{line-height:1.75}.article-content h2{font-family:var(--font-heading);font-size:1.6rem;font-weight:700;margin-top:2.5rem;margin-bottom:1rem;line-height:1.25;letter-spacing:-.01em}.article-content h3{font-family:var(--font-heading);font-size:1.25rem;font-weight:600;margin-top:2rem;margin-bottom:.75rem;line-height:1.3}.article-content p{margin-bottom:1.25rem}.article-content a{color:var(--color-accent);text-decoration:underline;text-underline-offset:2px;text-decoration-thickness:1px}.article-content a:hover{color:var(--color-accent-hover)}.article-content strong{font-weight:600}.article-content blockquote{border-left:3px solid var(--color-border);padding-left:1.25rem;margin:1.5rem 0;color:var(--color-text-secondary);font-style:italic}.article-content ul,.article-content ol{margin-bottom:1.25rem;padding-left:1.5rem}.article-content li{margin-bottom:.4rem}.article-content li ul,.article-content li ol{margin-bottom:0;margin-top:.4rem}.article-content code{font-family:var(--font-mono);font-size:.85em;background:var(--color-code-bg);padding:.15em .35em;border-radius:3px}.article-content pre{background:var(--color-code-bg);padding:1.25rem;border-radius:6px;overflow-x:auto;margin:1.5rem 0;line-height:1.5}.article-content pre code{background:0 0;padding:0;font-size:.85rem}.article-content hr{border:none;border-top:1px solid var(--color-border);margin:2.5rem 0}.article-content img{max-width:100%;height:auto;border-radius:6px;margin:1.5rem 0}.article-content table{width:100%;border-collapse:collapse;margin:1.5rem 0;font-size:.9rem}.article-content th,.article-content td{padding:.6rem .8rem;border-bottom:1px solid var(--color-border);text-align:left}.article-content th{font-weight:600}.article-footer{margin-top:3rem;padding-top:2rem;border-top:1px solid var(--color-border)}.back-link{color:var(--color-text-secondary);text-decoration:none;font-size:.9rem;transition:color .15s}.back-link:hover{color:var(--color-accent)}.site-footer{margin-top:4rem;padding:2rem 0;border-top:1px solid var(--color-border)}.site-footer .container{max-width:var(--width-wide)}.site-footer p{font-size:.85rem;color:var(--color-text-secondary)}@media(max-width:640px){html{font-size:16px}.site-header{padding:1.5rem 0;margin-bottom:2rem}.home-intro h1{font-size:2rem}.article-header h1{font-size:2rem}.post-title{font-size:1.15rem}.post-item{gap:1rem;padding:1rem 0}.post-date{width:2.75rem}.post-day{font-size:1.25rem}.year-heading{font-size:2.25rem}.post-description{display:none}}