@charset "UTF-8";
.conversation{
  margin:calc(1.5 * var(--spacing-unit)) calc(1.5 * var(--spacing-unit)) 0;
}
.conversation--line{
  margin-left:calc(var(--spacing-unit) * 1);
}
.conversation--speaker{
  left:calc(var(--spacing-unit) * -.75);
  position:relative;
}
@media (min-height:40em){
  .conversation--speaker{
    display:block;
  }
}
.conversation--line[data-repeated-speaker]>.conversation--speaker{
  display:none;
}
.conversation>p+p{
  margin-top:.75em;
}
.conversation--directions{
  font-style:italic;
  text-align:center;
}
.conversation+.conversation{
  margin-top:var(--spacing-unit);
}
.post .conversation:after{
  width:0;
}

@media not all and (prefers-reduced-motion:no-preference){
  *{
    -webkit-animation-delay:-1ms !important;
            animation-delay:-1ms !important;
    -webkit-animation-duration:1ms !important;
            animation-duration:1ms !important;
    -webkit-animation-iteration-count:1 !important;
            animation-iteration-count:1 !important;
    background-attachment:scroll !important;
    scroll-behavior:auto !important;
    -webkit-transition-delay:0s !important;
            transition-delay:0s !important;
    -webkit-transition-duration:0s !important;
            transition-duration:0s !important;
    view-transition-name:none !important;
  }
}
@media (prefers-reduced-motion:no-preference){
  @view-transition{
    navigation:auto;
  }
}
:root{
  view-transition-name:none;
}
@supports (scrollbar-gutter:stable){
  :root{
    overflow-y:auto;
    scrollbar-gutter:stable;
  }
}

*{
  -webkit-box-sizing:border-box;
          box-sizing:border-box;
  margin:0;
  padding:0;
}

html{
  font-size:1.3rem;
  font-size-adjust:.396;
  text-rendering:optimizeLegibility;
  width:100%;
  -webkit-text-size-adjust:none;
     -moz-text-size-adjust:none;
      -ms-text-size-adjust:none;
          text-size-adjust:none;
  background:var(--main-bg);
  background-image:var(--background-gradient);
  hanging-punctuation:first last;
  min-height:100vh;
  min-height:100svh;
}
@supports (font-size:clamp(1.2rem,3vw + 0.5rem,1.825rem)){
  html{
    font-size:clamp(1.2rem, 3vw + .5rem, 1.825rem);
  }
}

body{
  --font:"Adobe Garamond Pro";
  --heading-font:var(--font);
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  font-family:var(--font), serif;
  line-height:1.3;
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center;
  padding:calc(var(--spacing-unit) / 4) calc(var(--spacing-unit) / 4) 0;
  quotes:"‘" "’" "“" "”";
  -webkit-text-decoration-skip:ink;
  -webkit-font-kerning:normal;
          font-kerning:normal;
  font-optical-sizing:auto;
  -webkit-font-variant-ligatures:common-ligatures no-discretionary-ligatures no-historical-ligatures contextual;
          font-variant-ligatures:common-ligatures no-discretionary-ligatures no-historical-ligatures contextual;
          text-decoration-skip-ink:auto;
}
@media (min-width:40em){
  body{
    padding:calc(var(--spacing-unit) / 4) calc(var(--spacing-unit) / 4) 0;
  }
}
@media (min-width:60em){
  body{
    line-height:1.45;
  }
}
@media (prefers-reduced-data:reduce){
  body{
    --font:serif;
  }
}

:lang(hin){
  font-family:"Adobe Devanagari", var(--font), serif;
  font-size:1.2em;
}

:lang(ara),:lang(fas),:lang(urd){
  font-family:"Amiri", var(--font), serif;
  font-size:.9em;
}
@supports (font-size-adjust:0.1){
  :lang(ara),:lang(fas),:lang(urd){
    font-size:1em;
  }
}

a{
  -webkit-transition:var(--transition-duration-short) all;
  transition:var(--transition-duration-short) all;
}

:link,:visited{
  background:-webkit-gradient(linear, left bottom, right top, from(var(--link-hover-bg)), to(var(--link-hover-bg-end))) scroll no-repeat;
  background:linear-gradient(to top right, var(--link-hover-bg), var(--link-hover-bg-end)) scroll no-repeat;
  background-position:bottom;
  background-size:100% 0;
  padding:0 .025em;
  position:relative;
  text-decoration-thickness:.075em;
  text-underline-offset:.125em;
  -webkit-transition:var(--background-transition);
  transition:var(--background-transition);
  -webkit-transition:var(--background-transition), text-decoration-color calc(3 * var(--transition-duration-short)) ease-out, color calc(2 * var(--transition-duration-short)) ease-out;
  transition:var(--background-transition), text-decoration-color calc(3 * var(--transition-duration-short)) ease-out, color calc(2 * var(--transition-duration-short)) ease-out;
}
:link:focus,:link:hover,:visited:focus,:visited:hover{
  background-size:100% 100%;
  color:var(--link-hover);
  text-decoration-color:inherit;
  z-index:1;
}
:link:focus code,:link:focus samp,:link:hover code,:link:hover samp,:visited:focus code,:visited:focus samp,:visited:hover code,:visited:hover samp{
  background-size:100% 0;
  border-color:transparent;
  border-radius:0;
  -webkit-box-shadow:none;
          box-shadow:none;
}
:link:focus kbd,:link:hover kbd,:visited:focus kbd,:visited:hover kbd{
  background:inherit;
}

:link{
  color:var(--link);
  text-decoration-color:var(--link-underline);
}

:visited{
  color:var(--link-visited);
  text-decoration-color:var(--link-visited-underline);
}

:link:focus-visible{
  outline-color:currentColor;
  outline-offset:.25em;
  outline-width:.25em;
}

h1,h2,h3,h4,h5,h6{
  -ms-hyphens:none;
      hyphens:none;
  text-align:left;
  text-wrap:pretty;
}

h1,h2{
  color:var(--h1-foreground);
}

h1{
  font-size:var(--size-l-2);
  line-height:1.2;
  text-align:center;
  width:100%;
  view-transition-name:title;
  font-weight:700;
}
h1+*{
  margin-top:calc(1.5 * var(--spacing-unit));
}
@media (prefers-color-scheme:dark){
  h1{
    font-weight:600;
  }
}
@media (min-width:60em){
  h1{
    font-size:var(--size-l-3);
  }
}

h2{
  clear:both;
  font-size:var(--size-l-1);
  font-weight:600;
  line-height:1.3;
}
*+h2{
  margin-top:calc(var(--spacing-unit) * 2);
}
h2+*{
  margin-top:calc(var(--spacing-unit) / 4);
}
.code-block+h2{
  margin-top:calc(1.5 * var(--spacing-unit));
}

h3{
  font-size:var(--size-l-1);
  font-style:italic;
}
*+h3{
  margin-top:calc(var(--spacing-unit) / 2);
}

:is(p,ins,del,.code-block,ul,ol,video,.lab,.demo,.conversation):not(.post__spoilers):not(.conversation--line):not(.conversation--directions):not(.post__finished)+:is(p,ins,del,ul,ol,.lab,.demo):not(.posts-time):not(.blog-info-copyright):not(.posts-description):not(.post__social){
  margin-top:1em;
}

