@charset "UTF-8";
.conversation{
  margin:calc(var(--spacing-unit)*1.5) calc(var(--spacing-unit)*1.5) 0;
}
.conversation-speaker{
  font-variant-caps:all-small-caps;
  font-weight:400;
}
.conversation+.conversation{
  margin-top:var(--spacing-unit);
}

@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;
  }
}
*{
  -webkit-box-sizing:border-box;
          box-sizing:border-box;
  margin:0;
  padding:0;
}

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

body{
  --font:"Adobe Garamond Pro";
  --heading-font:var(--font);
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  font-family:var(--font), serif;
  line-height:1.3;
  padding:0 calc(var(--spacing-unit)/2);
  quotes:"‘" "’" "“" "”";
}
@media (min-width:40em){
  body{
    line-height:1.4;
    padding:0 calc(var(--spacing-unit)*2);
  }
}

: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;
}

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

:link,:visited{
  --background-transition:background-size calc(var(--transition-duration-short)*1.5) var(--ease-out-circ);
  text-decoration-thickness:.075em;
  text-underline-offset:.125em;
  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;
  -webkit-transition:var(--background-transition);
  transition:var(--background-transition);
  -webkit-transition:var(--background-transition), color calc(var(--transition-duration-short)*2) ease-out, -webkit-text-decoration-color calc(var(--transition-duration-short)*3) ease-out;
  transition:var(--background-transition), color calc(var(--transition-duration-short)*2) ease-out, -webkit-text-decoration-color calc(var(--transition-duration-short)*3) ease-out;
  transition:var(--background-transition), text-decoration-color calc(var(--transition-duration-short)*3) ease-out, color calc(var(--transition-duration-short)*2) ease-out;
  transition:var(--background-transition), text-decoration-color calc(var(--transition-duration-short)*3) ease-out, color calc(var(--transition-duration-short)*2) ease-out, -webkit-text-decoration-color calc(var(--transition-duration-short)*3) ease-out;
}
:link:focus,:link:hover,:visited:focus,:visited:hover{
  background-size:100% 100%;
  color:var(--link-hover);
  -webkit-text-decoration-color:inherit;
          text-decoration-color:inherit;
  z-index:1;
}
:link:focus code,:link:focus kbd,:link:focus samp,:link:hover code,:link:hover kbd,:link:hover samp,:visited:focus code,:visited:focus kbd,:visited:focus samp,:visited:hover code,:visited:hover kbd,:visited:hover samp{
  background-size:100% 0;
  border-color:transparent;
  border-radius:0;
  -webkit-box-shadow:none;
          box-shadow:none;
}

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

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

h1,h2,h3,h4,h5,h6{
  text-align:left;
}

h1{
  font-size:var(--size-l-2);
  line-height:1.2;
  text-align:center;
  width:100%;
}
h1+*{
  margin-top:calc(var(--spacing-unit)*1.5);
}

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

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

del+del,del+ins,del+p,ins+del,ins+ins,ins+p,ol,ol+p,p+del,p+ins,p+p,pre+del,pre+ins,ul,ul+p{
  margin-top:1em;
}

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

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

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

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

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)>code:not([class]),kbd,samp{
  --background-transition:background-size calc(var(--transition-duration-short)*1.5) var(--ease-out-circ);
  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%;
  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;
}

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

@supports ((-webkit-hyphens:auto) or (hyphens:auto)){
  h1,h2,h3,h4,h5,h6{
    -webkit-hyphens:none;
        -ms-hyphens:none;
            hyphens:none;
  }
}

h2,h3{
  text-indent:-.075em;
}

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);
  }
}

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

del.inline{
  text-decoration-thickness:.025em;
  border:1px solid var(--del-inline-border);
}

del.inline,ins.inline{
  -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)/8);
  }
}

.editorial,.redacted{
  opacity:.8;
}

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

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

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

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{
  margin:calc(var(--spacing-unit)*2);
  max-width:50%;
}

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

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

.title__site{
  display:block;
  font-size:var(--size-l-1);
  font-style:italic;
  font-weight:400;
}

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;
}

