*,*::before,*::after{box-sizing:border-box}:root{--system-sans:Avenir, Montserrat, Corbel, 'URW Gothic', source-sans-pro, sans-serif, var(--main-emoji-font-family);--system-serif:Charter, 'Bitstream Charter', 'Sitka Text', Cambria, serif, var(--main-emoji-font-family);--system-mono:"Source Code Pro", Menlo, Consolas, Monaco, Liberation Mono, Lucida Console, monospace;--main-emoji-font-family:'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';--main-text-font-family:var(--system-serif);--main-heading-font-family:var(--system-sans);--main-heading-font-weight:800;--main-monospace-font-family:var(--system-mono);--main-code-highlight-bg-color:#eee;--main-code-highlight-fg-color:#121212;--border-color-standard-rgb:136, 136, 136;--accent-color-dark:#9e9eff;--accent-color-light:#b30000;--quote-bg-color-light:#f5f5f5;--quote-text-color-light:#121212;--quote-border-color-light:var(--accent-color-light);--quote-bg-color-dark:#2a2a2a;--quote-text-color-dark:white;--quote-border-color-dark:var(--accent-color-dark);--code-inline-bg-light:rgba(175, 184, 193, 0.4);--code-inline-fg-light:#24292f;--code-inline-border-light:rgba(175, 184, 193, 0.6);--code-inline-bg-dark:rgba(110, 118, 129, 0.4);--code-inline-fg-dark:#e6edf3;--code-inline-border-dark:rgba(139, 148, 158, 0.6);--quote-border-width:4px;--quote-mark-color-dark:#5e5e5e;--quote-mark-color-light:#ccc;--quote-mark-opacity:0.8;--border-width-standard:0.1em;--border-color-standard:#888888;--border-color-light:white;--space-xs:0.25rem;--space-sm:0.5rem;--space-md:1rem;--space-lg:2rem;--space-xl:4rem;--content-block-margin:var(--space-md) var(--space-lg);--main-accent-color:var(--accent-color-dark);--quote-bg-color:var(--quote-bg-color-dark);--quote-text-color:var(--quote-text-color-dark);--quote-border-color:var(--quote-border-color-dark);--code-inline-bg:var(--code-inline-bg-dark);--code-inline-fg:var(--code-inline-fg-dark);--code-inline-border:var(--code-inline-border-dark);--quote-mark-color:var(--quote-mark-color-dark);--social-link-bg:rgba(255, 255, 255, 0.08);--social-link-hover-bg:rgba(255, 255, 255, 0.15);--social-link-filter:none;--pagination-active-bg:var(--accent-color-dark);--heading-anchor-hover-color:var(--accent-color-dark);@media(prefers-color-scheme:light),(color-scheme:light){--main-accent-color: var(--accent-color-light); --quote-bg-color: var(--quote-bg-color-light); --quote-text-color: var(--quote-text-color-light); --quote-border-color: var(--quote-border-color-light); --code-inline-bg: var(--code-inline-bg-light); --code-inline-fg: var(--code-inline-fg-light); --code-inline-border: var(--code-inline-border-light); --quote-mark-color: var(--quote-mark-color-light); --social-link-bg: rgba(0,0,0,0.05); --social-link-hover-bg: rgba(0,0,0,0.1); --social-link-filter: brightness(0.2); --pagination-active-bg: var(--accent-color-light); --heading-anchor-hover-color: var(--accent-color-light);}font-size:clamp(1rem,1vw + .75rem,1.125rem)}h1,h2,h3,h4,h5,h6{font-family:var(--main-heading-font-family);font-weight:var(--main-heading-font-weight);margin-top:0;margin-bottom:var(--space-sm);& a { text-decoration: none; &:hover { text-decoration: underline; } } &.title a, &.title a:visited { color: CanvasText; }}h1{font-size:clamp(1.375rem,1.125rem + 1vw,1.75rem)}h2{font-size:clamp(1.375rem,1.125rem + 1vw,1.75rem)}h3{font-size:clamp(1.25rem,1.125rem + .5vw,1.5rem)}h4{font-size:clamp(1.125rem,1rem + .5vw,1.35rem)}h5{font-size:1.125rem}h6{font-size:1rem}hgroup{& h1:has(+ p),h2:has(+ p),h3:has(+ p),h4:has(+ p),h5:has(+ p),h6:has(+ p) { margin-bottom: 0em; } & h1 + p, & h2 + p, & h3 + p, & h4 + p, & h5 + p, & h6 + p { margin-top: 0em; margin-bottom: var(--space-md); font-size: 1.25em; color: rgba(CanvasText, 0.85); font-weight: normal; line-height: 1.4; }}body{font-family:var(--main-text-font-family);max-width:65ch;margin:0 auto;padding:0 var(--space-md);line-height:1.5}header.masthead{padding:var(--space-md)0;margin-bottom:var(--space-md);border-bottom:var(--border-width-standard)solid var(--border-color-standard);& a { font-size: 1.75rem; font-weight: var(--main-heading-font-weight); font-family: var(--main-heading-font-family); letter-spacing: -0.02em; color: CanvasText; text-decoration: underline; text-decoration-color: var(--main-accent-color); text-decoration-thickness: 2px; text-underline-offset: 4px; transition: color 0.2s ease; &:hover { color: var(--main-accent-color); } }}main{margin-bottom:var(--space-lg)}article{& header { border-bottom: var(--border-width-standard) solid var(--border-color-standard); margin-bottom: var(--space-lg); padding-bottom: var(--space-md); } &.banner header { border-bottom: none; } & .meta { font-style: italic; }}body:has(main article.banner){padding-top:15%}.post-tags{margin-top:var(--space-md);margin-bottom:var(--space-md);& ul { list-style: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; gap: 1rem; } & li { margin: 0; } & a { color: var(--main-accent-color); text-decoration: none; font-size: 0.9em; &:hover { text-decoration: underline; } }}.article-list{& article { a h1, a h2, a h3, a h4, a h5, a h6, .subtitle { color: CanvasText; } margin-bottom: var(--space-lg); padding-bottom: var(--space-md); border-bottom: 1px solid rgba(128, 128, 128, 0.2); a:hover h1, a:hover h2, a:hover h3, a:hover h4, a:hover h5, a:hover h6 { color: var(--main-accent-color); } }}.recent-posts article{margin-bottom:var(--space-lg);padding-bottom:var(--space-md);border-bottom:1px solid rgba(128,128,128,.2);&:last-child { border-bottom:none; }}.all-posts-link{margin-top:var(--space-lg);text-align:right;& a { font-weight: 600; font-family: var(--main-heading-font-family); }}img{max-width:100%;height:auto;display:block;margin:var(--space-md)auto}.img-left{margin-left:0;margin-right:auto}.img-right{margin-left:auto;margin-right:0}.img-fixed{max-width:none;width:auto}code,pre,kbd,samp{font-family:var(--main-monospace-font-family)}code.language-plaintext{background-color:var(--code-inline-bg);color:var(--code-inline-fg);padding:.2em .4em;font-size:.875em;border-radius:3px;border-bottom:1px solid var(--code-inline-border);box-shadow:0 1px 1px rgba(0,0,0,.1);letter-spacing:-.05em}code:not(pre code){background-color:var(--code-inline-bg);color:var(--code-inline-fg);padding:.1em .2em;font-size:.875em;border-radius:2px;border-bottom:1px solid var(--code-inline-border);letter-spacing:-.05em}blockquote,.highlight{position:relative;margin:var(--content-block-margin);border-radius:3px;overflow:hidden}blockquote{position:relative;padding:0;border-left:none;margin:var(--content-block-margin);border-radius:3px;overflow:hidden;&::before { content:""; position:absolute; top:0; left:0; width:100%; height:100%; background-color:var(--quote-bg-color); z-index:-1; } &::after { content:'\201c'; font-family:'Times New Roman',serif; position:absolute; font-size:6em; left:0.1em; top:-0.3em; color:var(--quote-mark-color); opacity:var(--quote-mark-opacity); z-index:0; pointer-events:none; } & p { position:relative; background-color:transparent; color:var(--quote-text-color); padding:1.5em 1em 1em calc(1.5em + 5px); margin:0; font-style:italic; z-index:1; &::before { content:''; position:absolute; left:0; top:0; height:100%; width:var(--quote-border-width); background-color:var(--quote-border-color); } } & a { color:var(--main-accent-color); font-weight:600; }}.highlight pre.highlight{padding:1em 1em 1em 1.5em;margin:0;overflow-x:auto;tab-size:2;font-size:1.05em}pre code{line-height:1.5}footer{text-align:center;padding:var(--space-md)0;margin-top:var(--space-lg);border-top:var(--border-width-standard)solid var(--border-color-standard)}ul.social-links{list-style:none;padding:0;display:flex;justify-content:center;gap:1.5rem;margin:var(--space-md)0}.social-link{display:flex;align-items:center;justify-content:center;height:3rem;width:3rem;background-size:1.8rem 1.8rem;background-repeat:no-repeat;background-position:50%;border-radius:8px;transition:background-color .2s ease;background-color:var(--social-link-bg);filter:var(--social-link-filter);&:hover { background-color:var(--social-link-hover-bg); filter:var(--social-link-filter); }}.feed{background-size:2em 2em;background-image:url(data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20448%20512%22%3E%3Cpath%20fill=%22%23fff%22%20d=%22M0%2064C0%2046.3%2014.3%2032%2032%2032c229.8.0%20416%20186.2%20416%20416%200%2017.7-14.3%2032-32%2032s-32-14.3-32-32C384%20253.6%20226.4%2096%2032%2096%2014.3%2096%200%2081.7.0%2064zM0%20416a64%2064%200%2011128%200A64%2064%200%20110%20416zM32%20160c159.1.0%20288%20128.9%20288%20288%200%2017.7-14.3%2032-32%2032s-32-14.3-32-32c0-123.7-100.3-224-224-224-17.7.0-32-14.3-32-32s14.3-32%2032-32z%22/%3E%3C/svg%3E)}.mastodon{background-image:url(data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20448%20512%22%3E%3Cpath%20fill=%22%23fff%22%20d=%22M433%20179.1c0-97.2-63.7-125.7-63.7-125.7-62.5-28.7-228.6-28.4-290.5.0.0.0-63.7%2028.5-63.7%20125.7.0%20115.7-6.6%20259.4%20105.6%20289.1%2040.5%2010.7%2075.3%2013%20103.3%2011.4%2050.8-2.8%2079.3-18.1%2079.3-18.1l-1.7-36.9s-36.3%2011.4-77.1%2010.1c-40.4-1.4-83-4.4-89.6-54a102.5%20102.5.0%2001-.9-13.9c85.6%2020.9%20158.7%209.1%20178.8%206.7%2056.1-6.7%20105-41.3%20111.2-72.9%209.8-49.8%209-121.5%209-121.5zm-75.1%20125.2h-46.6V190.1c0-49.7-64-51.6-64%206.9v62.5H201V197c0-58.5-64-56.6-64-6.9v114.2H90.2c0-122.1-5.2-147.9%2018.4-175%2025.9-28.9%2079.8-30.8%20103.8%206.1l11.6%2019.5%2011.6-19.5c24.1-37.1%2078.1-34.8%20103.8-6.1%2023.7%2027.3%2018.4%2053%2018.4%20175z%22/%3E%3C/svg%3E)}.github{background-image:url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512"><!--!Font Awesome Free 6.5.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--> <path fill="white" d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3 .3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5 .3-6.2 2.3zm44.2-1.7c-2.9 .7-4.9 2.6-4.6 4.9 .3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3 .7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3 .3 2.9 2.3 3.9 1.6 1 3.6 .7 4.3-.7 .7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3 .7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3 .7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z"/> </svg>')}:focus{outline:2px solid var(--main-accent-color);outline-offset:2px}@media(prefers-reduced-transparency:reduce){:focus{outline:2px solid var(--main-accent-color);background-color:rgba(0,92,184,.1)}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;scroll-behavior:auto !important}}a{color:var(--main-accent-color);text-decoration:none;transition:color .2s ease;&:hover { text-decoration:underline; }}@media(max-width:30rem){body{padding:0 var(--space-sm)}header.masthead{padding:var(--space-sm)0;& a { font-size: 1.5rem; }}blockquote,.highlight{margin-left:var(--space-sm);margin-right:var(--space-sm)}}@media(min-width:30.01rem) and (max-width:48rem){body{max-width:100%;padding:0 var(--space-md)}main{max-width:65ch;margin:0 auto}}@media(min-width:48.01rem) and (max-width:64rem){body{max-width:60ch}}@media(min-width:64.01rem){body{max-width:65ch}}@media print{body{max-width:100%}pre,code{white-space:pre-wrap;word-break:break-all}a::after{content:" (" attr(href)")";font-size:.9em}@page{margin:1.5cm}.social-links{display:none}}.recent-posts article:last-of-type,.article-list article:last-of-type{border-bottom:none}.recent-posts h3,.article-list h2{margin-bottom:var(--space-xs)}.meta{font-size:.85em;color:var(--text-meta-color);margin-bottom:var(--space-sm);font-style:italic}.meta .author{font-style:italic}.meta .updated-separator{margin:0 .5em;opacity:.6}.post-preview{margin-bottom:var(--space-xs);line-height:1.5;color:var(--text-color)}.read-more{font-size:.9em;text-align:right;margin-top:var(--space-xs)}ul.pagination{display:flex;list-style:none;padding:0;margin:var(--space-lg)0;justify-content:center;gap:.25rem}.pagination li{margin:0}.pagination a,.pagination .page-link{display:inline-flex;align-items:center;justify-content:center;padding:.5rem .75rem;min-width:2.5rem;height:2.5rem;text-align:center;border-radius:4px;font-family:var(--system-sans);text-decoration:none;transition:background-color .2s ease}.pagination a:not(.active):not([aria-disabled=true]){background-color:rgba(var(--border-color-standard-rgb),.1);color:CanvasText}.pagination a:hover:not([aria-disabled=true]){background-color:rgba(var(--border-color-standard-rgb),.2);text-decoration:none}.pagination .active a,.pagination .page-item.active .page-link{background-color:var(--pagination-active-bg);color:#fff;font-weight:700}.pagination [aria-disabled=true],.pagination .disabled .page-link{background-color:rgba(var(--border-color-standard-rgb),.05);color:rgba(CanvasText,.4);cursor:not-allowed}h1[id],h2[id],h3[id],h4[id],h5[id],h6[id]{scroll-margin-top:1em}