ol,ul{
  margin-left:1em;
  margin-top:1em;
}
h2+ol,h2+ul{
  margin-top:calc(var(--spacing-unit) / 4);
}
@media (min-width:40em){
  li>ol,li>ul{
    margin-left:calc(1.5 * var(--spacing-unit));
  }
}
li+li{
  margin-top:calc(1 * var(--spacing-unit));
}
ol>li:nth-last-child(n+10),ol>li:nth-last-child(n+10)~li{
  margin-left:1.25ch;
}

ul>li::marker{
  content:"• ";
}
ul>li::marker+*{
  margin-left:1ch;
}

main{
  --padding:calc(1 * var(--spacing-unit));
  --main-size:calc(100% - 2 * var(--padding));
  --available-size:calc(var(--main-size) - 2 * var(--padding));
  --ideal-width:38rem;
  --text-width:min(var(--ideal-width), var(--available-size));
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  margin:0 auto;
  min-height:calc(100vh - 2 * var(--padding));
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
      -ms-flex-flow:column;
          flex-flow:column;
  -ms-flex-wrap:nowrap;
      flex-wrap:nowrap;
  -webkit-box-pack:start;
      -ms-flex-pack:start;
          justify-content:flex-start;
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center;
  border-radius:var(--spacing-unit);
  color:var(--foreground);
  font-variant-numeric:proportional-nums oldstyle-nums;
  max-width:100%;
  padding:calc(var(--padding) / 4) 0;
}
main>*{
  max-width:var(--text-width);
}

sub,sup{
  font-size:.7em;
  position:relative;
  vertical-align:baseline;
  --offset:0.6em;
}

sup{
  bottom:var(--offset);
}
@supports (font-feature-settings:"sups"){
  sup.ordinal{
    bottom:auto;
    -webkit-font-feature-settings:"sups";
            font-feature-settings:"sups";
    font-size:inherit;
  }
}

sub{
  bottom:calc(var(--offset) * -1);
}

:not(pre)>:is(code:not([class]),kbd,samp){
  background:-webkit-gradient(linear, left bottom, right top, from(var(--code-bg)), to(var(--code-bg))) scroll no-repeat;
  background:linear-gradient(to top right, var(--code-bg), var(--code-bg)) scroll no-repeat;
  background-position:top;
  background-size:100% 100%;
  overflow-wrap:anywhere;
  padding:calc(var(--spacing-unit) / 4);
  -webkit-transition:var(--background-transition);
  transition:var(--background-transition);
  -webkit-transition:all var(--transition-duration-short) ease-out;
  transition:all var(--transition-duration-short) ease-out;
  word-break:break-all;
}
@media (min-width:40em){
  :not(pre)>:is(code:not([class]),kbd,samp){
    overflow-wrap:break-word;
    word-break:normal;
  }
}

code,kbd,pre,samp{
  font-size:.72em;
  font-variant-numeric:lining-nums tabular-nums;
}
@supports (font-variation-settings:"wdth" 115){
  code,kbd,pre,samp{
    font-family:Recursive,monospace;
    font-variation-settings:"MONO" 1, "CASL" 0;
  }
}
@supports (font-size-adjust:0.1){
  code,kbd,pre,samp{
    font-size:1em;
  }
}
code>code,code>kbd,code>pre,code>samp,kbd>code,kbd>kbd,kbd>pre,kbd>samp,pre>code,pre>kbd,pre>pre,pre>samp,samp>code,samp>kbd,samp>pre,samp>samp{
  font-size:1em;
}

samp{
  padding:calc(var(--spacing-unit) / 8) calc(var(--spacing-unit) / 4);
}

:not(pre)>samp{
  border:1px solid var(--samp-border);
}

kbd{
  border:.05em solid;
  border-color:var(--kbd-upper-border) var(--kbd-upper-border) var(--kbd-lower-border);
  border-radius:calc(var(--spacing-unit) / 2);
  -webkit-box-shadow:0 -.1em 0 var(--kbd-shadow) inset;
          box-shadow:0 -.1em 0 var(--kbd-shadow) inset;
}
kbd>kbd{
  --outdent:calc(-1 * var(--spacing-unit) / 4);
  border-color:var(--kbd-lower-border);
  margin-left:var(--outdent);
  margin-right:var(--outdent);
}

img,video{
  max-width:100%;
}
@media (prefers-color-scheme:dark){
  img,video{
    -webkit-filter:brightness(.8) contrast(1.2);
            filter:brightness(.8) contrast(1.2);
  }
}

del.inline,ins.inline{
  background:var(--edit-background);
  -webkit-box-decoration-break:clone;
          box-decoration-break:clone;
  display:inline;
  margin:0 .05em;
  padding:calc(var(--spacing-unit) / 16);
}
@media (min-width:40em){
  del.inline,ins.inline{
    padding:calc(var(--spacing-unit) / 6) calc(var(--spacing-unit) / 8);
  }
}
del.block,ins.block{
  border-left:var(--ins-border-width) solid var(--ins-border);
  display:block;
  margin-left:calc(-1 * var(--spacing-unit));
  padding-left:calc(var(--spacing-unit) - var(--ins-border-width));
}
del time:first-child,ins time:first-child{
  display:block;
  font-size:var(--size-s-1);
  font-style:italic;
}
del time:first-child+h2,ins time:first-child+h2{
  margin-top:0;
}

ins{
  text-decoration:none;
  --edit-background:var(--ins-bg);
}
ins:not(.editorial):not(.redacted).inline{
  border:1px solid var(--ins-inline-border);
}

del{
  text-decoration-thickness:.04em;
  --edit-background:var(--del-bg);
  opacity:.8;
  -webkit-transition:opacity var(--transition-duration-short), text-decoration-color var(--transition-duration-short);
  transition:opacity var(--transition-duration-short), text-decoration-color var(--transition-duration-short);
}
del.block{
  border-color:var(--del-border);
  text-decoration-color:var(--del-border);
}
del.inline{
  border:1px solid var(--del-inline-border);
  text-decoration-color:var(--del-inline-border);
}
del::-moz-selection{
  opacity:1;
  text-decoration-color:var(--del-minor-border);
}
del::selection,del:focus-within,del:hover{
  opacity:1;
  text-decoration-color:var(--del-minor-border);
}

.editorial,.redacted{
  opacity:.8;
  -webkit-transition:opacity var(--transition-duration-short);
  transition:opacity var(--transition-duration-short);
}
.editorial::-moz-selection,.redacted::-moz-selection{
  opacity:1;
}
.editorial::selection,.editorial:focus-within,.editorial:hover,.redacted::selection,.redacted:focus-within,.redacted:hover{
  opacity:1;
}

.editorial{
  font-size:.8em;
}

.redacted{
  font-style:italic;
}
.redacted:before{
  content:"[";
}
.redacted:after{
  content:"]";
}

ins.inline.redacted{
  padding:0;
}

.external-icon{
  display:inline-block;
  margin-left:.1ch;
  margin-right:-.1ch;
  position:relative;
  top:.1em;
  width:.9em;
  fill:currentColor;
}

cite+.external-icon,em+.external-icon,i+.external-icon{
  margin-left:.25ch;
}