.post{
  margin-bottom:calc(var(--spacing-unit)*1.5);
}
.post-permalink{
  color:inherit;
}
.post-permalink:not(:focus):not(:hover):not(:active){
  text-decoration:none;
}
.post-anchor{
  background:none;
  color:inherit;
}
@supports ((-webkit-text-decoration-color:transparent) or (text-decoration-color:transparent)){
  .post-anchor{
    text-decoration:underline;
    -webkit-text-decoration-color:transparent;
            text-decoration-color:transparent;
    -webkit-transition:all var(--transition-duration-short) ease-out;
    transition:all var(--transition-duration-short) ease-out;
  }
  .post-anchor:hover{
    -webkit-text-decoration-color:inherit;
            text-decoration-color:inherit;
  }
}
.post-anchor:not(:focus):not(:hover):not(:active)>svg{
  fill:inherit;
  opacity:.5;
}
.post-anchor>svg{
  fill:var(--link);
  opacity:1;
}
.post-anchor-icon{
  margin-left:.5ch;
  -webkit-transition:opacity var(--transition-duration-short) ease-out var(--transition-duration-short), fill var(--transition-duration-short) ease-out;
  transition:opacity var(--transition-duration-short) ease-out var(--transition-duration-short), fill var(--transition-duration-short) ease-out;
  width:.6em;
}
.post-meta{
  font-style:italic;
  -webkit-hyphens:none;
      -ms-hyphens:none;
          hyphens:none;
  margin:calc(var(--spacing-unit)/4) auto calc(var(--spacing-unit));
  max-width:90%;
  text-align:center;
}
@media (min-width:60em){
  .post-meta__site{
    display:block;
    font-size:var(--size-base);
  }
}
.post-meta__first{
  display:block;
  font-style:normal;
}
.post-meta__tags{
  display:inline;
}
@media (min-width:60em){
  .post-meta__tags{
    display:block;
    font-size:var(--size-base);
    margin-top:calc(var(--spacing-unit)/4);
  }
}
.post-spoilers{
  fill:currentColor;
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
  -webkit-box-align:center;
      -ms-flex-align:center;
  -webkit-box-pack:center;
      -ms-flex-pack:center;
          align-items:center;
  color:var(--spoilers);
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
      -ms-flex-flow:row;
          flex-flow:row;
  font-weight:700;
  -webkit-hyphens:none;
      -ms-hyphens:none;
          hyphens:none;
          justify-content:center;
  text-align:left;
}
.post-spoilers>.warning{
  --size:1.1em;
  -webkit-box-flex:0;
      -ms-flex:0 0 auto;
          flex:0 0 auto;
  height:var(--size);
  margin-right:var(--spacing-unit);
  width:var(--size);
}
.post-spoilers+p{
  margin-top:calc(var(--spacing-unit));
}
@media (min-width:60em){
  .post-spoilers{
    -webkit-box-pack:start;
        -ms-flex-pack:start;
            justify-content:flex-start;
  }
}
.post-spoilers-text{
  display:table-cell;
  line-height:1;
  vertical-align:middle;
}
.post-series{
  font-size:var(--size-base);
  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__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{
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
  background:var(--link);
  color:var(--music-link);
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
      -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(var(--spacing-unit)*1.5);
  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-unpublished{
  color:red;
}
.post-info-box{
  -webkit-box-align:start;
      -ms-flex-align:start;
  grid-gap:0 calc(var(--spacing-unit)*1);
          align-items:flex-start;
  background:var(--blog-info-bg);
  border:1px solid var(--thoughts-info-box-border);
  -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);
  display:grid;
  grid-template-columns:auto auto;
  -webkit-hyphens:none;
      -ms-hyphens:none;
          hyphens:none;
  margin-bottom:calc(var(--spacing-unit)*1.5);
  padding:var(--spacing-unit);
  text-align:left;
}
.post-info-box-title{
  -webkit-box-flex:0;
      -ms-flex:0 1 13ch;
          flex:0 1 13ch;
  font-weight:600;
}
.post-info-box-value{
  -webkit-box-flex:1;
      -ms-flex:1 1 70%;
          flex:1 1 70%;
  font-variant-numeric:lining-nums proportional-nums;
}
.post-info-box-work-title cite{
  font-style:normal;
}
.post-info-box-author,.post-info-box-authors{
  margin:0;
  padding:0;
}
.post-info-box-author{
  display:block;
  list-style:none;
}
.post-info-box-author-credit{
  font-size:var(--size-s-1);
  font-style:italic;
}
.post-info-box-aka{
  font-weight:600;
}
.post-info-box-titles{
  font-size:var(--size-s-1);
  margin:0;
}
.post-info-box-titles,.post-info-box-titles>li{
  display:block;
}
.post-info-box-titles>li{
  margin-top:1ch;
}
.post-info-box-aka+.post-info-box-titles{
  margin-top:0;
}
.post-info-box-titles>li{
  margin:0;
}
.post-info-box-title-type{
  font-style:italic;
}
@media (min-width:40em){
  .post-info-box-repeat{
    display:block;
  }
  .post-info-box{
    float:right;
    margin-left:calc(var(--spacing-unit)*2.5);
    max-width:60%;
  }
}
@media (min-width:60em){
  .post-info-box{
    grid-gap:0 calc(var(--spacing-unit)*1.5);
    width:auto;
  }
}
.post-nav{
  clear:both;
}
.post>h2:focus-within>.post-anchor>svg,.post>h2:focus>.post-anchor>svg,.post>h2:hover>.post-anchor>svg,.post>h3:focus-within>.post-anchor>svg,.post>h3:focus>.post-anchor>svg,.post>h3:hover>.post-anchor>svg,.post>h4:focus-within>.post-anchor>svg,.post>h4:focus>.post-anchor>svg,.post>h4:hover>.post-anchor>svg,.post>h5:focus-within>.post-anchor>svg,.post>h5:focus>.post-anchor>svg,.post>h5:hover>.post-anchor>svg,.post>h6:focus-within>.post-anchor>svg,.post>h6:focus>.post-anchor>svg,.post>h6:hover>.post-anchor>svg{
  display:inline-block;
}
.post blockquote{
  border-left:.1em solid var(--blockquote-border);
  clear:both;
  margin:calc(var(--spacing-unit)*1) 0;
  padding:0 calc(var(--spacing-unit)*1);
  position:relative;
}
@media (min-width:40em){
  .post blockquote{
    margin:calc(var(--spacing-unit)*1) calc(var(--spacing-unit)*1.5);
    padding:0 calc(var(--spacing-unit)*1);
  }
}
.post>hr{
  border:0;
  border-top:.05em solid;
  display:block;
  margin:calc(var(--spacing-unit)*3) auto;
  overflow:visible;
  position:relative;
  width:15ch;
}
.post>hr:after{
  background:var(--main-bg);
  color:var(--foreground);
  content:"★";
  display:block;
  font-size:var(--size-s-1);
  left:50%;
  padding:0 1ch;
  position:absolute;
  top:50%;
  -webkit-transform:translate(-50%, -50%);
          transform:translate(-50%, -50%);
}
.post .work-title{
  font-weight:600;
}
.post-info-box .work-title,.post h1 .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-backref{
  display:inline-block;
  margin-left:.5ch;
}
.post video{
  display:block;
  margin:var(--spacing-unit) auto 0;
}
.post>del,.post>ins,.post>ins:not(.editorial):not(.redacted){
  display:block;
  font-weight:inherit;
}
.post>ins{
  border-left:var(--ins-border-width) solid var(--ins-border);
  margin-left:calc(var(--spacing-unit)*-1);
  padding-left:calc(var(--spacing-unit) - var(--ins-border-width));
}
.post time.inserted{
  display:block;
  font-size:var(--size-s-1);
  font-style:italic;
}
.post time.inserted+*{
  margin-top:calc(var(--spacing-unit)/4);
}
@media (min-width:40em){
  @supports ((-webkit-hyphens:auto) or (hyphens:auto)){
    .post{
      -webkit-hyphens:auto;
          -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:.05em 0 0;
  margin:calc(var(--spacing-unit)*1.5) auto calc(var(--spacing-unit)*1);
}
@media (min-width:60em){
  .footnotes>hr{
    margin:calc(var(--spacing-unit)*2.5) auto calc(var(--spacing-unit)*1.5);
  }
}
.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;
  bottom:var(--spacing-unit);
  font-size:var(--size-base);
  left:50%;
  max-height:90vh;
  overflow:auto;
  padding:calc(var(--spacing-unit)*1.5);
  position:fixed;
  -webkit-transform:translateX(-50%);
          transform:translateX(-50%);
  width:calc(var(--text-width) + var(--spacing-unit)*2);
  z-index:2;
}
.footnotes li:target::marker{
  font-size:0;
}
.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){
  .footnotes li:target{
    bottom:calc(var(--spacing-unit)*1.5);
  }
}

.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-top:auto;
  padding:calc(var(--spacing-unit)*2);
}
.blog-info-link{
  font-weight:700;
}
.blog-info-contact{
  font-style:normal;
  margin-top:var(--spacing-unit);
}
.blog-info-colophon{
  font-size:var(--size-s-1);
  margin-top:calc(var(--spacing-unit)*1.5);
  text-align:right;
}

