:root,:root.light-theme{--bg: #ffffff;--text-color: 15, 18, 25;--accent: #2337ff;--accent-dark: #000d8a;--light: 255, 255, 255;--black: 15, 18, 25;--gray: 96, 115, 159;--gray-light: 229, 233, 240;--gray-dark: 34, 41, 57;--gray-gradient: rgba(var(--gray-dark), 50%), rgb(var(--dark));--box-shadow: 0 2px 6px rgba(var(--gray), 25%), 0 8px 24px rgba(var(--gray), 33%), 0 16px 32px rgba(var(--gray), 33%)}:root.dark-theme{--bg: #0b1422;--text-color: 255, 255, 255;--accent: #000d8a;--accent-dark: #2337ff;--light: 13, 24, 40;--black: 255, 255, 255;--gray: 96, 115, 159;--gray-light: 34, 41, 57;--gray-dark: 229, 233, 240;--gray-gradient: rgba(var(--gray-light), 50%), rgb(var(--light));--box-shadow: 0 2px 6px rgba(var(--gray), 25%), 0 8px 24px rgba(var(--gray), 33%), 0 16px 32px rgba(var(--gray), 33%)}.light-theme{color-scheme:light}.dark-theme{color-scheme:dark}body{font-family:"Source Sans 3",sans-serif;margin:0;padding:0;text-align:left;background-color:var(--bg);background-size:100% 600px;word-wrap:break-word;overflow-wrap:break-word;font-size:clamp(1rem,1vw,1.125rem);line-height:1.5}main,.wrapper{width:650px;max-width:calc(100% - 2em);margin:auto;padding:2em 1em}h1,h2,h3,h4,h5,h6{margin:0 0 .5rem;line-height:1.2}h1{font-size:clamp(2rem,4vw,3.125rem)}h2{font-size:clamp(1.5rem,3.2vw,2.5rem)}h3{font-size:clamp(1.25rem,2.4vw,2rem)}h4{font-size:clamp(1.125rem,1.8vw,1.5rem)}h5{font-size:clamp(1rem,1.4vw,1.25rem)}h6{font-size:clamp(.875rem,1.2vw,1rem)}strong,b{font-weight:700}a{color:inherit}a:hover{color:var(--accent-dark)}p{margin-bottom:1em}.prose p{margin-bottom:2em}.prose{font-size:clamp(1.125rem,1vw,1.125rem)}textarea{width:100%;font-size:clamp(1rem,1vw,1.125rem)}input{font-size:clamp(1rem,1vw,1.125rem)}table{width:100%}img{max-width:100%;height:auto;border-radius:8px}code{padding:2px 5px;border-radius:2px}pre{padding:1.5em;border-radius:8px}pre>code{all:unset}blockquote{border-left:4px solid var(--accent);padding:0 0 0 20px;margin:0;font-size:clamp(1.125rem,1.4vw,1.5rem)}@media(max-width:720px){body{font-size:18px}main{padding:1em}}@media(min-width:2100px){h1{font-size:3.125rem}h2{font-size:2.5rem}h3{font-size:2rem}h4{font-size:1.5rem}h5{font-size:1.25rem}h6{font-size:1rem}body{font-size:1.125rem}.post-title{font-size:1.25rem}.post-time{font-size:1rem}blockquote{font-size:1.5rem}textarea,input{font-size:1.125rem}}@media(max-width:480px){h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.25rem}h4{font-size:1.125rem}h5{font-size:1rem}h6{font-size:.875rem}body{font-size:1rem}.prose{font-size:1.125rem}.post-title{font-size:1rem}.post-time{font-size:.875rem}blockquote{font-size:1.125rem}textarea,input{font-size:1rem}}.informal-list{display:flex;flex-direction:column;gap:2em}.informal-list>li{list-style:none}.sr-only{border:0;padding:0;margin:0;position:absolute!important;height:1px;width:1px;overflow:hidden;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px);clip-path:inset(50%);white-space:nowrap}.internal-links{display:flex;flex-direction:row}.internal-links>*{margin-right:2em}.internal-links>span>a:visited{color:inherit}.internal-links>span>a:hover{color:rgb(var(--gray))}.internal-link:hover{color:rgb(var(--gray))}.inline{display:inline}.align-right{text-align:right}.highlight{background:rgb(var(--black));padding:.1em;display:inline-block}.highlight>*{color:rgb(var(--light))}.highlight:hover{background:rgb(var(--light))}.highlight:hover>*{color:rgb(var(--black))}.no-decor{text-decoration:none}.no-decor:hover{text-decoration:underline}.site-title{color:rgb(var(--light))}.active>a{font-weight:700;padding:0 .5em}.active:after{content:"]"}.active:before{content:"["}.post-time{font-size:clamp(.875rem,1vw,1rem);font-weight:700;text-decoration:none}.post-time:hover{text-decoration:underline}.post-title{font-size:clamp(1rem,1.2vw,1.25rem);font-weight:400}.no-padding{padding:0}p:has(>img){display:flex;justify-content:center}.button{stroke:none;fill:rgb(var(--light))}.symbol{stroke:none;fill:rgb(var(--black))}.symbol:hover{stroke:none;fill:var(--accent)}.symbol-invert{stroke:none;fill:rgb(var(--black))}.symbol-invert:hover{stroke:none;fill:rgb(var(--accent-dark))}.row{display:flex;flex-direction:row;align-items:center}a>.text{vertical-align:middle;display:inline-block}@media(max-width:500px){.internal-links{flex-direction:column}.row{flex-direction:column;align-items:start}header.wrapper{padding-bottom:0}}