abbr{
  -webkit-font-feature-settings:"c2sc";
          font-feature-settings:"c2sc";
  letter-spacing:.05em;
  margin-right:-.025em;
}
h1 abbr{
  font-weight:600;
}
h1 abbr,h2 abbr{
  letter-spacing:.025em;
  margin-right:-.0125em;
}

.float{
  --percent:50%;
  --inner-margin:var(--spacing-unit);
  clear:both;
  margin:calc(2 * var(--spacing-unit));
  margin-bottom:calc(var(--spacing-unit) / 2);
  max-width:var(--percent);
}
.float--left{
  float:left;
  margin-left:var(--outdent);
  margin-right:var(--inner-margin);
  -webkit-transform-origin:center left;
          transform-origin:center left;
}
.float--right{
  float:right;
  margin-left:var(--inner-margin);
  margin-right:var(--outdent);
  -webkit-transform-origin:center right;
          transform-origin:center right;
}
@media (min-width:40em){
  .float{
    --inner-margin:calc(var(--spacing-unit) * 2);
    margin-bottom:calc(var(--spacing-unit) * 5 / 4);
  }
}
@media (min-width:124em){
  .float{
    --outdent:calc(var(--width) * -1 - var(--padding));
  }
}

li>.float:first-child{
  margin-top:calc(var(--spacing-unit) / 4);
}

.work-title>.work-vintage{
  font-style:normal;
}

.work-disambiguation{
  background:none;
  color:inherit;
}

.title__site{
  display:block;
  font-style:italic;
  font-weight:400;
}

#title .work-disambiguation-wrapper,.title__site{
  font-size:var(--size-l-1);
}

em>cite,i>cite{
  font-style:normal;
}

q.pad-opening:before{
  content:open-quote " ";
  white-space:pre;
}
q.pad-closing:after{
  content:" " close-quote;
  white-space:pre;
}
q.em-end:after,q.em-start:before{
  font-style:italic;
}

q.space-start{
  margin-left:.05ch;
}

.space-end{
  margin-right:.1ch;
}

.overflow-x-scroll{
  margin:calc(var(--spacing-unit) * 1) 0;
  overflow-x:auto;
  width:100%;
}

.table{
  border-collapse:collapse;
  font-variant-numeric:tabular-nums lining-nums;
  min-width:100%;
}
.table tbody:has(+tbody)>tr:last-child{
  border-bottom:1px solid var(--foreground-transparent);
}
.table td,.table th{
  padding:calc(var(--spacing-unit) / 4) calc(var(--spacing-unit) / 1);
}
.table tbody:nth-of-type(2n)>tr:nth-of-type(2n),.table tbody:nth-of-type(odd)>tr:nth-of-type(odd){
  background:var(--table-alternating-bg);
  -webkit-transition:background var(--transition-duration-short) ease-out;
  transition:background var(--transition-duration-short) ease-out;
}
.table tbody>tr{
  border-bottom:1px solid transparent;
  -webkit-transition:border-color var(--transition-duration-short) ease-out;
  transition:border-color var(--transition-duration-short) ease-out;
}
.table tbody:nth-of-type(2n)>tr:focus-within,.table tbody:nth-of-type(2n)>tr:hover,.table tbody:nth-of-type(odd)>tr:focus-within,.table tbody:nth-of-type(odd)>tr:hover{
  background:var(--table-hover-bg);
  border-bottom:1px solid var(--foreground);
}

:lang(en)>:lang(fr){
  font-style:italic;
}

.org-right{
  text-align:right;
}

th>abbr{
  font-weight:600;
}

.blog-title{
  font-style:italic;
  -webkit-font-variant-ligatures:none;
          font-variant-ligatures:none;
  letter-spacing:.025em;
}

blockquote{
  clear:both;
  margin:calc(1 * var(--spacing-unit)) 0;
  padding:0 calc(1 * var(--spacing-unit));
  position:relative;
}
blockquote:after,blockquote:before{
  display:block;
  left:calc(var(--spacing-unit) * .15);
  position:absolute;
  top:calc(var(--spacing-unit) * 0);
}
@media (min-width:40em){
  blockquote:after,blockquote:before{
    left:calc(var(--spacing-unit) * -.5);
  }
}
blockquote:before{
  background:var(--main-bg);
  color:var(--blockquote-border);
  content:"“";
  font-size:var(--size-l-1);
  height:.5em;
  line-height:1em;
  -webkit-transform:translateX(-65%);
          transform:translateX(-65%);
  width:.25em;
  z-index:1;
}
@media (min-width:40em){
  blockquote:before{
    font-size:var(--size-l-2);
  }
}
blockquote:after{
  background:var(--blockquote-border);
  bottom:calc(var(--spacing-unit) / 2);
  content:"";
  width:calc(var(--spacing-unit) / 12);
  z-index:0;
}
@media (min-width:40em){
  blockquote:after{
    bottom:calc(var(--spacing-unit));
    width:calc(var(--spacing-unit) / 8);
  }
  blockquote{
    margin:calc(1 * var(--spacing-unit)) calc(1.5 * var(--spacing-unit));
    padding:0 calc(1 * var(--spacing-unit));
  }
}

.visually-hidden{
  clip:rect(1px, 1px, 1px, 1px);
  clip-path:inset(50%);
  height:1px;
  margin:-1px;
  overflow:hidden;
  padding:0;
  position:absolute;
  width:1px;
}

