:root{--background-color:#FDF0D5;--text-color:#1A1A1A;--text-grey-color:#5A5A6A;--link-color:#1E3A5F;--link-color-hover:#D95A3D;--link-color-hover-dark:#B84020;--shadow-color:0 0% 30%;--font-heading:"Work Sans", sans-serif;--font-nav:"Open Sans", sans-serif;--font-body:"Inter", sans-serif;--font-mono:"B612 Mono", monospace;--color-scheme-icon-light-display:none;--color-scheme-icon-dark-display:inline-block}@media(prefers-color-scheme:dark){:root:not([override-color-scheme=light]){--background-color:#0A2E3D;--text-color:#F5F5F5;--text-grey-color:#B3B3B3;--link-color:#4ECDC4;--link-color-hover:#E76F51;--link-color-hover-dark:#B84020;--shadow-color:0 0% 20%;--color-scheme-icon-light-display:inline-block;--color-scheme-icon-dark-display:none}}[override-color-scheme=light]{--background-color:#FDF0D5;--text-color:#1A1A1A;--text-grey-color:#5A5A6A;--link-color:#1E3A5F;--link-color-hover:#D95A3D;--link-color-hover-dark:#B84020;--shadow-color:0 0% 30%;--color-scheme-icon-light-display:none;--color-scheme-icon-dark-display:inline-block}[override-color-scheme=dark]{--background-color:#0A2E3D;--text-color:#F5F5F5;--text-grey-color:#B3B3B3;--link-color:#4ECDC4;--link-color-hover:#E76F51;--link-color-hover-dark:#B84020;--shadow-color:0 0% 20%;--color-scheme-icon-light-display:inline-block;--color-scheme-icon-dark-display:none}html{scroll-behavior:smooth;scroll-padding-top:100px}body{color:var(--text-color);font-family:var(--font-body);font-weight:400;line-height:1.5;margin:0 auto;min-width:30ch;font-size:1.25em;text-justify:auto;text-align:left;background-color:var(--background-color);background-blend-mode:multiply;padding:0 2rem;transition:background-color .3s,color .3s}header{width:100%;max-width:700px;margin-top:1rem;margin-bottom:.4em;transition:background-color .3s,color .3s;margin-left:auto;margin-right:auto}header nav{margin:0;display:flex;max-width:700px;background-color:var(--text-color);color:var(--background-color);border:none;border-radius:8px;padding:.7em 1.2em;gap:.5em;align-items:center;box-shadow:0 2px 8px rgba(0,0,0,.15);transition:box-shadow .3s ease}header nav:hover{box-shadow:0 3px 12px rgba(0,0,0,.25)}header nav ul{margin:0;padding:0;list-style:none;display:flex;gap:.3em;flex-wrap:nowrap;white-space:nowrap}header nav ul li{display:inline-block;font-weight:700;font-size:.95em;letter-spacing:.02em}header nav ul li a{color:var(--background-color);text-decoration:none;padding:.35em .6em;border-radius:4px;transition:background-color .2s ease,transform .2s ease;display:inline-block}header nav ul li a:hover{background-color:var(--text-color);color:var(--background-color);transform:scale(1.08)}header nav ul li a.active{background-color:var(--link-color-hover-dark);color:#fff}header nav button{margin-left:auto;display:inline-block;border-radius:40%;opacity:.9;background:0 0;border:none;color:var(--background-color);cursor:pointer;transition:opacity .2s ease,transform .2s ease;flex-shrink:0}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--link-color-hover);outline-offset:2px;border-radius:2px}header nav ul li a:focus-visible{outline:2px solid var(--link-color-hover);outline-offset:2px}@media(max-width:600px){header nav{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}header nav::-webkit-scrollbar{display:none}header nav ul{min-width:min-content}}header nav button:hover{opacity:1;transform:scale(1.12);color:var(--link-color-hover-dark)}@media(prefers-color-scheme:dark){:root:not([override-color-scheme=light]) header nav{background-color:var(--text-color);color:var(--background-color)}}[override-color-scheme=light] header nav{background-color:var(--text-color);color:var(--background-color)}[override-color-scheme=dark] header nav{background-color:var(--text-color);color:var(--background-color)}footer{margin-top:1rem}a{color:var(--link-color);text-decoration:none;transition:color .3s ease}a:hover{color:var(--link-color-hover)}.icon-link{color:var(--text-color);text-decoration:none;transition:color .3s ease}.icon-link:hover{color:var(--link-color-hover)}header h1{margin:0;padding:0}.goat{display:block}.goat svg{font-family:var(--font-mono);font-size:.75em}code{font-family:var(--font-mono);font-size:.75em}pre{white-space:pre-wrap;overflow-wrap:anywhere;hyphens:auto}.icon-list{padding:.4em 0;margin:0;list-style:none}.icon-list li{display:inline}.icon-link{font-size:2em}.color-scheme-icon{font-size:2em}.color-scheme-icon-light{display:var(--color-scheme-icon-light-display)}.color-scheme-icon-dark{display:var(--color-scheme-icon-dark-display)}nav{font-family:var(--font-nav);font-weight:400}.color-scheme-icon:hover{transform:scale(1.05);color:var(--link-color-hover)}.color-scheme-icon:active{transform:scale(.95)}.image-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(58px,1fr));gap:5px}.image-list img{width:100%;height:auto;display:block;border-radius:50%;opacity:.7;transition:opacity .3s ease}.image-list img:hover{opacity:1}.section-pages{display:grid;grid-template-columns:repeat(2,1fr);gap:40px;margin-top:40px}@media(max-width:600px){.section-pages{grid-template-columns:1fr}}.section-page-wrapper:first-child{grid-column:1/-1}.section-page-wrapper{display:block;text-decoration:none;color:inherit;transition:transform .3s ease}.section-page-wrapper:hover{transform:translateY(-5px)}.section-page-wrapper:hover .section-page-title{color:var(--link-color-hover)}.section-page-date{font-family:var(--font-heading);font-size:1em;color:var(--text-grey-color)}.section-page-meta{display:flex;align-items:center;gap:.5em;flex-wrap:wrap}.section-page-reading-time{font-family:var(--font-heading);font-size:.85em;color:var(--text-grey-color);opacity:.7}.section-page-summary{margin-top:10px;line-height:1.5;color:var(--text-color);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.section-page img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:8px;box-shadow:.3px .5px .7px hsl(var(--shadow-color)/.34),.4px .8px 1px -1.2px hsl(var(--shadow-color)/.34),1px 2px 2.5px -2.5px hsl(var(--shadow-color)/.34)}.page-thumbnail{max-width:100%}.bounding-box-footer{background-image:url("");background-size:contain;position:absolute;background-position:50%;background-repeat:no-repeat;height:100%;width:100%}h1{text-align:start;margin:0;padding:0;font-weight:700;font-size:2.5rem;text-align:left;line-height:1.3;font-family:var(--font-heading)}h2{margin:0;color:var(--text-grey-color);font-family:var(--font-heading)}time{font-family:var(--font-heading)}h3{margin:0;color:var(--text-grey-color);font-family:var(--font-heading)}.font-medium{margin:0;color:var(--text-grey-color)}.page-subtitle{font-family:var(--font-heading);display:flex;align-items:center;flex-wrap:wrap;gap:1rem}.page-subtitle p{margin:0}.jump-to-end{font-size:.85em;text-decoration:none;color:var(--text-grey-color);opacity:.7;transition:opacity .2s,color .2s}.jump-to-end:hover{opacity:1;color:var(--link-color-hover)}.inline-parent{white-space:nowrap;overflow-x:auto}.inline{display:inline-block}.section-page-title{margin:0;color:var(--link-color);font-family:var(--font-heading);font-size:30px;line-height:1.2;display:flex;align-items:center}.time-aligned{margin-left:auto;display:inline-block;color:var(--text-grey-color)}p img{max-width:100%;height:auto;width:auto;display:block;margin:0 auto;border-radius:8px;object-fit:cover}video{max-width:100%;height:auto;display:block;margin:0 auto;border-radius:8px;aspect-ratio:auto}.post-navigation-hub{margin-top:3rem;padding:1.5rem;background-color:var(--text-color);color:var(--background-color);border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.15)}.navigation-utilities{display:flex;justify-content:center;gap:2rem;margin-bottom:2rem}.back-to-all,.back-to-top{font-size:.9em;opacity:.8;transition:opacity .2s,color .2s;text-decoration:none;color:inherit}.back-to-all:hover,.back-to-top:hover{opacity:1;color:var(--link-color-hover)}.post-navigation{display:flex;justify-content:space-between;gap:1.5rem}.post-nav-prev,.post-nav-next{flex:1}.post-nav-prev a,.post-nav-next a{display:flex;align-items:center;gap:12px;text-decoration:none;color:inherit}.post-nav-next a{flex-direction:row-reverse}.nav-thumbnail{width:160px;aspect-ratio:16/9;flex-shrink:0;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.1)}.nav-thumbnail img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.post-nav-prev a:hover .nav-thumbnail img,.post-nav-next a:hover .nav-thumbnail img{transform:scale(1.1)}.nav-content{display:flex;flex-direction:column;gap:4px}.nav-title{font-weight:700;font-size:1rem;line-height:1.2;font-family:var(--font-heading)}@media(max-width:600px){.post-navigation-hub{padding:1rem}.navigation-utilities{gap:1rem}.post-navigation{flex-direction:column;align-items:center;gap:1.5rem}.post-nav-next a{flex-direction:row}.nav-thumbnail{width:80px}.back-to-top{order:2}}.about-head h1{margin:0;padding:0;font-weight:700;font-size:2.5rem;text-align:left;line-height:1.3}.about-head h2{margin:0;padding:0;font-weight:600;font-size:1.4rem;text-align:left;line-height:1.3;color:var(--text-grey-color)}.container{display:flex;width:100%;max-width:700px;margin:0 auto;align-items:flex-start;flex-shrink:1}.main-content{flex:75%;max-width:700px;text-align:left;box-sizing:border-box;contain:content;width:100%}.sidebar{position:fixed;left:calc(50vw + 370px);top:100px;align-self:flex-start;padding:20px;max-width:250px;max-height:calc(100vh - 120px);overflow-y:auto}@media(max-width:800px){.sidebar{display:none}.main-content{flex:1;max-width:100%}}#TableOfContents nav{display:block}#TableOfContents li{display:block}#TableOfContents ul{padding-left:20px}nav#TableOfContents li.active::before{content:"\279c";display:inline-block;width:20px;margin-left:-20px}.comments{width:100%;border-top:1px solid var(--text-color)}#comment-post{margin-bottom:1em;line-height:1}.nested-replies{margin-left:40px;padding-left:40px;border-left:dotted;border-color:var(--text-grey-color)}.comment{display:block;align-items:flex-start;margin:10px;padding-right:10px}.comment-body{display:block}.comment-text{box-sizing:border-box;margin:0;padding 0;border:0 solid}.author-link{line-height:1.5}.author-name{font-family:var(--font-heading)}.comment-body{line-height:1}.comment-actions a{font-family:var(--font-nav);font-size:.75em}.avatar{padding-top:.5em;flex:none}.avatar-img{width:42px;height:42px;border-radius:50%;vertical-align:middle;margin-right:8px}table{border-collapse:collapse;margin:auto;font-size:.9em;font-family:var(--font-mono);min-width:200px;border:solid 1px var(--text-color);width:50%}thead tr{background-color:var(--link-color-hover);color:#fff;text-align:left;font-family:var(--font-nav);border:solid 1px var(--text-color)}tbody tr{border:solid 1px var(--text-color)}::view-transition-group(root){animation-timing-function:var(--expo-out)}::view-transition-new(root){mask:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40"><defs><filter id="blur"><feGaussianBlur stdDeviation="2"/></filter></defs><circle cx="0" cy="0" r="18" fill="white" filter="url(%23blur)"/></svg>')top left/0 no-repeat;mask-origin:content-box;animation:scale 1s;animation-fill-mode:both;transform-origin:top left}::view-transition-old(root),.dark::view-transition-old(root){animation:scale 1s;animation-fill-mode:both;transform-origin:top left;z-index:-1}@keyframes scale{to{mask-size:350vmax}}