@font-face{font-family:MercatorST;src:url(/fonts/MercatorST_Regular.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:MercatorST;src:url(/fonts/MercatorST_Medium.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}:root{--color-bg: #FDFAF8;--color-text: #111;--color-accent: #7A7673;--color-muted: #F1EBE8;--color-border: #EDE6E3;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 40px;--space-3xl: 56px;--font-family: "MercatorST", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-size-sm: .875em;--font-size-base: 16px;--font-size-lg: 22px;--line-height-base: 24px;--line-height-lg: 30px;--content-width: 560px;--radius: 8px;--transition-fast: .2s;--transition-base: .3s}.dark{--color-bg: #111;--color-text: #F3F2F0;--color-accent: #aaa59f;--color-muted: #222;--color-border: #262321}*,*:before,*:after{box-sizing:border-box}html{background:var(--color-bg);color:var(--color-text);transition:background var(--transition-base),color var(--transition-base)}body{max-width:var(--content-width);margin:0 auto;padding:var(--space-2xl) var(--space-md);font:var(--font-size-base)/var(--line-height-base) var(--font-family)}hr{border:none;border-top:1px solid var(--color-border);margin:var(--space-xl) 0}img{max-width:100%;height:auto}ul{list-style:none;padding:0}li{margin:0;padding:var(--space-xs) 0}sup{padding:0 2px;margin:0;vertical-align:top}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}main{animation:fadeIn var(--transition-base) ease-out}.hero{display:block;border-radius:var(--radius);margin:var(--space-lg) 0 var(--space-xl);max-width:240px}@media (max-width: 580px){.hero{max-width:180px}}.mdx-image{display:block;max-width:100%;height:auto;border-radius:var(--radius)}.section{margin-bottom:var(--space-3xl)}.section h2{color:var(--color-accent);font-weight:400}.footnotes{margin-top:var(--space-2xl);padding-top:var(--space-md);border-top:1px solid var(--color-border)}h1,h2,h3,h4,h5,h6{font-size:var(--font-size-base);font-weight:700;margin:0}p{margin:0 0 var(--space-md)}.site-header p,.meta{color:var(--color-accent)}a{color:var(--color-text);text-decoration-line:underline;text-decoration-thickness:1px;text-underline-offset:.15em}a:hover{text-decoration-style:solid;color:var(--color-accent)}header a{text-decoration:none;font-weight:700}small{font-size:var(--font-size-sm);color:var(--color-accent);vertical-align:middle;padding-left:var(--space-sm)}.button{display:inline-block;padding:2px 12px;background-color:var(--color-muted);color:var(--color-text);border-radius:var(--radius);text-decoration:none;transition:background var(--transition-fast),color var(--transition-fast)}.button:hover,.button:focus{background-color:var(--color-text);color:var(--color-muted);outline:2px solid var(--color-accent);outline-offset:2px}.toggle-switch{display:inline-block;vertical-align:middle;width:30px;height:16px;position:relative}.toggle-switch input{opacity:0;width:0;height:0}.toggle-switch input:focus+.slider{outline:2px solid var(--color-accent);outline-offset:2px}.toggle-switch .slider{position:absolute;cursor:pointer;inset:0;background:var(--color-border);border-radius:18px;transition:background var(--transition-fast)}.toggle-switch .slider:before{content:"";position:absolute;height:12px;width:12px;left:2px;bottom:2px;background:#fff;border-radius:50%;transition:transform var(--transition-fast);box-shadow:0 1px 3px #0000000d}.toggle-switch input:checked+.slider{background:var(--color-accent, #7A7673)}.toggle-switch input:checked+.slider:before{transform:translate(14px)}.footer{color:var(--color-accent);margin-top:var(--space-2xl)}.hover-text{text-decoration:underline}.writing-heading{color:var(--color-accent);font-weight:400;margin-top:var(--space-2xl);padding-bottom:var(--space-sm);border-bottom:1px solid var(--color-border)}.writing-list{margin-bottom:var(--space-3xl)}.writing-list{margin:0}.writing-list li{display:grid;grid-template-columns:56px 1fr auto;align-items:baseline;padding:var(--space-sm) 0;border-bottom:1px solid var(--color-border)}.writing-year{color:var(--color-accent)}.writing-link{text-decoration:none;transition:color var(--transition-fast)}.writing-link:hover{color:var(--color-accent)}.new-badge{font-size:.75em;color:var(--color-bg);background:var(--color-text);padding:1px 6px;border-radius:4px;margin-left:var(--space-sm);vertical-align:middle}.writing-date{color:var(--color-accent);padding-left:var(--space-md);white-space:nowrap}.github-garden{position:relative;width:100%;max-width:750px;aspect-ratio:16/9;line-height:0;margin-bottom:var(--space-md)}.github-garden iframe{position:absolute;inset:0;width:100%;height:100%;display:block;border:0;border-radius:var(--radius)}.bw{filter:grayscale(100%)}.info-page h3{font-size:var(--font-size-lg);line-height:var(--line-height-lg);font-weight:400;margin:0 0 var(--space-md)}.info-page h2{font-size:var(--font-size-base);line-height:var(--line-height-lg);font-weight:400}.info-page ul{columns:2;column-gap:var(--space-md)}.info-page li{break-inside:avoid;padding:var(--space-sm) 0;border:none;border-top:1px solid var(--color-border)}.info-page .hover-text{text-decoration:none}.image-small{max-width:175px;margin-bottom:var(--space-md);display:block;border-radius:var(--radius)}.article h2{font-size:var(--font-size-lg);line-height:var(--line-height-lg);font-weight:400}.hover-image-wrapper{position:relative;display:inline;cursor:pointer;background:none;border:none;padding:0;margin:0;font:inherit;color:inherit}.hover-image-wrapper:focus{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:2px}.hover-image-pop{display:none;position:fixed;left:75vw;top:50vh;transform:translate(-75%,-50%);max-width:min(40vw,580px);width:100%;height:auto;max-height:60vh;z-index:1000;pointer-events:none}.hover-image-wrapper:hover .hover-image-pop,.hover-image-wrapper:focus .hover-image-pop{display:block}@media (max-width: 580px){.hover-image-pop{display:none!important}.hover-text{text-decoration:none}}