.post{
  margin-bottom:calc(1.5 * var(--spacing-unit));
  text-wrap:pretty;
}
.post-permalink{
  color:inherit;
  text-shadow:.02em .02em .025em var(--permalink-foreground);
}
.post-permalink:not(:focus):not(:hover):not(:active){
  text-decoration:none;
}
.post-anchor{
  background:none;
  color:inherit;
  position:relative;
}
@supports (text-decoration-color:transparent){
  .post-anchor{
    text-decoration:underline;
    text-decoration-color:transparent;
    -webkit-transition:all var(--transition-duration-short) ease-out;
    transition:all var(--transition-duration-short) ease-out;
  }
  .post-anchor:hover{
    text-decoration-color:inherit;
  }
}
.post-anchor:not(:focus):not(:hover):not(:active):before{
  color:var(--foreground-transparent);
  text-shadow:none;
}
.post-anchor:before{
  content:"#";
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  font-size:var(--size-base);
  font-weight:700;
  height:100%;
  margin-right:.5ch;
  position:relative;
  position:absolute;
  right:100%;
  top:0;
  -webkit-transition:opacity var(--transition-duration-short) ease-out, color var(--transition-duration-short) ease-out, text-shadow var(--transition-duration-short) ease-out;
  transition:opacity var(--transition-duration-short) ease-out, color var(--transition-duration-short) ease-out, text-shadow var(--transition-duration-short) ease-out;
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center;
  background:var(--main-bg);
  color:var(--link);
  line-height:1;
  text-shadow:1px 1px;
  z-index:2;
}
@media (min-width:40em){
  .post-anchor:before{
    margin-right:1ch;
  }
}
.post-series{
  margin:0 auto;
  max-width:90%;
  text-align:center;
}
@media (min-width:60em){
  .post-series{
    display:block;
    margin-top:calc(var(--spacing-unit) / 4);
  }
}
.post-next{
  font-style:italic;
  margin:calc(var(--spacing-unit) * 1) 0 0;
  position:relative;
  text-align:right;
}
.post-next-pre{
  font-weight:700;
}
.post-next-link,.post-next-pre,.post-next-punctuation{
  font-style:normal;
}
.post-next-series{
  display:block;
}
.post__logo{
  display:inline-block;
  height:.8em;
  margin-left:calc(var(--spacing-unit) / 8);
  margin-right:calc(var(--spacing-unit) / 4);
  position:relative;
  top:.1em;
}
.post-music-link{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
  background:var(--link);
  color:var(--music-link);
      -ms-flex-flow:row;
          flex-flow:row;
  font-size:var(--size-l-2);
  font-weight:700;
  line-height:1;
  margin:0 auto;
  margin-top:var(--spacing-unit);
  outline:.05em solid transparent;
  padding:var(--spacing-unit) calc(1.5 * var(--spacing-unit));
  text-align:center;
  text-decoration:none;
  -webkit-transition:background-color var(--transition-duration-short) ease-out, color var(--transition-duration-short) ease-out, outline-color var(--transition-duration-short) ease-out;
  transition:background-color var(--transition-duration-short) ease-out, color var(--transition-duration-short) ease-out, outline-color var(--transition-duration-short) ease-out;
  width:-webkit-max-content;
  width:-moz-max-content;
  width:max-content;
}
.post-music-link>span{
  margin-left:1ch;
}
.post-music-link:focus,.post-music-link:hover{
  background:var(--link-hover-bg);
  color:var(--link-hover);
  outline-color:inherit;
}
.post-music-time{
  display:block;
  font-style:italic;
  margin:calc(var(--spacing-unit) / 4) 0;
}
.post-time--updated{
  display:inline-block;
}
.post-archived,.post-unpublished{
  color:var(--spoilers);
}
.post-archived{
  font-size:var(--size-l-1);
  font-weight:700;
  margin-bottom:calc(var(--spacing-unit) * 1);
}
.post-nav,.post>hr{
  clear:both;
}
.post>hr{
  --border-width:0.05em;
  --figure:1em;
  --image:url(/assets/images/favicon-break.svg);
  border:0;
  border-top:var(--border-width) solid;
  color:var(--hr);
  display:block;
  line-height:1;
  margin:calc(var(--spacing-unit) * 3) auto;
  max-width:80%;
  overflow:visible;
  position:relative;
  width:30ch;
}
.post>hr:after{
  background:no-repeat var(--image) center/contain, var(--main-bg);
  content:"";
  display:block;
  height:var(--figure);
  left:50%;
  -o-object-fit:contain;
     object-fit:contain;
  padding:0 calc(var(--figure) / 3) 0 calc(var(--figure) / 2);
  position:absolute;
  top:calc(50% - var(--border-width) / 2);
  -webkit-transform:translate(-50%, -50%);
          transform:translate(-50%, -50%);
  width:var(--figure);
  z-index:2;
}
@media (prefers-color-scheme:dark){
  .post>hr{
    --image:url(/assets/images/favicon-breakDark.svg);
  }
}
.post .work-title{
  font-weight:600;
}
.post h1 .work-title,.post-info-box .work-title{
  font-weight:inherit;
}
.post .footnote-ref{
  font-variant-numeric:lining-nums tabular-nums;
  font-weight:600;
  padding:0;
  text-decoration:none;
}
.post .footnote-ref:not(:active){
  anchor-name:unset;
}
.post .work-title+[id^=fnref-]:before{
  content:" ";
}
.post .footnote-backref{
  display:inline-block;
  margin-left:.5ch;
}
.post__lead{
  --letter-size:2;
  --lines:2;
  font-size:var(--size-l-half);
}
@supports (initial-letter:1 1){
  .post__lead:first-letter{
    initial-letter:var(--letter-size) var(--lines);
    -webkit-margin-end:.75ch;
    font-size-adjust:none;
    font-weight:600;
            margin-inline-end:.75ch;
  }
}
.post__social{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  gap:.5lh .5ch;
  margin:calc(var(--spacing-unit) * 1) auto calc(var(--spacing-unit) * 3);
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
      -ms-flex-flow:row wrap;
          flex-flow:row wrap;
  -webkit-box-align:center;
      -ms-flex-align:center;
  -webkit-box-pack:center;
      -ms-flex-pack:center;
  align-items:center;
  font-size:var(--size-l-half);
          justify-content:center;
  padding:calc(var(--spacing-unit) * 2) 0 0;
}
.post__social .external-icon{
  display:none;
}
.post__link{
  font-weight:600;
  margin:0;
  padding:0 .5ch;
}
.post__link>svg{
  position:static;
}
.post__link:nth-child(n+2 of .post__link){
  margin-left:1em;
}
.post__social-logo{
  --height:0.6lh;
  display:inline-block;
  -webkit-filter:grayscale(.25);
          filter:grayscale(.25);
  grid-column:1 /  1;
  height:var(--height);
  margin:0 .75ch 0 0;
  -o-object-fit:contain;
     object-fit:contain;
  -webkit-transition:-webkit-filter var(--transition-short) ease-out;
  transition:-webkit-filter var(--transition-short) ease-out;
  transition:filter var(--transition-short) ease-out;
  transition:filter var(--transition-short) ease-out, -webkit-filter var(--transition-short) ease-out;
  vertical-align:calc(.375em - .5 * var(--height));
  vertical-align:calc(.5cap - .5 * var(--height));
}
.post__link:where(:hover,:focus-within)>.post__social-logo{
  -webkit-filter:grayscale(0);
          filter:grayscale(0);
}
.post__social-temporary{
  display:block;
  font-size:var(--size-s-1);
}
.post:has(.post__social){
  margin-bottom:0;
}
@media (min-width:40em){
  @supports (hyphens:auto){
    .post{
      -ms-hyphens:auto;
          hyphens:auto;
      text-align:justify;
    }
  }
}

.footnotes{
  font-size:var(--size-s-1);
  margin:0 auto;
}
.footnotes>hr{
  border-style:solid;
  border-width:.075em 0 0;
  margin:calc(2 * var(--spacing-unit)) auto calc(1.5 * var(--spacing-unit));
}
.footnotes li{
  bottom:-100%;
  counter-increment:footnotes;
  -webkit-transition:bottom var(--transition-duration-short) ease-out;
  transition:bottom var(--transition-duration-short) ease-out;
}
.footnotes li:target{
  background:var(--main-bg);
  border:.075em solid var(--permalink-foreground);
  border-radius:var(--border-radius);
  font-size:var(--size-base);
  max-height:90vh;
  overflow:auto;
  padding:calc(1.5 * var(--spacing-unit));
  position:fixed;
  width:calc(var(--text-width) + 2 * var(--spacing-unit));
  z-index:10;
}
@supports not (anchor-name:--footnote){
  .footnotes li:target{
    bottom:var(--spacing-unit);
    left:50%;
    -webkit-transform:translateX(-50%);
            transform:translateX(-50%);
  }
}
@supports (anchor-name:--footnote){
  .footnotes li:target{
    bottom:auto;
    left:auto;
    position-try:bottom right, bottom left, top right, top left;
    -webkit-box-shadow:var(--blog-info-shadow-2) .1em .1em .17em;
            box-shadow:var(--blog-info-shadow-2) .1em .1em .17em;
    max-width:50vw;
    min-width:30vw;
  }
}
.footnotes li:target::marker{
  font-size:0;
}
@supports not (anchor-name:--footnote){
  .footnotes li:target:before{
    content:counter(footnotes) ".";
    display:block;
    font-size:var(--size-l-1);
    font-variant-numeric:lining-nums tabular-nums;
    font-weight:600;
    line-height:1.1;
    margin-bottom:calc(var(--spacing-unit) / 2);
    text-align:center;
  }
}
@media (min-width:40em){
  @supports not (anchor-name:--footnote){
    .footnotes li:target{
      bottom:calc(1.5 * var(--spacing-unit));
    }
  }
}

