.search{&:hover>svg{transform:scale(1.1)}&:active>svg{transition-duration:.1s;transform:scale(.9)}}:root{scroll-behavior:smooth;scroll-padding-top:calc(var(--header-size) * 1.25)}.postnav{top:0;left:max(0px, 50vw - 32rem - var(--header-size));z-index:100;position:fixed;&>#logo-menu{anchor-name:--logo-btn;cursor:pointer;--sc:light-dark(#0004,#0006);box-shadow:0 4px 6px -1px var(--sc), 0 2px 4px -2px var(--sc);border-radius:var(--header-radius);background-color:var(--bg-subtle-solid);width:var(--header-size);height:var(--header-size);border:none;padding:.5rem;overflow:hidden;&>#logo{overflow:visible;& path{transition-property:stroke,stroke-width,fill,d;transition-duration:.3s;transition-timing-function:ease}}&:not(:hover,:focus-visible)>#logo{& .o.l{d:path("M128 608-288 368V-112L128-352")}& .a{stroke-width:15px;d:path("M 38 190 L 218 190 M 38 66 L 218 66")}& .p{stroke:var(--fg);stroke-width:15px;d:path("M38 128C58 128 78 128 98 128 118 128 138 128 158 128 178 128 198 128 218 128")}& .o.r{d:path("M128-352 544-112V368L128 608")}}&:has(+#postnav-popover:popover-open){box-shadow:none;border-radius:0 var(--header-radius) 0 0;@media (width<112rem){border-radius:var(--header-radius) 0 0 0}&>#logo{& .o.l{d:path("M128 608-288 368V-112L128-352")}& .a{stroke-width:15px;d:path("M57.3 57.3 198.7 198.7M198.7 57.3 57.3 198.7")}& .p{d:path("M-211 467C-322.4 344.1-362.4 172.4-316.8 12.9-271.3-146.6-146.6-271.3 12.9-316.8 172.4-362.4 344.1-322.4 467-211")}& .o.r{d:path("M128-352 544-112V368L128 608")}}}}}#postnav-popover{position-anchor:--logo-btn;position-try-fallbacks:flip-inline;inset:auto;top:anchor(top);right:anchor(right);outline:1px solid var(--bg-hover-solid);box-shadow:var(--shadow-popover);border-radius:var(--header-radius);pointer-events:none;--cx:calc(100% - var(--header-radius));background:0 0;border:none;flex-direction:column;width:24rem;max-width:100vw;max-height:100dvh;padding:0;transition:clip-path .3s ease-out;@media (width<112rem){--cx:var(--header-radius)}&:popover-open{clip-path:circle(150% at var(--cx) var(--header-radius));display:flex;@starting-style{clip-path:circle(0% at var(--cx) var(--header-radius))}}&>.header{z-index:10;margin-right:var(--header-size);background-color:var(--bg-subtle-solid);height:var(--header-size);pointer-events:auto;flex-direction:row-reverse;justify-content:flex-end;gap:.5rem;padding:.5rem;display:flex;@media (width<112rem){margin-right:0;margin-left:var(--header-size);flex-direction:row}}&>aside{background-color:var(--bg-active-solid);pointer-events:auto;font-family:var(--sans);padding:1rem;overflow:auto;&>nav{&>h2{letter-spacing:.05em;text-transform:uppercase;margin-bottom:1rem;font-size:.9rem}&>ol{margin-top:.25rem;padding-inline-start:1rem;list-style:none;&>li{margin-bottom:.5rem;&:has(>a:focus-visible){outline:2px solid var(--link);outline-offset:3px}&>a{color:var(--fg);line-height:1.4;text-decoration:none;&:hover{border-bottom:1px solid}&:active{color:var(--link)}&.active{color:var(--link);font-weight:600}&:focus-visible{outline:none}}}}}}}@media (width>112rem){#logo-menu{cursor:auto!important;box-shadow:none!important;border-radius:0 var(--header-radius) 0 0!important;&>#logo{& .o{d:revert-layer!important}& .a{stroke-width:10px!important;d:revert-layer!important}& .p{stroke:var(--data-c1)!important;d:revert-layer!important}}}#postnav-popover{display:flex}}.simple-post{width:100%;max-width:64rem;margin:0 auto;&>article{width:100%;&>header{flex-direction:column;justify-content:space-between;gap:3rem;min-height:40vh;margin-bottom:3rem;padding:0 2rem 3rem;display:flex;position:relative;overflow:hidden;@media (width<=48rem){min-height:30vh;padding:0 1rem 2rem}&>:is(img,.pattern){z-index:0;object-fit:cover;width:100%;height:100%;position:absolute;inset:0}&>.overlay{z-index:1;background:linear-gradient(to top in oklch, var(--bg), color-mix(in oklch, var(--bg), transparent 25%), transparent), radial-gradient(100% 100% at 100% 0, var(--bg), transparent 50%);position:absolute;inset:0}&>.header-actions{z-index:2;width:100%;height:var(--header-size);justify-content:flex-end;align-items:center;gap:1rem;display:flex;&>:is(a,button){cursor:pointer;color:var(--fg);font-size:.9rem;font-weight:500;font-family:var(--sans);background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;padding:0;text-decoration:none;display:flex;&:hover{border-bottom:1px solid}&:active{color:var(--link)}&>svg{width:1.25rem}}}&>.header-content{z-index:2;font-family:var(--sans);&>div{letter-spacing:.05em;text-transform:uppercase;font-size:.9rem;font-weight:500;&>span{color:color-mix(in oklch, var(--fg), transparent 5%);margin-left:1rem;display:inline-block}}&>h1{text-wrap:balance;margin:.5rem 0 2rem;font-size:clamp(2rem,5vw,3.5rem);font-weight:700;line-height:1.1}}}&>.post-content{margin-inline:1rem;& .katex-display{--space-left:max(1rem, 50vw - 31rem);--space-right:var(--space-left)}}}}.post-content{font-size:calc(clamp(1rem, .95rem + .25vw, 1.125rem) * var(--text-scale,1));line-height:1.7;font-family:var(--serif);hyphens:auto;text-align:justify;@media (width<=48rem){hyphens:none;text-align:left}& h2,& h3,& h4,& h5,& h6{font-weight:600;line-height:1.3;font-family:var(--sans);text-align:left;margin-block:2em .75em}& h2{font-size:1.75em}& h3{font-size:1.25em}& h4{font-size:1em}& h5,& h6{color:color-mix(in oklch, var(--fg), var(--bg) 10%);letter-spacing:.05em;text-transform:uppercase}& h5{font-size:.875em}& h6{font-size:.75em}& p{margin-bottom:1.25em;& code{background:var(--bg-subtle);border-radius:.25em;padding:0 .4em}}& sup{line-height:0;& a{padding:0 .2em}}& a{color:var(--link);text-decoration:none;&:hover{border-bottom:1px dotted}&:active{border-bottom:1px solid}}& img{width:100%;height:auto;&+em{font-size:.9em;font-style:normal;line-height:1.4;display:block}}& table{border-collapse:collapse;text-align:left;width:fit-content;max-width:100%;margin-block:2em;margin-inline:auto;display:block;overflow-x:auto;& :is(th,td){padding:.5em 1.5em;@media (width<=48rem){padding:.375em 1.125em}}& th{border-top:2px solid var(--fg);border-bottom:1px solid var(--fg)}& tr:last-child td{border-bottom:2px solid var(--fg)}}& blockquote{border-left:.2em solid var(--fg);text-align:left;margin:1.5em 0;padding:0 1.5em;font-style:italic;&[data-alert]{border-color:var(--bqbc);&[data-show-type]:before{content:attr(data-alert);color:var(--bqbc);font-size:.9em;font-weight:700;font-family:var(--sans);letter-spacing:.05em;text-transform:capitalize;margin-bottom:.5em;display:block}& p{margin-bottom:0}}&[data-alert=note]{--bqbc:var(--data-c1)}&[data-alert=tip]{--bqbc:var(--data-c4)}&[data-alert=important]{--bqbc:var(--data-c3)}&[data-alert=warning]{--bqbc:var(--data-c2)}&[data-alert=caution]{--bqbc:var(--data-c5)}}& pre,& code{font-size:.9em;font-family:var(--mono);font-feature-settings:"liga" 1, "calt" 1;text-align:left}& pre{background-color:var(--code);border-radius:.325em;margin-block:1.5em;padding:1em;overflow-x:auto}& ul,& ol{margin-block:1em;padding-inline-start:2em;& li{margin-bottom:.5em}}& .katex-display{margin:-.25em calc(-1 * var(--space-right)) -.25em calc(-1 * var(--space-left));scrollbar-width:none;padding-block:.25em;display:flex;overflow:auto hidden;&:before{flex:0 0 var(--space-left);content:"";display:block}&:after{flex:0 0 var(--space-right);content:"";display:block}& .katex{flex:1}}& table,& .katex-display{background:linear-gradient(to right, var(--bg) 30%, transparent), linear-gradient(to left, var(--bg) 30%, transparent), radial-gradient(farthest-side at 0 50%, color-mix(in oklch, var(--link), transparent 75%), transparent), radial-gradient(farthest-side at 100% 50%, color-mix(in oklch, var(--link), transparent 75%), transparent);background-position:0,100%,0,100%;background-repeat:no-repeat;background-size:20px 100%,20px 100%,10px 100%,10px 100%;background-attachment:local,local,scroll,scroll}& .footnotes{border-top:1px dashed var(--fg);text-align:left;margin-top:4em;font-size:.9em;& ol{padding-inline-start:2em;& li{margin-bottom:.5em}}}}