@layer mixins.preview{*,:before,:after{--preview: var(--_p-reset)var(--_p-content)var(--_p-color)var(--_p-reset-value)var(--_p-content-value)var(--_p-color-value)var(--preview--toggle)var(--preview-cycle-extension,);--preview--toggle:var(--WHEN,if(style(--preview: var(--preview)):));--_p-captured:calc(var(--preview));--_p-from-number:var(--_p-captured);--_p-from-length: calc(10000*tan(atan2(var(--_p-captured) + 0px,10000px))) ;--_p-from-angle: calc(10000*tan(atan2(var(--_p-captured) + 0deg,10000deg))) ;--_p-from-time: calc(10000000*tan(atan2(var(--_p-captured) + 0s,10000s))) ;--_p-from-percentage: calc(10000*tan(atan2(var(--_p-captured) + 0%,10000%))) ;--_p-value:( var(--_p-from-length) + var(--_p-from-number) + var(--_p-from-angle) + var(--_p-from-time) + var(--_p-from-percentage));--_p-value-abs:max(var(--_p-value),-1*var(--_p-value));--_p-sign:calc(var(--_p-value)/var(--_p-value-abs));--_p-part1:round(down,var(--_p-value-abs) + .0001,1);--_p-part2:round((var(--_p-value-abs) - var(--_p-part1))*1000,1);--_p-d1:round(down,var(--_p-part2)/100,1);--_p-d2:round(down,var(--_p-part2)/10 - var(--_p-d1)*10,1);--_p-d3:round(var(--_p-part2) - var(--_p-d1)*100 - var(--_p-d2)*10,1);--_p-zero1:calc(var(--_p-d1) + max(0,1 - var(--_p-part2)));--_p-is-empty:1 var(--preview);--_p-is-initial:calc(1 - var(--_p-is-empty))var(--preview,);--_p-is-string-or-0:var(--preview)"";--_p-is-string:var(--_p-has-strings,var(--_p-is-string-or-0))var(--_p-no-strings,0);--_p-is-number:max(0,1 - var(--_p-is-string) - var(--_p-is-empty) - var(--_p-is-initial));--known-ident:var(--preview);--_p-is-1-if-known:var(--known-ident);--_p-is-known:var(--_p-is-1-if-known);--_p-builtin-ident:var(--preview);--_p-is-1-if-builtin:var(--_p-builtin-ident);--_p-is-builtin:var(--_p-is-1-if-builtin);--_p-is-custom-ident:var(--preview);--_p-is-none-or-0:var(--_p-is-custom-ident);--_p-is-none:var(--_p-is-none-or-0);--_p-is-color-or-0:color-mix(in hsl,var(--preview)100%,red 0%);--_p-is-color:var(--_p-is-color-or-0);--_p-color:color-mix(in oklch,var(--preview,)calc(100%*var(--_p-is-color)),currentColor);--_p-reset:var(--WHEN,if(style(--preview: var(--preview)):))--_p-is-color var(--_p-is-color)--_p-is-none var(--_p-is-none)--_p-is-empty var(--_p-is-empty)--_p-is-initial var(--_p-is-initial)--_p-quote max(0,var(--_p-is-string) - var(--_p-is-empty))--_p-sign var(--_p-sign)--_p-part1 calc( var(--_p-part1)*var(--_p-is-number) + 424242*(1 - var(--_p-is-number)) + var(--_p-is-builtin) + var(--_p-is-known) + var(--_p-is-none) + var(--_p-is-color))--_p-dot var(--_p-part2)--_p-zero1 var(--_p-zero1)--_p-zero2 calc(var(--_p-zero1) + var(--_p-d2))--_p-part2 calc(var(--_p-d1)*clamp(1,10*(var(--_p-d2) + var(--_p-d3)),10) + var(--_p-d2))--_p-part3 var(--_p-d3)--_p-unit-px round(up,var(--_p-from-length)*var(--_p-sign),1)--_p-unit-deg round(up,var(--_p-from-angle)*var(--_p-sign),1)--_p-unit-ms round(up,var(--_p-from-time)*var(--_p-sign),1)--_p-unit-perc round(up,var(--_p-from-percentage)*var(--_p-sign),1)var(--preview-reset-extension,);--_p-as-string:var(--preview);--_p-content:var(--WHEN,if(style(--preview: var(--preview)):))var(--preview-prefix,)counter(_,var(--known-ident))counter(_,var(--_p-builtin-ident))counter(--_p-is-none,--_p-is-none)counter(--_p-part1,--_p-is-unknown)counter(--_p-is-color,--_p-is-color)counter(--_p-is-empty,--_p-is-empty)counter(--_p-is-initial,--_p-is-initial)counter(--_p-quote,--_p-quote)var(--_p-has-strings,var(--_p-as-string))counter(--_p-quote,--_p-quote)counter(--_p-sign,--_p-sign)counter(--_p-part1,--_p-as-number)counter(--_p-dot,--_p-has-dot)counter(--_p-zero1,--_p-leading-zero)counter(--_p-zero2,--_p-leading-zero)counter(--_p-part2,--_p-has-decimals)counter(--_p-part3,--_p-has-decimals)counter(--_p-unit-px,--_p-unit-px)counter(--_p-unit-deg,--_p-unit-deg)counter(--_p-unit-ms,--_p-unit-ms)counter(--_p-unit-perc,--_p-unit-perc)var(--preview-content-extension,)var(--preview-suffix,)}*{--_p-reset-inherited:var(--_p-reset);--_p-content-inherited:var(--_p-content);--_p-color-inherited:var(--_p-color);--preview-position:var(--preview--after);--preview--after:var(--preview-position,);--preview--before:var(--preview-position,)}:before{--preview--inherited:var(--preview--before);--preview--self:var(--preview--after)}:after{--preview--inherited:var(--preview--after);--preview--self:var(--preview--before)}:before,:after{--_p-reset-value:var(--_p-reset)var(--WHEN,if(style(--preview: var(--preview)):));--_p-content-value:var(--_p-content)var(--WHEN,if(style(--preview: var(--preview)):));--_p-color-value:var(--_p-color)var(--WHEN,if(style(--preview: var(--preview)):));--_p-reset-final:var(--_p-reset-value,var(--_p-reset-inherited));--_p-color-final:var(--_p-color-value,var(--_p-color-inherited));--preview-content:var(--preview--self,var(--_p-content))var(--preview--inherited,var(--_p-content-value,var(--_p-content-inherited)));--preview-reset:var(--preview--self,var(--_p-reset))var(--preview--inherited,var(--_p-reset-final));content:var(--preview-content,revert-layer);counter-reset:var(--preview-reset,revert-layer);color:var(--preview--self,var(--_p-color,revert-layer))var(--preview--inherited,var(--_p-color-final,revert-layer))}body{--_p-has-strings: ;--_p-no-strings:initial}@container style(--_p-as-string:""){body{--_p-has-strings:initial;--_p-no-strings: }}@property --known-ident{syntax: "empty"; initial-value: empty; inherits: false;}@property --_p-builtin-ident{syntax: "auto|max-content|min-content|empty"; initial-value: empty; inherits: false;}@counter-style auto{system:cyclic;symbols:"auto"}@counter-style max-content{system:cyclic;symbols:"max-content"}@counter-style min-content{system:cyclic;symbols:"min-content"}@property --_p-captured{syntax: "<number>|<length>|<angle>|<time>|<percentage>"; initial-value: 424243; inherits: false;}@property --_p-from-number{syntax: "<number>"; initial-value: 0; inherits: false;}@property --_p-from-length{syntax: "<number>"; initial-value: 0; inherits: false;}@property --_p-from-angle{syntax: "<number>"; initial-value: 0; inherits: false;}@property --_p-from-time{syntax: "<number>"; initial-value: 0; inherits: false;}@property --_p-from-percentage{syntax: "<number>"; initial-value: 0; inherits: false;}@property --_p-as-string{syntax: "<string>+"; initial-value: ""; inherits: false;}@property --_p-is-string-or-0{syntax: "<string>+|<number>"; initial-value: 0; inherits: false;}@property --_p-is-string{syntax: "<number>"; initial-value: 1; inherits: false;}@property --_p-is-empty{syntax: "<number>"; initial-value: 0; inherits: false;}@property --_p-is-initial{syntax: "<number>"; initial-value: 0; inherits: false;}@property --_p-is-custom-ident{syntax: "<custom-ident>"; initial-value: not-none; inherits: false;}@property --_p-is-none-or-0{syntax: "none|<integer>"; initial-value: 0; inherits: false;}@property --_p-is-none{syntax: "<integer>"; initial-value: 1; inherits: false;}@property --_p-is-1-if-builtin{syntax: "empty|<integer>"; initial-value: 1; inherits: false;}@property --_p-is-builtin{syntax: "<integer>"; initial-value: 0; inherits: false;}@property --_p-is-1-if-known{syntax: "empty|<integer>"; initial-value: 1; inherits: false;}@property --_p-is-known{syntax: "<integer>"; initial-value: 0; inherits: false;}@property --_p-is-color-or-0{syntax: "<color>|<integer>"; initial-value: 0; inherits: false;}@property --_p-is-color{syntax: "<integer>"; initial-value: 1; inherits: false;}@counter-style empty{system:cyclic;symbols:""}@counter-style --_p-is-none{system:cyclic;symbols:"none";range:1 1;fallback:empty}@counter-style --_p-unit-px{system:cyclic;symbols:"px";range:1 infinite;fallback:empty}@counter-style --_p-unit-deg{system:cyclic;symbols:"deg";range:1 infinite;fallback:empty}@counter-style --_p-unit-ms{system:cyclic;symbols:"ms";range:1 infinite;fallback:empty}@counter-style --_p-unit-perc{system:cyclic;symbols:"%";range:1 infinite;fallback:empty}@counter-style --_p-sign{system:cyclic;symbols:"-";range:-1 -1;fallback:empty}@counter-style --_p-as-number{system:cyclic;symbols:"";range:424242 424244}@counter-style --_p-has-dot{system:cyclic;symbols:".";range:1 infinite;fallback:empty}@counter-style --_p-leading-zero{system:cyclic;symbols:"";range:1 infinite}@counter-style --_p-has-decimals{system:cyclic;symbols:"";range:0 0}@counter-style --_p-is-unknown{system:cyclic;symbols:"<unknown>";range:424243 424243;fallback:empty}@counter-style --_p-quote{system:cyclic;symbols:"'";range:1 1;fallback:empty}@counter-style --_p-is-empty{system:cyclic;symbols:"<empty>";range:1 1;fallback:empty}@counter-style --_p-is-initial{system:cyclic;symbols:"<initial>";range:1 1;fallback:empty}@counter-style --_p-is-color{system:cyclic;symbols:"■";range:1 1;fallback:empty}}footer a[href="#debug"]{float:right}#debug{z-index:9;background:var(--CONTENT-BG);position:fixed;bottom:0;right:0}#debug:not(:target,:has(:target)){display:none}#debug:has(>*>*>#debug-links:is(:checked,:target:focus-visible))+.root-container>*{counter-reset:--link-counter 0}#debug:has(>*>*>#debug-links:is(:checked,:target:focus-visible))+.root-container article>:not(h1,h2,h3,h4,h5,h6,dl),#debug:has(>*>*>#debug-links:is(:checked,:target:focus-visible))+.root-container article>:not(h1,h2,h3,h4,h5,h6,dl) :not(aside,a[href]:not([href^="#"]),a[href] *){visibility:hidden;font-size:0;display:contents}#debug:has(>*>*>#debug-links:is(:checked,:target:focus-visible))+.root-container article>:not(h1,h2,h3,h4,h5,h6,dl) details::details-content{content-visibility:visible;display:contents}#debug:has(>*>*>#debug-links:is(:checked,:target:focus-visible))+.root-container article>:not(h1,h2,h3,h4,h5,h6,dl):not(:has(a[href]:not([href^="#"]))){display:none!important}#debug:has(>*>*>#debug-links:is(:checked,:target:focus-visible))+.root-container article>:not(h1,h2,h3,h4,h5,h6,dl) a[href]{visibility:visible;font-size:var(--FONT-SIZE--BODY);counter-increment:--link-counter 1;grid-template:"a"/50%;grid-column:--content;padding-right:50%;line-height:1.2;display:list-item;margin:0!important}#debug:has(>*>*>#debug-links:is(:checked,:target:focus-visible))+.root-container article>:not(h1,h2,h3,h4,h5,h6,dl) a[href]::marker{content:counter(--link-counter)". "}#debug:has(>*>*>#debug-links:is(:checked,:target:focus-visible))+.root-container article>:not(h1,h2,h3,h4,h5,h6,dl) a[href]:before{float:right;content:attr(href);content:attr(href)/"";width:100%;font-size:var(--FONT-SIZE--SMALL);word-break:break-word;margin-right:-100%}:root{--WHEN: }@supports (top:if(():)){:root{--WHEN:initial}}[class*=require-]:before{content:"⚠️ Your browser does not support `" var(--require-custom-functions,var(--require-anchor-name,var(--require-animation-range,var(--require-timeline-scope,var(--require-at-scope,var(--require-cap,var(--require-style-queries)))))))"`";text-align:center;border:2px dashed #ffca51;margin-block-end:16px;padding:8px;display:block}.require-at-scope{--require-at-scope:"@scope"}.require-style-queries{--require-style-queries:"@container style(--variable)"}@scope (html){.require-at-scope{--require-at-scope:initial}}@container not style(--foo:1){.require-style-queries:before{--require-style-queries:initial}}@supports (width:--foo()){.warning--custom-functions{display:none!important}}@supports not (width:--foo()){.require-custom-functions{--require-custom-functions:"custom functions"}}@supports not (anchor-name:--foo){.require-anchor-name{--require-anchor-name:"anchor-name"}}@supports not (animation-range:entry-crossing){.require-animation-range{--require-animation-range:"animation-range"}}@supports not (timeline-scope:--foo){.require-timeline-scope{--require-timeline-scope:"timeline-scope"}}@supports not (opacity:round(5,2,1)){.require-round{--require-timeline-scope:"round()"}}@supports not (margin:1cap){.require-cap{--require-cap:"cap"}}.scroll-markers-root{--header-scopes:--h-1,--h-2,--h-3,--h-4,--h-5,--h-6,--h-7,--h-8,--h-9,--h-10,--h-11,--h-12,--h-13,--h-14,--h-15,--h-16,--h-17,--h-18,--h-19;timeline-scope:var(--header-scopes)}@keyframes --unstuck{0%{position:static;top:0}}.scroll-markers-content>*:is(h2,h3,h4,h5,h6){view-timeline:var(--_name)50%}@supports not (timeline-scope:--foo){.scroll-markers-content>*:is(h2,h3,h4,h5,h6){position:sticky;top:-200px}.scroll-markers-content>*:is(h2,h3,h4,h5,h6):target{animation:10ms both --unstuck}}.scroll-markers-content>*:nth-child(1 of:is(h2,h3,h4,h5,h6)){--_name:--h-1}.scroll-markers-content>*:nth-child(2 of:is(h2,h3,h4,h5,h6)){--_name:--h-2}.scroll-markers-content>*:nth-child(3 of:is(h2,h3,h4,h5,h6)){--_name:--h-3}.scroll-markers-content>*:nth-child(4 of:is(h2,h3,h4,h5,h6)){--_name:--h-4}.scroll-markers-content>*:nth-child(5 of:is(h2,h3,h4,h5,h6)){--_name:--h-5}.scroll-markers-content>*:nth-child(6 of:is(h2,h3,h4,h5,h6)){--_name:--h-6}.scroll-markers-content>*:nth-child(7 of:is(h2,h3,h4,h5,h6)){--_name:--h-7}.scroll-markers-content>*:nth-child(8 of:is(h2,h3,h4,h5,h6)){--_name:--h-8}.scroll-markers-content>*:nth-child(9 of:is(h2,h3,h4,h5,h6)){--_name:--h-9}.scroll-markers-content>*:nth-child(10 of:is(h2,h3,h4,h5,h6)){--_name:--h-10}.scroll-markers-content>*:nth-child(11 of:is(h2,h3,h4,h5,h6)){--_name:--h-11}.scroll-markers-content>*:nth-child(12 of:is(h2,h3,h4,h5,h6)){--_name:--h-12}.scroll-markers-content>*:nth-child(13 of:is(h2,h3,h4,h5,h6)){--_name:--h-13}.scroll-markers-content>*:nth-child(14 of:is(h2,h3,h4,h5,h6)){--_name:--h-14}.scroll-markers-content>*:nth-child(15 of:is(h2,h3,h4,h5,h6)){--_name:--h-15}.scroll-markers-content>*:nth-child(16 of:is(h2,h3,h4,h5,h6)){--_name:--h-16}.scroll-markers-content>*:nth-child(17 of:is(h2,h3,h4,h5,h6)){--_name:--h-17}.scroll-markers-content>*:nth-child(18 of:is(h2,h3,h4,h5,h6)){--_name:--h-18}.scroll-markers-content>*:nth-child(19 of:is(h2,h3,h4,h5,h6)){--_name:--h-19}scroll-markers{display:block}@supports (timeline-scope:--foo){scroll-markers{animation:var(--header-scopes);animation-timeline:var(--header-scopes);animation-fill-mode:both}}.scroll-markers-toc{scroll-snap-type:y mandatory}scroll-markers li{--abs:max(var(--i) - var(--current-header),var(--current-header) - var(--i));--is-selected:min(1,var(--abs));animation:--selected 0s calc(1s*var(--is-selected))linear both;animation-play-state:paused}scroll-markers li:not(aside:is(:hover,:focus-within) *){--decoration-thickness-override:var(--is-selected);scroll-snap-align:var(--snap)}@property --snap{syntax:"none|center";inherits:true;initial-value:none}@keyframes --selected{to{--snap:center;list-style-type:"☞ "}}@keyframes --h-1{to{--current-header:1}}@keyframes --h-2{to{--current-header:2}}@keyframes --h-3{to{--current-header:3}}@keyframes --h-4{to{--current-header:4}}@keyframes --h-5{to{--current-header:5}}@keyframes --h-6{to{--current-header:6}}@keyframes --h-7{to{--current-header:7}}@keyframes --h-8{to{--current-header:8}}@keyframes --h-9{to{--current-header:9}}@keyframes --h-10{to{--current-header:10}}@keyframes --h-11{to{--current-header:11}}@keyframes --h-12{to{--current-header:12}}@keyframes --h-13{to{--current-header:13}}@keyframes --h-14{to{--current-header:14}}@keyframes --h-15{to{--current-header:15}}@keyframes --h-16{to{--current-header:16}}@keyframes --h-17{to{--current-header:17}}@keyframes --h-18{to{--current-header:18}}@keyframes --h-19{to{--current-header:19}}@property --current-header{syntax:"<integer>";inherits:true;initial-value:0}@property --is-selected{syntax:"<integer>";inherits:true;initial-value:0}html{--captured-length: 100vw ;--mix-wide:clamp(0,tan(atan2(var(--captured-length) - var(--MIN-PAGE-WIDTH),var(--MAX-PAGE-WIDTH) - var(--MIN-PAGE-WIDTH))),1);--mix-narrow:calc(1 - var(--mix-wide))}@property --MIN-PAGE-WIDTH{syntax:"<length>";inherits:true;initial-value:0}@property --MAX-PAGE-WIDTH{syntax:"<length>";inherits:true;initial-value:0}.photo{width:auto;max-block-size:min(100vh,100cqw);margin-inline:auto;display:block}p:has(>.photo){container-type:inline-size}.photo-frame-container{--mode:var(--mode--article);--mode--article:var(--mode,);--mode--details:var(--mode,);--type:var(--type--framed);--type--framed:var(--type,);--type--full:var(--type,);margin-inline-end:0;position:relative;container-type:inline-size}.photo-frame-container:before{content:""}section.photo-frame-container{--type:var(--type--full)}.photo-frame-container:target{--mode:var(--mode--details);visibility:visible;z-index:9;background-image:var(--PAGE-GRADIENT);scrollbar-gutter:stable;background-attachment:fixed;place-content:center;margin:0;position:fixed;inset:0;overflow:auto}.photo-details:not(.photo-frame-container:target>*){display:none}.photo-frame-container:target>*{max-inline-size:min(var(--type--framed,var(--width,100cqw)/var(--MIN-RESOLUTION),(100vh - 2*var(--padding,0px))*var(--ratio,1))var(--type--full,var(--MAX-PAGE-WIDTH)),100vw - 2*var(--padding,0px));margin:auto}.photo-frame-container:target .photo{margin-top:max(0px,var(--top-offset)/1.618 + var(--padding))}.photo-frame-container:target>.photo-frame:after{display:none}:has(.photo-frame-container:target):is(html,body){visibility:hidden;scrollbar-gutter:auto;overflow:hidden}.photo-frame{max-inline-size:var(--type--framed,min(var(--width)/var(--MIN-RESOLUTION),100cqw - 2*var(--padding),(100vh - 2*var(--padding))*var(--ratio)))var(--type--full,100%);--padding:var(--border-radius,0px);--top-offset:calc(.5*( 100vh - 2*var(--SCROLL-PADDING) - 100cqw/var(--ratio)))}.photo-frame>.photo{scroll-margin:var(--top-offset);max-block-size:100%}.photo-frame>figcaption{flex-wrap:wrap;margin-inline-start:calc(-1*var(--padding));padding-inline-start:var(--text-indent);display:flex}.photo-frame>figcaption>nav{margin-inline-start:auto}.photo-frame nav>a{padding:0}.photo-frame nav>a[href$=--full]{display:var(--mode--article,flex)var(--mode--details,none)}.photo-frame nav>a:not([href$=--full]){display:var(--mode--article,none)var(--mode--details,flex)}section>.photo-frame{position:relative}section>.photo-frame nav{width:max-content;padding-block-start:calc(.5*var(--MIN-CONTENT-PADDING));padding-inline:min(var(--MIN-CONTENT-PADDING),var(--text-indent) - var(--padding));font-size:var(--FONT-SIZE--SMALL);background:var(--mode--article,var(--CONTENT-BG))var(--mode--details,transparent);corner-shape:bevel;position:var(--mode--article,absolute)var(--mode--details,static);opacity:var(--mode--article,0)var(--mode--details,1);border-top-left-radius:.8em;margin-left:auto;transition:opacity .25s .25s;bottom:0;right:0}section>.photo-frame nav:focus-within,section:hover :is(section>.photo-frame nav){opacity:1;transition-delay:.125s}section>.photo-frame nav:focus-within{transition-delay:0s}.photo-details{gap:1rem;padding-block:1rem;padding-inline:0}.photo-details>dt{text-align:right}p.starts-with-tag>img:only-child{display:block}p.starts-with-tag:has(>img:only-child),section.photo-frame-container{margin-inline:calc(-1*var(--content-padding))}html{scrollbar-gutter:stable;color-scheme:light dark;font-synthesis:none;--SCROLL-PADDING:var(--MIN-CONTENT-PADDING);scroll-padding:var(--SCROLL-PADDING);--CONTENT-WIDTH:48rem;--MAX-LAYOUT-WIDTH:calc(2.5*var(--CONTENT-WIDTH));--ASIDE-WIDTH:16rem;--MIN-CONTENT-PADDING:16px;--DOUBLE-PADDING:calc(2*var(--MIN-CONTENT-PADDING));--MAX-CONTENT-PADDING:6rem;--MIN-PAGE-WIDTH:22rem;--MAX-PAGE-WIDTH:calc(var(--CONTENT-WIDTH) + 2*var(--MAX-CONTENT-PADDING));--FONT-SIZE--SMALL:.8em;--BG-FROM:var(--LIGHT,oklch(.94 .11 175.71))var(--DARK,oklch(.28 .08 170.93));--BG-TO:var(--LIGHT,oklch(.99 .01 68))var(--DARK,oklch(.12 .03 86.71));--CONTENT-BG:var(--LIGHT,oklch(.99 .03 120.64))var(--DARK,oklch(.2 .05 219.22));--CONTENT-SHADOW:var(--LIGHT,oklch(.43 .2 339.3))var(--DARK,oklch(.67 .15 190.98));--TEXT-COLOR:var(--LIGHT,oklch(.3 .09 43.54))var(--DARK,oklch(.87 .04 106.07));--CODE-SHADOW:oklch(.43 .2 339.3);--BORDER-RADIUS:.5rem;--PINK:var(--SRGB,var(--LIGHT,pink)var(--DARK,darkmagenta))var(--OKLCH,var(--LIGHT,oklch(.89 .08 1.1))var(--DARK,oklch(.45 .2 347.15)));--GREEN:var(--SRGB,var(--LIGHT,lightgreen)var(--DARK,forestgreen))var(--OKLCH,var(--LIGHT,oklch(.9 .19 155.57))var(--DARK,oklch(.36 .11 161.84)));--RED:var(--SRGB,var(--LIGHT,#e60000)var(--DARK,#ff9f9f))var(--OKLCH,var(--LIGHT,oklch(.57 .26 29.49))var(--DARK,oklch(.82 .13 18.64)));--BLUE:var(--SRGB,var(--LIGHT,#0068b7)var(--DARK,#4dc4ff))var(--OKLCH,var(--LIGHT,oklch(.5 .16 244.86))var(--DARK,oklch(.76 .14 236.26)));--PURPLE:var(--SRGB,var(--LIGHT,#48009e)var(--DARK,#dcb3ff))var(--OKLCH,var(--LIGHT,oklch(.36 .21 292.21))var(--DARK,oklch(.83 .12 306.88)));--LIGHT:initial;--DARK: ;--SRGB:initial;--OKLCH: ;--min-aside-width:0px;--PAGE-GRADIENT:radial-gradient(farthest-corner circle at 50% 50%,var(--BG-FROM)min(.5*var(--MAX-PAGE-WIDTH),62vmin),var(--BG-TO)100%);background-image:var(--PAGE-GRADIENT);hyphens:auto;scroll-snap-type:y proximity;--MIN-RESOLUTION:1;background-attachment:fixed}@media (resolution>=1.5x){html{--MIN-RESOLUTION:1.5}}@media (resolution>=2x){html{--MIN-RESOLUTION:2}}@media (resolution>=2.5x){html{--MIN-RESOLUTION:2.5}}@media (resolution>=3x){html{--MIN-RESOLUTION:3}}@media (prefers-color-scheme:dark){html{--LIGHT: ;--DARK:initial}}@supports (color:oklch(.89 .2 166.25)){:root{--SRGB: ;--OKLCH:initial}}.root-container{container:--root/inline-size}.root-grid{z-index:0;max-width:var(--MAX-LAYOUT-WIDTH);--left-col:minmax(0px,1fr);--content-col:minmax(0px,calc(var(--MAX-PAGE-WIDTH) - 2*var(--content-padding)));--right-col:minmax(var(--min-aside-width),1fr);grid-template:" --full --full --full    --full --full " " .      --page --page    --page .      " " .      .      --content .      .      "/var(--left-col)var(--content-padding)var(--content-col)var(--content-padding)var(--right-col);box-sizing:border-box;--content-padding:calc(var(--MIN-CONTENT-PADDING) + clamp(0px,.5*(100vw - var(--CONTENT-WIDTH)),var(--MAX-CONTENT-PADDING)));--overhang:clamp(0px,var(--content-padding) - var(--MIN-CONTENT-PADDING),.5em);--FONT-SIZE--BODY:calc(1.5rem*var(--mix-wide) + 1.125rem*var(--mix-narrow));--LINE-HEIGHT--BODY-UNITLESS:1.6;--line-height--body:calc(var(--FONT-SIZE--BODY)*var(--LINE-HEIGHT--BODY-UNITLESS));--text-indent:clamp(var(--FONT-SIZE--BODY),var(--content-padding),var(--line-height--body));min-height:100vh;font-size:var(--FONT-SIZE--BODY);color:var(--TEXT-COLOR);--aside-limit:max(0px,var(--MAX-PAGE-WIDTH) + var(--ASIDE-WIDTH) - 100cqw);--captured-length:calc(var(--aside-limit));--captured-number:min(1,round(up,tan(atan2(var(--captured-length),1px)),1));--has-no-aside:var(--captured-number);--has-aside:calc(1 - var(--has-no-aside));--toc-limit:max(0px,var(--MAX-PAGE-WIDTH) + (var(--ASIDE-WIDTH)*1.75) - 100cqw);--captured-length2:calc(var(--toc-limit));--captured-number2:min(1,round(up,tan(atan2(var(--captured-length2),1px)),1));--has-no-toc:var(--captured-number2);--has-toc:calc(1 - var(--has-no-toc));--aside-column-start:calc(4 - 1*var(--has-no-aside));--aside-column-end:calc(6 - 2*var(--has-no-aside));--aside-column:var(--aside-column-start)/var(--aside-column-end);--toc-column-start:calc(1 + 2*var(--has-no-toc));--toc-column-end:calc(3 + 1*var(--has-no-toc));--toc-column:calc(var(--toc-column-start)*var(--has-toc) + var(--aside-column-start)*var(--has-no-toc))/calc(var(--toc-column-end)*var(--has-toc) + var(--aside-column-end)*var(--has-no-toc));--captured-length3: calc(100vw - 100cqw) ;--scrollbar-width:var(--captured-length3);margin-inline:auto;font-family:Iowan Old Style,Palatino Linotype,URW Palladio L,P052,Hiragino Kaku Gothic ProN,Osaka,メイリオ,Meiryo,ＭＳ Ｐゴシック,MS PGothic,serif;display:grid;position:relative}:where(.root-grid)>*,:where(.root-grid)>astro-island>*{grid-column:--content;margin:0}.root-grid:has(.aside-wrapper,aside>details){--min-aside-width:calc(var(--ASIDE-WIDTH)*var(--has-aside))}@supports not (width:round(1px,1px)){.root-grid{--has-no-aside:1;--has-aside:0;--has-no-toc:1;--has-toc:0}}@supports not (display:grid){.root-grid{max-width:var(--MAX-PAGE-WIDTH);margin:0 auto}}@property --captured-length{syntax:"<length>";inherits:true;initial-value:0}@property --captured-number{syntax:"<number>";inherits:true;initial-value:1}@property --captured-length2{syntax:"<length>";inherits:true;initial-value:0}@property --captured-length3{syntax:"<length>";inherits:true;initial-value:0}@property --captured-number2{syntax:"<number>";inherits:true;initial-value:1}body{margin:0}header{--ratio:.5;min-block-size:calc(var(--ratio)*var(--MAX-CONTENT-PADDING));align-content:center;display:grid}header>h1{text-shadow:var(--DARK,0 -2px 2px #000)var(--LIGHT,0 1px .5px #fff);margin:0;font-size:2em}header:has(>h1){--ratio:1}footer{color:var(--mix);--mix-alpha:.8}h1{letter-spacing:.025em;font-size:1.75em;font-variant-caps:small-caps;font-weight:800;line-height:1.2}@layer small-caps{*{--small-caps:var(--_small-caps);--_small-caps:small-caps var(--WHEN,if(style(--small-caps: var(--small-caps)):));font-variant-caps:var(--_small-caps,revert-layer)}}h2{margin-block-start:1lh;font-size:1.25em}h3,h4,h5,h6{margin-block:.5lh -.5lh;font-size:1.1em;font-weight:900}h4,h5,h6{letter-spacing:.015em;font-size:1em;font-style:italic}h5,h6{font-weight:600}main>article{z-index:0;padding-block-start:calc(.5*var(--MAX-CONTENT-PADDING));padding-block-end:var(--MAX-CONTENT-PADDING);position:relative}@supports not (display:grid){main>article{padding-inline:var(--content-padding)}}main>article:before{content:"";z-index:-1;background:var(--CONTENT-BG);box-shadow:0 0 1rem -.6rem var(--CONTENT-SHADOW);border-radius:var(--BORDER-RADIUS);grid-column:--page;position:absolute;inset:0}main,article{grid-template-columns:subgrid;--gap:1em;gap:var(--gap)0;grid-column:--full;display:grid}:where(:is(main,article))>*,:where(:is(main,article))>astro-island>*{grid-column:--content;margin:0}hr{border:none;inline-size:auto}code{font:inherit;white-space:pre-wrap;tab-size:2;word-break:keep-all;hyphens:none}:not(pre)>code,blockquote{font-style:italic}:not(pre)>code{letter-spacing:.015em}:not(pre)>code:not(a[href] *){color:var(--link-color,var(--RED))}:is(blockquote,figcaption) :is(code,em){letter-spacing:0;font-style:normal}blockquote{text-wrap:balance;margin-inline:0;padding-inline-start:var(--text-indent)}blockquote>*{--content-padding:var(--DOUBLE-PADDING)}blockquote>:only-child{margin:0}blockquote>p:first-child{margin-block-start:0}blockquote>p:last-child{margin-block-end:0}iframe{border:none}video{block-size:auto;max-inline-size:100%}h1,h2,h3,h4,h5,h6{text-wrap:balance;line-height:1.1}p,li,dd{line-height:var(--LINE-HEIGHT--BODY-UNITLESS);text-wrap:pretty;font-variant-numeric:oldstyle-nums}:is(p,li,dd) a[href],:is(p,li,dd) code,:is(p,li,dd):first-letter{font-variant-numeric:normal}article>:not(figure,pre,aside){margin-inline-end:max(-1*var(--MIN-CONTENT-PADDING),var(--MIN-CONTENT-PADDING) - var(--content-padding))}:is(:is(article,blockquote)>p:not(.starts-with-tag:has(>img:only-child)),:is(article,blockquote)>p:not(.starts-with-tag:has(>img:only-child))+.aside-wrapper)+p:not(.starts-with-tag:has(>img:only-child)){text-indent:var(--text-indent);margin-block-start:calc(-1*var(--gap))}:is(:is(article,blockquote)>p:not(.starts-with-tag:has(>img:only-child)),:is(article,blockquote)>p:not(.starts-with-tag:has(>img:only-child))+.aside-wrapper)+p:not(.starts-with-tag:has(>img:only-child))>*{text-indent:0}li p{margin:0}li+li{margin-block-start:.25lh}li:has(p)+li{margin-block-start:.5lh}a[href]{color:var(--BLUE);--link-color:var(--BLUE);padding-block:.115em;font-weight:600}a[href]:visited:not(:hover,:focus-visible){color:var(--PURPLE);--link-color:var(--PURPLE)}a[href],summary,u{text-underline-offset:clamp(2px,.075em,4px);text-decoration-thickness:max(1px,.075em);text-decoration-color:color-mix(in srgb,var(--mix),transparent calc(100% - 100%*var(--decoration-thickness-override,1)));--mix-alpha:.5}a[href^="#"],summary{--mix-alpha:.75;text-decoration-style:dotted}:is(a[href],summary):is(:hover,:focus-visible),:is(a[href],summary):is(:hover,:focus-visible)>u{--mix-alpha:1}summary{cursor:pointer}summary>u{text-decoration-style:dotted}summary:focus:not(:focus-visible),:root:not(:active) label:hover,label:active{user-select:none}.nowrap,.nowrap>*{white-space:nowrap}.nou{white-space:nowrap}.nou:before,.nou:after{content:"‍"}.nou>span{display:inline-block}a[href].is-inherited{font-variant-numeric:oldstyle-nums}a[href].is-inherited:not(:hover,:focus-visible){all:unset;font-variant-numeric:oldstyle-nums;color:inherit;font-weight:600}[hidden]{display:none}.is-inline-block{max-inline-size:100%;display:inline-block}ul,ol{padding:0;padding-inline-start:calc(3*var(--MIN-CONTENT-PADDING) - var(--content-padding))}:is(ul,ol):has(>li.starts-with-tag>a.has-left-overhang:first-child,>li.starts-with-tag>p.starts-with-tag:first-child>a.has-left-overhang:first-child) li{margin-inline-start:calc(-1*var(--overhang));padding-inline-start:var(--overhang)}li.starts-with-tag:has(>a.has-left-overhang:first-child,>p.starts-with-tag:first-child>a.has-left-overhang:first-child)>a.has-left-overhang:first-child,li.starts-with-tag:has(>a.has-left-overhang:first-child,>p.starts-with-tag:first-child>a.has-left-overhang:first-child)>p.starts-with-tag:first-child>a.has-left-overhang:first-child{margin-inline-start:calc(-1*var(--overhang))}:is(ul,ol) ul{padding-block:.25em;padding-inline-start:calc(1.25*var(--MIN-CONTENT-PADDING))}:is(ul,ol) ol{padding-block:.5em;padding-inline-start:calc(1.5*var(--MIN-CONTENT-PADDING))}dl{gap:0 var(--text-indent);font-size:var(--FONT-SIZE--SMALL);color:var(--mix);--mix-alpha:.8;grid-template:"dt dd"/auto 1fr;align-items:baseline;padding-inline-start:var(--text-indent);display:grid}blockquote>:is(dl){grid-template:" dt dt dt " " .  dd dd "/var(--text-indent)1fr 1fr}dt{grid-column:dt;font-weight:600}dd{text-wrap:balance;grid-column:dd;margin:0}*,:before,:after,::marker{--mix-color:currentColor;--mix-alpha:100%;--mix:color-mix( in srgb,var(--mix-color)calc(100%*var(--mix-alpha)),transparent)}ul>li::marker{color:var(--mix);--mix-alpha:.8;line-height:1}ul ul>li::marker{--mix-alpha:100%}img{max-inline-size:100%;height:auto}figure{isolation:isolate;--padding:var(--MIN-CONTENT-PADDING);padding:var(--padding);max-inline-size:calc(1px*var(--width)/2 + 2*var(--padding));--border-radius:var(--BORDER-RADIUS);--content-padding:0px;margin:0;display:grid;position:relative;container-type:inline-size}figure:after{content:"";z-index:-1;inset-block:calc(-1*var(--padding));outline:1px solid var(--BLUE);border-radius:var(--border-radius);opacity:.5;grid-row:1/99;position:absolute;inset-inline:0}figure:not(:has(>figcaption)):after{inset-block-end:0}figcaption{font-size:var(--FONT-SIZE--SMALL);padding-block-start:calc(.5*var(--MIN-CONTENT-PADDING));padding-inline:min(var(--MIN-CONTENT-PADDING),var(--text-indent) - var(--padding));text-wrap:balance;grid-row:99;margin-block-start:var(--padding);font-style:italic}figcaption>p{margin:0}pre{max-inline-size:100cqi;padding:var(--MIN-CONTENT-PADDING);padding-inline:max(var(--MIN-CONTENT-PADDING),.5*var(--content-padding));margin-inline:calc(-.5*var(--content-padding));margin-block:var(--MIN-CONTENT-PADDING);box-shadow:0 .1em .7rem -.5rem var(--CODE-SHADOW);font-size:clamp(.5em,3vw + .25em,.88em);line-height:1.5}:where(:not(figure))>:not(h2,h3,h4,h5,h6)+pre{justify-self:center;inline-size:fit-content}li>pre{box-sizing:border-box;--content-padding:var(--DOUBLE-PADDING);max-inline-size:100%}figure>pre{box-sizing:content-box;margin-block-end:0;margin-inline:min(calc(-1*var(--padding)),0px);border-radius:0}figure>:nth-last-child(1 of:not(style,figcaption)){margin-block-end:0}figure>pre:nth-last-child(1 of:not(style,figcaption)){border-end-end-radius:calc(var(--BORDER-RADIUS) + 1px);border-end-start-radius:calc(var(--BORDER-RADIUS) + 1px);margin-block-end:min(calc(-1*var(--padding)),0px)}figure>pre:nth-child(1 of:not(style,script)){border-start-start-radius:calc(var(--BORDER-RADIUS) + 1px);border-start-end-radius:calc(var(--BORDER-RADIUS) + 1px);margin-block-start:min(calc(-1*var(--padding)),0px)}pre{text-align:left;white-space:pre-wrap;word-spacing:normal;word-break:normal;word-wrap:normal;border-radius:var(--BORDER-RADIUS);font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;overflow:auto}[style*="--C:"]{color:var(--C)}[style*="--D:"]{color:var(--LIGHT,var(--L))var(--DARK,var(--D))}[style*="--D-bg:"]{background:var(--LIGHT,var(--L-bg))var(--DARK,var(--D-bg))}sup{vertical-align:baseline;font-size:.7em;line-height:1;position:relative;bottom:1.4ex}@supports (font-variant-position:super){sup{font-variant-position:super;font-size:1em;bottom:0}}mastodon-post-info{min-height:9.25rem}aside{--aside-padding:var(--text-indent);padding-inline:var(--aside-padding)calc(.5*var(--aside-padding));font-size:var(--FONT-SIZE--SMALL);--aside-color:var(--GREEN);background:color-mix(in srgb,var(--aside-color)var(--aside-color-alpha,10%),var(--aside-backdrop,transparent));border-radius:var(--BORDER-RADIUS);box-shadow:inset 0 0 0 2px var(--aside-color),var(--aside-shadow,0 0);display:flow-root;position:relative}aside>:is(h2,h3,h4,h5,h6):first-child{margin-block-start:1em}aside.warning{--aside-color:var(--RED)}aside>details>summary{margin-inline:calc(-1*var(--aside-padding))calc(-.5*var(--aside-padding));padding-block:.5lh;padding-inline:calc(.5*var(--aside-padding))}aside>details>summary:is([open]>*){border-bottom:1px solid var(--aside-color)}.table-of-contents{z-index:calc(-2*var(--has-aside));opacity:calc(.7 + .3*var(--has-no-aside));grid-column:var(--toc-column);max-inline-size:max-content;--toc-margin:calc(var(--content-padding) + var(--MIN-CONTENT-PADDING));--aside-color:var(--CONTENT-BG);--aside-color-alpha:0%;--aside-backdrop:var(--CONTENT-BG);box-shadow:0 0 1rem -.6rem var(--CONTENT-SHADOW);max-height:calc((100vh - var(--MIN-CONTENT-PADDING))*var(--has-aside) + 9999px*var(--has-no-aside));grid-row:3/span 6;place-self:start;margin-inline-start:calc(var(--MIN-CONTENT-PADDING)*var(--has-toc) + var(--toc-margin)*var(--has-aside)*var(--has-no-toc));margin-inline-end:calc(var(--MIN-CONTENT-PADDING)*var(--has-aside)*var(--has-no-toc) + var(--toc-margin)*var(--has-toc));position:sticky;inset-block-start:calc(var(--MIN-CONTENT-PADDING) - 9999px*var(--has-no-aside));overflow:auto}.table-of-contents:before{content:"";position:absolute;inset-block:0}.table-of-contents:hover,.table-of-contents:has(:focus-visible){z-index:1;opacity:1}.table-of-contents:has(>details[open]){--toc-margin:var(--DOUBLE-PADDING);transform:translate(calc((var(--content-padding) - var(--MIN-CONTENT-PADDING))*var(--has-aside)*var(--has-no-toc)))}.table-of-contents:has(>details[open]):hover,.table-of-contents:has(>details[open]):has(:focus-visible){transform:translate(calc(var(--MIN-CONTENT-PADDING)*var(--has-aside)*var(--has-no-toc)))}scroll-markers>ul{margin-top:0}scroll-markers>ul li{text-wrap:balance;line-height:1.25}.aside-wrapper{grid-column:var(--aside-column);grid-row-end:span var(--span,1);--aside-backdrop:var(--CONTENT-BG);box-sizing:border-box;inline-size:100%;max-inline-size:max(var(--CONTENT-WIDTH)/1.5,100%*var(--has-no-aside));min-inline-size:var(--min-aside-width);padding-inline:calc(var(--MIN-CONTENT-PADDING)*var(--has-aside));pointer-events:none}.aside-wrapper>aside{pointer-events:auto;--aside-padding:calc(var(--DOUBLE-PADDING)*var(--has-aside) + var(--text-indent)*var(--has-no-aside));max-height:calc(100vh*var(--has-aside) + 9999px*var(--has-no-aside));position:sticky;inset-block-start:0;overflow:auto}.no-ligatures{font-feature-settings:"liga" 0,"dlig" 0}#table-of-contents+ul{font-size:var(--FONT-SIZE--SMALL)}