.post-meta{
  font-style:italic;
  -ms-hyphens:none;
      hyphens:none;
  margin:calc(var(--spacing-unit) / 4) auto calc(var(--spacing-unit));
  text-align:center;
  view-transition-name:post-meta;
}
@media (min-width:60em){
  .post-meta__site{
    display:block;
  }
}
.post-meta__first{
  display:block;
  font-style:normal;
}
.post-meta__tags{
  display:inline;
}
@media (min-width:60em){
  .post-meta__tags{
    display:block;
    margin-top:calc(var(--spacing-unit) / 4);
  }
  .post-meta{
    font-size:var(--size-l-half);
  }
}

@position-try --footnote{
  min-width:50vw;
}
.thoughts-metadata-wrapper{
  background:var(--blog-info-bg);
  -webkit-box-shadow:0 .1em .2em rgba(0,0,0,.16),0 .1em .2em rgba(0,0,0,.23);
          box-shadow:0 .1em .2em rgba(0,0,0,.16),0 .1em .2em rgba(0,0,0,.23);
  margin-bottom:calc(1 * var(--spacing-unit));
  margin-right:calc(var(--spacing-unit) * -1);
  padding:var(--spacing-unit);
  view-transition-name:thoughts-metadata;
  border-radius:var(--border-radius);
}
@media (min-width:40em){
  .thoughts-metadata-wrapper{
    float:right;
    margin-left:calc(2.5 * var(--spacing-unit));
    max-width:min(60%, 18em);
  }
}
@media (min-width:60em){
  .thoughts-metadata-wrapper{
    font-size:var(--size-l-half);
  }
}
.thoughts-metadata-wrapper .work-disambiguation-wrapper{
  font-size:var(--size-s-1);
}

.thoughts-metadata{
  display:grid;
  grid-template-columns:auto auto;
  -webkit-box-align:start;
      -ms-flex-align:start;
          align-items:flex-start;
  grid-gap:0 calc(.75 * var(--spacing-unit));
  -ms-hyphens:none;
      hyphens:none;
  text-align:left;
}
.thoughts-metadata-title{
  font-weight:600;
  -webkit-box-flex:0;
      -ms-flex:0 1 13ch;
          flex:0 1 13ch;
  text-align:right;
}
.thoughts-metadata-value{
  font-variant-numeric:lining-nums proportional-nums;
  -webkit-box-flex:1;
      -ms-flex:1 1 70%;
          flex:1 1 70%;
}
.thoughts-metadata .work-title{
  font-weight:400;
}
.thoughts-metadata-work-title cite{
  font-style:normal;
}
.thoughts-metadata-authors{
  margin:0;
  padding:0;
}
.thoughts-metadata-author{
  display:block;
  list-style:none;
  margin:0;
  padding:0;
}
.thoughts-metadata-author-credit{
  font-size:var(--size-s-1);
  font-style:italic;
}
.thoughts-metadata-aka{
  font-weight:600;
}
.thoughts-metadata-titles{
  font-size:var(--size-s-1);
  margin:0;
}
.thoughts-metadata-titles>li{
  display:block;
  margin:0;
}
.thoughts-metadata-title-type{
  font-style:italic;
}
.thoughts-metadata__icon{
  display:block;
  margin:0 auto 1ch;
  vertical-align:middle;
  width:2em;
  --icon-fill:var(--foreground);
}
.thoughts-metadata__icon--book{
  --icon-fill:var(--main-bg);
  --icon-stroke:var(--foreground);
}
@media (min-width:60em){
  .thoughts-metadata{
    width:auto;
  }
}

.post__spoilers{
  font-weight:700;
  fill:currentColor;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
      -ms-flex-flow:row;
          flex-flow:row;
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center;
  color:var(--spoilers);
  -webkit-box-pack:center;
      -ms-flex-pack:center;
  -ms-hyphens:none;
      hyphens:none;
          justify-content:center;
  margin-bottom:.25lh;
  text-align:left;
}
.post__spoilers>.warning{
  --size:0.9em;
  height:var(--size);
  margin-right:calc(var(--spacing-unit) * 1);
  width:var(--size);
  -webkit-box-flex:0;
      -ms-flex:0 0 auto;
          flex:0 0 auto;
  margin-top:-.2em;
}
@media (min-width:60em){
  .post__spoilers{
    -webkit-box-pack:start;
        -ms-flex-pack:start;
            justify-content:flex-start;
  }
}
@media (prefers-color-scheme:dark){
  .post__spoilers{
    font-weight:600;
  }
}
.post__spoilers+.post__lead{
  margin-top:1ch;
}
.post__spoilers-text{
  display:table-cell;
  line-height:1;
  vertical-align:middle;
}
.post__finished{
  border-top:1px solid;
  margin:.5lh 0 0;
  padding-top:.5lh;
  text-align:center;
}

.blog-info{
  background:var(--blog-info-bg);
  -webkit-box-shadow:var(--blog-info-shadow-1) 0 .1em .2em, var(--blog-info-shadow-2) 0 .1em .2em;
          box-shadow:var(--blog-info-shadow-1) 0 .1em .2em, var(--blog-info-shadow-2) 0 .1em .2em;
  margin-bottom:calc(var(--spacing-unit));
  margin-top:auto;
  padding:calc(2 * var(--spacing-unit));
  view-transition-name:welcome;
  border-radius:var(--border-radius);
  text-align:center;
}
.blog-info-link{
  font-weight:700;
}
@media (prefers-color-scheme:dark){
  .blog-info-link{
    font-weight:600;
  }
}
.blog-info-contact{
  font-style:normal;
  margin-top:calc(1 * var(--spacing-unit));
  text-align:center;
}
.blog-info-colophon,.blog-info-copyright{
  font-size:var(--size-s-1);
}
.blog-info-colophon{
  margin-top:calc(1.5 * var(--spacing-unit));
}
.blog-info-copyright{
  margin-top:0;
}
.blog-info-no-ai{
  line-height:1;
  margin-top:calc(1 * var(--spacing-unit));
}
.blog-info-no-ai-logo{
  --height:0.7lh;
  display:inline-block;
  height:var(--height);
  margin-right:.75ex;
  vertical-align:calc(.375em - .5 * var(--height));
  vertical-align:calc(.5cap - .5 * var(--height));
}
.blog-info-no-ai-logo--index{
  margin-left:1ex;
  --height:0.75lh;
}

