*{margin:0;padding:0;box-sizing:border-box}:root{--phi: 1.618;--base-unit: clamp(16px, 2.5vw, 20px);--line-height: calc(var(--base-unit) * var(--phi));--page-width: min(100vw, 1200px);--min-side-margin: max(20px, 2vw);--content-width: 65ch;--background: #F3EFE1;--text: #2C2C2C;--text-secondary: #666;--text-tertiary: #999;--accent: #E53E33;--accent-blue: #3B6DB4;--accent-green: #549E44;--border-subtle: rgba(0, 0, 0, .1);--border-tag: rgba(0, 0, 0, .12);--bg-subtle: rgba(0, 0, 0, .02);--bg-highlight: rgba(229, 62, 51, .05);--bg-highlight-hover: rgba(229, 62, 51, .1);--bg-pullquote: rgba(229, 62, 51, .05);--text-base: clamp(16px, 1.125rem + .25vw, 20px);--text-h1: clamp(28px, 2rem + 1vw, 48px);--text-h2: clamp(22px, 1.5rem + .5vw, 32px);--text-h3: clamp(18px, 1.125rem + .25vw, 24px);--text-meta: clamp(14px, .875rem, 16px);--text-caption: clamp(13px, .8rem, 15px);--text-tag: clamp(11px, .7rem, 13px)}[data-theme=dark]{--background: #1a1a1a;--text: #e8e8e8;--text-secondary: #a0a0a0;--text-tertiary: #707070;--accent: #ff6b5e;--accent-blue: #6b9fd4;--accent-green: #7bc46a;--border-subtle: rgba(255, 255, 255, .1);--border-tag: rgba(255, 255, 255, .15);--bg-subtle: rgba(255, 255, 255, .03);--bg-highlight: rgba(255, 107, 94, .08);--bg-highlight-hover: rgba(255, 107, 94, .12);--bg-pullquote: rgba(255, 107, 94, .08)}body{font-family:Literata,serif;font-size:var(--text-base);line-height:var(--line-height);color:var(--text);background-color:var(--background);min-height:100vh;overflow-x:hidden;transition:background-color .3s ease,color .3s ease}.site-header{position:fixed;top:0;left:0;right:0;height:64px;display:flex;align-items:center;justify-content:center;z-index:2000;background:linear-gradient(to bottom,var(--background) 0%,var(--background) 50%,transparent 100%)}.site-header-content{font-family:Outfit,sans-serif;font-size:var(--text-meta);font-weight:500;color:var(--text);text-decoration:none;opacity:0;transition:opacity .3s ease}.site-header:hover .site-header-content{opacity:1}.site-footer{position:fixed;bottom:0;left:0;right:0;height:64px;display:flex;align-items:center;justify-content:center;z-index:2000;background:linear-gradient(to top,var(--background) 0%,var(--background) 50%,transparent 100%)}.site-footer-content{font-family:Outfit,sans-serif;font-size:var(--text-meta);font-weight:500;color:var(--text);opacity:0;transition:opacity .3s ease}.site-footer:hover .site-footer-content{opacity:1}.theme-toggle{position:absolute;top:10px;right:20px;width:44px;height:44px;background:var(--bg-subtle);border:1px solid var(--border-subtle);cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:2001;transition:all .3s ease;padding:0}.theme-toggle:hover{background:var(--bg-highlight);border-color:var(--accent)}.theme-toggle .icon-sun,.theme-toggle .icon-moon{position:absolute;color:var(--text);transition:opacity .3s ease,transform .3s ease}[data-theme=light] .theme-toggle .icon-sun{opacity:1;transform:rotate(0)}[data-theme=light] .theme-toggle .icon-moon{opacity:0;transform:rotate(90deg)}[data-theme=dark] .theme-toggle .icon-sun{opacity:0;transform:rotate(-90deg)}[data-theme=dark] .theme-toggle .icon-moon{opacity:1;transform:rotate(0)}.page-container{display:grid;min-height:100vh;width:100%;max-width:var(--page-width);margin:0 auto;grid-template-columns:minmax(var(--min-side-margin),1fr) minmax(0,var(--content-width)) minmax(var(--min-side-margin),1fr);grid-template-rows:80px auto 80px}.main-column{grid-column:2;grid-row:2;width:100%;padding:calc(var(--base-unit) * 2) 0}.article-header{margin-bottom:calc(var(--line-height) * 2);border-bottom:1px solid var(--border-subtle);padding-bottom:calc(var(--line-height) * 1.5)}.article-title{font-family:Outfit,sans-serif;font-size:var(--text-h1);line-height:1.2;font-weight:600;margin-bottom:calc(var(--line-height) * .75);color:var(--text)}.article-metadata{font-family:Outfit,sans-serif;font-size:var(--text-meta);color:var(--text-secondary);line-height:1.5;display:flex;flex-wrap:wrap;gap:1.5em;margin-bottom:calc(var(--line-height) * .5)}.article-metadata span{display:inline-block;position:relative}.article-metadata span:not(:last-child):after{content:"·";position:absolute;right:-.9em;color:var(--text-tertiary)}.article-date{font-style:italic}.article-tags{font-family:Outfit,sans-serif;font-size:var(--text-tag);display:flex;flex-wrap:wrap;gap:.6em;margin-top:calc(var(--line-height) * .5)}.tag{display:inline-block;padding:.15em .8em;background:transparent;border:1px solid var(--border-tag);color:var(--text-secondary);text-decoration:none;font-variant:small-caps;text-transform:lowercase;letter-spacing:.05em;font-weight:500;transition:all .3s ease;line-height:1.3}.tag:hover{border-color:var(--accent);color:var(--accent);background:var(--bg-highlight)}.article-content>*+*{margin-top:var(--line-height)}.article-content>p:first-of-type{font-size:calc(var(--text-base) * 1.1);line-height:calc(var(--line-height) * 1.1)}h1{font-family:Outfit,sans-serif;font-size:var(--text-h1);line-height:1.2;font-weight:600;margin-bottom:calc(var(--line-height) * 1.5);margin-top:calc(var(--line-height) * 2)}h2{font-family:Outfit,sans-serif;font-size:var(--text-h2);line-height:1.3;font-weight:500;margin-top:calc(var(--line-height) * 3);margin-bottom:calc(var(--line-height) * 1)}h3{font-family:Outfit,sans-serif;font-size:var(--text-h3);line-height:1.3;font-weight:500;margin-top:calc(var(--line-height) * 2);margin-bottom:calc(var(--line-height) * .5)}p{text-align:left;hyphens:manual}a{color:var(--accent);text-decoration:none;border-bottom:1px solid transparent;transition:border-color .2s ease}a:hover{border-bottom-color:var(--accent)}code{font-family:Sono,monospace;font-size:.9em;background:var(--bg-subtle);padding:.1em .4em;border:1px solid var(--border-subtle)}pre{background:var(--bg-subtle);border:1px solid var(--border-subtle);padding:calc(var(--base-unit) * 1.5);overflow-x:auto;font-family:Sono,monospace;font-size:var(--text-caption);line-height:1.6}pre code{background:none;border:none;padding:0}ul,ol{margin:calc(var(--line-height) * 1) 0;padding-left:calc(var(--base-unit) * 3)}ul li,ol li{margin:calc(var(--line-height) * .5) 0;line-height:var(--line-height)}table{width:100%;margin:calc(var(--line-height) * 2) 0;border-collapse:collapse;font-size:var(--text-base)}thead{border-bottom:2px solid var(--accent)}th{font-family:Outfit,sans-serif;font-weight:500;text-align:left;padding:calc(var(--base-unit) * 1) calc(var(--base-unit) * 1.5)}td{padding:calc(var(--base-unit) * 1) calc(var(--base-unit) * 1.5);border-bottom:1px solid var(--border-subtle)}tbody tr:last-child td{border-bottom:none}tbody tr:hover{background:var(--bg-subtle)}.figure{margin:calc(var(--line-height) * 2) 0;max-width:100%}.figure-content{position:relative;background:var(--bg-subtle);overflow:hidden}.figure-content img,.figure-content video{display:block;width:100%;height:auto}.figure-caption{font-family:Outfit,sans-serif;font-size:var(--text-caption);line-height:1.5;color:var(--text-secondary);margin-top:calc(var(--line-height) * .5)}.blockquote{margin:calc(var(--line-height) * 2) 0;padding-left:calc(var(--base-unit) * 2);border-left:3px solid var(--accent);font-style:italic;color:var(--text-secondary)}.blockquote p{margin:var(--line-height) 0}.blockquote p:first-child{margin-top:0}.blockquote p:last-child{margin-bottom:0}.blockquote-attribution{font-family:Outfit,sans-serif;font-size:var(--text-meta);font-style:normal;color:var(--text-secondary);margin-top:calc(var(--line-height) * .5);font-weight:500}.blockquote-attribution:before{content:"—"}.pullquote{margin:calc(var(--line-height) * 2) 0;padding:calc(var(--line-height) * 1.5) calc(var(--base-unit) * 2);background:var(--bg-pullquote);border-top:2px solid var(--accent);border-bottom:2px solid var(--accent);font-family:Outfit,sans-serif;font-size:clamp(18px,1.25rem + .5vw,24px);line-height:1.4;font-weight:500;text-align:center;color:var(--text)}.pullquote p{margin:0}.post-list{list-style:none;padding:0}.post-item{margin:calc(var(--line-height) * 1.5) 0;padding-bottom:calc(var(--line-height) * 1.5);border-bottom:1px solid var(--border-subtle)}.post-item:last-child{border-bottom:none}.post-link{color:var(--text);text-decoration:none;display:block;border-bottom:none}.post-link:hover{border-bottom:none}.post-link:hover .post-title{color:var(--accent)}.post-title{font-family:Outfit,sans-serif;font-size:var(--text-h2);font-weight:500;line-height:1.3;transition:color .2s ease;margin-bottom:calc(var(--line-height) * .25)}.post-date{font-family:Outfit,sans-serif;font-size:var(--text-meta);color:var(--text-tertiary);font-style:italic;margin-bottom:calc(var(--line-height) * .25)}.post-description{font-size:var(--text-base);color:var(--text-secondary);line-height:var(--line-height)}hr{border:none;border-top:1px solid var(--border-subtle);margin:calc(var(--line-height) * 2) 0}.article-content img{max-width:100%;height:auto;display:block;margin:calc(var(--line-height) * 1) 0}.article-content iframe{max-width:100%;margin:calc(var(--line-height) * 2) 0;border:none}@media(max-width:640px){:root{--text-base: 16px;--min-side-margin: 20px}.theme-toggle{top:10px;right:10px;width:40px;height:40px}.page-container{grid-template-columns:var(--min-side-margin) 1fr var(--min-side-margin);grid-template-rows:60px auto 80px}.article-metadata{font-size:13px;gap:1em}.article-tags{font-size:11px}.tag{padding:.1em .6em;font-size:11px}.blockquote{padding-left:calc(var(--base-unit) * 1.5);font-size:clamp(15px,1rem,17px)}.pullquote{font-size:clamp(16px,1.125rem,20px)}.article-content>p:first-of-type{font-size:calc(var(--text-base) * 1.05)}p{hyphens:none}}