/**
 * matcha.css — Custom build (Mon Nov 04 2024)
 * Copyright © 2024 Lecoq Simon (@lowlighter)
 * MIT license — https://github.com/lowlighter/matcha
 */
 :root { --ft: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji"; --ft-mono: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace; --ft-size: 18px; --ly-header-size: 3.5rem; --ly-aside-size-small: 2.5rem; --ly-brand: #e6edf3; --ly-bg-brand: #010409; --light-default: #1f2328; --light-subtle: #1f2328; --light-contrast: #e6edf3; --light-muted: #656d76; --light-accent: #fe640b; --light-active: #8250df; --light-variant: #bf3989; --light-success: #1a7f37; --light-attention: #9a6700; --light-severe: #bc4c00; --light-danger: #d1242f; --dark-default: #e6edf3; --dark-subtle: #e6edf3; --dark-contrast: #1f2328; --dark-muted: #848d97; --dark-accent: #ef9f76; --dark-active: #a371f7; --dark-variant: #db61a2; --dark-success: #3fb950; --dark-attention: #d29922; --dark-severe: #db6d28; --dark-danger: #f85149; --light-bg-default: #eff1f5; --light-bg-subtle: #d0d7de; --light-bg-contrast: #24292f; --light-bg-muted: #f6f8fa; --light-bg-accent: #ddf4ff; --light-bg-active: #fbefff; --light-bg-variant: #ffeff7; --light-bg-success: #dafbe1; --light-bg-attention: #fff8c5; --light-bg-severe: #fff1e5; --light-bg-danger: #ffebe9; --dark-bg-default: #303446; --dark-bg-subtle: #30363d; --dark-bg-contrast: #6e7681; --dark-bg-muted: #161b22; --dark-bg-accent: #121d2f; --dark-bg-active: #231f39; --dark-bg-variant: #221926; --dark-bg-success: #12261e; --dark-bg-attention: #272115; --dark-bg-severe: #221a19; --dark-bg-danger: #25171c; --light-backdrop: #8c959f33; --light-bd-muted: #d0d7deb3; --dark-bd-muted: #30363db3; --dark-backdrop: #161b2266; --bd-radius: 6px; --tr-duration: .2s; --ct-width: 1024px; }


 /*
  * While everything below can be edited, it is advised to leave them to default and edit the upper rule instead for easier maintenance.
  */
 
 :root,[data-color-scheme="light"] {
   /* Colors */
   --default: var(--light-default);
   --subtle: var(--light-subtle);
   --contrast: var(--light-contrast);
   --muted: var(--light-muted);
   --accent: var(--light-accent);
   --active: var(--light-active);
   --variant: var(--light-variant);
   --success: var(--light-success);
   --attention: var(--light-attention);
   --severe: var(--light-severe);
   --danger: var(--light-danger);
 
   /* Backgrounds */
   --bg-default: var(--light-bg-default);
   --bg-subtle: var(--light-bg-subtle);
   --bg-contrast: var(--light-bg-contrast);
   --bg-muted: var(--light-bg-muted);
   --bg-accent: var(--light-bg-accent);
   --bg-active: var(--light-bg-active);
   --bg-variant: var(--light-bg-variant);
   --bg-success: var(--light-bg-success);
   --bg-attention: var(--light-bg-attention);
   --bg-severe: var(--light-bg-severe);
   --bg-danger:  var(--light-bg-danger);
 
   /* Miscellaneous */
   --bd-muted: var(--light-bd-muted);
   --backdrop: var(--light-backdrop);
 }
 
 [data-color-scheme="dark"] {
   /* Colors */
   --default: var(--dark-default);
   --subtle: var(--dark-subtle);
   --contrast: var(--dark-contrast);
   --muted: var(--dark-muted);
   --accent: var(--dark-accent);
   --active: var(--dark-active);
   --variant: var(--dark-variant);
   --success: var(--dark-success);
   --attention: var(--dark-attention);
   --severe: var(--dark-severe);
   --danger: var(--dark-danger);
 
   /* Backgrounds */
   --bg-default: var(--dark-bg-default);
   --bg-subtle: var(--dark-bg-subtle);
   --bg-contrast: var(--dark-bg-contrast);
   --bg-muted: var(--dark-bg-muted);
   --bg-accent: var(--dark-bg-accent);
   --bg-active: var(--dark-bg-active);
   --bg-variant: var(--dark-bg-variant);
   --bg-success: var(--dark-bg-success);
   --bg-attention: var(--dark-bg-attention);
   --bg-severe: var(--dark-bg-severe);
   --bg-danger:  var(--dark-bg-danger);
 
   /* Miscellaneous */
   --bd-muted: var(--dark-bd-muted);
   --backdrop: var(--dark-backdrop);
 }
 
 @media (prefers-color-scheme: dark) {
   :root:not([data-color-scheme="light"]) {
     /* Colors */
     --default: var(--dark-default);
     --subtle: var(--dark-subtle);
     --contrast: var(--dark-contrast);
     --muted: var(--dark-muted);
     --accent: var(--dark-accent);
     --active: var(--dark-active);
     --variant: var(--dark-variant);
     --success: var(--dark-success);
     --attention: var(--dark-attention);
     --severe: var(--dark-severe);
     --danger: var(--dark-danger);
 
     /* Backgrounds */
     --bg-default: var(--dark-bg-default);
     --bg-subtle: var(--dark-bg-subtle);
     --bg-contrast: var(--dark-bg-contrast);
     --bg-muted: var(--dark-bg-muted);
     --bg-accent: var(--dark-bg-accent);
     --bg-active: var(--dark-bg-active);
     --bg-variant: var(--dark-bg-variant);
     --bg-success: var(--dark-bg-success);
     --bg-attention: var(--dark-bg-attention);
     --bg-severe: var(--dark-bg-severe);
     --bg-danger:  var(--dark-bg-danger);
 
     /* Miscellaneous */
     --bd-muted: var(--dark-bd-muted);
     --backdrop: var(--dark-backdrop);
   }
 }
 
 /* Computed properties */
 /* stylelint-disable no-duplicate-selectors */
 :root {
   /* Shadows */
   --shadow: 0px 0px 0px 1px var(--bg-subtle), 0px 6px 12px -3px var(--backdrop), 0px 6px 18px 0px var(--backdrop);
   --shadow-r: 6px 0px 18px 0px var(--backdrop);
   --shadow-l: -6px 0px 18px 0px var(--backdrop);
   /** Forced colors */
   --light: var(--dark-default);
   --dark: var(--light-default);
 }
 /* stylelint-enable no-duplicate-selectors */
 h1, h2, h3, h4, h5, h6, li, dd, dt, button, p, var, code, abbr, legend, figcaption {
   hyphens: auto;
   word-break: break-word;
 }
 
 .editor {
   position: relative;
   overflow: hidden;
   width: 100%;
   border-radius: var(--bd-radius);
   background: var(--bg-muted);
 }
 
 form .editor {
   background: var(--bg-default);
 }
 
 .editor > textarea, .editor > div.highlight {
   box-sizing: border-box;
   padding: 1rem;
   border: 0;
   margin: 0;
   background: transparent;
   font-family: var(--ft-mono);
   font-size: 1rem;
   line-height: 1.5;
   -webkit-text-size-adjust: 100%;
   white-space: pre-wrap;
 }
 
 .editor > textarea {
   z-index: 1;
   border: 1px solid transparent;
   caret-color: var(--default);
   color: transparent;
 }
 
 .editor > div.highlight {
   position: absolute;
   z-index: 0;
   top: 0;
   left: 0;
   overflow: hidden;
   width: 100%;
   height: 100%;
   pointer-events: none;
 }
 
 .editor > textarea:user-valid {
   border-color: transparent;
 }
 
 .editor:hover > textarea {
   border-color: var(--accent);
 }
 
 .editor > textarea:focus {
   border-color: var(--active);
 }
 
 ::-webkit-scrollbar {
   width: .5rem;
   height: .5rem;
   background-color: transparent;
 }
 
 ::-webkit-scrollbar-thumb {
   border-radius: var(--bd-radius);
   background-color: var(--muted);
 }
 textarea:user-invalid,
 select:user-invalid,
 input:not([type="radio"],[type="checkbox"],[type="range"],[type="submit"],[type="image"]):user-invalid {
   border: 1px solid var(--danger);
 }
 
 textarea:user-valid,
 select:user-valid,
 input:not([type="radio"],[type="checkbox"],[type="range"],[type="submit"],[type="image"]):user-valid {
   border: 1px solid var(--success);
 }
 .layout-simple {
   display: grid;
   max-width: none;
   padding: 0 1.5rem;
   column-gap: 1.5rem;
   grid-template-areas:
   "header"
   "aside1"
   "main"
   "footer";
   grid-template-rows: auto 1fr auto;
 }
 
 .layout-simple > :is(header:first-of-type, footer:last-of-type) {
   display: flex;
   height: max-content;
   flex-wrap: wrap;
   align-items: center;
   justify-content: center;
   padding: 0 .5rem;
   margin-bottom: 0;
   background: var(--ly-bg-brand);
   color: var(--ly-brand);
   grid-area: header;
 }
 
 .layout-simple > :is(header:first-of-type, footer:last-of-type) > * {
   margin-top: 0;
   margin-bottom: 0;
 }
 
 .layout-simple > header:first-of-type {
   position: sticky;
   z-index: 200;
   top: 0;
   height: var(--ly-header-size);
   white-space: nowrap;
 }
 
 .layout-simple > main:only-of-type {
   grid-area: main;
 }
 
 .layout-simple > footer:last-of-type {
   overflow: auto;
   grid-area: footer;
 }
 
 .layout-simple > :is(header:first-of-type, footer:last-of-type) > nav > menu {
   flex-direction: row;
   justify-content: center;
 }
 
 .layout-simple > aside {
   display: none;
   padding: 0;
   border-left: none;
   margin: 0;
   backdrop-filter: blur(100px);
 }
 
 .layout-simple > aside > nav:only-child {
   position: sticky;
   top: var(--ly-header-size);
   overflow: auto;
   max-height: calc(100vh - var(--ly-header-size));
   box-sizing: border-box;
   padding: .5rem;
   margin: 0;
 }
 
 .layout-simple > aside:nth-of-type(1):is([data-expandable], [data-expand]) {
   display: block;
   overflow: hidden;
   max-height: var(--ly-aside-size-small);
   margin-right: -1.5rem;
   margin-left: -1.5rem;
   grid-area: aside1;
 }
 
 .layout-simple > aside:nth-of-type(1)[data-expand] {
   max-height: none;
 }
 
 .layout-simple > aside:nth-of-type(1)[data-expandable]::before {
   display: flex;
   height: var(--ly-aside-size-small);
   align-items: center;
   justify-content: center;
   content: attr(data-expandable);
   cursor: pointer;
 }
 
 .layout-simple > aside:nth-of-type(1)[data-expandable]:hover,
 .layout-simple > aside:nth-of-type(1)[data-expandable][data-expand] {
   max-height: none;
 }
 
 .layout-simple > aside:nth-of-type(1)[data-expandable]:hover::before {
   color: var(--accent);
 }
 
 .layout-simple > aside > nav:only-child > ul {
   height: 100%;
 }
 
 .layout-simple > aside a {
   color: var(--default);
 }
 
 @media (min-width: 960px) {
   .layout-simple > aside:nth-of-type(1)[data-expandable]::before {
     display: none;
   }
 
   .layout-simple > aside:nth-of-type(1):is([data-expandable], [data-expand]) {
     overflow: unset;
     max-height: none;
     margin-right: 0;
     margin-left: 0;
   }
 
   .layout-simple:has(> aside:nth-of-type(1)) {
     padding-left: 0;
     grid-template-areas:
     "header header"
     "aside1 main"
     "footer footer";
     grid-template-columns: minmax(0, .4fr) 1fr;
     grid-template-rows: auto 1fr auto;
   }
 
   .layout-simple:has(> aside:nth-of-type(1)) > :is(header:first-of-type, footer:last-of-type) {
     margin-left: 0;
   }
 
   .layout-simple > aside:nth-of-type(1) {
     display: block;
     box-shadow: var(--shadow-r);
     grid-area: aside1;
   }
 }
 
 @media (min-width: 1280px) {
   .layout-simple:has(> aside:nth-of-type(1)) {
     grid-template-areas:
       "header header header"
       "aside1 main   ."
       "footer footer footer";
     grid-template-columns: minmax(0, .3fr) 1fr minmax(0, .3fr);
   }
 
   .layout-simple:has(> aside:nth-of-type(2)) {
     padding-right: 0;
     grid-template-areas:
       "header header header"
       "aside1 main   aside2"
       "footer footer footer";
   }
 
   .layout-simple:has(> aside:nth-of-type(2)) > :is(header:first-of-type, footer:last-of-type) {
     margin-right: 0;
   }
 
   .layout-simple > aside:nth-of-type(2) {
     display: block;
     box-shadow: var(--shadow-l);
     grid-area: aside2;
   }
 }
 
 .layout-simple > header:first-of-type > nav {
   position: absolute;
   top: 0;
   right: 0;
   left: 0;
   justify-content: center;
   background: var(--ly-bg-brand);
   opacity: 0;
   pointer-events: none;
   transition: opacity var(--tr-duration), top var(--tr-duration);
 }
 
 .layout-simple > header:first-of-type:hover > nav {
   top: 100%;
   opacity: 1;
   pointer-events: auto;
 }
 
 @media (min-width: 768px) {
   .layout-simple > header:first-child {
     justify-content: space-between;
   }
 
   .layout-simple > header:first-child > nav {
     position: static;
     height: var(--ly-header-size);
     justify-content: flex-start;
     opacity: 1;
     pointer-events: auto;
   }
 }
 
 :root,[data-color-scheme="light"] {
   --comment: #57606a;
   --function: #6639ba;
   --language: #0550ae;
   --string: #0a307b;
   --keyword: #cf2248;
   --html: #0550ae;
   --section: #0349b4;
   --bullet: #953800;
 }
 
 [data-color-scheme="dark"] {
   --comment: #8b949e;
   --function: #d2a8ff;
   --language: #79c0ff;
   --string: #a5d6ff;
   --keyword: #ff7b72;
   --html: #7ee787;
   --section: #409eff;
   --bullet: #ffa657;
 }
 
 @media (prefers-color-scheme: dark) {
   :root:not([data-color-scheme="light"]) {
     --comment: #8b949e;
     --function: #d2a8ff;
     --language: #79c0ff;
     --string: #a5d6ff;
     --keyword: #ff7b72;
     --html: #7ee787;
     --section: #409eff;
     --bullet: #ffa657;
   }
 }
 
 /* Code */
 .hljs-comment {
   color: var(--comment);
 }
 
 /* Code */
 .hljs-keyword,
 .hljs-type,
 .hljs-symbol,
 .hljs-name {
   color: var(--keyword);
 }
 
 /* Code */
 .hljs-title,
 .hljs-meta {
   color: var(--function);
 }
 
 /* Code */
 .hljs-literal,
 .hljs-number,
 .hljs-operator,
 .hljs-property,
 /* HTML */
 .hljs-attr,
 /* CSS */
 .hljs-selector-id,
 .hljs-selector-class,
 .hljs-selector-pseudo,
 .hljs-attribute,
 /* Markdown */
 .hljs-code,
 /* Bash */
 .hljs-built_in {
   color: var(--language)
 }
 
 /* Code */
 .hljs-string,
 .hljs-regexp,
 /* Markdown */
 .hljs-link {
   color: var(--string);
 }
 
 /* Code */
 .hljs-variable,
 .hljs-title.class_,
 .hljs-subst,
 /* HTML */
 .hljs-tag,
 /* CSS */
 .hljs-selector-attr {
   color: var(--default);
 }
 
 /* HTML */
 .hljs-tag .hljs-name,
 /* CSS */
 .hljs-selector-tag,
 /* Markdown */
 .hljs-quote {
   color: var(--html);
 }
 
 /* Markdown */
 .hljs-section {
   color: var(--section);
   font-weight: bold;
 }
 .hljs-bullet {
   color: var(--bullet);
 }
 .hljs-emphasis {
   font-style: italic;
 }
 .hljs-strong {
   font-weight: bold;
 }
 
 /* Diff */
 .hljs-addition {
   background-color: var(--bg-success);
   color: var(--success);
 }
 .hljs-deletion {
   background-color: var(--bg-danger);
   color: var(--danger);
 }
 
 /* Flash */
 .flash {
   padding: 1rem;
   border: 1px solid transparent;
   margin: 1rem 0;
 }
 
 /* Colors */
 .default, .flash {
   color: var(--default);
 }
 
 .muted {
   color: var(--muted);
 }
 
 .accent {
   color: var(--accent);
 }
 
 .active {
   color: var(--active);
 }
 
 .variant {
   color: var(--variant);
 }
 
 .success {
   color: var(--success);
 }
 
 .attention {
   color: var(--attention);
 }
 
 .severe {
   color: var(--severe);
 }
 
 .danger {
   color: var(--danger);
 }
 
 /* Backgrounds */
 .bg-default, .flash.default {
   background-color: var(--bg-default);
 }
 
 .bg-muted, .flash.muted {
   background-color: var(--bg-muted);
 }
 
 .bg-accent, .flash.accent {
   background-color: var(--bg-accent);
 }
 
 .bg-active, .flash.active {
   background-color: var(--bg-active);
 }
 
 .bg-variant, .flash.variant {
   background-color: var(--bg-variant);
 }
 
 .bg-success, .flash.success {
   background-color: var(--bg-success);
 }
 
 .bg-attention, .flash.attention {
   background-color: var(--bg-attention);
 }
 
 .bg-severe, .flash.severe {
   background-color: var(--bg-severe);
 }
 
 .bg-danger, .flash.danger {
   background-color: var(--bg-danger);
 }
 
 /* Foregrounds */
 .fg-muted, .fg-accent, .fg-active, .fg-variant, .fg-success, .fg-attention, .fg-severe, .fg-danger {
   color: var(--light);
 }
 
 .fg-default {
   background-color: var(--default);
   color: var(--contrast);
 }
 
 .fg-muted {
   background-color: var(--muted);
 }
 
 .fg-accent {
   background-color: var(--accent);
 }
 
 .fg-active {
   background-color: var(--active);
 }
 
 .fg-variant {
   background-color: var(--variant);
 }
 
 .fg-success {
   background-color: var(--success);
 }
 
 .fg-attention {
   background-color: var(--attention);
 }
 
 .fg-severe {
   background-color: var(--severe);
 }
 
 .fg-danger {
   background-color: var(--danger);
 }
 
 /* Borders */
 .rounded, .flash {
   border-radius: var(--bd-radius);
 }
 
 .bd-default, .bd-muted, .bd-accent, .bd-active, .bd-variant, .bd-success, .bd-attention, .bd-severe, .bd-danger {
   border: 1px solid var(--default);
 }
 
 .bd-default, .flash.default {
   border-color: var(--default);
 }
 
 .bd-muted, .flash.muted {
   border-color: var(--muted);
 }
 
 .bd-accent, .flash.accent {
   border-color: var(--accent);
 }
 
 .bd-active, .flash.active {
   border-color: var(--active);
 }
 
 .bd-variant, .flash.variant {
   border-color: var(--variant);
 }
 
 .bd-success, .flash.success {
   border-color: var(--success);
 }
 
 .bd-attention, .flash.attention {
   border-color: var(--attention);
 }
 
 .bd-severe, .flash.severe {
   border-color: var(--severe);
 }
 
 .bd-danger, .flash.danger {
   border-color: var(--danger);
 }
 
 /* Text style */
 .bold {
   font-weight: bold;
 }
 
 .semibold {
   font-weight: 600;
 }
 
 .italic {
   font-style: italic;
 }
 
 .underline {
   text-decoration: underline;
 }
 
 .strikethrough {
   text-decoration: line-through;
 }
 
 .uppercase {
   text-transform: uppercase;
 }
 
 .lowercase {
   text-transform: lowercase;
 }
 
 .capitalize {
   text-transform: capitalize;
 }
 
 .centered {
   text-align: center;
 }
 
 .justified {
   text-align: justify;
 }
 
 .monospace {
   font-family: var(--mono);
 }
 
 /* Font size */
 .smaller {
   font-size: .85rem
 }
 
 .small {
   font-size: .875rem;
 }
 
 .normal {
   font-size: 1rem;
 }
 
 .large {
   font-size: 1.25rem;
 }
 
 .larger {
   font-size: 1.5rem;
 }
 
 /* Position */
 .relative {
   position: relative;
 }
 
 .fixed {
   position: fixed;
 }
 
 .absolute {
   position: absolute;
 }
 
 .sticky {
   position: sticky;
 }
 
 /* Display */
 .hidden {
   display: none;
 }
 
 .inline {
   display: inline;
 }
 
 .block {
   display: block;
 }
 
 .block.inline {
   display: inline-block
 }
 
 .flex {
   display: flex;
 }
 
 .flex.inline {
   display: inline-flex;
 }
 
 .contents {
   display: contents;
 }
 
 /* Flex */
 .flex.row {
   flex-direction: row;
 }
 
 .flex.column {
   flex-direction: column;
 }
 
 .flex.row.reverse {
   flex-direction: row-reverse;
 }
 
 .flex.column.reverse {
   flex-direction: column-reverse;
 }
 
 .flex.wrap {
   flex-wrap: wrap;
 }
 
 .flex.wrap.reverse {
   flex-wrap: wrap-reverse;
 }
 
 .flex.no-wrap {
   flex-wrap: nowrap;
 }
 
 .flex.start {
   justify-content: flex-start;
 }
 
 .flex.end {
   justify-content: flex-end;
 }
 
 .flex.center {
   justify-content: center;
 }
 
 .flex.space-between {
   justify-content: space-between;
 }
 
 .flex.space-around {
   justify-content: space-around;
 }
 
 .flex.space-evenly {
   justify-content: space-evenly;
 }
 
 .flex.stretch {
   justify-content: stretch;
 }
 
 .flex.align-start {
   align-items: flex-start;
 }
 
 .flex.align-end {
   align-items: flex-end;
 }
 
 .flex.align-center {
   align-items: center;
 }
 
 .flex.align-stretch {
   align-items: stretch;
 }
 
 .grow {
   flex-grow: 1;
 }
 
 .shrink {
   flex-shrink: 1;
 }
 
 /* Overflow */
 .overflow {
   overflow: auto;
 }
 
 .overflow-x {
   overflow-x: auto;
 }
 
 .overflow-y {
   overflow-y: auto;
 }
 
 .no-overflow {
   overflow: hidden;
 }
 
 /* Cursors */
 .pointer {
   cursor: pointer;
 }
 
 .wait {
   cursor: wait;
 }
 
 .not-allowed {
   cursor: not-allowed;
 }
 
 /* User selection */
 .no-select {
   user-select: none;
 }
 
 .select-all {
   user-select: all;
 }
 
 /* Events */
 .events {
   pointer-events: auto;
 }
 
 .no-events {
   pointer-events: none;
 }
 
 /* Sizing */
 .width {
   width: 100%;
 }
 
 .height {
   height: 100%;
 }
 
 .border-box {
   box-sizing: border-box;
 }
 
 .content-box {
   box-sizing: content-box;
 }
 
 /* Resizing */
 .resize {
   resize: both;
 }
 
 .resize-x {
   resize: horizontal;
 }
 
 .resize-y {
   resize: vertical;
 }
 
 .no-resize {
   resize: none;
 }
 
 /* SVG fill and stroke */
 svg.fill-current {
   fill: currentColor;
 }
 
 svg.no-fill {
   fill: none;
 }
 
 svg.stroke-current {
   stroke: currentColor;
 }
 
 svg.no-stroke {
   stroke: none;
 }
 
 /* Effects */
 .shadow {
   box-shadow: var(--shadow);
 }
 
 .no-shadow {
   box-shadow: none;
 }
 
 /* This section is auto-generated, please do not edit manually */.m-0 { margin: 0rem; }
 .m-\.125 { margin: .125rem; }
 .m-\.25 { margin: .25rem; }
 .m-\.5 { margin: .5rem; }
 .m-\.75 { margin: .75rem; }
 .m-1 { margin: 1rem; }
 .m-1\.25 { margin: 1.25rem; }
 .m-1\.5 { margin: 1.5rem; }
 .m-1\.75 { margin: 1.75rem; }
 .m-2 { margin: 2rem; }
 .m-3 { margin: 3rem; }
 .m-4 { margin: 4rem; }
 .mx-0 { margin-right: 0rem; margin-left: 0rem; }
 .mx-\.125 { margin-right: .125rem; margin-left: .125rem; }
 .mx-\.25 { margin-right: .25rem; margin-left: .25rem; }
 .mx-\.5 { margin-right: .5rem; margin-left: .5rem; }
 .mx-\.75 { margin-right: .75rem; margin-left: .75rem; }
 .mx-1 { margin-right: 1rem; margin-left: 1rem; }
 .mx-1\.25 { margin-right: 1.25rem; margin-left: 1.25rem; }
 .mx-1\.5 { margin-right: 1.5rem; margin-left: 1.5rem; }
 .mx-1\.75 { margin-right: 1.75rem; margin-left: 1.75rem; }
 .mx-2 { margin-right: 2rem; margin-left: 2rem; }
 .mx-3 { margin-right: 3rem; margin-left: 3rem; }
 .mx-4 { margin-right: 4rem; margin-left: 4rem; }
 .my-0 { margin-top: 0rem; margin-bottom: 0rem; }
 .my-\.125 { margin-top: .125rem; margin-bottom: .125rem; }
 .my-\.25 { margin-top: .25rem; margin-bottom: .25rem; }
 .my-\.5 { margin-top: .5rem; margin-bottom: .5rem; }
 .my-\.75 { margin-top: .75rem; margin-bottom: .75rem; }
 .my-1 { margin-top: 1rem; margin-bottom: 1rem; }
 .my-1\.25 { margin-top: 1.25rem; margin-bottom: 1.25rem; }
 .my-1\.5 { margin-top: 1.5rem; margin-bottom: 1.5rem; }
 .my-1\.75 { margin-top: 1.75rem; margin-bottom: 1.75rem; }
 .my-2 { margin-top: 2rem; margin-bottom: 2rem; }
 .my-3 { margin-top: 3rem; margin-bottom: 3rem; }
 .my-4 { margin-top: 4rem; margin-bottom: 4rem; }
 .mt-0 { margin-top: 0rem; }
 .mt-\.125 { margin-top: .125rem; }
 .mt-\.25 { margin-top: .25rem; }
 .mt-\.5 { margin-top: .5rem; }
 .mt-\.75 { margin-top: .75rem; }
 .mt-1 { margin-top: 1rem; }
 .mt-1\.25 { margin-top: 1.25rem; }
 .mt-1\.5 { margin-top: 1.5rem; }
 .mt-1\.75 { margin-top: 1.75rem; }
 .mt-2 { margin-top: 2rem; }
 .mt-3 { margin-top: 3rem; }
 .mt-4 { margin-top: 4rem; }
 .mr-0 { margin-right: 0rem; }
 .mr-\.125 { margin-right: .125rem; }
 .mr-\.25 { margin-right: .25rem; }
 .mr-\.5 { margin-right: .5rem; }
 .mr-\.75 { margin-right: .75rem; }
 .mr-1 { margin-right: 1rem; }
 .mr-1\.25 { margin-right: 1.25rem; }
 .mr-1\.5 { margin-right: 1.5rem; }
 .mr-1\.75 { margin-right: 1.75rem; }
 .mr-2 { margin-right: 2rem; }
 .mr-3 { margin-right: 3rem; }
 .mr-4 { margin-right: 4rem; }
 .mb-0 { margin-bottom: 0rem; }
 .mb-\.125 { margin-bottom: .125rem; }
 .mb-\.25 { margin-bottom: .25rem; }
 .mb-\.5 { margin-bottom: .5rem; }
 .mb-\.75 { margin-bottom: .75rem; }
 .mb-1 { margin-bottom: 1rem; }
 .mb-1\.25 { margin-bottom: 1.25rem; }
 .mb-1\.5 { margin-bottom: 1.5rem; }
 .mb-1\.75 { margin-bottom: 1.75rem; }
 .mb-2 { margin-bottom: 2rem; }
 .mb-3 { margin-bottom: 3rem; }
 .mb-4 { margin-bottom: 4rem; }
 .ml-0 { margin-left: 0rem; }
 .ml-\.125 { margin-left: .125rem; }
 .ml-\.25 { margin-left: .25rem; }
 .ml-\.5 { margin-left: .5rem; }
 .ml-\.75 { margin-left: .75rem; }
 .ml-1 { margin-left: 1rem; }
 .ml-1\.25 { margin-left: 1.25rem; }
 .ml-1\.5 { margin-left: 1.5rem; }
 .ml-1\.75 { margin-left: 1.75rem; }
 .ml-2 { margin-left: 2rem; }
 .ml-3 { margin-left: 3rem; }
 .ml-4 { margin-left: 4rem; }
 .p-0 { padding: 0rem; }
 .p-\.125 { padding: .125rem; }
 .p-\.25 { padding: .25rem; }
 .p-\.5 { padding: .5rem; }
 .p-\.75 { padding: .75rem; }
 .p-1 { padding: 1rem; }
 .p-1\.25 { padding: 1.25rem; }
 .p-1\.5 { padding: 1.5rem; }
 .p-1\.75 { padding: 1.75rem; }
 .p-2 { padding: 2rem; }
 .p-3 { padding: 3rem; }
 .p-4 { padding: 4rem; }
 .px-0 { padding-right: 0rem; padding-left: 0rem; }
 .px-\.125 { padding-right: .125rem; padding-left: .125rem; }
 .px-\.25 { padding-right: .25rem; padding-left: .25rem; }
 .px-\.5 { padding-right: .5rem; padding-left: .5rem; }
 .px-\.75 { padding-right: .75rem; padding-left: .75rem; }
 .px-1 { padding-right: 1rem; padding-left: 1rem; }
 .px-1\.25 { padding-right: 1.25rem; padding-left: 1.25rem; }
 .px-1\.5 { padding-right: 1.5rem; padding-left: 1.5rem; }
 .px-1\.75 { padding-right: 1.75rem; padding-left: 1.75rem; }
 .px-2 { padding-right: 2rem; padding-left: 2rem; }
 .px-3 { padding-right: 3rem; padding-left: 3rem; }
 .px-4 { padding-right: 4rem; padding-left: 4rem; }
 .py-0 { padding-top: 0rem; padding-bottom: 0rem; }
 .py-\.125 { padding-top: .125rem; padding-bottom: .125rem; }
 .py-\.25 { padding-top: .25rem; padding-bottom: .25rem; }
 .py-\.5 { padding-top: .5rem; padding-bottom: .5rem; }
 .py-\.75 { padding-top: .75rem; padding-bottom: .75rem; }
 .py-1 { padding-top: 1rem; padding-bottom: 1rem; }
 .py-1\.25 { padding-top: 1.25rem; padding-bottom: 1.25rem; }
 .py-1\.5 { padding-top: 1.5rem; padding-bottom: 1.5rem; }
 .py-1\.75 { padding-top: 1.75rem; padding-bottom: 1.75rem; }
 .py-2 { padding-top: 2rem; padding-bottom: 2rem; }
 .py-3 { padding-top: 3rem; padding-bottom: 3rem; }
 .py-4 { padding-top: 4rem; padding-bottom: 4rem; }
 .pt-0 { padding-top: 0rem; }
 .pt-\.125 { padding-top: .125rem; }
 .pt-\.25 { padding-top: .25rem; }
 .pt-\.5 { padding-top: .5rem; }
 .pt-\.75 { padding-top: .75rem; }
 .pt-1 { padding-top: 1rem; }
 .pt-1\.25 { padding-top: 1.25rem; }
 .pt-1\.5 { padding-top: 1.5rem; }
 .pt-1\.75 { padding-top: 1.75rem; }
 .pt-2 { padding-top: 2rem; }
 .pt-3 { padding-top: 3rem; }
 .pt-4 { padding-top: 4rem; }
 .pr-0 { padding-right: 0rem; }
 .pr-\.125 { padding-right: .125rem; }
 .pr-\.25 { padding-right: .25rem; }
 .pr-\.5 { padding-right: .5rem; }
 .pr-\.75 { padding-right: .75rem; }
 .pr-1 { padding-right: 1rem; }
 .pr-1\.25 { padding-right: 1.25rem; }
 .pr-1\.5 { padding-right: 1.5rem; }
 .pr-1\.75 { padding-right: 1.75rem; }
 .pr-2 { padding-right: 2rem; }
 .pr-3 { padding-right: 3rem; }
 .pr-4 { padding-right: 4rem; }
 .pb-0 { padding-bottom: 0rem; }
 .pb-\.125 { padding-bottom: .125rem; }
 .pb-\.25 { padding-bottom: .25rem; }
 .pb-\.5 { padding-bottom: .5rem; }
 .pb-\.75 { padding-bottom: .75rem; }
 .pb-1 { padding-bottom: 1rem; }
 .pb-1\.25 { padding-bottom: 1.25rem; }
 .pb-1\.5 { padding-bottom: 1.5rem; }
 .pb-1\.75 { padding-bottom: 1.75rem; }
 .pb-2 { padding-bottom: 2rem; }
 .pb-3 { padding-bottom: 3rem; }
 .pb-4 { padding-bottom: 4rem; }
 .pl-0 { padding-left: 0rem; }
 .pl-\.125 { padding-left: .125rem; }
 .pl-\.25 { padding-left: .25rem; }
 .pl-\.5 { padding-left: .5rem; }
 .pl-\.75 { padding-left: .75rem; }
 .pl-1 { padding-left: 1rem; }
 .pl-1\.25 { padding-left: 1.25rem; }
 .pl-1\.5 { padding-left: 1.5rem; }
 .pl-1\.75 { padding-left: 1.75rem; }
 .pl-2 { padding-left: 2rem; }
 .pl-3 { padding-left: 3rem; }
 .pl-4 { padding-left: 4rem; }
 .spacing-x-0 > * + * { margin-left: 0rem; }
 .spacing-x-\.125 > * + * { margin-left: .125rem; }
 .spacing-x-\.25 > * + * { margin-left: .25rem; }
 .spacing-x-\.5 > * + * { margin-left: .5rem; }
 .spacing-x-\.75 > * + * { margin-left: .75rem; }
 .spacing-x-1 > * + * { margin-left: 1rem; }
 .spacing-x-1\.25 > * + * { margin-left: 1.25rem; }
 .spacing-x-1\.5 > * + * { margin-left: 1.5rem; }
 .spacing-x-1\.75 > * + * { margin-left: 1.75rem; }
 .spacing-x-2 > * + * { margin-left: 2rem; }
 .spacing-x-3 > * + * { margin-left: 3rem; }
 .spacing-x-4 > * + * { margin-left: 4rem; }
 .spacing-y-0 > * + * { margin-top: 0rem; }
 .spacing-y-\.125 > * + * { margin-top: .125rem; }
 .spacing-y-\.25 > * + * { margin-top: .25rem; }
 .spacing-y-\.5 > * + * { margin-top: .5rem; }
 .spacing-y-\.75 > * + * { margin-top: .75rem; }
 .spacing-y-1 > * + * { margin-top: 1rem; }
 .spacing-y-1\.25 > * + * { margin-top: 1.25rem; }
 .spacing-y-1\.5 > * + * { margin-top: 1.5rem; }
 .spacing-y-1\.75 > * + * { margin-top: 1.75rem; }
 .spacing-y-2 > * + * { margin-top: 2rem; }
 .spacing-y-3 > * + * { margin-top: 3rem; }
 .spacing-y-4 > * + * { margin-top: 4rem; }/* --- */
 abbr {
   color: var(--muted);
   text-decoration: underline dotted;
 }
 
 abbr[title],
 abbr[data-title] {
   position: relative;
   color: var(--accent);
   cursor: help;
 }
 
 abbr[data-title]::after {
   position: absolute;
   top: -125%;
   left: 50%;
   display: none;
   padding: .5em;
   border: 1px solid var(--bd-muted);
   border-radius: var(--bd-radius);
   background: var(--bg-muted);
   box-shadow: var(--shadow);
   color: var(--default);
   content: attr(data-title);
   font-size: .75em;
   opacity: 0;
   pointer-events: none;
   transform: translateX(-50%);
   transition: opacity var(--tr-duration);
   white-space: nowrap;
 }
 
 abbr[data-title]:hover::after {
   display: block;
   opacity: 1;
 }
 a {
   color: var(--accent);
   text-decoration: inherit;
 }
 
 a:hover {
   text-decoration: underline;
 }
 
 a:active:hover {
   color: var(--active);
 }
 
 /* Ruby */
 rp, rt {
   color: var(--muted);
   font-size: 75%;
 }
 
 /* Sidescript */
 sup, sub {
   position: relative;
   font-size: 75%;
   line-height: 0;
   vertical-align: baseline;
 }
 
 sup {
   top: -.5em;
 }
 
 sub {
   bottom: -.25em;
 }
 
 /* Annotations */
 mark, ins, del {
   padding: 0 .25rem;
   background: var(--bg-active);
   color: var(--active);
 }
 
 ins {
   background: var(--bg-success);
   color: var(--success);
   text-decoration: underline;
 }
 
 del {
   background: var(--bg-danger);
   color: var(--danger);
   text-decoration: line-through;
 }
 
 /* Progress */
 progress, meter {
   overflow: hidden;
   width: 100%;
   height: .5rem;
   border: transparent;
   border-radius: calc(.5 * var(--bd-radius));
   margin: .5rem 0;
   appearance: none;
   background: var(--bg-subtle);
 }
 
 progress {
   vertical-align: baseline;
 }
 
 progress::-webkit-progress-value {
   background-color: currentColor;
 }
 
 progress::-moz-progress-bar {
   background-color: currentColor;
 }
 
 /* Meter */
 meter::-webkit-meter-inner-element {
   position: relative;
   display: block;
 }
 
 meter::-webkit-meter-bar, progress::-webkit-progress-bar {
   border: transparent;
   background: var(--bg-subtle);
 }
 
 meter::-webkit-meter-optimum-value {
   background: var(--success);
 }
 
 meter::-webkit-meter-suboptimum-value {
   background: var(--attention);
 }
 
 meter::-webkit-meter-even-less-good-value {
   background: var(--danger);
 }
 
 meter:-moz-meter-optimum::-moz-meter-bar {
   background: var(--success);
 }
 
 meter:-moz-meter-sub-optimum::-moz-meter-bar {
   background: var(--attention);
 }
 
 meter:-moz-meter-sub-sub-optimum::-moz-meter-bar {
   background: var(--danger);
 }
 
 /* Details */
 details {
   display: block;
   padding: 1rem;
   border: 1px solid var(--bd-muted);
   border-radius: var(--bd-radius);
   margin: 0 0 1rem;
 }
 
 summary {
   display: list-item;
   border-radius: calc(var(--bd-radius) - 1px) calc(var(--bd-radius) - 1px) 0 0;
   color: var(--accent);
   cursor: pointer;
   user-select: none;
 }
 
 summary:hover {
   text-decoration: underline;
 }
 
 details[open] > summary {
   padding: 1rem;
   border-bottom: 1px solid var(--bd-muted);
   margin: -1rem;
   margin-bottom: 1rem;
   background: var(--bg-muted);
 }
 
 summary > :is(h1, h2, h3, h4, h5, h6) {
   display: inline;
 }
 
 code, var, samp, kbd {
   padding: .2rem .4rem;
   border-radius: var(--bd-radius);
   margin: 0;
   background: var(--bg-muted);
   font-family: var(--ft-mono);
   font-size: 85%;
   font-style: inherit;
   white-space: break-spaces;
 }
 
 var {
   background: var(--bg-accent);
   color: var(--accent);
 }
 
 samp, kbd {
   border: 1px solid var(--bd-muted);
 }
 
 kbd {
   border-color: var(--bg-muted);
   background: var(--bg-subtle);
 }
 
 output {
   padding: .25rem .5rem;
   border: 2px dashed var(--bd-muted);
   border-radius: var(--bd-radius);
   background: var(--bg-default);
   font: inherit;
   line-height: 1.5;
   user-select: all;
 }
 
 /* Paragraphs */
 p, pre {
   margin: 0 auto 1rem;
 }
 
 p img {
   vertical-align: middle;
 }
 
 :is(p, pre):last-child {
   margin-bottom: 0;
 }
 
 /* Preformatted text */
 pre {
   position: relative;
   overflow: auto;
   padding: 1rem;
   border-radius: var(--bd-radius);
   background: var(--bg-muted);
   font-size: .85rem;
   line-height: 1.45;
   -webkit-text-size-adjust: 100%;
 }
 
 pre > code {
   overflow: visible;
   padding: 0;
   border-radius: 0;
   background: transparent;
   font-size: inherit;
 }
 
 /* Quotation block */
 blockquote {
   padding: .25rem 1rem;
   border-left: .25rem solid var(--bd-muted);
   margin: 0 0 1rem;
   color: var(--muted);
 }
 
 blockquote > cite:last-child {
   display: block;
   padding-left: 2rem;
   margin-top: .25rem;
   text-decoration: none;
 }
 
 blockquote > cite:last-child::before {
   content: "— ";
 }
 
 /* Figure */
 figure {
   display: flex;
   flex-wrap: wrap;
   justify-content: space-around;
 }
 
 figcaption {
   display: block;
   width: 100%;
   margin: 1rem 0;
   color: var(--muted);
   text-align: center;
 }
 
 /* Form */
 form {
   overflow: auto;
   padding: 1rem;
   border-radius: var(--bd-radius);
   margin: 0 auto 1rem;
   background: var(--bg-muted);
 }
 
 :is(form, label):last-child {
   margin-bottom: 0;
 }
 
 form code {
   background: var(--bg-subtle);
 }
 
 /* Fieldset */
 fieldset {
   padding: .5rem 1rem;
   border: 2px solid var(--bd-muted);
   border-radius: var(--bd-radius);
   margin-bottom: 1rem;
 }
 
 legend {
   padding: 0 .5rem;
   font-weight: 600;
 }
 
 /* Label */
 label {
   position: relative;
   display: table;
   margin: 0 0 1rem;
 }
 
 label > small {
   color: var(--muted);
 }
 
 label > small:first-child::after,
 label > small:first-child::before {
   content: "\A";
   white-space: pre;
 }
 
 label:has(> :is(input, textarea, button)) {
   cursor: pointer;
 }
 
 label:has(> :is(input, textarea, select, button):disabled) {
   color: var(--muted);
   cursor: not-allowed;
 }
 
 label:has(> :is(input, textarea, select):required)::before {
   position: absolute;
   left: -.6rem;
   color: var(--danger);
   content: "*";
 }
 
 label:has(> textarea) {
   display: block;
 }
 
 /* Generic input */
 input, select, textarea, button {
   display: block;
   box-sizing: border-box;
   border: 1px solid var(--bd-muted);
   border-radius: var(--bd-radius);
   margin-top: .25rem;
   background: var(--bg-default);
   color: inherit;
   cursor: pointer;
   font-family: inherit;
   font-size: inherit;
   line-height: 1.5;
   transition: border-color var(--tr-duration);
 }
 
 input, select, textarea {
   width: 100%;
 }
 
 /* Text area */
 textarea {
   width: calc(100% - 1rem);
   padding: .5rem;
   appearance: none;
   cursor: text;
   resize: none;
 }
 
 :is(textarea, select):hover {
   border-color: var(--accent);
 }
 
 :is(input, textarea, select):disabled {
   background-color: var(--bg-muted);
   cursor: not-allowed;
 }
 
 /* Select */
 select {
   width: 100%;
   padding: .35rem .5rem;
   text-transform: none;
 }
 
 /* Input */
 input {
   appearance: none;
 }
 
 input:not(:disabled):hover {
   border-color: var(--accent);
 }
 
 input:not([type="radio"],[type="checkbox"]) {
   position: relative;
   min-height: 1.5rem;
   padding: .25rem .5rem;
 }
 
 input:is([type="radio"],[type="checkbox"]), input[type="checkbox"]::before {
   display: inline-block;
   width: 1rem;
   height: 1rem;
   margin: 0 .25rem;
   vertical-align: middle;
 }
 
 input[type="checkbox"] {
   border-radius: 0;
 }
 
 input[type="radio"] {
   border-width: 2px;
   border-radius: 50%;
 }
 
 input[type="radio"]:checked {
   border-width: .25rem;
   border-color: var(--accent);
 }
 
 input[type="checkbox"]:checked {
   border-color: var(--accent);
   background: var(--accent);
 }
 
 input[type="checkbox"]:checked::before {
   position: absolute;
   margin: 0;
   background: var(--light);
   content: "";
   mask: center center / 75% no-repeat;
   mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iOSIgdmlld0JveD0iMCAwIDEyIDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTEuNzgwMyAwLjIxOTYyNUMxMS45MjEgMC4zNjA0MjcgMTIgMC41NTEzMDUgMTIgMC43NTAzMTNDMTIgMC45NDkzMjEgMTEuOTIxIDEuMTQwMTkgMTEuNzgwMyAxLjI4MUw0LjUxODYgOC41NDA0MkM0LjM3Nzc1IDguNjgxIDQuMTg2ODIgOC43NiAzLjk4Nzc0IDguNzZDMy43ODg2NyA4Ljc2IDMuNTk3NzMgOC42ODEgMy40NTY4OSA4LjU0MDQyTDAuMjAxNjIyIDUuMjg2MkMwLjA2ODkyNzcgNS4xNDM4MyAtMC4wMDMzMDkwNSA0Ljk1NTU1IDAuMDAwMTE2NDkzIDQuNzYwOThDMC4wMDM1NTIwNSA0LjU2NjQzIDAuMDgyMzg5NCA0LjM4MDgxIDAuMjIwMDMyIDQuMjQzMjFDMC4zNTc2NjUgNC4xMDU2MiAwLjU0MzM1NSA0LjAyNjgxIDAuNzM3OTcgNC4wMjMzOEMwLjkzMjU4NCA0LjAxOTk0IDEuMTIwOTMgNC4wOTIxNyAxLjI2MzM0IDQuMjI0ODJMMy45ODc3NCA2Ljk0ODM1TDEwLjcxODYgMC4yMTk2MjVDMTAuODU5NSAwLjA3ODk5MjMgMTEuMDUwNCAwIDExLjI0OTUgMEMxMS40NDg1IDAgMTEuNjM5NSAwLjA3ODk5MjMgMTEuNzgwMyAwLjIxOTYyNVoiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=");
 }
 
 input:is([type="radio"],[type="checkbox"]):disabled {
   background-color: var(--bd-muted);
 }
 
 input[type="checkbox"]:disabled {
   border-color: transparent;
 }
 
 input[type="range"] {
   height: .5rem;
   border: transparent;
   margin: .75rem 0;
   accent-color: var(--accent);
   appearance: auto;
   background: var(--bg-subtle);
 }
 
 input[type="file"]::file-selector-button {
   border: 1px solid var(--bd-muted);
   border-radius: var(--bd-radius);
   background: transparent;
   color: var(--accent);
   font: inherit;
 }
 
 input[type="file"]:hover::file-selector-button {
   background: var(--accent);
   color: var(--light);
 }
 
 /* Buttons */
 button, input:is([type="submit"],[type="reset"],[type="button"],[type="image"]) {
   display: inline-block;
   padding: .25rem .75rem;
   margin: .25rem .125rem;
   background: transparent;
   color: var(--accent);
   text-transform: none;
   transition: background var(--tr-duration), color var(--tr-duration), filter var(--tr-duration);
 }
 
 input:is([type="image"],[type="file"],[type="color"]) {
   padding: .25rem;
 }
 
 :is(button, input:is([type="submit"],[type="reset"],[type="button"],[type="image"])):disabled {
   cursor: not-allowed;
   opacity: .5;
 }
 
 :is(button, input)[type="reset"] {
   color: var(--danger);
 }
 
 :is(button, input:is([type="submit"],[type="reset"],[type="button"],[type="image"])):not(:disabled):active {
   filter: brightness(80%);
 }
 
 button[type]:not([type="button"]), input:is([type="submit"],[type="reset"]) {
   border-color: currentColor;
 }
 
 :where(button, input:is([type="submit"],[type="reset"],[type="button"],[type="image"])):not(:disabled):hover,
 :where(button, input:is([type="submit"],[type="reset"],[type="button"],[type="image"])):not(:disabled):active {
   border-color: transparent;
   background: var(--accent);
   color: var(--light);
 }
 
 :is(button, input)[type="reset"]:not(:disabled):hover,
 :is(button, input)[type="reset"]:not(:disabled):active {
   border-color: transparent;
   background: var(--danger);
   color: var(--light);
 }
 
 /* Header group */
 hgroup {
   padding: .25rem .5rem;
   border-left: .25rem solid currentColor;
   margin: 0 0 1rem;
 }
 
 hgroup > :is(h1, h2, h3, h4, h5, h6)[id] > a:hover::before {
   right: calc(100% + 1.25rem);
 }
 
 /* Headings */
 h1,
 h2,
 h3,
 h4,
 h5,
 h6 {
   border-bottom: 1px solid transparent;
   margin: 0 0 1rem;
   line-height: 1.25;
 }
 
 :not(:is(dialog, article, body) > header:first-child) > :is(h1, h2) {
   border-color: var(--bd-muted);
 }
 
 :not(hgroup, blockquote, header) > :is(h1, h2, h3, h4, h5, h6):first-child {
   margin-top: 1.5rem;
 }
 
 :is(h1, h2, h3, h4, h5, h6):last-child {
   margin-bottom: 0;
 }
 
 h1 {
   font-size: 2rem;
 }
 
 h2 {
   font-size: 1.5rem;
 }
 
 h3 {
   font-size: 1.25rem;
 }
 
 h4 {
   font-size: 1rem;
 }
 
 h5 {
   font-size: 0.875rem;
 }
 
 h6 {
   color: var(--muted);
   font-size: 0.85rem;
 }
 
 :is(h1, h2, h3, h4, h5, h6)[id] > a {
   position: relative;
   color: inherit;
 }
 
 :is(h1, h2, h3, h4, h5, h6)[id] > a:hover {
   text-decoration: none;
 }
 
 :is(h1, h2, h3, h4, h5, h6)[id] > a:hover::before {
   position: absolute;
   top: .125rem;
   right: calc(100% + .25rem);
   color: var(--muted);
   content: "#";
 }
 
 :is(h1, h2, h3, h4, h5, h6)[id]:has(> a:hover) {
   border-color: currentColor;
 }
 
 /* Lists */
 ul, ol, dl {
   padding-left: 2rem;
   margin: 0 0 1rem;
 }
 
 li > :is(ul, ol, dl) {
   margin: 0;
 }
 
 /* Definition lists */
 dl, dt {
   padding: 0;
 }
 
 dt {
   margin: 1rem 0 0;
   font-weight: 600;
 }
 
 dd {
   padding: 0 1rem;
   margin: 0 0 1rem;
 }
 
 img, video, iframe {
   max-width: 100%;
   border-radius: var(--bd-radius);
   margin: auto;
 }
 
 iframe {
   width: 100%;
   border: none;
 }
 
 dialog {
   max-width: min(calc(100% - 4rem), 640px);
   height: fit-content;
   max-height: calc(100% - 4rem);
   padding: 1rem;
   border: var(--bd-muted);
   border-radius: calc(2 * var(--bd-radius));
   background: var(--bg-default);
   box-shadow: var(--shadow);
   color: inherit;
 }
 
 dialog > header:first-child {
   padding: 0 1rem 1rem;
   border-bottom: 1px solid var(--bd-muted);
   margin-right: -1rem;
   margin-left: -1rem;
 }
 
 dialog > header:first-child > :is(h1, h2) {
   font-size: 1.25rem;
 }
 
 dialog > footer:last-child {
   padding: 1rem 1rem 0;
   border-top: 1px solid var(--bd-muted);
   margin: 0 -1rem;
 }
 
 dialog > footer:last-child > form[method="dialog"] {
   padding: 0;
   margin: 0;
   background: none;
 }
 
 dialog::backdrop {
   background: var(--backdrop);
 }
 /* Menu */
 menu {
   display: flex;
   flex-direction: column;
   padding: 0;
   list-style: none;
 }
 
 menu > li {
   position: relative;
   flex-shrink: 0;
   padding: .375rem .5rem;
   margin: .5rem .25rem;
   cursor: pointer;
 }
 
 menu > li:hover {
   border-radius: var(--bd-radius);
   background-color: var(--bg-muted);
   color: var(--default);
   transition: background-color var(--tr-duration), color var(--tr-duration);
 }
 
 menu > li.selected {
   color: var(--accent);
 }
 
 menu > li.selected::before {
   position: absolute;
   top: .25rem;
   bottom: .25rem;
   left: -.25rem;
   border-right: 2px solid currentColor;
   content: "";
 }
 
 menu > li.disabled {
   color: var(--muted);
   cursor: not-allowed;
 }
 
 menu > li > :is(a, a:hover) {
   color: inherit;
   text-decoration: none;
 }
 
 @media (min-width: 544px) {
   menu {
     flex-direction: row;
     flex-wrap: wrap;
     border-bottom: 1px solid var(--bd-muted);
   }
 
   menu > li.selected::before {
     top: unset;
     right: 0;
     bottom: -.5rem;
     left: 0;
     border-right: none;
     border-bottom: 2px solid currentColor;
     border-left: none;
   }
 
   menu > li > menu > li.selected::before {
     border-left: 2px solid currentColor;
   }
 }
 
 /* Sub-menus */
 menu > li:has(> menu)::after {
   content: "▾";
 }
 
 menu > li > menu {
   position: absolute;
   z-index: 100;
   top: 100%;
   left: 0%;
   display: none;
   width: max-content;
   flex-direction: column;
   padding: .5rem;
   border: 1px solid var(--bd-muted);
   border-radius: var(--bd-radius);
   margin: 0;
   background: var(--bg-muted);
   color: var(--default);
   opacity: .25;
   transition: opacity var(--tr-duration);
 }
 
 menu > li:hover > menu {
   display: block;
   opacity: 1;
 }
 
 menu > li > menu > li {
   max-width: 70vw;
   margin: 0;
 }
 
 menu > li > menu > li:hover {
   background: var(--bg-subtle);
 }
 
 menu > li > menu > li > menu {
   top: 100%;
 }
 
 menu > li > menu > li.selected::before {
   top: calc(.5 * var(--bd-radius));
   bottom: calc(.5 * var(--bd-radius));
   left: 0;
   border-bottom: none;
 }
 
 @media (min-width: 544px) {
   menu > li > menu > li > menu {
     top: 0;
     left: 100%;
   }
 }
 
 
 /* Navigation */
 
 nav {
   display: flex;
   margin: 0 0 1rem;
 }
 
 nav > menu {
   border-bottom: none;
   margin: 0;
 }
 
 nav :is(ul, ol) {
   padding: 0 0 0 1rem;
   margin: 0;
   list-style: none;
 }
 
 nav > :is(ul, ol) {
   padding-left: 0;
 }
 
 nav > ol {
   display: flex;
   flex-wrap: wrap;
 }
 
 nav > ol > li:not(:last-child):has(>a)::after {
   display: inline-block;
   margin: 0 .25rem;
   color: var(--default);
   content: "/";
 }
 
 nav > ol > li:last-child {
   color: var(--default);
   font-weight: 600;
 }
 
 nav > ol > li:last-child > a {
   color: inherit;
 }
 
 nav ul {
   position: relative;
   overflow: hidden;
   padding: 0;
   color: var(--muted);
 }
 
 nav ul > li {
   position: relative;
   padding-left: 1.25rem;
   border-left: 1px solid transparent;
 }
 
 nav ul > li.disabled > a {
   color: var(--muted);
   cursor: not-allowed;
 }
 
 nav ul > li:hover {
   border-color: var(--accent);
 }
 
 nav ul > li.selected {
   color: var(--default);
   font-weight: 600;
 }
 
 nav ul > li.selected > a {
   color: inherit;
 }
 
 nav ul > li::before, nav ul > li::after{
   position: absolute;
   left: 0;
   content: '';
 }
 
 nav ul > li::before{
   top: .75rem;
   width: 1rem;
   height: 0;
   border-top: 1px solid var(--bg-subtle);
 }
 
 nav ul > li::after {
   top: -.75rem;
   width: 0;
   height: 100%;
   border-left: 1px solid var(--bg-subtle);
 }
 
 nav > ul > li::after{
   top: .75rem;
 }
 
 nav > ul > li:last-child::after{
   display:none;
 }
 
 /* Sections */
 body {
   max-width: var(--ct-width);
   padding: 0 1.5rem;
   margin: 0 auto;
   background: var(--bg-default);
   color: var(--default);
   font-family: var(--ft);
   font-size: var(--ft-size);
   line-height: 1.5;
 }
 
 [data-color-scheme] {
   background: var(--bg-default);
   color: var(--default);
 }
 
 main, header {
   margin: 0 0 1rem;
 }
 
 body > header:first-child, body > footer:last-child {
   margin-right: -1.5rem;
   margin-left: -1.5rem;
 }
 
 footer {
   text-align: right;
 }
 
 section {
   max-width: var(--ct-width);
   margin: 0 auto 2rem;
 }
 
 aside {
   padding: 1rem;
   border-left: 4px solid var(--bd-muted);
   margin: 0 0 0 .5rem;
   color: var(--muted);
   float: right;
 }
 
 aside.left {
   border-right: 4px solid var(--bd-muted);
   border-left: none;
   margin: 0 .5rem 0 0;
   float: left;
 }
 
 /* Article */
 article {
   display: flex;
   flex: 1 1 0;
   flex-direction: column;
   justify-content: space-between;
   padding: 1rem;
   border: 1px solid var(--bd-muted);
   border-radius: var(--bd-radius);
   margin: 1rem;
 }
 
 article > * {
   width: 100%;
   box-sizing: border-box;
 }
 
 article > header:first-child {
   box-sizing: content-box;
   padding: 0 1rem 1rem;
   border-bottom: 1px solid var(--bd-muted);
   margin: 0 -1rem 1rem;
 }
 
 article > footer:last-child {
   box-sizing: content-box;
   padding: 1rem 1rem 0;
   border-top: 1px solid var(--bd-muted);
   margin: auto -1rem 0;
 }
 
 /* Breaks */
 hr {
   overflow: visible;
   height: .25em;
   box-sizing: content-box;
   padding: 0;
   border: none;
   margin: 1.5em 0;
   background: var(--bd-muted);
 }
 b, strong {
   font-weight: bold;
 }
 
 i, q, cite, em, dfn, strong {
   font-style: italic;
 }
 
 q::before {
   content: "« ";
 }
 
 q::after {
   content: " »";
 }
 
 dfn, em {
   font-weight: 600;
 }
 
 u, cite {
   text-decoration: underline;
 }
 
 u > u {
   text-decoration: underline double;
 }
 
 s {
   text-decoration: line-through;
 }
 
 s > s {
   text-decoration: line-through double;
 }
 
 small {
   font-size: 85%;
 }
 table {
   display: block;
   max-width: 100%;
   margin: 0 auto 1rem;
   border-collapse: collapse;
   border-spacing: 0;
   inline-size: fit-content;
   overflow-x: auto;
 }
 
 .table-responsive {
   display: grid;
   grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
   overflow-x: auto;
 }
 
 .table-responsive table {
   display: table;
 }
 
 caption {
   margin-top: .5rem;
   caption-side: bottom;
   color: var(--muted);
 }
 
 tbody > tr:nth-child(2n) {
   background: var(--bg-muted);
 }
 
 th, td {
   padding: 0.375rem 0.8125rem;
   border: 1px solid var(--bd-muted);
 }
 
 th {
   border-color: var(--bg-contrast);
   background: var(--bg-subtle);
   font-weight: bold;
 }
 
 table.center td, th {
   text-align: center;
 }
 #blog-title a {
     color: #4c4f69;
 }
 
 /* martian-mono-latin-wght-normal */
 @font-face {
   font-family: 'Martian Mono Variable';
   font-style: normal;
   font-display: auto;
   font-weight: 100 800;
   src: url(https://cdn.jsdelivr.net/fontsource/fonts/martian-mono:vf@latest/latin-wght-normal.woff2) format('woff2-variations');
   unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
 }
 
 * {
   font-family: 'Martian Mono Variable', monospace;
 }
 
 .font.code,
 .font.mono,
 .font.wrap,
 body#collection article.code,
 body#collection article.mono,
 body#collection article.wrap,
 body#post article.code,
 body#post article.mono,
 body#post article.wrap,
 body#subpage article.code,