.toc-backlink,.toc-welcome{
  margin-top:calc(var(--spacing-unit) / 2);
  width:100%;
  view-transition-name:welcome;
  -webkit-box-flex:var(--available-size);
      -ms-flex:var(--available-size) 0 1;
          flex:var(--available-size) 0 1;
}
.toc__footer{
  border-top:1px solid hsl(from currentcolor h s l/.5);
  padding:calc(var(--spacing-unit) * 3 / 2) 0;
}
.toc__colophon,.toc__contact,.toc__legal{
  text-align:center;
}
.toc__contact{
  margin-top:0;
}
.toc__colophon{
  margin-top:calc(var(--spacing-unit));
}
.toc__legal{
  margin-top:calc(var(--spacing-unit) / 4);
}
.toc .work-disambiguation-wrapper{
  font-size:var(--size-l-1);
}

.posts{
  list-style-position:inside;
  margin:calc(2 * var(--spacing-unit)) 0 calc(3 * var(--spacing-unit));
  text-align:center;
}
.posts-post{
  font-size:var(--size-l-1);
  margin:0;
  width:100%;
  -webkit-box-pack:justify;
      -ms-flex-pack:justify;
  border:0 solid;
          justify-content:space-between;
  margin-left:0 !important;
  text-wrap:pretty;
}
.posts-post[data-status=hidden]{
  opacity:.4;
}
.posts-post[data-status=draft]{
  opacity:.6;
}
.posts-post+.posts-post{
  margin-top:calc(1 * var(--spacing-unit));
}
.posts-post::marker{
  font-variant-numeric:proportional-nums oldstyle-nums;
}
.posts-post+.posts-post{
  margin-top:calc(var(--spacing-unit) * 2);
}
@media (min-width:40em){
  .posts-post+.posts-post{
    margin-top:calc(var(--spacing-unit) * 3);
  }
}
.posts-link{
  font-family:var(--heading-font);
  font-size:var(--size-l-2);
  font-weight:600;
}
.posts-classifiers,.posts-time{
  font-size:var(--size-base);
}
.posts-classifiers{
  display:block;
  font-variant-caps:all-small-caps;
  font-weight:600;
  letter-spacing:.05em;
  margin-top:0;
}
.posts-streams{
  display:inline-block;
  list-style:none;
  margin:0;
}
.posts-stream{
  display:inline;
  list-style:none;
}
.posts-stream::marker{
  content:"";
}
.posts-stream+.posts-stream:before{
  content:" · ";
}
.posts-time{
  display:block;
  margin-top:calc(var(--spacing-unit) / 2);
  max-width:100%;
}
.posts-time--secondary{
  display:inline;
  font-size:var(--size-base);
  font-size:inherit;
}
.posts-time-wrapper{
  display:block;
  font-size:var(--size-base);
  margin:calc(var(--spacing-unit) / 4) 0;
}
.posts-description{
  font-size:calc(var(--size-base) * (1 + (var(--scale) - 1) / 2));
  font-size:var(--size-l-1);
  font-size:var(--size-base);
  font-size:var(--size-l-half);
  margin:calc(var(--spacing-unit) / 2) 0;
}
.posts__icon{
  display:inline-block;
  -webkit-margin-end:.5ch;
          margin-inline-end:.5ch;
  vertical-align:middle;
  width:1cap;
  --icon-fill:var(--foreground);
}
.posts__icon--book{
  --icon-fill:var(--main-bg);
  --icon-stroke:var(--foreground);
}

.tags-list{
  width:100%;
}
.video+ins,:not(li)>.video+p,ins+.video,p+.video{
  margin-top:calc(var(--media-margin));
}
.video,.video>video{
  -o-object-fit:contain;
     object-fit:contain;
  -ms-flex-item-align:end;
      align-self:flex-end;
  max-height:100%;
}

.media-link{
  --width:min(var(--percent), var(--media-max-width));
  display:block;
  text-align:center;
  text-decoration:none;
  -webkit-transition:all var(--transition-duration-short) ease-out;
  transition:all var(--transition-duration-short) ease-out;
  z-index:4;
}
header+.media-link{
  margin-top:0;
}
.media-link:not(.float){
  --percent:100%;
  margin:0 auto;
  margin-top:calc(var(--media-margin));
  max-width:var(--width);
}
.media-link.float>picture,.media-link.float>picture>*{
  max-height:12em;
}
.media-group>.media-link{
  display:grid;
  grid-row:span 2;
  grid-template-rows:subgrid;
}
.media-group+ins,.media-group+p,.media-link+ins,.media-link+p,ins+.media-group,ins+.media-link,p+.media-group,p+.media-link{
  margin-top:calc(var(--media-margin));
}
.media-group:has(:last-child>figcaption)+p,.media-group:has(:last-child>figure>figcaption)+p,.media-link:has(:last-child>figcaption)+p,.media-link:has(:last-child>figure>figcaption)+p{
  margin-top:calc(var(--media-margin) * 2 / 3);
}
:is(p,blockquote,pre)+.media-group.float,:is(p,blockquote,pre)+.media-link.float{
  margin-top:1em;
}
.media-group.float+:is(p,blockquote,pre),.media-link.float+:is(p,blockquote,pre){
  margin-top:1em;
}
h2+.media-group.float+:is(p,blockquote,pre),h2+.media-link.float+:is(p,blockquote,pre){
  margin-top:0;
}
.media-group{
  display:grid;
  gap:calc(var(--spacing-unit));
  width:100%;
}
.media-group .float{
  margin:0;
  max-width:none;
}
.media-group:not(.float){
  margin:calc(var(--media-margin)) auto 0;
}
@media (min-width:70.75em){
  .media-group{
    gap:calc(var(--spacing-unit)) calc(var(--spacing-unit) * 2);
    grid-auto-rows:auto;
    grid-template-columns:1fr 1fr;
    width:auto;
  }
  .media-group:not(.float){
    max-width:min(var(--text-width), var(--media-max-width) * 2);
  }
  .media-group--tall{
    grid-template-columns:1fr;
  }
}
:not(.media-group)>.media-link+.media-link{
  margin-top:calc(var(--media-margin));
}
.media-group>.media-link{
  margin-top:0;
}
@media (min-width:70.75em){
  .media-group>.media-link{
    -webkit-box-flex:0;
    display:grid;
        -ms-flex:0 0 calc(50% - var(--media-max-width) / 2);
            flex:0 0 calc(50% - var(--media-max-width) / 2);
    grid-row:span 2;
    grid-template-rows:subgrid;
    max-width:100%;
  }
}
.media-link:focus,.media-link:hover{
  -webkit-transform:scale(1.2);
          transform:scale(1.2);
  z-index:5;
}
.media-caption{
  font-size:var(--size-s-1);
  -ms-hyphens:none;
      hyphens:none;
  margin-top:calc(var(--spacing-unit) / 2);
  text-align:center;
  width:100%;
}
@supports (grid-template-columns:subgrid){
  .media-group .media-caption{
    padding:0;
  }
}
.media-group>.media-caption{
  grid-column:span 2;
  margin-top:0;
}
.media-figure,.media-group,.media-picture{
  -o-object-fit:contain;
     object-fit:contain;
  -ms-flex-item-align:end;
      align-self:flex-end;
}
@media (min-width:70.75em){
  .media-group>.media-link:last-child:nth-child(odd){
    left:50%;
    position:relative;
  }
}
.media-figure{
  display:grid;
  gap:calc(var(--spacing-unit));
  grid-row:span 2;
  grid-template-rows:subgrid;
}
.media-media,.media-picture{
  place-self:center;
}
.media-picture{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:end;
      -ms-flex-align:end;
          align-items:flex-end;
}
.media-media{
  border:1px solid rgba(0,0,0,.2);
  -webkit-box-shadow:var(--media-shadow) .1em .1em .17em;
          box-shadow:var(--media-shadow) .1em .1em .17em;
  height:auto;
  margin:0 auto;
}

