:root{--color-primary: #607d8b;--color-primary-dark: #455a64;--color-accent: #ff9800;--color-accent-dark: #f57c00;--color-bg: #ffffff;--color-text: rgba(0, 0, 0, .87);--color-text-muted: rgba(0, 0, 0, .6);--color-text-faint: rgba(0, 0, 0, .45);--color-border: #e0e0e0;--color-border-light: #eee;--color-code-bg: #f5f5f5;--color-code-fg: #37474f;--color-surface: #fafafa;--font-body: -apple-system, BlinkMacSystemFont, "Inter", "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;--font-mono: "JetBrains Mono", "SF Mono", "Roboto Mono", "Menlo", monospace;--font-serif: "Iowan Old Style", "Apple Garamond", "Baskerville", Georgia, serif;--content-width: 720px;--content-width-wide: 960px;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-xxl: 64px}*,*:before,*:after{box-sizing:border-box}html{font-family:var(--font-body);font-size:17px;line-height:1.6;color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:flex;flex-direction:column;min-height:100vh}main{flex:1;width:100%;max-width:var(--content-width);margin:0 auto;padding:var(--space-xl) var(--space-md)}main.wide{max-width:var(--content-width-wide)}h1,h2,h3,h4,h5,h6{font-family:var(--font-body);font-weight:600;line-height:1.25;margin:1.8em 0 .6em;color:var(--color-text)}h1{font-size:2.1rem;font-weight:700;margin-top:.4em}h2{font-size:1.55rem}h3{font-size:1.25rem}h4{font-size:1.1rem}h5{font-size:1rem}h6{font-size:.9rem;color:var(--color-text-muted)}p,ul,ol,blockquote,pre,table,figure{margin:0 0 var(--space-md)}a{color:var(--color-primary);text-decoration:none;border-bottom:1px solid transparent;transition:color 80ms ease,border-color 80ms ease}a:hover{color:var(--color-accent-dark);border-bottom-color:var(--color-accent)}code{font-family:var(--font-mono);font-size:.88em;background:var(--color-code-bg);color:var(--color-code-fg);padding:.15em .35em;border-radius:3px}pre{font-family:var(--font-mono);font-size:.85rem;line-height:1.5;background:var(--color-code-bg);padding:var(--space-md);border-radius:4px;overflow-x:auto;border:1px solid var(--color-border-light)}pre code{background:transparent;padding:0;font-size:inherit}blockquote{border-left:3px solid var(--color-accent);padding-left:var(--space-md);margin-left:0;color:var(--color-text-muted);font-style:italic}hr{border:0;border-top:1px solid var(--color-border);margin:var(--space-xl) 0}table{width:100%;border-collapse:collapse;font-size:.92em}th,td{text-align:left;padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--color-border)}th{font-weight:600;background:var(--color-surface)}img,video{max-width:100%;height:auto}img.featured{width:100%;margin:var(--space-md) 0 var(--space-lg);border-radius:4px}figure{margin:var(--space-md) 0}figcaption{font-size:.88em;color:var(--color-text-muted);text-align:center;margin-top:var(--space-xs)}.site-header{border-bottom:1px solid var(--color-border);background:var(--color-bg);position:sticky;top:0;z-index:10}.site-header__inner{max-width:var(--content-width-wide);margin:0 auto;padding:var(--space-md);display:flex;align-items:center;justify-content:space-between;gap:var(--space-md)}.site-header__brand{font-weight:700;font-size:1.1rem;color:var(--color-text);border:0}.site-header__brand:hover{color:var(--color-accent-dark);border:0}.site-nav{display:flex;gap:var(--space-lg);font-size:.95rem}.site-nav a{color:var(--color-text-muted);border:0}.site-nav a:hover,.site-nav a[aria-current=page]{color:var(--color-accent-dark)}.site-footer{border-top:1px solid var(--color-border);margin-top:var(--space-xxl);padding:var(--space-lg) var(--space-md);font-size:.88em;color:var(--color-text-muted);text-align:center}.site-footer a{color:var(--color-text-muted);border-bottom-color:var(--color-border)}.site-footer__links{display:flex;gap:var(--space-md);justify-content:center;flex-wrap:wrap;margin-bottom:var(--space-sm)}.article__header{margin-bottom:var(--space-lg)}.article__title{margin-top:0;margin-bottom:var(--space-sm)}.article__meta{font-size:.9rem;color:var(--color-text-muted);display:flex;gap:var(--space-md);flex-wrap:wrap}.article__meta a{color:var(--color-text-muted);border:0}.article__meta a:hover{color:var(--color-accent-dark)}.article__body{font-size:1.05rem}.article__body h2,.article__body h3{scroll-margin-top:80px}.article__footer{margin-top:var(--space-xxl);padding-top:var(--space-lg);border-top:1px solid var(--color-border);font-size:.92rem;color:var(--color-text-muted)}.article__footer a{color:var(--color-text-muted)}.article__tags a{display:inline-block;padding:2px 8px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:3px;font-size:.8rem;margin-right:var(--space-xs);margin-bottom:var(--space-xs)}.post-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-lg);margin-top:var(--space-lg)}.post-card{border:1px solid var(--color-border-light);border-radius:4px;overflow:hidden;background:var(--color-bg);transition:box-shadow .1s ease,transform .1s ease}.post-card:hover{box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.post-card a{display:block;border:0;color:inherit}.post-card__image{display:block;width:100%;height:160px;object-fit:cover;background:var(--color-surface)}.post-card__body{padding:var(--space-md)}.post-card__title{margin:0 0 var(--space-xs);font-size:1.05rem;line-height:1.3}.post-card__meta{font-size:.82rem;color:var(--color-text-muted)}.archive-year{margin-top:var(--space-xl)}.archive-year__heading{border-bottom:1px solid var(--color-border);padding-bottom:var(--space-xs);margin-bottom:var(--space-md)}.archive-list{list-style:none;padding:0}.archive-list li{display:flex;gap:var(--space-md);padding:var(--space-xs) 0;border-bottom:1px solid var(--color-border-light)}.archive-list time{flex-shrink:0;width:6em;color:var(--color-text-faint);font-variant-numeric:tabular-nums;font-size:.92rem}.archive-list a{flex:1;border:0}.tag-cloud{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.tag-cloud a{padding:var(--space-xs) var(--space-sm);background:var(--color-surface);border:1px solid var(--color-border);border-radius:3px;font-size:.9rem}.tag-cloud a:hover{background:var(--color-accent);color:#fff;border-color:var(--color-accent)}.text-muted{color:var(--color-text-muted)}.text-faint{color:var(--color-text-faint)}.button{display:inline-block;padding:var(--space-xs) var(--space-md);background:var(--color-surface);border:1px solid var(--color-border);border-radius:3px;font-size:.88rem;color:var(--color-text)}.button:hover{background:var(--color-accent);color:#fff;border-color:var(--color-accent)}@media(max-width:600px){html{font-size:16px}.site-header__inner{flex-direction:column;align-items:flex-start}.site-nav{gap:var(--space-md)}main{padding:var(--space-lg) var(--space-md)}}