@import url("https://fonts.googleapis.com/css2?family=Anton&family=Noto+Sans+Mono:wght@100..900&display=swap");:root{--color-bg: #fff;--color-text: #000;--color-link: #000;--color-nav-fg: #fff;--color-nav-bg: #000;--color-hover-fg: #000;--color-hover-bg: #fff;--wrapper-width: 750px;--fs-text: 1rem;--fs-nav: 1.5rem;--fs-banner: 1.8rem;--fs-h1: 2.5rem;--fs-h2: 1.5rem;--fs-h3: 1.0rem;--font-standard: 'Noto Sans Mono', SFMono-Regular, monospace;--font-impact: 'Anton', 'Impact', sans-serif;--letterspacing-banner: 0.1rem;--letterspacing-nav: 0.1rem;--padding-active-nav: 0.0rem calc(2 * 0.3rem);--padding-titlebox: 0.0rem calc(2 * 0.25rem);--padding-nav-between: 0.0rem 0.5rem;--padding-top: 0.8rem;--padding-masthead: 0.3rem;--dash-length: 8px;--dash-gap: 4px;--dash-thickness: 4px;--dash-stops: var(--color-nav-bg) 0 var(--dash-length), transparent var(--dash-length) calc(var(--dash-length) + var(--dash-gap));--dash-pattern-x: repeating-linear-gradient(to right, var(--dash-stops));--border-line: calc(0.75 *var(--dash-thickness)) dotted var(--color-nav-fg);--border-line-hover: calc(0.75 *var(--dash-thickness)) dotted var(--color-nav-bg);--border-box-radius: 0.1rem}[data-theme="dark"]{--color-bg: #000;--color-text: #fff;--color-link: #fff;--color-nav-fg: #000;--color-nav-bg: #fff;--color-hover-fg: #fff;--color-hover-bg: #000}[data-theme="dark"] img{filter:invert(1)}[data-theme="alt"]{--color-bg: #03301b;--color-text: #e3ccf1;--color-link: #e3ccf1;--color-nav-fg: #a10b2b;--color-nav-bg: #ff9900;--color-hover-fg: #fff;--color-hover-bg: #000}body{font-family:var(--font-standard);font-weight:400;font-size:var(--fs-text);line-height:1.4;margin:0;background-color:var(--color-bg);color:var(--color-text);text-underline-offset:4px}.page h1,.post h1,.post-title{margin-top:3.5rem;margin-bottom:1.0rem;font-size:var(--fs-h1)}.post h2{margin-top:3.0rem;margin-bottom:0rem;font-size:var(--fs-h2)}.page h2{margin-top:2.0rem;margin-bottom:-0.25rem}.post h3{margin-top:2.0rem;margin-bottom:-0.9rem;font-size:var(--fs-h3)}.post h3 a{font-weight:800;letter-spacing:0.04rem}main a{color:var(--color-link);font-weight:600;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:0.14em}main a:hover,main a:focus-visible{text-decoration-thickness:2px;text-underline-offset:0.16em}main hr{border:none;margin:3rem auto;max-width:calc(100%);border-top:2px dotted var(--color-text)}header[role="banner"]{position:relative;padding:var(--padding-masthead) 0;padding-top:calc(var(--padding-top) + var(--dash-thickness) + var(--padding-masthead));font-family:var(--font-impact)}header[role="banner"]::before{content:"";position:absolute;top:var(--padding-top);left:50%;transform:translateX(-50%);width:calc(100% - 2rem);max-width:calc(var(--wrapper-width) - 2rem);height:var(--dash-thickness);background:var(--dash-pattern-x)}header[role="banner"] .wrapper{max-width:var(--wrapper-width);margin:0 auto;padding:0 1rem;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1rem}header+hr{border:none;margin:0 auto;width:calc(100% - 2rem);max-width:calc(var(--wrapper-width) - 2rem);box-sizing:border-box;height:var(--dash-thickness);background:var(--dash-pattern-x)}.site-title-box{background:var(--color-nav-bg);color:var(--color-nav-fg);padding:var(--padding-titlebox);display:inline-block;border:var(--border-line);border-radius:var(--border-box-radius);font-weight:400;font-size:var(--fs-banner);letter-spacing:var(--letterspacing-banner);text-indent:calc(2 * var(--letterspacing-banner));justify-self:start;display:inline-block;font-family:var(--font-impact);font-size:var(--fs-banner)}.site-title-box a{color:var(--color-nav-fg);text-decoration:none}.site-title-box:hover,.site-title-box:focus{background:var(--color-hover-bg);color:var(--color-hover-fg);border:var(--border-line-hover)}.site-title-box:hover a,.site-title-box:focus a{color:var(--color-hover-fg)}.site-symbol-wrapper{display:flex;align-items:center;justify-self:end;margin-right:2px}#theme-toggle{border:var(--border-line);border-radius:var(--border-box-radius);padding:var(--padding-active-nav);background:var(--color-nav-bg);color:var(--color-nav-fg);margin:0;font-family:var(--font-impact);font-weight:700;font-size:var(--fs-nav);letter-spacing:var(--letterspacing-nav);text-indent:calc(2 * var(--letterspacing-nav))}#theme-toggle:hover,#theme-toggle:focus-visible{background:var(--color-hover-bg);color:var(--color-hover-fg);border:var(--border-line-hover)}.site-symbol{cursor:pointer}.site-symbol:hover{background:var(--color-hover-bg);color:var(--color-hover-fg)}.menu-toggle{position:absolute;opacity:0;pointer-events:none}.menu-button{display:none;font-family:var(--font-impact);font-size:var(--fs-nav);font-style:italic;text-transform:lowercase;color:var(--color-nav-fg);background:var(--color-nav-bg);padding:var(--padding-active-nav);border-radius:var(--border-box-radius);border:var(--border-line);text-decoration:none;line-height:normal;letter-spacing:0.4em;text-indent:0.2em;margin-left:0.6rem}nav ul{list-style:none;padding:0;margin:0 auto;text-align:center}nav ul li{display:inline-block;margin:var(--padding-nav-between);vertical-align:middle}header[role="banner"] nav{justify-self:center}nav a{font-family:var(--font-impact);font-size:var(--fs-nav);text-transform:uppercase;letter-spacing:var(--letterspacing-nav);text-indent:calc(2 * var(--letterspacing-nav));color:var(--color-nav-fg);background:var(--color-nav-bg);padding:var(--padding-active-nav);display:inline-flex;align-items:center;line-height:normal;border:var(--border-line);border-radius:var(--border-box-radius);text-decoration:none;transition:none}nav a.active,nav a.active:link,nav a.active:visited{background:var(--color-nav-fg);color:var(--color-nav-bg);padding:var(--padding-active-nav);border:var(--border-line-hover);border-radius:var(--border-box-radius);display:inline-flex;align-items:center;line-height:normal;text-decoration:none}nav a:focus,nav a:hover{opacity:1;transform:none;background:var(--color-hover-bg);color:var(--color-hover-fg);border:var(--border-line-hover)}.wrapper{max-width:var(--wrapper-width);margin:0 auto;padding:0 1rem;box-sizing:border-box}body.home .site-title-box{background:var(--color-nav-fg);color:var(--color-nav-bg);border:var(--border-line-hover)}body.home .site-title-box a{color:var(--color-nav-bg)}.subscribe-button-wrap{text-align:center;margin:2rem 0}.subscribe-button{display:inline-block;font-family:var(--font-impact);font-size:var(--fs-banner);font-style:italic;text-transform:uppercase;letter-spacing:0.2em;text-decoration:none;color:var(--color-nav-fg);background:var(--color-nav-bg);border:var(--border-line);padding:0.4rem calc(2 * 0.3rem);border-radius:var(--border-box-radius);line-height:1}.subscribe-button:hover,.subscribe-button:focus{color:var(--color-hover-fg);background:var(--color-hover-bg);border:var(--border-line-hover)}.dash-separator{max-width:calc(var(--wrapper-width) - 2rem);margin:4rem auto 2rem;display:flex;align-items:center;gap:0.45rem;color:var(--color-nav-bg);font-weight:800;font-size:var(--fs-nav);text-transform:uppercase;letter-spacing:0.16em;text-indent:0.08rem}.dash-separator::before,.dash-separator::after{content:"";flex:1;height:var(--dash-thickness);background:var(--dash-pattern-x)}html{scrollbar-gutter:stable}main img,main video,main iframe,main svg{max-width:100%;height:auto}main,.page,.post,.page-content,.post-content{overflow-wrap:anywhere;word-break:break-word}@media (max-width: 780px){header[role="banner"] .wrapper{grid-template-columns:auto 1fr auto;gap:0.6rem;align-items:center}.site-title-box{justify-self:center;text-align:center}header[role="banner"] nav{justify-self:start;width:auto}.menu-button{display:inline-flex;align-items:center}.menu-list{display:none;position:absolute;left:50%;transform:translateX(-50%);top:calc(100%);background:var(--color-bg);padding:calc(2 * var(--padding-masthead)) 0;box-sizing:border-box;width:calc(100% - 2rem);max-width:var(--wrapper-width);z-index:10;gap:1.4rem;align-items:center;justify-content:center}.menu-list::before{content:"";position:absolute;top:0;left:0;right:0;height:var(--dash-thickness);background:var(--dash-pattern-x)}.menu-list::after{content:"";position:absolute;bottom:0;left:0;right:0;height:var(--dash-thickness);background:var(--dash-pattern-x)}.menu-list li{display:inline-block;margin:0}.menu-toggle:checked+.menu-button+.menu-list{display:flex}.site-symbol-wrapper{justify-self:end;margin-right:0}}@media (max-width: 460px){body{font-size:calc(0.8 * var(--fs-text))}.page h1,.post h1,.post-title{margin-top:3rem;margin-bottom:0.8rem;font-size:calc(0.8 * var(--fs-h1))}.post h2{margin-top:2.5rem;margin-bottom:-0.4rem;font-size:calc(0.8 * var(--fs-h2))}.post h3{margin-top:1.6rem;margin-bottom:-0.7rem;font-size:calc(0.8 * var(--fs-text))}main hr{margin:2rem auto}.site-title-box{font-size:calc(0.75 * var(--fs-banner))}.site-symbol{width:40px}.menu-button{font-size:calc(0.8 *var(--fs-nav))}.menu-list{gap:0.8rem}nav a{font-size:calc(0.8 * var(--fs-nav))}#theme-toggle{font-size:calc(0.8 * var(--fs-nav));letter-spacing:calc(0.5 * var(--letterspacing-nav));text-indent:calc(0.5 * var(--letterspacing-nav))}.subscribe-button{font-size:calc(0.8 * var(--fs-banner))}.dash-separator{max-width:calc(var(--wrapper-width) - 2rem);margin:3.5rem auto 1.5rem;gap:0.45rem;font-size:calc(0.8 * var(--fs-nav))}}