h1+.media-group,h1+.media-link,h2+.media-group,h2+.media-link,h3+.media-group,h3+.media-link,h4+.media-group,h4+.media-link,h5+.media-group,h5+.media-link,h6+.media-group,h6+.media-link{
  margin-top:calc(var(--spacing-unit) * 2);
}
@font-face{
  font-display:swap;
  font-family:Adobe Garamond Pro;
  font-style:normal;
  font-weight:700;
  src:url(/assets/fonts/AdobeGaramondProBold.woff2) format("woff2"), url(/assets/fonts/AdobeGaramondProBold.woff) format("woff");
}
@font-face{
  font-display:swap;
  font-family:Adobe Garamond Pro;
  font-style:normal;
  font-weight:400;
  src:url(/assets/fonts/AdobeGaramondProRegular.woff2) format("woff2"), url(/assets/fonts/AdobeGaramondProRegular.woff) format("woff");
}
@font-face{
  font-display:swap;
  font-family:Adobe Garamond Pro;
  font-style:italic;
  font-weight:600;
  src:url(/assets/fonts/AdobeGaramondProSemiboldItalic.woff2) format("woff2"), url(/assets/fonts/AdobeGaramondProSemiboldItalic.woff) format("woff");
}
@font-face{
  font-display:swap;
  font-family:Adobe Garamond Pro;
  font-style:italic;
  font-weight:400;
  src:url(/assets/fonts/AdobeGaramondProItalic.woff2) format("woff2"), url(/assets/fonts/AdobeGaramondProItalic.woff) format("woff");
}
@font-face{
  font-display:swap;
  font-family:Adobe Garamond Pro;
  font-style:italic;
  font-weight:700;
  src:url(/assets/fonts/AdobeGaramondProBoldItalic.woff2) format("woff2"), url(/assets/fonts/AdobeGaramondProBoldItalic.woff) format("woff");
}
@font-face{
  font-display:swap;
  font-family:Adobe Garamond Pro;
  font-style:normal;
  font-weight:600;
  src:url(/assets/fonts/AdobeGaramondProSemibold.woff2) format("woff2"), url(/assets/fonts/AdobeGaramondProSemibold.woff) format("woff");
}
@font-face{
  font-display:swap;
  font-family:Amiri;
  font-style:normal;
  font-weight:400;
  src:url(/assets/fonts/amiri-v17-arabic-regular.woff2) format("woff2"), url(/assets/fonts/amiri-v17-arabic-regular.woff) format("woff");
}
@font-face{
  font-display:swap;
  font-family:Amiri;
  font-style:italic;
  font-weight:400;
  src:url(/assets/fonts/amiri-v17-arabic-italic.woff2) format("woff2"), url(/assets/fonts/amiri-v17-arabic-italic.woff) format("woff");
}
@font-face{
  font-display:swap;
  font-family:Amiri;
  font-style:normal;
  font-weight:700;
  src:url(/assets/fonts/amiri-v17-arabic-700.woff2) format("woff2"), url(/assets/fonts/amiri-v17-arabic-700.woff) format("woff");
}
@font-face{
  font-display:swap;
  font-family:"Recursive";
  font-style:oblique 0deg 15deg;
  font-weight:300 800;
  src:url(/assets/fonts/recursive-latin.woff2) format("woff2-variations");
  unicode-range:U+00??, U+0131, U+0152-0153, U+02bb-02bc, U+02c6, U+02da, U+02dc, U+2000-206f, U+2074, U+20ac, U+2122, U+2191, U+2193, U+2212, U+2215, U+feff, U+fffd;
}
.demo,.lab{
  margin-left:auto;
  margin-right:auto;
  width:100%;
}
.demo.large,.lab.large{
  height:30em;
}

.search{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  margin-top:calc(var(--spacing-unit) * 2);
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
      -ms-flex-flow:column nowrap;
          flex-flow:column nowrap;
  -webkit-box-pack:center;
      -ms-flex-pack:center;
          justify-content:center;
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center;
  text-align:center;
  --pf-text:#1a1a1a;
  --pf-text-secondary:#666;
  --pf-text-muted:#767676;
  --pf-background:#fff;
  --pf-border:#e0e0e0;
  --pf-border-focus:#999;
  --pf-skeleton:#eee;
  --pf-skeleton-shine:#f5f5f5;
  --pf-hover:#f5f5f5;
  --pf-mark:#1a1a1a;
  --pf-scroll-shadow:rgba(0,0,0,.08);
  --pf-shadow-sm:0 0.15em 0.6em rgba(0,0,0,.06);
  --pf-shadow-md:0 0.3em 0.9em rgba(0,0,0,.1);
  --pf-shadow-lg:0 0.6em 3.6em rgba(0,0,0,.2);
  --pf-error-bg:#fef2f2;
  --pf-error-border:#fecaca;
  --pf-error-text:#dc2626;
  --pf-error-text-secondary:#b91c1c;
  --pf-outline-focus:#0969da;
  --pf-outline-width:0.15em;
  --pf-outline-offset:0.15em;
  --pf-font:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --pf-input-height:2.7em;
  --pf-input-font-size:max(var(--font-size-base), 16px);
  --pf-summary-font-size:0.9em;
  --pf-result-title-font-size:1.05em;
  --pf-result-excerpt-font-size:0.975em;
  --pf-results-display:flex;
  --pf-results-flex-direction:column;
  --pf-results-flex-wrap:nowrap;
  --pf-results-columns:none;
  --pf-results-gap:0.6em;
  --pf-border-radius:0.45em;
  --pf-image-width:4.8em;
  --pf-image-height:3.6em;
  --pf-modal-backdrop:rgba(0,0,0,.5);
  --pf-modal-max-width:42em;
  --pf-modal-max-height:min(80dvh, 800px);
  --pf-modal-top:10dvh;
  --pf-searchbox-max-width:36em;
  --pf-searchbox-dropdown-max-height:24em;
  --pf-dropdown-max-height:21em;
  --pf-dropdown-z-index:9999;
}
.search__summary{
  cursor:pointer;
  font-variant-caps:all-small-caps;
  -webkit-font-variant-ligatures:none;
          font-variant-ligatures:none;
  letter-spacing:.05em;
}
.search__summary::marker{
  margin-right:1ch;
}
.search__form{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
      -ms-flex-flow:column nowrap;
          flex-flow:column nowrap;
  -webkit-box-pack:center;
      -ms-flex-pack:center;
          justify-content:center;
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center;
  font-family:sans-serif;
  gap:calc(var(--spacing-unit) / 2);
}
.search__input,.search__submit{
  font-family:inherit;
  font-size:var(--size-s-1);
  padding:calc(var(--spacing-unit) / 4);
}
.search__label{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
      -ms-flex-flow:row wrap;
          flex-flow:row wrap;
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center;
}
.search__input,.search__label{
  -webkit-box-flex:1;
      -ms-flex:1 1 100%;
          flex:1 1 100%;
}
.search__submit{
  -webkit-box-flex:1;
      -ms-flex:1 0 max-content;
          flex:1 0 max-content;
}
.search__submit>cite{
  display:inline-block;
  margin-left:.25ch;
}
.search--blog-info{
  margin-top:calc(var(--spacing-unit));
}
@media (prefers-color-scheme:dark){
  .search{
    --pf-text:#e5e5e5;
    --pf-text-secondary:#a0a0a0;
    --pf-text-muted:#949494;
    --pf-background:#1a1a1a;
    --pf-border:#333;
    --pf-border-focus:#555;
    --pf-skeleton:#2a2a2a;
    --pf-skeleton-shine:#333;
    --pf-hover:#252525;
    --pf-mark:#e5e5e5;
    --pf-scroll-shadow:hsla(0,0%,100%,.1);
    --pf-outline-focus:#58a6ff;
    --pf-shadow-sm:0 0.15em 0.6em rgba(0,0,0,.3);
    --pf-shadow-md:0 0.3em 0.9em rgba(0,0,0,.4);
    --pf-shadow-lg:0 0.6em 3.6em rgba(0,0,0,.5);
    --pf-error-bg:#2a1a1a;
    --pf-error-border:#5c2828;
    --pf-error-text:#f87171;
    --pf-error-text-secondary:#ef4444;
  }
}