.toc-welcome{
  margin-top:calc(var(--spacing-unit)*2);
  text-align:center;
  width:100%;
}

.posts{
  list-style:none;
  margin:calc(var(--spacing-unit)*3) 0;
}
.posts-post{
  -webkit-box-pack:justify;
      -ms-flex-pack:justify;
  border:0 solid;
  font-size:var(--size-l-1);
          justify-content:space-between;
  margin:0;
  padding:calc(var(--spacing-unit)*1) 0;
  text-align:center;
  width:100%;
}
.posts-post[data-status=draft]{
  opacity:.6;
}
.posts-post+.posts-post{
  margin-top:calc(var(--spacing-unit)*1);
}
@media (min-width:40em){
  .posts-post{
    padding:calc(var(--spacing-unit)*2);
  }
}
.posts-link{
  font-family:var(--heading-font);
  font-size:var(--size-l-2);
  font-weight:600;
}
.posts>.posts-post:not(.posts-post--music):before{
  content:attr(data-formatted-value) ".";
  display:block;
  font-size:var(--size-l-1);
}
.posts-nostreams .posts-post{
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center;
}
.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{
  font-style:italic;
}

.tags-list{
  width:100%;
}

.image-link{
  display:block;
  max-width:min(100%, 400px);
  text-align:center;
  text-decoration:none;
  -webkit-transition:all var(--transition-duration-short) ease-out;
  transition:all var(--transition-duration-short) ease-out;
}
.image-link:not(.float){
  margin:0 auto;
}
.image-group+p,.image-link+p,.image-link:not(.float),p+.image-group,p+.image-link{
  margin-top:calc(var(--image-margin));
}
.image-group:has(figcaption)+p,.image-link:has(figcaption)+p{
  margin-top:calc(var(--image-margin)*2/3);
}
.image-group.float,.image-link.float{
  max-width:min(50%, 400px);
}
.image-group.float+p,.image-link.float+p,p+.image-group.float,p+.image-link.float{
  margin-top:1em;
}
.image-group--left,.image-link--left{
  float:left;
  margin-left:0;
}
.image-group--right,.image-link--right{
  float:right;
  margin-right:0;
}
.image-group{
  width:100%;
}
.image-group .float{
  margin:0;
  max-width:none;
}
.image-group:not(.image-group--left):not(.image-group--right){
  margin:calc(var(--image-margin)*2/3) auto 0;
}
p+.image-group{
  margin-top:calc(var(--image-margin)*3/4);
}
@media (min-width:70.75em){
  .image-group{
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -webkit-box-pack:justify;
        -ms-flex-pack:justify;
    -webkit-box-align:start;
        -ms-flex-align:start;
            align-items:flex-start;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
        -ms-flex-flow:row wrap;
            flex-flow:row wrap;
            justify-content:space-between;
  }
}
.image-group>.image-link+.image-link{
  margin-top:calc(var(--image-margin)*2/3);
}
@media (min-width:70.75em){
  .image-group>.image-link+.image-link{
    margin-top:0;
  }
}
:not(.image-group)>.image-link+.image-link{
  margin-top:calc(var(--image-margin));
}
.image-group>.image-link{
  --margin:calc(var(--image-margin)*2);
  margin-top:0;
}
@media (min-width:70.75em){
  .image-group>.image-link{
    -webkit-box-flex:0;
        -ms-flex:0 0 calc(50% - var(--margin)/2);
            flex:0 0 calc(50% - var(--margin)/2);
    max-width:100%;
  }
  .image-group>.image-link:nth-child(n+3){
    margin-top:calc(var(--image-margin));
  }
}
.image-group.float>.image-link{
  --margin:calc(var(--image-margin)/2);
}
.image-link:focus,.image-link:hover{
  -webkit-transform:scale(1.2);
          transform:scale(1.2);
  z-index:1;
}
.image-caption{
  font-size:var(--size-s-1);
  -webkit-hyphens:none;
      -ms-hyphens:none;
          hyphens:none;
  padding:calc(var(--spacing-unit)/2) var(--spacing-unit) 0;
  text-align:center;
  width:100%;
}
.image-group>.image-caption{
  -webkit-box-flex:0;
      -ms-flex:0 0 100%;
          flex:0 0 100%;
}
.image-image{
  border:1px solid rgba(0, 0, 0, .2);
  -webkit-box-shadow:var(--image-shadow) .1em .1em .17em;
          box-shadow:var(--image-shadow) .1em .1em .17em;
  display:block;
  height:auto;
  margin:0 auto;
  width:100%;
}

