:root{--text-xs: clamp(.75rem, .7rem + .25vw, .875rem);--text-sm: clamp(.875rem, .8rem + .35vw, 1rem);--text-base: clamp(1rem, .95rem + .25vw, 1.125rem);--text-lg: clamp(1.125rem, 1rem + .75vw, 1.5rem);--text-xl: clamp(1.5rem, 1.2rem + 1.25vw, 2.25rem);--text-2xl: clamp(2rem, 1.2rem + 2.5vw, 3rem);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--font-display: "Source Serif 4", "Georgia", serif;--font-body: "Inter", "Helvetica Neue", sans-serif;--content-narrow: 680px;--content-default: 960px;--content-wide: 1200px;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--transition-interactive: .18s cubic-bezier(.16, 1, .3, 1)}:root,[data-theme=light]{--color-bg: #ffffff;--color-surface: #fafafa;--color-surface-2: #f5f5f5;--color-border: rgba(0, 0, 0, .08);--color-border-strong: rgba(0, 0, 0, .15);--color-text: #1a1a1a;--color-text-secondary: #6b6b6b;--color-text-muted: #999999;--color-primary: #1a8917;--color-primary-hover: #156d12;--color-tag-bg: #f2f2f2;--color-tag-bg-hover: #e6e6e6;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 2px 8px rgba(0, 0, 0, .06);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .08)}[data-theme=dark]{--color-bg: #121212;--color-surface: #1a1a1a;--color-surface-2: #222222;--color-border: rgba(255, 255, 255, .08);--color-border-strong: rgba(255, 255, 255, .15);--color-text: #e0e0e0;--color-text-secondary: #a0a0a0;--color-text-muted: #666666;--color-primary: #49c246;--color-primary-hover: #5fd85c;--color-tag-bg: #2a2a2a;--color-tag-bg-hover: #333333;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .2);--shadow-md: 0 2px 8px rgba(0, 0, 0, .3);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .4)}@media(prefers-color-scheme:dark){:root:not([data-theme]){--color-bg: #121212;--color-surface: #1a1a1a;--color-surface-2: #222222;--color-border: rgba(255, 255, 255, .08);--color-border-strong: rgba(255, 255, 255, .15);--color-text: #e0e0e0;--color-text-secondary: #a0a0a0;--color-text-muted: #666666;--color-primary: #49c246;--color-primary-hover: #5fd85c;--color-tag-bg: #2a2a2a;--color-tag-bg-hover: #333333;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .2);--shadow-md: 0 2px 8px rgba(0, 0, 0, .3);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .4)}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;scroll-behavior:smooth;scroll-padding-top:5rem}body{min-height:100dvh;font-family:var(--font-body);font-size:var(--text-base);line-height:1.6;color:var(--color-text);background-color:var(--color-bg);display:flex;flex-direction:column}img,picture,video,canvas,svg{display:block;max-width:100%;height:auto}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);line-height:1.2;text-wrap:balance;font-weight:700}p,li,figcaption{text-wrap:pretty}a{color:inherit;text-decoration:none;transition:color var(--transition-interactive)}button{cursor:pointer;background:none;border:none;font:inherit;color:inherit}::selection{background:#1a891726;color:var(--color-text)}:focus-visible{outline:2px solid var(--color-primary);outline-offset:3px;border-radius:var(--radius-sm)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.site-header{position:sticky;top:0;z-index:50;background:var(--color-bg);border-bottom:1px solid var(--color-border);transition:box-shadow var(--transition-interactive)}.site-header.scrolled{box-shadow:var(--shadow-sm)}.header-inner{max-width:var(--content-wide);margin-inline:auto;padding:var(--space-4) var(--space-6);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap}.header-main{display:flex;align-items:center;justify-content:space-between}.mobile-menu-toggle{display:none;background:transparent;border:none;color:var(--color-text);cursor:pointer;padding:var(--space-1)}.mobile-menu-toggle:hover{color:var(--color-primary)}.site-logo{font-family:var(--font-display);font-size:var(--text-xl);font-weight:700;letter-spacing:-.02em;color:var(--color-text);white-space:nowrap}.site-logo:hover{color:var(--color-primary)}.header-nav{display:flex;align-items:center;gap:var(--space-6)}.header-nav a{font-size:var(--text-sm);color:var(--color-text-secondary);font-weight:500}.header-nav a:hover{color:var(--color-text)}.theme-toggle{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;color:var(--color-text-secondary);transition:background var(--transition-interactive),color var(--transition-interactive)}.theme-toggle:hover{background:var(--color-surface-2);color:var(--color-text)}main{flex:1}.posts-container{max-width:var(--content-narrow);margin-inline:auto;padding:var(--space-10) var(--space-6) var(--space-16)}.posts-list{display:flex;flex-direction:column;gap:var(--space-10)}.post-card{display:block}.post-card-image{aspect-ratio:3 / 2;width:100%;object-fit:cover;border-radius:var(--radius-md);margin-bottom:var(--space-5);background:var(--color-surface-2)}.post-card-meta{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--color-text-muted);margin-bottom:var(--space-2)}.post-card-title{font-size:var(--text-xl);font-weight:700;margin-bottom:var(--space-2);letter-spacing:-.01em;transition:color var(--transition-interactive)}.post-card:hover .post-card-title{color:var(--color-primary)}.post-card-description{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.6;margin-bottom:var(--space-3);display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.post-card-tags{display:flex;flex-wrap:wrap;gap:var(--space-2)}.tag{display:inline-block;font-size:var(--text-xs);color:var(--color-text-secondary);background:var(--color-tag-bg);padding:var(--space-1) var(--space-3);border-radius:100px;transition:background var(--transition-interactive),color var(--transition-interactive);white-space:nowrap}a.tag:hover,button.tag:hover{background:var(--color-tag-bg-hover);color:var(--color-text)}.tag.active{background:var(--color-text);color:var(--color-bg)}.post-divider{border:none;border-top:1px solid var(--color-border)}.post-header{max-width:var(--content-narrow);margin-inline:auto;padding:var(--space-10) var(--space-6) 0}.post-header-meta{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--color-text-muted);margin-bottom:var(--space-4)}.post-header-title{font-size:var(--text-2xl);font-weight:700;letter-spacing:-.02em;margin-bottom:var(--space-3)}.post-header-description{font-size:var(--text-lg);color:var(--color-text-secondary);line-height:1.5;margin-bottom:var(--space-4)}.post-header-tags{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-6)}.post-hero-image{max-width:var(--content-narrow);margin-inline:auto;padding-inline:var(--space-6);margin-bottom:var(--space-8)}.post-hero-image img{width:100%;aspect-ratio:3 / 2;object-fit:cover;border-radius:var(--radius-md);background:var(--color-surface-2)}.post-body{max-width:var(--content-narrow);margin-inline:auto;padding:0 var(--space-6) var(--space-16)}.post-body h2{font-size:var(--text-xl);margin-top:var(--space-10);margin-bottom:var(--space-4)}.post-body h3{font-size:var(--text-lg);margin-top:var(--space-8);margin-bottom:var(--space-3)}.post-body p{margin-bottom:var(--space-5);max-width:65ch;line-height:1.7}.post-body ul,.post-body ol{margin-bottom:var(--space-5);padding-left:var(--space-6)}.post-body li{margin-bottom:var(--space-2);max-width:65ch;line-height:1.7}.post-body blockquote{border-left:3px solid var(--color-text-muted);padding-left:var(--space-5);margin:var(--space-6) 0;font-style:italic;color:var(--color-text-secondary)}.post-body pre{background:var(--color-surface-2);padding:var(--space-5);border-radius:var(--radius-md);overflow-x:auto;margin-bottom:var(--space-5);font-size:var(--text-sm)}.post-body code{font-size:.9em}.post-body :not(pre)>code{background:var(--color-surface-2);padding:.15em .4em;border-radius:var(--radius-sm)}.post-body img{width:100%;border-radius:var(--radius-md);margin:var(--space-6) 0}.post-body a{color:var(--color-primary);text-decoration:underline;text-underline-offset:2px}.post-body a:hover{color:var(--color-primary-hover)}.post-body hr{border:none;border-top:1px solid var(--color-border);margin:var(--space-8) 0}.tag-page-header{max-width:var(--content-narrow);margin-inline:auto;padding:var(--space-10) var(--space-6) 0;margin-bottom:var(--space-8)}.tag-page-title{font-size:var(--text-2xl);font-weight:700}.tag-page-count{font-size:var(--text-sm);color:var(--color-text-secondary);margin-top:var(--space-2)}.tags-index{max-width:var(--content-narrow);margin-inline:auto;padding:var(--space-10) var(--space-6) var(--space-16)}.tags-index-title{font-size:var(--text-2xl);font-weight:700;margin-bottom:var(--space-6)}.tags-cloud{display:flex;flex-wrap:wrap;gap:var(--space-3)}.tag-cloud-item{font-size:var(--text-sm);padding:var(--space-2) var(--space-4)}.pagination{display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding-top:var(--space-10)}.pagination a,.pagination span{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 var(--space-3);font-size:var(--text-sm);border-radius:var(--radius-md);transition:background var(--transition-interactive),color var(--transition-interactive)}.pagination a{color:var(--color-text-secondary)}.pagination a:hover{background:var(--color-surface-2);color:var(--color-text)}.pagination .active{background:var(--color-text);color:var(--color-bg);font-weight:600}.pagination .disabled{opacity:.3;pointer-events:none}.pagination .ellipsis{color:var(--color-text-muted)}.site-footer{border-top:1px solid var(--color-border);padding:var(--space-8) var(--space-6);text-align:center}.footer-inner{max-width:var(--content-wide);margin-inline:auto;display:flex;flex-direction:column;align-items:center;gap:var(--space-3)}.footer-links{display:flex;gap:var(--space-6);font-size:var(--text-sm)}.footer-links a{color:var(--color-text-secondary)}.footer-links a:hover{color:var(--color-text)}.footer-attribution{font-size:var(--text-xs);color:var(--color-text-muted)}.footer-attribution a{color:var(--color-text-muted);text-decoration:underline;text-underline-offset:2px}.footer-attribution a:hover{color:var(--color-text-secondary)}.rss-link{display:inline-flex;align-items:center;color:var(--color-text-muted)}.rss-link:hover{color:#f26522}.page-title-section{max-width:var(--content-narrow);margin-inline:auto;padding:var(--space-10) var(--space-6) var(--space-6);border-bottom:1px solid var(--color-border);margin-bottom:var(--space-6)}.page-title-section h1{font-size:var(--text-2xl)}@media(max-width:640px){.header-inner{padding:var(--space-3) var(--space-4)}.header-main{width:100%}.mobile-menu-toggle{display:flex;align-items:center;justify-content:center}.header-nav{display:none;width:100%;flex-direction:column;align-items:flex-start;gap:var(--space-4);padding-top:var(--space-4);padding-bottom:var(--space-2)}.header-nav.is-open{display:flex}.posts-container,.post-header,.post-hero-image,.post-body,.tag-page-header,.tags-index{padding-inline:var(--space-4)}.post-card-title{font-size:var(--text-lg)}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}