@layer theme,overrides;@layer theme{blockquote,figure,h1,h2,h3,h4,h5,h6,p,pre{margin:0;padding:0}:root{--text-color-link:var(--blue)}a{color:var(--text-color-link);text-decoration:none;&:hover { color:var(--text-color-link); text-decoration:underline; } &:visited { color:var(--text-color-link); text-decoration:underline dashed; }}@media(prefers-reduce-motion:reduce){a{text-decoration:underline}}:root{--gray1:rgb(14 16 27);--gray2:rgb(28 33 49);--gray3:rgb(52 59 82);--gray4:rgb(87 94 120);--gray5:rgb(138 144 166);--gray6:rgb(200 204 217);--gray7:rgb(249 251 255);--light-blue:rgb(69 212 243);--blue:rgb(28 168 239);--dark-blue:rgb(63 46 231);--lilac:rgb(187 121 245);--purple:rgb(197 141 244);color-scheme:light dark}@media screen and (prefers-color-scheme:light){:root{--background-color:var(--gray7);--hr-color:var(--gray1);--text-color-primary:var(--gray1);--text-color-secondary:var(--gray4);--text-color-light:var(--gray5)}}@media screen and (prefers-color-scheme:dark){:root{--background-color:var(--gray1);--hr-color:var(--gray7);--text-color-primary:var(--gray7);--text-color-secondary:var(--gray5);--text-color-light:var(--gray4)}}:root{--background-color:light-dark(var(--gray7), var(--gray1));--hr-color:var(--text-color-secondary);--text-color-primary:light-dark(var(--gray1), var(--gray7));--text-color-secondary:light-dark(var(--gray4), var(--gray5));--text-color-light:light-dark(var(--gray5), var(--gray4))}:root[color-scheme=dark]{color-scheme:only dark}:root[color-scheme=light]{color-scheme:only light}body{background-color:var(--background-color);color:var(--text-color-primary)}hr{border:0;border-bottom:2px dashed var(--hr-color);color:var(--hr-color);width:100%}:root{--space-base:1rem;--space-xxs:calc(var(--space-base) * pow(1.618, -3));--space-xs:calc(var(--space-base) * pow(1.618, -2));--space-s:calc(var(--space-base) * pow(1.618, -1));--space-m:calc(var(--space-base) * pow(1.618, 0));--space-l:calc(var(--space-base) * pow(1.618, 1));--space-xl:calc(var(--space-base) * pow(1.618, 2));--space-xxl:calc(var(--space-base) * pow(1.618, 3));--fixed-space-base:1rem;--fixed-space-xxs:calc(var(--fixed-space-base) * pow(1.618, -3));--fixed-space-xs:calc(var(--fixed-space-base) * pow(1.618, -2));--fixed-space-s:calc(var(--fixed-space-base) * pow(1.618, -1));--fixed-space-m:calc(var(--fixed-space-base) * pow(1.618, 0));--fixed-space-l:calc(var(--fixed-space-base) * pow(1.618, 1));--fixed-space-xl:calc(var(--fixed-space-base) * pow(1.618, 2));--fixed-space-xxl:calc(var(--fixed-space-base) * pow(1.618, 3));--space-paragraph:var(--space-m)}.margin-block-start--xxs{margin-block-start:var(--space-xxs)}.margin-block-end--xxs{margin-block-end:var(--space-xxs)}.margin-inline-start--xxs{margin-inline-start:var(--space-xxs)}.margin-inline-end--xxs{margin-inline-end:var(--space-xxs)}.margin-block-start--xs{margin-block-start:var(--space-xs)}.margin-block-end--xs{margin-block-end:var(--space-xs)}.margin-inline-start--xs{margin-inline-start:var(--space-xs)}.margin-inline-end--xs{margin-inline-end:var(--space-xs)}.margin-block-start--s{margin-block-start:var(--space-s)}.margin-block-end--s{margin-block-end:var(--space-s)}.margin-inline-start--s{margin-inline-start:var(--space-s)}.margin-inline-end--s{margin-inline-end:var(--space-s)}.margin-block-start--m{margin-block-start:var(--space-m)}.margin-block-end--m{margin-block-end:var(--space-m)}.margin-inline-start--m{margin-inline-start:var(--space-m)}.margin-inline-end--m{margin-inline-end:var(--space-m)}.margin-block-start--l{margin-block-start:var(--space-l)}.margin-block-end--l{margin-block-end:var(--space-l)}.margin-inline-start--l{margin-inline-start:var(--space-l)}.margin-inline-end--l{margin-inline-end:var(--space-l)}.margin-block-start--xl{margin-block-start:var(--space-xl)}.margin-block-end--xl{margin-block-end:var(--space-xl)}.margin-inline-start--xl{margin-inline-start:var(--space-xl)}.margin-inline-end--xl{margin-inline-end:var(--space-xl)}.margin-block-start--xxl{margin-block-start:var(--space-xxl)}.margin-block-end--xxl{margin-block-end:var(--space-xxl)}.margin-inline-start--xxl{margin-inline-start:var(--space-xxl)}.margin-inline-end--xxl{margin-inline-end:var(--space-xxl)}h1,h2,h3,h4,h5,h6{margin-block:var(--space-l)var(--space-m)}:is(h1,h2,h3,h4,h5,h6),.page-header{+:is(h1,h2,h3,h4,h5,h6),+:is(dl,ol,ul) { margin-block-start:0; }}hr{margin-block:var(--space-l)}:is(dl,p,ol,ul,figure,.codeblock)+:is(dl,p,ol,ul,figure,.codeblock){margin-block-start:var(--space-paragraph)}hgroup>:is(h1,h2,h3,h4,h5,h6){margin-block-end:0}hgroup:has(>:is(h1,h2,h3,h4,h5,h6)){margin-block-end:var(--space-m)}hgroup:has(>.heading.with-anchor){display:grid;grid-template-columns:subgrid;grid-column:gutter-left-start/main-end}p+:is(blockquote,table,.content-grid,.highlight,.instagram-media,.two-column:has(figure:first-child+figure:last-child)){margin-block-start:var(--space-xl)}:is(blockquote,table,.content-grid,.highlight,.instagram-media,.two-column:has(figure:first-child+figure:last-child)):has(+p){margin-block-end:var(--space-xl)}:root{--content-width:45rem;--gutter-width:var(--space-m)}body{display:grid;gap:0;grid-template-columns:[full-start] 1fr [wide-start] 1fr [wide-gutter-start wide-gutter-left-start] var(--gutter-width) [wide-gutter-left-end gutter-start gutter-left-start] var(--gutter-width) [gutter-left-end main-start] minmax(auto,var(--content-width)) [main-end gutter-right-start] var(--gutter-width) [gutter-right-end gutter-end wide-gutter-right-start] var(--gutter-width) [wide-gutter-right-end wide-gutter-end] 1fr [wide-end] 1fr [full-end];margin:0}@media screen and (max-width:480px){:root{--gutter-width:var(--space-s)}body{grid-template-columns:[ full-start wide-start wide-gutter-start wide-gutter-left-start wide-gutter-left-end gutter-start gutter-left-start ] var(--gutter-width) [gutter-left-end main-start] minmax(auto,var(--content-width)) [main-end gutter-right-start] var(--gutter-width) [ gutter-right-end gutter-end wide-gutter-right-start wide-gutter-right-end wide-gutter-end wide-end full-end ]}}.body__container,.site-header,.main--list,.main--single,.content{display:grid;grid-template-columns:subgrid;grid-column:full-start/full-end}.main--list{.main__content { margin-block-end: var(--space-xl); }}.body__container{gap:var(--space-xl)0}.list-header,p{grid-column:main-start/main-end}.content>:not(figure){grid-column:main-start/main-end}img{object-fit:contain}.content-term-list{display:flex;list-style:none;padding-inline:0;li:not(:last-child) { margin-inline-end:var(--space-s); }}section.content--small-right-column{display:block flow;grid-column:main-start/main-end;p { grid-column: unset; } .content--right-column, :has(.content--right-column) { float: inline-end; margin-block: 0; }}main.content>.two-column{display:grid;grid-column:main-start/main-end;grid-template-columns:1fr 1fr;&.wide { grid-column: wide-gutter-start / wide-gutter-end; } > :first-child { grid-column: unset; } > :last-child { grid-column: unset; } > .figure { display: block; } &:has(figure:first-child + figure:last-child) { gap: var(--space-xs); grid-column: wide-gutter-start / wide-gutter-end; }}@font-face{font-family:source-code-pro;font-weight:200 900;font-style:normal;font-stretch:normal;src:url(https://erynwells.me/fonts/sourceCodePro-variable.woff2)}@font-face{font-family:source-code-pro;font-weight:200 900;font-style:italic;font-stretch:normal;src:url(https://erynwells.me/fonts/sourceCodePro-italic-variable.woff2)}:root{--font-family-sans:system-ui, Arial, sans-serif;--font-family-serif:Georgia, serif;--font-family-monospace:source-code-pro, monospace;--font-family-body:var(--font-family-sans);--font-family-heading:var(--font-family-monospace);--text-base:1rem;--text-xxs:calc(var(--text-base) * pow(1.2, -3));--text-xs:calc(var(--text-base) * pow(1.2, -2));--text-s:calc(var(--text-base) * pow(1.2, -1));--text-m:calc(var(--text-base) * pow(1.2, 0));--text-l:calc(var(--text-base) * pow(1.2, 1));--text-xl:calc(var(--text-base) * pow(1.2, 2));--text-xxl:calc(var(--text-base) * pow(1.2, 3))}.text--xxs{font-size:var(--text-xxs)}.text--xs{font-size:var(--text-xs)}.text--s{font-size:var(--text-s)}.text--m{font-size:var(--text-m)}.text--l{font-size:var(--text-l)}.text--xl{font-size:var(--text-xl)}.text--xxl{font-size:var(--text-xxl)}.text--mono{font-family:var(--font-family-monospace)}.text--serif{font-family:var(--font-family-serif)}.text--sans{font-family:var(--font-family-sans)}html{font-family:var(--font-family-body);font-size:clamp(100%,3vw,130%);line-height:1.45}h1,h2,h3,h4,h5,h6,:is(header,hgroup)>.subtitle{font-family:var(--font-family-heading)}h1{font-size:var(--text-xxl)}h2{font-size:var(--text-xl)}h3{font-size:var(--text-l)}h4{font-size:var(--text-m)}:is(header,hgroup)>.subtitle{line-height:1}p,dd{letter-spacing:.01em}sup{font-size:var(--text-xs);line-height:1;vertical-align:text-top}.title{font-size:var(--text-xxl)}.subtitle{font-weight:lighter;font-family:var(--font-family-serif)}small,.text--small{color:var(--text-color-secondary);font-weight:400;font-size:var(--text-s);letter-spacing:.01em}:has(>img:only-child){line-height:1}.main--single,.main--list,.content{blockquote, dl, h1, h2, h3, h4, h5, h6, header, hgroup, hr, nav, ol, section, ul, .footnotes, .main__section-header, .page-footer { grid-column: main-start / main-end; }}.main__posts-by-year{display:grid;grid-template-columns:subgrid}.codeblock,.codeblock code{font-family:var(--font-family-monospace)}.codeblock{color:var(--foreground);background-color:var(--background);grid-column:gutter-start/gutter-end;overflow:auto;padding-block:var(--space-s);.line { margin-inline: var(--gutter-width); }}.pre--plaintext{font-family:var(--font-family-body);grid-column:main-start/main-end}.color-theme__dracula{--background:#282A36;--foreground:#f8f8f2;--selection:#44475A;--comment:#6272A4;--red:#ff5555;--orange:#ffB86C;--yellow:#F1FA8C;--green:#50FA7B;--purple:#BD93F9;--cyan:#8BE9FD;--pink:#FF79C6}.codeblock{.err { color: var(--red); } .lnlinks { outline: none; text-decoration: none; color: inherit; } .line { display: flex; } .k { color: var(--purple); } .kc, .kd, .kp, .kr { color: var(--orange); } .kn { color: var(--yellow); } .kt { color: var(--yellow); font-weight: bolder; } .hl { background-color: var(--selection); } .ln { white-space: pre; -webkit-user-select: none; user-select: none; margin-right: 0.4em; padding: 0 0.4em 0 0.4em; color: var(--text-color-secondary); } .na, .nc, .nd { color: var(--green); } .no { color: var(--cyan); } .ne { color: var(--pink); font-weight: bolder; } .nf { color: var(--green); } .nx { color: var(--green); } .nt { color: var(--red); } .l { color: var(--cyan); } .ld { color: var(--yellow); } .dl, .s, .sb, .sc { color: var(--yellow); } .il, .m, .mb, .mf, .mh, .mi, .mo { color: var(--yellow); font-weight: bolder; } .nb { color: var(--green); } .o { color: var(--orange); } .ow { color: var(--red); } .s2, .sd, .sh, .si, .sx { color: var(--yellow); } .se { color: var(--purple); } .sr { color: var(--green); } .sa, .s1, .ss { color: var(--yellow); } .c, .ch, .cm, .c1, .cs, .cp, .cpf { color: var(--comment); } .gd { color: var(--red); } .ge { font-style: italic; } .gi { color: var(--green); } .gs { font-weight: bold; } .gu { color: var(--text-color-secondary); }}.figure{grid-column:wide-gutter-start/wide-gutter-end}.figure--main-column{grid-column:main-start/main-end}.figure--code{grid-column:gutter-start/gutter-end}.figure{display:grid;grid-template-columns:subgrid;&:has(> img:only-child) { display:flex; justify-content:center; } &:has(.youtube) { display:block; grid-template-columns:unset; } > a:has(img:only-child) { grid-column:wide-gutter-start/wide-gutter-end; } .figure__caption--blockquote { font-size:inherit; margin-inline-start:var(--space-m); blockquote + & { margin-block-start:var(--space-m); } &::before { color:var(--text-color-secondary); content:"--"; } }}.figure :is(img,video){grid-column:wide-gutter-start/wide-gutter-end;max-width:100%}.figure--small{display:flow;margin-inline:auto;img { max-width: 480px; }}.figure video{width:100%}.figure .youtube{width:100%;iframe { aspect-ratio: 16 / 9; margin-bottom: -3px; width: 100%; }}figcaption{color:var(--text-color-secondary);font-weight:400;font-size:var(--text-xs);grid-column:main-start/main-end;letter-spacing:.01em}.content-grid>.figure{grid-column:unset}.img--circular{shape-outside:circle(50%);-webkit-clip-path:circle(50%);clip-path:circle(50%)}dl,ol,ul{grid-column:main-start/main-end;margin-block:0}ol{padding-inline-start:4ch;li { gap: 1ch; grid-column: 1 / -1; grid-template-columns: subgrid; }}ul{list-style-type:"*";padding-inline-start:1ch;li { padding-inline-start: 1ch; }}li{&::marker,&::before { color:var(--text-color-secondary); font-family:var(--font-family-monospace); }}dl{dd { color: var(--text-color-secondary); font-size: var(--text-s); margin-inline: var(--space-l); &:has(+ dt) { margin-block-end: var(--space-paragraph); } }}.figure--blockquote,:not(.figure--blockquote)>blockquote{--border-width:var(--space-xs);--inline-padding:var(--space-l);border-inline-start:var(--border-width)solid var(--text-color-light);margin-inline:0 var(--inline-padding);padding-inline-start:calc(var(--inline-padding) - var(--border-width))}@scope(.tag){:scope {
    display: flex;
    gap: 1ch;
    font-family: var(--font-family-monospace);
  }

  span:first-child {
    color: var(--text-color-secondary);
    text-transform: uppercase;
    white-space: nowrap;
  }

  span:last-child {
    color: var(--text-color-primary);
  }

  :is(ol, ul):last-child {
    --spacing: 1ch;

    display: flex;
    flex-wrap: wrap;
    gap: 0 var(--spacing);
    list-style-type: none;
    margin-block: 0;
    padding-inline-start: 0;

    > li {
      padding-inline-start: 0;
      white-space: nowrap;

      &:not(:first-child)::before {
        color: var(--text-color-secondary);
        content: ":";
        margin-inline-end: var(--spacing);
      }
    }
  }
}:root{--site-header-footer-border-color:light-dark(var(--gray6), var(--gray4));--site-header-footer-nav-separator:var(--site-header-footer-border-color)}.site-header{font-family:var(--font-family-monospace);margin-block:var(--space-m)var(--space-xl)}.site-header__content{border-bottom:2px dashed var(--site-header-footer-border-color);gap:var(--space-l);grid-column:main-start/main-end;padding-bottom:var(--space-xs);.site-header__title { color: var(--text-color-primary); font-size: var(--text-m); font-weight: medium; letter-spacing: 0.05em; a { color: inherit; } a:hover { text-decoration: none; } }}.site-nav{font-size:var(--text-m);font-weight:400;ul { --spacing: 2ch; display: flex; gap: var(--spacing); list-style: none; margin: 0; padding: 0; .site-nav__item { margin: 0; padding: 0; } .site-nav__item::after { color: var(--site-header-footer-nav-separator); justify-content: center; } :is(.site-nav__item, .site-nav__item--dir)::after { content: "/"; } .site-nav__item--file::after { content: "*"; } }}@media screen and (max-width:480px){.site-header__content{grid-column:full-start/full-end;padding-inline:var(--gutter-width)}}.site-footer{border-top:2px dashed var(--site-header-footer-border-color);color:var(--text-color-secondary);font-size:var(--text-s);grid-column:main-start/main-end;margin-block:var(--space-xl)var(--space-m);padding-block-start:var(--space-s)}@media screen and (max-width:480px){.site-footer{grid-column:full-start/full-end;padding-inline:var(--gutter-width)}}.content-grid{display:grid;grid-template-columns:repeat(var(--columns),1fr)}.heading,.heading__content{grid-column:main-start/main-end}.heading.with-anchor{display:block grid;grid-template-columns:subgrid;grid-column:gutter-left-start/main-end;a { transition: 0.3s color; } .heading__anchor a { color: transparent; } &:hover .heading__anchor a { color: var(--text-color-secondary); } .heading__anchor { align-self: center; font-size: max(var(--text-m), 80%); grid-column: gutter-left-start / gutter-left-end; justify-content: center; a:hover { color: var(--text-color-link); text-decoration: none; transition: 0.3s color; } }}@media screen and ((max-width:480px) or (hover:none)){.heading.with-anchor{display:flex;gap:1ch;grid-column:main-start/main-end;.heading__anchor { grid-column: auto; font-weight: normal; order: 99; a { color: var(--text-color-light); } }}}.footnotes{font-size:var(--text-s);hr { margin-block-start: var(--space-xl); } li:not(:last-child) { margin-block-end: var(--space-xs); } p { font-size: inherit; } &:has(+ .page-footer) > ol { margin-block-end: 0; }}.page-footer{margin-block-start:var(--space-xl);font-size:var(--text-s); :last-child { margin-bottom: 0; } > :only-child { margin-block-start: 0; } &:not(:has(.page-navigation:only-child)) > .page-navigation { margin-block-start: var(--space-xl); }}.page-header{font-family:var(--font-family-monospace);grid-column:main-start/main-end;margin-block:var(--space-xl)var(--space-l);&:first-child,.title:first-child { margin-block-start:0; }:last-child { margin-block-end:0; } .title { font-family:var(--font-family-monospace); font-size:var(--text-xxl); line-height:1.2; &:has(+:is(.subtitle,.page-date)) { margin-block-end:0; } } .subtitle { color:var(--text-color-secondary); font-size:var(--text-m); } .page-date { color:var(--text-color-secondary); display:block; font-family:var(--font-family-body); font-size:var(--text-s); } .subtitle + .page-date { margin-block:var(--space-xs) 0; }}.page-navigation{list-style:none;padding-inline:0;&:has(.next-page:only-child) { justify-content:flex-end; } .prev,.next { display:block; padding-inline:0; } .next { text-align:right; } .prev::before,.next::after { color:var(--text-color-secondary); font-family:var(--font-family-monospace); } .prev::before { content:"<-"; padding-inline-end:var(--space-s); } .next::after { content:"->"; padding-inline-start:var(--space-s); }}@scope(.page-summary){:scope {
    grid-column: main-start / main-end;

    &:not(:last-child) {
      margin-block-end: var(--space-xxl);
    }
  }

  p + & {
    margin-block-start: var(--space-xl);
  }

  h2, h3, p {
    margin-block: var(--space-xs);

    &:first-child {
      margin-block-start: 0;
    }

    &:last-child {
      margin-block-end: 0;
    }
  }

  h2, h3 {
    line-height: 1;

    a {
      color: var(--text-color-body);

      &:hover {
        color: var(--text-color-link);
      }
    }
  }

  p {
    font-size: var(--text-m);
    margin-block-start: var(--space-xs);
  }

  footer {
    border-top: 1px dashed light-dark(var(--gray6), var(--gray4));
    padding-block-start: var(--space-xs);
  }

  .tag {
    font-size: var(--text-s);
  }
}details:has(#TableOfContents){grid-column:main-start/main-end;summary { font-family: var(--font-family-heading); font-size: var(--text-m); &::before { content: "+ "; font-weight: bold; } &::marker { content: ""; } &::-webkit-details-marker { display: none; } } &[open] { summary::before { content: "- "; } } #TableOfContents { > ul { margin-block: 0; font-size: var(--text-m); } ul { list-style-type: none; } }}}