:root{--color-bg-primary:oklch(99% 0.003 250);--color-bg-secondary:oklch(96% 0.006 250);--color-bg-tertiary:oklch(92% 0.008 250);--color-text-primary:oklch(25% 0.02 250);--color-text-secondary:oklch(45% 0.015 250);--color-text-tertiary:oklch(60% 0.01 250);--color-accent:oklch(75% 0.15 250);--color-accent-hover:oklch(68% 0.16 250);--color-accent-subtle:oklch(95% 0.05 250);--color-success:oklch(75% 0.14 160);--color-error:oklch(65% 0.22 25);--font-body:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-heading:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1.125rem;--text-lg:1.25rem;--text-xl:1.5rem;--text-2xl:1.875rem;--text-3xl:2.25rem;--text-4xl:3rem;--leading-tight:1.2;--leading-snug:1.35;--leading-normal:1.6;--leading-relaxed:1.75;--measure-narrow:45ch;--measure-normal:65ch;--measure-wide:75ch;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-8:3rem;--space-10:4rem;--space-12:6rem;--space-16:8rem;--shadow-sm:0 1px 2px 0 oklch(0% 0 0 / 0.05);--shadow-md:0 4px 6px -1px oklch(0% 0 0 / 0.05), 0 2px 4px -2px oklch(0% 0 0 / 0.05);--shadow-lg:0 10px 15px -3px oklch(0% 0 0 / 0.05), 0 4px 6px -4px oklch(0% 0 0 / 0.05);--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-full:9999px;--ease-out-quart:cubic-bezier(0.25, 1, 0.5, 1);--ease-out-quint:cubic-bezier(0.22, 1, 0.36, 1);--duration-fast:150ms;--duration-normal:250ms;--duration-slow:350ms;--container-max:75rem;--breakpoint-sm:640px;--breakpoint-md:768px;--breakpoint-lg:1024px;--breakpoint-xl:1280px}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);font-size:var(--text-base);font-weight:400;line-height:var(--leading-normal);color:var(--color-text-secondary);background-color:var(--color-bg-primary)}img{max-width:100%;height:auto;display:block}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:600;line-height:var(--leading-tight);color:var(--color-text-primary);text-wrap:balance}h1{font-size:var(--text-4xl)}h2{font-size:var(--text-3xl)}h3{font-size:var(--text-2xl)}h4{font-size:var(--text-xl)}p{max-width:var(--measure-normal);text-wrap:pretty}p+p{margin-top:var(--space-5)}a{color:var(--color-accent);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.15em;transition:color var(--duration-fast)var(--ease-out-quart),text-decoration-thickness var(--duration-fast)var(--ease-out-quart)}a:hover{color:var(--color-accent-hover);text-decoration-thickness:2px}a:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;text-decoration:none}.button{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;font-size:var(--text-base);font-weight:500;line-height:var(--leading-tight);text-decoration:none;border:none;border-radius:var(--radius-md);cursor:pointer;transition:background-color var(--duration-fast)var(--ease-out-quart),transform var(--duration-fast)var(--ease-out-quart)}.button:active{transform:translateY(1px)}.button-primary{background-color:var(--color-accent);color:oklch(100% 0 0)}.button-primary:hover{background-color:var(--color-accent-hover);color:oklch(100% 0 0);text-decoration:none}.button-primary:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.container{max-width:var(--container-max);margin:0 auto;padding:0 var(--space-5)}@media(min-width:768px){.container{padding:0 var(--space-6)}}@media(min-width:1024px){.container{padding:0 var(--space-8)}}.site-header{padding:var(--space-5)0;border-bottom:1px solid var(--color-bg-tertiary);background-color:var(--color-bg-primary)}.site-header .container{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.site-logo{display:flex;align-items:center;text-decoration:none;line-height:var(--leading-tight)}.site-logo:hover{text-decoration:none}.site-logo img{display:block;width:148px;height:40px;object-fit:contain}.site-nav ul{display:flex;list-style:none;gap:var(--space-5);margin:0;padding:0}.site-nav a{font-size:var(--text-base);font-weight:500;color:var(--color-text-secondary);text-decoration:none}.site-nav a:hover{color:var(--color-accent);text-decoration:underline}.site-nav a[aria-current=page]{color:var(--color-accent);text-decoration:underline;text-decoration-thickness:2px}.header-right{display:flex;align-items:center;gap:var(--space-4)}.search-toggle{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;background-color:transparent;border:1px solid var(--color-bg-tertiary);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;transition:background-color var(--duration-fast)var(--ease-out-quart),border-color var(--duration-fast)var(--ease-out-quart),color var(--duration-fast)var(--ease-out-quart)}.search-toggle:hover{background-color:var(--color-bg-secondary);border-color:var(--color-accent);color:var(--color-accent)}.search-toggle:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.search-dialog{position:fixed;inset:0;z-index:1000;display:flex;align-items:flex-start;justify-content:center;padding:var(--space-8)var(--space-4)}.search-dialog[hidden]{display:none}.search-dialog-overlay{position:absolute;inset:0;background-color:oklch(0% 0 0/.5);backdrop-filter:blur(4px)}.search-dialog-content{position:relative;width:100%;max-width:600px;max-height:80vh;background-color:var(--color-bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);overflow:hidden;display:flex;flex-direction:column}.search-dialog-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4)var(--space-5);border-bottom:1px solid var(--color-bg-tertiary)}.search-dialog-title{font-size:var(--text-lg);font-weight:600;color:var(--color-text-primary);margin:0}.search-dialog-close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;background-color:transparent;border:none;border-radius:var(--radius-md);color:var(--color-text-tertiary);cursor:pointer;transition:background-color var(--duration-fast)var(--ease-out-quart),color var(--duration-fast)var(--ease-out-quart)}.search-dialog-close:hover{background-color:var(--color-bg-secondary);color:var(--color-text-primary)}.search-dialog-close:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.search-container{padding:var(--space-4)var(--space-5);overflow-y:auto}.search-container .pagefind-ui{--pagefind-ui-scale:1;--pagefind-ui-primary:var(--color-accent);--pagefind-ui-text:var(--color-text-primary);--pagefind-ui-background:var(--color-bg-primary);--pagefind-ui-border:var(--color-bg-tertiary);--pagefind-ui-tag:var(--color-bg-secondary);--pagefind-ui-border-width:1px;--pagefind-ui-border-radius:var(--radius-md);--pagefind-ui-image-border-radius:var(--radius-sm);--pagefind-ui-image-box-ratio:3 / 2;--pagefind-ui-font:var(--font-body)}.search-container .pagefind-ui__search-input{font-size:var(--text-base);padding:var(--space-3)var(--space-4);border-color:var(--color-bg-tertiary)}.search-container .pagefind-ui__search-input:focus{border-color:var(--color-accent);outline:none;box-shadow:0 0 0 3px var(--color-accent-subtle)}@media(max-width:640px){.search-dialog{padding:var(--space-4)}.search-dialog-content{max-height:90vh}.search-dialog-header,.search-container{padding:var(--space-3)var(--space-4)}}main{min-height:50vh;padding:var(--space-8)0 var(--space-12)}.featured-post{margin-bottom:var(--space-12)}.featured-post-link{display:block;text-decoration:none;color:inherit}.featured-post-link:hover{text-decoration:none}.featured-post-link:hover .featured-post-title{color:var(--color-accent-hover)}.featured-post-image{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:var(--radius-md);margin-bottom:var(--space-6);background-color:var(--color-bg-secondary)}.featured-post-content{max-width:var(--measure-wide)}.featured-post-title{font-size:var(--text-3xl);font-weight:700;line-height:var(--leading-snug);margin-bottom:var(--space-4);color:var(--color-text-primary);transition:color var(--duration-fast)var(--ease-out-quart)}@media(min-width:768px){.featured-post-title{font-size:var(--text-4xl)}}.featured-post-meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-tertiary);margin-bottom:var(--space-4)}.featured-post-meta .separator{color:var(--color-bg-tertiary)}.featured-post-excerpt{font-size:var(--text-lg);line-height:var(--leading-relaxed);color:var(--color-text-secondary);max-width:var(--measure-normal)}.featured-post-excerpt p{margin:0}.featured-post-title a{color:inherit;text-decoration:none}.featured-post-title a:hover{color:var(--color-accent-hover)}.featured-post-tags{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-5)}.featured-post-content-full{font-size:var(--text-lg);line-height:var(--leading-relaxed);color:var(--color-text-secondary)}.featured-post-content-full p{margin-bottom:var(--space-5)}.featured-post-content-full p:last-child{margin-bottom:0}.featured-post-content-full img{width:100%;height:auto;border-radius:var(--radius-md);margin:var(--space-6)0}.tag-filter{margin-bottom:var(--space-12);padding:var(--space-6);background-color:var(--color-bg-secondary);border-radius:var(--radius-md)}.tag-filter-heading{font-size:var(--text-sm);font-weight:600;letter-spacing:.02em;color:var(--color-text-tertiary);margin-bottom:var(--space-4)}.tag-cloud{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center}.tag-cloud-collapsed{display:contents}.tag-cloud-collapsed[hidden]{display:none}.tag-cloud-item{display:inline-flex;align-items:center;gap:var(--space-1);transition:background-color var(--duration-fast)var(--ease-out-quart),color var(--duration-fast)var(--ease-out-quart)}.tag-cloud-item:hover{background-color:var(--color-accent);color:oklch(100% 0 0);text-decoration:none}.tag-count{font-size:var(--text-xs);color:var(--color-text-tertiary);background-color:var(--color-bg-tertiary);padding:.125rem .375rem;border-radius:var(--radius-sm);transition:inherit}.tag-cloud-item:hover .tag-count{color:oklch(100% 0 0);background-color:oklch(100% 0 0/.2)}.tag-cloud-toggle{display:inline-flex;align-items:center;gap:var(--space-2);margin-top:var(--space-3);padding:var(--space-2)var(--space-3);font-size:var(--text-sm);font-weight:500;color:var(--color-accent);background-color:transparent;border:1px solid var(--color-bg-tertiary);border-radius:var(--radius-md);cursor:pointer;transition:background-color var(--duration-fast)var(--ease-out-quart),border-color var(--duration-fast)var(--ease-out-quart)}.tag-cloud-toggle:hover{background-color:var(--color-bg-tertiary);border-color:var(--color-accent)}.tag-cloud-toggle:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.tag-toggle-icon{font-weight:600;font-size:var(--text-base);line-height:1}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-wrap{word-wrap:break-word;overflow-wrap:break-word;hyphens:auto}a{word-wrap:break-word;overflow-wrap:break-word}.recent-posts{margin-bottom:var(--space-10)}.recent-posts-heading{font-size:var(--text-sm);font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-tertiary);margin-bottom:var(--space-6);padding-bottom:var(--space-3);border-bottom:1px solid var(--color-bg-tertiary)}.post-list{list-style:none;margin:0;padding:0}.post-list-item{padding:var(--space-5)0;border-bottom:1px solid var(--color-bg-tertiary)}.post-list-item:first-child{padding-top:0}.post-list-link{display:block;text-decoration:none;color:inherit}.post-list-link:hover{text-decoration:none}.post-list-link:hover .post-list-title{color:var(--color-accent)}.post-list-title{font-size:var(--text-xl);font-weight:600;line-height:var(--leading-snug);margin-bottom:var(--space-2);color:var(--color-text-primary);transition:color var(--duration-fast)var(--ease-out-quart)}@media(min-width:768px){.post-list-title{font-size:var(--text-2xl)}}.post-list-meta{font-size:var(--text-sm);color:var(--color-text-tertiary)}.archive-link{text-align:center;padding:var(--space-8)0}.post-header{margin-bottom:var(--space-8);max-width:var(--measure-wide)}.post-header-sm{margin-bottom:var(--space-8)}.post-title{font-size:var(--text-3xl);margin-bottom:var(--space-4)}.post-title-lg{font-size:var(--text-4xl)}.post-meta{margin-bottom:var(--space-6)}.post-hero-image{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:var(--radius-md);margin-bottom:var(--space-6);height:auto}.post-content img{max-width:100%;height:auto}.post-content{max-width:var(--measure-normal)}.post-footer{margin-top:var(--space-10);padding-top:var(--space-6);border-top:1px solid var(--color-bg-tertiary)}.post-footer-heading{font-size:var(--text-sm);font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-tertiary);margin-bottom:var(--space-3)}.tag-list{display:flex;flex-wrap:wrap;gap:var(--space-2)}.tag{display:inline-block;padding:var(--space-2)var(--space-3);background-color:var(--color-bg-secondary);border-radius:var(--radius-sm);font-size:var(--text-sm);text-decoration:none}.post-nav{margin-top:var(--space-10);display:flex;justify-content:space-between;gap:var(--space-4)}.post-nav-link{text-decoration:none}.post-nav-link:hover{text-decoration:none}.post-nav-label{display:block;font-size:var(--text-sm);color:var(--color-text-tertiary);margin-bottom:var(--space-1)}.post-nav-title{font-weight:500}.text-right{text-align:right}.post-list-excerpt{margin-top:var(--space-3);color:var(--color-text-secondary);max-width:var(--measure-normal)}.post-list-excerpt p{margin:0}.post-list-item-lg{padding:var(--space-6)0}.post-list-title-lg{font-size:var(--text-2xl)}.list-page-header{margin-bottom:var(--space-8)}.list-page-intro{margin-top:var(--space-4);max-width:var(--measure-normal)}.pagination{margin-top:var(--space-10);display:flex;justify-content:center;gap:var(--space-4)}.pagination-info{padding:.75rem 1.5rem;color:var(--color-text-tertiary)}.external-link::after{content:"↗";display:inline-block;margin-left:.25em;font-size:.8em;vertical-align:super;line-height:1}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.site-footer{padding:var(--space-8)0;border-top:1px solid var(--color-bg-tertiary);background-color:var(--color-bg-secondary)}.site-footer p{font-size:var(--text-sm);color:var(--color-text-tertiary);text-align:center;margin:0}.site-footer a{color:var(--color-text-tertiary)}.site-footer a:hover{color:var(--color-accent)}.empty-state{text-align:center;padding:var(--space-12)var(--space-5);max-width:var(--measure-normal);margin:0 auto}.empty-state-title{font-size:var(--text-2xl);font-weight:600;color:var(--color-text-primary);margin-bottom:var(--space-4)}.empty-state p{color:var(--color-text-secondary);margin-bottom:var(--space-6);max-width:none}.skip-link{position:absolute;top:-100%;left:50%;transform:translateX(-50%);padding:var(--space-3)var(--space-5);background-color:var(--color-accent);color:oklch(100% 0 0);font-weight:500;text-decoration:none;border-radius:var(--radius-md);z-index:100;transition:top var(--duration-fast)var(--ease-out-quart)}.skip-link:focus{top:var(--space-4);outline:2px solid var(--color-text-primary);outline-offset:2px}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}:focus:not(:focus-visible){outline:none}.tags-section{margin-bottom:var(--space-10)}.tags-section-heading{font-size:var(--text-lg);font-weight:600;color:var(--color-text-primary);margin-bottom:var(--space-4);letter-spacing:.01em}.tags-cloud{display:flex;flex-wrap:wrap;gap:var(--space-3)}.tags-cloud-large{gap:var(--space-3)}.tags-cloud-compact{gap:var(--space-2)}.tags-cloud-collapsed{max-height:200px;overflow:hidden;position:relative}.tags-cloud-collapsed::after{content:'';position:absolute;bottom:0;left:0;right:0;height:60px;background:linear-gradient(to bottom,transparent,var(--color-bg-primary));pointer-events:none}.tag-large{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3)var(--space-4);background-color:var(--color-bg-secondary);border-radius:var(--radius-md);font-size:var(--text-base);font-weight:500;text-decoration:none;color:var(--color-text-primary);transition:background-color var(--duration-fast)var(--ease-out-quart),transform var(--duration-fast)var(--ease-out-quart)}.tag-large:hover{background-color:var(--color-accent);color:oklch(100% 0 0);transform:translateY(-2px);text-decoration:none}.tag-small{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-2)var(--space-3);background-color:var(--color-bg-secondary);border-radius:var(--radius-sm);font-size:var(--text-sm);text-decoration:none;color:var(--color-text-secondary);transition:background-color var(--duration-fast)var(--ease-out-quart)}.tag-small:hover{background-color:var(--color-accent);color:oklch(100% 0 0);text-decoration:none}.tag-alpha{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-2)var(--space-3);background-color:transparent;border:1px solid var(--color-bg-tertiary);border-radius:var(--radius-sm);font-size:var(--text-sm);text-decoration:none;color:var(--color-text-secondary);transition:background-color var(--duration-fast)var(--ease-out-quart),border-color var(--duration-fast)var(--ease-out-quart)}.tag-alpha:hover{background-color:var(--color-bg-secondary);border-color:var(--color-accent);color:var(--color-accent);text-decoration:none}.tag-badge{display:inline-flex;align-items:center;justify-content:center;min-width:1.5rem;padding:.125rem .375rem;background-color:var(--color-bg-tertiary);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:600;color:var(--color-text-tertiary);transition:inherit}.tag-large:hover .tag-badge,.tag-small:hover .tag-badge{background-color:oklch(100% 0 0/.2);color:oklch(100% 0 0)}.tags-toggle{display:inline-flex;align-items:center;margin-top:var(--space-4);padding:var(--space-3)var(--space-4);font-size:var(--text-sm);font-weight:500;color:var(--color-accent);background-color:transparent;border:1px solid var(--color-bg-tertiary);border-radius:var(--radius-md);cursor:pointer;transition:background-color var(--duration-fast)var(--ease-out-quart),border-color var(--duration-fast)var(--ease-out-quart)}.tags-toggle:hover{background-color:var(--color-bg-secondary);border-color:var(--color-accent)}.tags-toggle:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.tags-alphabetical{padding-top:var(--space-8);border-top:1px solid var(--color-bg-tertiary)}.tags-alpha-nav{display:flex;flex-wrap:wrap;gap:var(--space-2)}@media(prefers-color-scheme:dark){:root{--color-bg-primary:oklch(15% 0.01 250);--color-bg-secondary:oklch(22% 0.015 250);--color-bg-tertiary:oklch(30% 0.02 250);--color-text-primary:oklch(95% 0.01 250);--color-text-secondary:oklch(80% 0.015 250);--color-text-tertiary:oklch(65% 0.01 250);--color-accent:oklch(78% 0.16 250);--color-accent-hover:oklch(82% 0.17 250);--color-accent-subtle:oklch(25% 0.03 250)}img{opacity:.9}code,pre{background-color:var(--color-bg-tertiary)}}