h1+.image-group,h1+.image-link,h2+.image-group,h2+.image-link,h3+.image-group,h3+.image-link,h4+.image-group,h4+.image-link,h5+.image-group,h5+.image-link,h6+.image-group,h6+.image-link{
  margin-top:calc(var(--spacing-unit)*1);
}
@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;
}
:root{
  --foreground:#050505;
  --main-bg:#fafafa;
  --link:#1609d3;
  --link-underline:#a9a6d9;
  --link-visited:hsl(246deg 35% 35%);
  --link-visited-underline:hsl(246deg 50% 70%);
  --link-hover-bg:hsl(54deg 100% 50%);
  --link-hover-bg-end:hsl(54deg 100% 60%);
  --light-border:#cacaca;
  --code-bg:#f5f7ff;
  --code-border:var(--light-border);
  --code-shadow:rgba(0, 0, 0, 0.15);
  --code-block-bg:#fff;
  --samp-border:rgba(0, 0, 0, 0.5);
  --samp-fg:var(--foreground);
  --kbd-upper-border:#dbdbdb;
  --kbd-lower-border:#bfbfbf;
  --kbd-shadow:#bfbfbf;
  --blockquote-border:#3a3399;
  --ins-border:#007027;
  --ins-border-width:0.15em;
  --ins-inline-border:#40bf6c;
  --del-inline-border:#bf4040;
  --spoilers:#ff2424;
  --image-shadow:rgba(0, 0, 0, 0.15);
  --blog-info-bg:#fff;
  --blog-info-shadow-1:rgba(0, 0, 0, 0.16);
  --blog-info-shadow-2:rgba(0, 0, 0, 0.23);
  --thoughts-info-box-border:currentColor;
  --music-link:#fff;
  --transition-duration-short:0.15s;
  --ease-out-circ:cubic-bezier(0, 0.55, 0.45, 1);
  --padding:calc(var(--spacing-unit)*1.5);
  --spacing-unit:0.625rem;
  --image-margin:var(--spacing-unit) * (2);
  --scale:(5/4);
  --size-base:1rem;
  --size-l-1:calc(var(--size-base)*var(--scale));
  --size-l-2:calc(var(--size-l-1)*var(--scale));
  --size-l-3:calc(var(--size-l-2)*var(--scale));
  --size-s-1:calc(1rem/var(--scale));
  --size-s-2:calc(var(--size-s-1)/var(--scale));
}
@media (min-width:60em){
  :root{
    --spacing-unit:0.75rem;
    --scale:(4/3);
  }
}
@media (prefers-color-scheme:dark){
  :root{
    --foreground:hsl(0deg 0% 95%);
    --main-bg:hsl(200deg 10% 10%);
    --blog-info-bg:rgba(51, 187, 255, 0.05);
    --blog-info-shadow-1:rgba(158, 219, 250, 0.05);
    --blog-info-shadow-2:rgba(182, 228, 251, 0.1);
    --thoughts-info-box-border:rgba(153, 221, 255, 0.5);
    --link:hsl(190deg 100% 70%);
    --link-underline:hsl(190deg 80% 75%);
    --link-visited:hsl(222deg 100% 75%);
    --link-visited:hsl(286deg 80% 75%);
    --link-visited-underline:hsl(195deg 55% 80%);
    --link-visited-underline:hsl(190deg 80% 75%);
    --link-visited-underline:hsl(280deg 80% 80%);
    --link-hover:hsl(0deg 0% 99%);
    --link-hover-bg:hsl(180deg 85% 30%);
    --link-hover-bg-end:hsl(180deg 85% 30%);
    --link-hover-bg:hsl(190deg 90% 30%);
    --link-hover-bg-end:hsl(190deg 90% 30%);
    --light-border:hsl(0deg 0% 15%);
    --code-bg:#202746;
    --code-shadow:rgba(61, 76, 143, 0.5);
    --samp-border:#7381bf;
    --kbd-upper-border:#595959;
    --kbd-lower-border:#737373;
    --kbd-shadow:#1b213b;
    --blockquote-border:#6d66cc;
    --blockquote-border:hsl(190deg 60% 70%);
    --image-shadow:rgba(0, 0, 100%, 0.15);
    color-scheme:dark;
  }
}