@layer reset, base, typography, layout, component, theme;@layer reset{:where(*,*::before,*::after){box-sizing:border-box;border-width:0;border-style:solid}:where(html){block-size:auto;text-size-adjust:none;interpolate-size:allow-keywords;container-type:inline-size;scrollbar-gutter:stable}:where(body){min-block-size:100vh;line-height:1.5;margin:0;-webkit-font-smoothing:antialiased}:where(h1,h2,h3,h4,h5,h6){text-wrap:balance;font-weight:bold;margin-block:0}:where(ul,ol,dl){margin:0;padding:0;padding-inline:0;list-style:none inside}:where(ul,ol,dl) :where(ul,ol,dl){padding-inline-start:0}:where(p){text-wrap:balance;text-wrap:pretty;margin-block-end:1em;margin:0}:where(img,svg,video,canvas){max-inline-size:100%;block-size:auto}:where(img,svg,video,canvas) :not([popover]){display:block}:where(input,textarea,select,button){font:inherit;letter-spacing:inherit;word-spacing:inherit;color:currentColor}:where(textarea,select,input){field-sizing:content}:where(textarea){box-sizing:content-box}:where(select){appearance:base-select}:where(:focus-visible){outline:2px solid canvasText;outline-offset:2px}source{display:none}@media(prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration:.01ms !important;transition-duration:.01ms !important}}}@layer base{:root{--theme-backdrop-color: #000;--theme-bg-color: #fff;--theme-fg-color: #000;--theme-muted-color: #666;--theme-border-color: rgb(255, 0, 0);--theme-link-color: hsl(214, 100%, 94%);--code-bg: #f6f8fa;background-color:var(--theme-backdrop-color)}@media(prefers-color-scheme: dark){:root{--theme-backdrop-color: #333;--theme-bg-color: #000;--theme-fg-color: #fff}}body{color:var(--theme-fg-color);background:var(--theme-bg-color)}:where(a){color:var(--theme-link-color)}.container{background-color:var(--theme-bg-color)}.debug-grid{background-color:#000}.debug-grid *,.debug-grid *>*{background-color:rgba(100,0,0,.3)}}@layer typography{@property --type-font-size-base{syntax:"<length>";inherits:true;initial-value:16px}@property --type-font-size-min{syntax:"<length>";inherits:true;initial-value:16px}@property --type-font-size-max{syntax:"<length>";inherits:true;initial-value:48px}@property --type-scale-ratio{syntax:"<number>";inherits:true;initial-value:1.067}@property --type-line-height-base{syntax:"*";inherits:true;initial-value:1.5em}@property --type-line-height-spread{syntax:"*";inherits:true;initial-value:.08em}@property --type-letter-spacing{syntax:"*";inherits:true;initial-value:-0.05em}:root{--type-scale-ratio: var(--_type-scale-major-third);--_type-scale-minor-second: 1.067;--_type-scale-major-second: 1.125;--_type-scale-minor-third: 1.19;--_type-scale-major-third: 1.26;--_type-scale-perfect-fourth: 1.333;--_type-scale-augmented-fourth: 1.414;--_type-scale-perfect-fifth: 1.5;--_type-scale-golden-ratio: 1.618;--_type-scale-1: 1;--_type-scale-2: calc( pow( var(--type-scale-ratio), 1) );--_type-scale-3: calc( pow( var(--type-scale-ratio), 2) );--_type-scale-4: calc( pow( var(--type-scale-ratio), 3) );--_type-scale-5: calc( pow( var(--type-scale-ratio), 4) );--_type-scale-6: calc( pow( var(--type-scale-ratio), 5) );--_type-scale-7: calc( pow( var(--type-scale-ratio), 6) );--_type-scale-8: calc( pow( var(--type-scale-ratio), 7) );--_font-size-1: calc( var(--_type-scale-1) * var(--type-font-size-base) );--_font-size-2: calc( var(--_type-scale-2) * var(--type-font-size-base) );--_font-size-3: calc( var(--_type-scale-3) * var(--type-font-size-base) );--_font-size-4: calc( var(--_type-scale-4) * var(--type-font-size-base) );--_font-size-5: calc( var(--_type-scale-6) * var(--type-font-size-base) );--_font-size-6: calc( var(--_type-scale-6) * var(--type-font-size-base) );--_font-size-7: calc( var(--_type-scale-7) * var(--type-font-size-base) );--_line-height-1: var(--type-line-height-base);--_line-height-2: calc(var(--_line-height-1) - var(--type-line-height-spread));--_line-height-3: calc(var(--_line-height-2) - var(--type-line-height-spread));--_line-height-4: calc(var(--_line-height-3) - var(--type-line-height-spread));--_line-height-5: calc(var(--_line-height-4) - var(--type-line-height-spread));--_line-height-6: calc(var(--_line-height-5) - var(--type-line-height-spread));--_line-height-7: calc(var(--_line-height-6) - var(--type-line-height-spread));--font-sans: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Arial, "Noto Sans", "Liberation Sans", sans-serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace}}@layer typography{:where(body,p,ul,ol,h6,h5,h4,h3,h2,h1){font-size:clamp(var(--type-scale)*1em,var(--type-scale)*var(--type-font-size-base),var(--type-scale)*2em)}:where(h6,h5,h4,h3,h2,h1){padding-bottom:var(--header-bottom-spacing, 0)}:where(a){text-decoration:var(--theme-link-decoration, none)}:where(html,body,p,ul,ol){--type-scale: var(--_type-scale-1);font-family:var(--font-sans);font-weight:400;line-height:1.6em}:where(h6){--type-scale: var(--_type-scale-1);font-weight:600;line-height:1.5em}:where(h5){--type-scale: var(--_type-scale-2);font-weight:500;line-height:1.4em}:where(h4){--type-scale: var(--_type-scale-3);font-weight:600;line-height:1.3em}:where(h3){--type-scale: var(--_type-scale-4);font-weight:700;line-height:1.2em}:where(h2){--type-scale: var(--_type-scale-5);font-weight:800;line-height:1.1em}:where(h1){--type-scale: var(--_type-scale-6);font-weight:900;line-height:1em}:where(code,pre){font-family:var(--font-mono)}:where(strong){font-weight:600}}@layer layout.page,
layout.header,
layout.nav,
layout.footer;@layer layout.page{:root{--gta-one-column: 'full-left breakout-left header  breakout-right full-right' 'full-left breakout-left nav     breakout-right full-right' 'full-left breakout-left main    breakout-right full-right' 'full-left breakout-left sidebar breakout-right full-right' 'full-left breakout-left footer  breakout-right full-right' ;--gta-two-columns: 'full-left breakout-left header header  breakout-right full-right' 'full-left breakout-left nav nav        breakout-right full-right' 'full-left breakout-left main sidebar   breakout-right full-right' 'full-left breakout-left footer footer  breakout-right full-right' ;--gta-two-thirds-column: 'full-left breakout-left  header header header breakout-right full-right' 'full-left breakout-left  nav    nav    nav    breakout-right full-right' 'full-left breakout-left  main main sidebar    breakout-right full-right' 'full-left breakout-left  footer footer footer breakout-right full-right' ;--gtr-header: auto;--gtr-nav: auto;--gtr-content: 1fr;--gtr-footer: auto;--grid-template-rows: [full-start] var(--gtr-header) var(--gtr-nav) [content-start] var(--gtr-content) [content-end] var(--gtr-footer) [full-end];--gtc-gutter: minmax(0, 1fr);--gtc-breakout: minmax(0, 2cqi);--gtc-content: clamp(40ch, 80%, 80vi);--grid-template-columns: [full-start] var(--gtc-gutter) [breakout-start] var(--gtc-breakout) [content-start] var(--gtc-content) [content-end] var(--gtc-breakout) [breakout-end] var(--gtc-gutter) [full-end];--grid-auto-columns-min: 200px;--grid-auto-columns-max: 100%;--grid-auto-columns: repeat(auto-fit, minmax(min(300px, 100%), 1fr));--column-gap: 1rem}body{container-type:inline-size;container-name:layout-grid;min-block-size:100svh;display:grid;grid-template-columns:var(--grid-template-columns);grid-template-areas:var(--gta-one-column);grid-template-rows:var(--grid-template-rows);column-gap:var(--column-gap)}:where(body>*){display:grid;grid-column:content;grid-auto-rows:min-content;grid-template-columns:subgrid}:where(body>.sub-content>*){grid-column:content}:where(body>header){grid-area:header}:where(body>nav){grid-row:nav}:where(body>main){grid-row:main}:where(body>aside){grid-row:sidebar}:where(body>footer){grid-row:footer}body .grid-auto-columns{display:grid;grid-template-columns:var(--grid-auto-columns)}body .grid-auto-columns>*{grid-column:auto}body .full{grid-column:full}body .breakout,body .breakout .full{grid-column:breakout}body .content,body .content .full,body .content .breakout{grid-column:content}body .full-left{grid-column-start:full-start}body .full-right{grid-column-start:full-end}body .breakout-left{grid-column-start:breakout-start}body .breakout-right{grid-column-end:breakout-end}body .content-left{grid-column-start:content-start}body .content-right{grid-column-end:content-end}body .grid-row-span-1{grid-row-end:1}body .grid-row-span-2{grid-row-end:2}body .grid-col-span-1{grid-column-end:span 1}body .grid-col-span-2{grid-column-end:span 2}}@layer layout.header{:where(body>header){container-type:inline-size;container-name:main-header;--grid-template-areas: 'title header-right' 'subtitle header-right' 'header-bottom header-bottom' ;grid-template-areas:var(--grid-template-areas);grid-template-columns:max-content 1fr;grid-auto-rows:auto auto auto;justify-content:space-between;grid-column:content}:where(body>header) :where(.site-title,.title){grid-area:title;display:block}:where(body>header) :where(.subtitle){grid-column-start:subtitle}:where(body>header) :where(.menu-toggle){grid-area:header-right;justify-self:end;align-self:center}:where(body>header) :where(nav.main-nav){grid-area:header-bottom;text-align:center}:where(body>header) :where(nav.main-nav) :where(ul ul){display:none}:where(:where(body>header) :where(nav.main-nav)>ul){display:flex;flex-direction:column}@container (width > 75ch){:where(body>header) :root{--gtr-nav: 0px}:where(body>header)>nav{grid-area:header-right;align-content:center}:where(body>header)>nav>ul{flex-direction:row;display:flex;width:fit-content;margin-inline:auto 0px;column-gap:1rem}:where(body>header) .menu-toggle{display:none}}}@layer layout.footer{:where(body>footer){justify-content:center}:where(body>footer) :where(nav>ul){grid-template-columns:var(--grid-auto-columns);justify-items:center}}@layer layout{.layout-grid:has(.enable-demo-1){container-type:inline-size;container-name:main-grid;display:grid;--column-gap: max(0px, calc(3vw - 10px));--content-col-count: 12;--content-col-min-width: 35px;--content-col-max-width: 60px;--breakout-col-count: 1;--breakout-col-min-width: 0;--breakout-col-max-width: 1fr;--gutter-col-count: 1;--gutter-col-min-width: 0;--gutter-col-max-width: 5rem;--content: repeat(var(--content-col-count), min(var(--content-col-min-width), 100% - var(--column-gap) * 2));--breakout: repeat(var(--breakout-col-count), minmax(var(--breakout-col-min-width), var(--breakout-col-max-width)));--gutter: repeat(var(--gutter-col-count), minmax(var(--gutter-col-min-width), var(--gutter-col-max-width)));column-gap:var(--column-gap);grid-template-columns:[full-start] var(--gutter) [breakout-start] var(--breakout) [content-start] var(--content) [content-end] var(--breakout) [breakout-end] var(--gutter) [full-end]}:is(.layout-grid:has(.enable-demo-1)>*){outline:1px solid green;grid-column:content}:where(.layout-grid:has(.enable-demo-1).supergrid>:is(aside,section,article,span,div,nav)),.layout-grid:has(.enable-demo-1) .subgrid{display:grid;grid-template-columns:subgrid}:where(.layout-grid:has(.enable-demo-1).supergrid>:is(aside,section,article,span,div,nav))>*,.layout-grid:has(.enable-demo-1) .subgrid>*{grid-column:content}.layout-grid:has(.enable-demo-1) .content{grid-column:content;--auto-column-spread: 0;--auto-columns-template: var(--content)}.layout-grid:has(.enable-demo-1) .breakout{grid-column:breakout}.layout-grid:has(.enable-demo-1) .breakout-left{grid-column-start:breakout}.layout-grid:has(.enable-demo-1) .breakout-right{grid-column-end:breakout}.layout-grid:has(.enable-demo-1) .full{grid-column:full}.layout-grid:has(.enable-demo-1) .full-left{grid-column-start:full}.layout-grid:has(.enable-demo-1) .full-right{grid-column-end:full}.layout-grid:has(.enable-demo-1) .full.breakout{display:grid;grid-template-columns:subgrid;grid-column:full}.layout-grid:has(.enable-demo-1) .full.breakout>*{grid-column:breakout}.layout-grid:has(.enable-demo-1) .grid-inherit{display:grid}.layout-grid:has(.enable-demo-1) .grid-inherit>*{grid-column:inherit}.layout-grid:has(.enable-demo-1) :where(.auto-columns){--auto-column-count: 1;--auto-column-basis: var(--content-col-count);display:grid;grid-template-columns:subgrid}:where(.layout-grid:has(.enable-demo-1) :where(.auto-columns)>*){grid-column-start:auto;grid-column-end:span calc(var(--auto-column-basis)/var(--auto-column-count))}:where(.layout-grid:has(.enable-demo-1) :where(.auto-columns).full>*){--auto-column-basis: 16}.layout-grid:has(.enable-demo-1) :where(.auto-columns):where(.layout-grid:has(.enable-demo-1) :where(.auto-columns).breakout>*){--auto-column-basis: 14}.layout-grid:has(.enable-demo-1) :where(.auto-columns):where(.layout-grid:has(.enable-demo-1) :where(.auto-columns).two-columns){--auto-column-count: 2}.layout-grid:has(.enable-demo-1) :where(.auto-columns):where(.layout-grid:has(.enable-demo-1) :where(.auto-columns).three-columns){--auto-column-count: 3}@container main-grid (width >=650px){.grid-nonsense>*{background-color:#db7093;grid-column-start:var(--content-start, content-start);grid-column-end:content-end}.grid-nonsense.columns-three{--column-span: calc(var(---content-col-count) / 3)}}}@layer layout{div.gist .blob-wrapper table tr:nth-child(2n){background:#eee !important}}@layer layout{img[data-lqip]{background-image:var(--lqip);background-repeat:no-repeat;background-position:center;background-size:cover}figure p{--type-scale: 0.8;margin-block:1em}:where(button,img,picture,figure){margin-inline:auto}:where(button,img,picture,figure).image-left{float:left;margin-inline:0 2em}:where(button,img,picture,figure).image-right{float:right;margin-inline:2em 0}}@layer components{.breadcrumbs{--type-scale: 0.9;display:flex;flex-wrap:wrap;padding-block-end:1rem;gap:.5rem}.breadcrumbs li+li::before{content:"›";margin-right:.5rem;opacity:.6}}@layer layout.header{:where(nav.main-nav>ul){display:none}:where(.menu-toggle){--toggle-button-size: 3rem;--burger-height: 100cqi;--burger-spacer-height: 30cqi;--toggle-background-color: var(--theme-bg-color);--toggle-button-color: currentColor;container-type:inline-size;inline-size:var(--toggle-button-size);block-size:var(--toggle-button-size);cursor:pointer}:where(.menu-toggle) :where(input){display:none}:where(.menu-toggle) :where(.nav-icon){display:flex;flex-direction:column;justify-content:space-evenly;background-color:var(--toggle-button-color);block-size:var(--burger-height, 100cqi);inline-size:var(--toggle-button-size, 100cqi)}:where(.menu-toggle) :where(.nav-icon)::after,:where(.menu-toggle) :where(.nav-icon)::before{content:" ";background-color:var(--toggle-background-color);inline-size:var(--toggle-button-size);block-size:var(--burger-spacer-height)}:where(:has(.menu-toggle input[type=checkbox]:checked)) :where(nav.main-nav>ul){display:block}:where(:has(.menu-toggle input[type=checkbox]:checked)) :where(.nav-icon){background-color:var(--toggle-background-color)}:where(:has(.menu-toggle input[type=checkbox]:checked)) :where(.nav-icon)::before{transform:rotate(45deg)}:where(:has(.menu-toggle input[type=checkbox]:checked)) :where(.nav-icon)::after{transform:rotate(-45deg);position:absolute}:where(:has(.menu-toggle input[type=checkbox]:checked)) :where(.nav-icon)::before,:where(:has(.menu-toggle input[type=checkbox]:checked)) :where(.nav-icon)::after{background-color:var(--toggle-button-color);height:calc((var(--burger-height) - var(--burger-spacer-height)*var(--space-count, 2))/var(--stripe-count, 3))}}@layer theme{:root{--type-scale-ratio: var(--_type-scale-major-second);--theme-link-decoration: underline dotted}body>main{--header-bottom-spacing: 1rem}a:hover{color:var(--accent-color)}.title a{color:var(--accent-color)}}@layer theme;@layer theme{:root{--theme-bg-color: #ffffff;--theme-fg-color: #000000;--theme-link-color: #330000;--accent-color: #ca1e00}}@layer theme{:root{--gtc-gutter: auto;--gtc-breakout: 0px;--gtc-content: min(85vw, 800px);--column-gap: 0px;--font-sans: "Helvetica Neue", Helvetica, Arial, sans-serif}}@layer theme{body>header{border-bottom:1px solid rgba(255,0,0,.8);margin-block:30px;padding-block-start:30px;--theme-link-decoration: none}body>header .title{--type-scale: var(--_type-scale-8);line-height:1em;font-weight:600}body>header .menu-toggle{--toggle-button-size: 2rem}body>header nav li a{display:block;min-height:44px;align-content:center}}@layer layout.page{}@layer theme{:where(body>main) .list-header,:where(body>main) .post{padding-block:2em;border-block-end:1px dotted #640000}:where(body>main) .post header{--header-bottom-spacing: 0rem;margin-bottom:1.5em}:where(body>main) .post .terms{display:flex;flex-direction:row;align-items:center;gap:.5em}:where(body>main) .post .terms[data-taxonomy=tags] li a{background-color:#bbb;border:1px dotted red;border-radius:2px;padding-inline:5px;text-decoration:none}:where(body>main) .post .pagination :where(ul){display:flex;flex-direction:row;justify-content:space-around}:where(body>main) .post :has(code){margin-inline:.5em;text-wrap:wrap}:where(body>main) .post.prose>p{text-wrap:auto}:where(body>main) .post.prose>:where(h1,h2,h3,h4,h5,h6){clear:both;padding-bottom:0px;margin-top:1.5em;margin-bottom:.5em;font-weight:700}:where(body>main) .post.prose>:where(p,ul,ol,blockquote,pre){margin-top:1.25em;margin-bottom:.5em}:where(body>main) .post.prose>:where(ul,ol){padding-left:1.5em}:where(body>main) .post.prose>:where(ul){list-style:disc}:where(body>main) .post.prose>:where(ol){list-style:decimal}:where(body>main) .post.prose>:where(li){margin-bottom:.375em}:where(body>main) .post.prose>:where(figcaption p){--type-scale: 0.8;color:#333}:where(body>main) .post.prose>:where(blockquote){background-color:#f9f9f9;border-left:10px solid #bbb;margin:1.5em 2em;padding:1.5em 50px}:where(body>main) .post.prose>:where(blockquote) p{display:inline}:where(body>main) .post.prose>:where(blockquote)::before{color:var(--accent-color);content:open-quote;font-size:4em;line-height:.1em;margin-right:.25em;vertical-align:-0.4em}:where(body>main) .post .content-grid{--content-grid-gap: 2em;--content-grid-columns: auto-fit;--content-grid-width-min: 250px;--content-grid-width-max: (100% - var(--content-grid-gap));--content-grid-cols-min: 1;--content-grid-cols-max: 2;display:grid;grid-template-columns:repeat(var(--content-grid-columns), minmax(min(var(--content-grid-width-max) / var(--content-grid-cols-min), max(var(--content-grid-width-min), var(--content-grid-width-max) / var(--content-grid-cols-max))), 1fr));gap:var(--content-grid-gap);justify-items:center;align-items:center;text-align:center}:where(body>main) .post .content-grid[data-columns-repeat=auto-fit]{--content-grid-columns: auto-fit}:where(body>main) .post .content-grid[data-columns=auto-fill]{--content-grid-columns: auto-fill}:where(body>main) .post .content-grid[data-columns="1"]{--content-grid-columns: 1}:where(body>main) .post .content-grid[data-columns="2"]{--content-grid-columns: 2}:where(body>main) .post .content-grid[data-columns="3"]{--content-grid-columns: 3}:where(body>main) .post .content-grid[data-columns="4"]{--content-grid-columns: 4}:where(body>main) .post .content-grid[data-columns-max="1"]{--content-grid-cols-max: 1}:where(body>main) .post .content-grid[data-columns-max="2"]{--content-grid-cols-max: 2}:where(body>main) .post .content-grid[data-columns-max="3"]{--content-grid-cols-max: 3}:where(body>main) .post .content-grid[data-columns-max="4"]{--content-grid-cols-max: 4}:where(body>main) .post .content-grid[data-columns-min="1"]{--content-grid-cols-min: 1}:where(body>main) .post .content-grid[data-columns-min="2"]{--content-grid-cols-min: 2}:where(body>main) .post .content-grid[data-columns-min="3"]{--content-grid-cols-min: 3}:where(body>main) .post .content-grid[data-columns-min="4"]{--content-grid-cols-min: 4}}@layer theme{body>footer{margin-block:30px}:where(body>footer>nav>ul>li) ul{margin-left:1.5rem}:where(:where(body>footer>nav>ul>li)>a){text-decoration:none;font-size:var(--_font-size-3);font-weight:600}:where(:where(body>footer>nav>ul>li)>a):after{content:"";display:block;width:1lh;height:.25rem;background-color:var(--accent-color);margin-top:.4rem;margin-bottom:1rem}}@layer layout.content{.post-details{padding-bottom:var(--header-bottom-spacing);padding-top:1em;--gap: 0.5em;display:flex;flex-direction:row}.post-details>li{display:flex;gap:var(--gap)}.post-details>li+li::before{content:"|";margin-left:var(--gap);opacity:.6}.post-details>li.date{justify-content:end;flex-grow:1}.post-details>li.date::before{content:""}}@layer layout{button[popovertarget]{background-color:rgba(0,0,0,0);padding:6px;padding-bottom:0}[popovertarget]:has(img){cursor:zoom-in}[popovertarget] img{border-radius:.5em;border:2px solid var(--theme-link-color)}[popovertarget] img:hover{box-shadow:0px 0px 5px 2px var(--theme-link-color);transform:scale(1.005)}[popovertarget] picture{display:inline-block}[popover]:popover-open{padding:.5em .5em 0;border-radius:.5em;background-color:rgba(51,51,51,.6784313725);color:var(--theme-bg-color);box-shadow:0px 0px 10px 5px rgba(0,0,0,.5);box-shadow:0px 0px 10px 5px rgba(0,0,0,.8);border:1px solid #000;max-inline-size:95vw;width:min-content;margin:revert}[popover]:popover-open::backdrop{background-color:rgba(0,0,0,.5);backdrop-filter:blur(3px)}[popover]:popover-open img{max-inline-size:90vw;max-block-size:90vh;inline-size:auto;block-size:auto;border-radius:4px}}