:root{
  --foreground:light-dark(#050505, #f2f2f2);
  --foreground-transparent:hsl(from var(--foreground) h s l / 0.5);
  --main-bg:light-dark(#fafafa, #0b0d0e);
  --table-alternating-bg:var(--code-bg);
  --table-hover-bg:light-dark(rgba(255,229,0,.05), rgba(64,76,191,.6));
  --table-hover-bg:hsl(from var(--link-hover-bg-end) h 70% l / 0.15);
  --link:light-dark(#1609d3, #66e5ff);
  --link-underline:light-dark(#a9a6d9, #8ce1f2);
  --link-visited:light-dark(#403a78, #80a6ff);
  --link-visited:light-dark(#403a78, #da8cf2);
  --link-visited-underline:light-dark(#948cd9, #b0dae8);
  --link-visited-underline:light-dark(#948cd9, #8ce1f2);
  --link-visited-underline:light-dark(#948cd9, #daa3f5);
  --link-hover:light-dark(inherit, #fcfcfc);
  --link-hover-bg:light-dark(#ffe500, #fcfcfc);
  --link-hover-bg:light-dark(#ffe500, #0b8e8e);
  --link-hover-bg:light-dark(#ffe500, #087a91);
  --link-hover-bg-end:light-dark(#ffeb33, #0b8e8e);
  --link-hover-bg-end:light-dark(#ffeb33, #087a91);
  --permalink-foreground:light-dark(rgba(5,5,5,.25), #4d4d4d);
  --light-border:light-dark(#cacaca, #262626);
  --samp-border:light-dark(rgba(0,0,0,.5), #7381bf);
  --samp-fg:var(--foreground);
  --kbd-upper-border:light-dark(#dbdbdb, #595959);
  --kbd-lower-border:light-dark(#bfbfbf, #737373);
  --kbd-shadow:light-dark(#bfbfbf, #1b213b);
  --blockquote-border:rgba(5,5,5,.5);
  --blockquote-border:rgba(22,9,211,.25);
  --blockquote-border:light-dark(rgba(64,58,120,.3), #6d66cc);
  --blockquote-border:light-dark(rgba(64,58,120,.3), #85d1e0);
  --ins-border:light-dark(#007027, #4bbe57);
  --ins-border:light-dark(#00802b, #90e9b4);
  --ins-border:light-dark(#005714, #9ee5a1);
  --ins-border:light-dark(#005714, #a5dfa7);
  --ins-border:light-dark(#005714, #91d18f);
  --ins-border-width:0.15em;
  --ins-inline-border:#40bf6c;
  --ins-inline-border:#008a43;
  --ins-inline-border:light-dark(#008a2e, var(--ins-border));
  --ins-bg:rgba(0,138,46,.03);
  --del-border:#7a2800;
  --del-border:#893515;
  --del-border:light-dark(#852b00, #fea490);
  --del-inline-border:#bf4040;
  --del-inline-border:#c04130;
  --del-inline-border:light-dark(#d32009, #fda38b);
  --del-bg:rgba(211,32,9,.03);
  --del-minor-border:light-dark(rgba(0,0,0,.3), hsla(0,0%,100%,.25));
  --spoilers:light-dark(#f50000, #ff2424);
  --media-shadow:light-dark(rgba(0,0,0,.15), rgba(0, 0, 100%, 0.15));
  --blog-info-bg:light-dark(hsl(from var(--main-bg) h 2% 100%), rgba(51,187,255,.05));
  --blog-info-bg:light-dark(hsl(from var(--main-bg) h 2% 100%), rgba(0,102,153,.035));
  --blog-info-shadow-1:light-dark(rgba(0,0,0,.16), rgba(158,219,250,.05));
  --blog-info-shadow-1:light-dark(rgba(0,0,0,.16), rgba(0,0,0,.3));
  --blog-info-shadow-2:light-dark(rgba(0,0,0,.23), rgba(182,228,251,.1));
  --thoughts-info-box-border:light-dark(currentColor, rgba(153,221,255,.5));
  --music-link:#fff;
  --transition-duration-short:0.15s;
  --transition-duration-medium:0.35s;
  --ease-out-circ:cubic-bezier(0, 0.55, 0.45, 1);
  --spacing-unit:0.625rem;
  --outdent:calc(var(--spacing-unit) * -1);
  --media-margin:var(--spacing-unit) * 2;
  --scale:(5/4);
  --size-base:1rem;
  --size-l-1:calc(var(--size-base) * var(--scale));
  --size-l-half:calc(var(--size-base) * 1.1);
  --size-l-2:calc(var(--size-l-1) * var(--scale));
  --size-l-3:calc(var(--size-l-2) * var(--scale));
  --size-l-4:calc(var(--size-l-3) * var(--scale));
  --size-s-1:calc(1rem / var(--scale));
  --size-s-2:calc(var(--size-s-1) / var(--scale));
  --media-max-width:min(800px, 80%);
  --background-transition:background-size calc(var(--transition-duration-short) * 1.5) var(--ease-out-circ);
  --favicon-default:$faviconDefault;
  --favicon-break:light-dark($faviconBreak, $faviconBreakDark);
  --hr:light-dark(hsl(from var(--favicon-break) h s 20% / 0.75), hsl(from var(--favicon-break) h s 80% / 0.75));
  --border-radius:1px;
  --h1-foreground:light-dark(hsl(from var(--link) h s 15%), hsl(from var(--link) h s 85%));
  --social-bg:light-dark(#fefef6, #000);
  --social-bg:light-dark(#ffe500, #087a91);
  --social-bg:hsl(from var(--link-hover-bg) h 100% l / 0.25);
  --social-bg:hsl(from var(--blog-info-bg) h s l);
}
@media (min-width:40em){
  :root{
    --outdent:calc(var(--spacing-unit) * -2);
  }
}
@media (min-width:60em){
  :root{
    --spacing-unit:0.75rem;
    --scale:(4/3);
  }
}
@media (prefers-color-scheme:dark){
  :root{
    color-scheme:dark;
  }
}