@layer base{pre code.hljs{display:block;overflow-x:auto;line-height:1.625;--hljs-text: light-dark(#4c4f69, #cdd6f4);--hljs-keyword: light-dark(#d20f39, #f38ba8);--hljs-title: light-dark(#8839ef, #cba6f7);--hljs-constant: light-dark(#1e66f5, #89b4fa);--hljs-string: light-dark(#40a02b, #a6e3a1);--hljs-builtin: light-dark(#fe640b, #fab387);--hljs-comment: light-dark(#9ca0b0, #6c7086);--hljs-tag: light-dark(#179299, #94e2d5);--hljs-addition-text: light-dark(#40a02b, #a6e3a1);--hljs-addition-bg: light-dark(#e8f5e9, #1e3a2e);--hljs-deletion-text: light-dark(#d20f39, #f38ba8);--hljs-deletion-bg: light-dark(#fce4ec, #3a1e26)}.hljs{color:var(--hljs-text)}.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-template-tag,.hljs-template-variable,.hljs-type,.hljs-variable.language_{color:var(--hljs-keyword)}.hljs-title,.hljs-title.class_,.hljs-title.class_.inherited__,.hljs-title.function_{color:var(--hljs-title)}.hljs-attr,.hljs-attribute,.hljs-literal,.hljs-meta,.hljs-number,.hljs-operator,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id{color:var(--hljs-constant)}.hljs-regexp,.hljs-string,.hljs-meta .hljs-string{color:var(--hljs-string)}.hljs-built_in,.hljs-symbol{color:var(--hljs-builtin)}.hljs-comment,.hljs-code,.hljs-formula{color:var(--hljs-comment)}.hljs-name,.hljs-quote,.hljs-selector-tag,.hljs-selector-pseudo{color:var(--hljs-tag)}.hljs-subst{color:var(--hljs-text)}.hljs-section{color:var(--hljs-constant);font-weight:700}.hljs-bullet{color:var(--hljs-builtin)}.hljs-emphasis{color:var(--hljs-text);font-style:italic}.hljs-strong{color:var(--hljs-text);font-weight:700}.hljs-addition{color:var(--hljs-addition-text);background-color:var(--hljs-addition-bg)}.hljs-deletion{color:var(--hljs-deletion-text);background-color:var(--hljs-deletion-bg)}}@layer pages{article{line-height:1.625;>*{margin-inline:auto;padding-inline:var(--s3)}h2:before{counter-increment:section;content:counter(section,decimal-leading-zero);margin-right:var(--s5);color:var(--text-muted)}blockquote{color:var(--text-bright)}blockquote,pre{max-inline-size:none;padding-inline:var(--padding-measure);>*{max-inline-size:var(--measure);margin-inline:auto}}pre code{display:block}img{border-radius:var(--s2);outline:4px solid var(--border-light);box-shadow:var(--shadow-box)}}.post-meta{display:flex;flex-wrap:wrap;align-items:center;font-size:var(--text-sm);color:var(--text-color);opacity:.7;*+*{margin-left:var(--s4);&:before{display:inline-block;content:"\2022";margin-right:var(--s4)}}}.tags{list-style:none;display:flex;flex-wrap:wrap;gap:var(--s2);margin-block:var(--s6) 0;padding:0;li{display:inline-block;border-radius:9999px;padding:var(--s1) var(--s2);margin-block:0;font-size:var(--text-xs);font-weight:600;background-color:var(--bg-tag)}}.lead{max-inline-size:none;padding:var(--s12) var(--padding-measure);margin-bottom:var(--s32);background-color:var(--bg-lead);border-left:4px solid var(--border-accent);font-family:var(--font-serif);font-size:var(--text-xl)}.author{display:flex;align-items:center;flex-direction:column;max-inline-size:var(--measure);margin-block:var(--s20) var(--s16);max-inline-size:none;padding-block:var(--s12);padding-inline:var(--padding-measure);background-color:var(--bg-author);border-block:2px solid var(--border-light);gap:var(--s6);img{width:var(--s24);height:var(--s24);margin-top:var(--s3);border-radius:var(--box-radius);object-fit:cover;box-shadow:var(--shadow-box)}>:last-child{align-items:center;text-align:center}h3{margin:0;font-size:var(--text-2xl)}p{margin-block:var(--s3) 0;font-size:var(--text-lg)}a{font-size:var(--text-base);text-decoration:none}@media(min-width:768px){flex-direction:row;align-items:flex-start;margin-inline:auto;>:last-child{align-items:flex-start;text-align:left}}}.prev-next{display:flex;flex-direction:column;align-items:flex-start;gap:var(--s6);max-inline-size:var(--measure);margin-block:var(--s12);padding-inline:var(--s3);background:transparent;a{display:flex;flex-direction:column;text-decoration:none;flex:1 1 50%;&:hover .title{color:var(--text-link)}}.label{font-size:var(--text-sm);color:var(--text-color);opacity:.7}.title{font-size:var(--text-lg);font-weight:600;color:var(--text-color)}@media(min-width:768px){flex-direction:row;justify-content:space-between;gap:var(--s12);margin:var(--s24) auto;.label{margin-bottom:var(--s2)}>:last-child{text-align:right}}}}