@charset "UTF-8";:root{--rounded: ui-rounded, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";--sans-serif: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";--monospace: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;--serif: ui-serif, Charter, "Bitstream Charter", "Sitka Text", Cambria, serif;--headlines: var(--sans-serif);--baseline: 1rem;--border-width: .125rem;--highlight: hsl(240, 85%, 57%, 1);--highlight-interaction: hsla(240, 100%, 67%, 1);--surface: hsl(207, 44%, 89%);--fg: hsl(0, 0%, 20%);--bg: hsl(0, 0%, 100%);--border: hsl(0, 1%, 86%)}@media(prefers-color-scheme:dark){:root{--fg: hsl(0, 0%, 83%);--bg: hsl(0, 0%, 1.96%);--highlight: hsl(0, 0%, 96%);--highlight-interaction: hsl(200, 45%, 67%);--surface: hsl(0, 0%, 18%);--border: hsla(0, 1%, 86%, .25)}}*{margin:0;padding:0}*,*:before,*:after{box-sizing:inherit}html{box-sizing:border-box;text-size-adjust:100%;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;background:var(--bg);color:var(--fg);font:400 100%/1.3 var(--rounded)}a{color:var(--highlight);text-decoration-skip-ink:auto;transition:color 375ms ease-in-out;text-decoration-skip:ink;text-decoration-thickness:.5px;text-underline-offset:2px}a:hover{color:var(--highlight-interaction)}pre,pre[class*=language-],figure{display:block}figure>img{display:block;margin-left:auto;margin-right:auto;margin-bottom:calc(var(--baseline) / 3)}figcaption{color:var(--text-lite);font-family:var(--monospace);font-size:small;padding:var(--baseline) var(--baseline) 0;margin:0;max-width:100%}ul{padding-left:1rem}ol{padding-left:0;list-style-position:inside}li>ul{margin-top:calc(var(--baseline) / 2);margin-bottom:calc(var(--baseline) / 2)}li{line-height:1.7}li:not(:last-of-type){margin-bottom:calc(var(--baseline) / 2)}li:before{margin:0}[data-skip-nav-link]{border:0;clip:rect(0 0 0 0);height:1px;width:1px;margin:-1px;padding:0;overflow:hidden;position:absolute}[data-skip-nav-link]:focus{font-weight:700;background:var(--surface);padding:1rem;position:fixed;top:10px;left:10px;z-index:1;width:auto;height:auto;clip:auto}.sr-only,visually-hidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap;word-wrap:normal}@media(prefers-color-scheme:dark){img{opacity:.75;transition:opacity .5s ease-in-out}img:hover{opacity:1}mark:after{background-color:#ffbb0060}}h1,h2,h3,h4,h5,h6{font-size:var(--baseline);margin:0 0 var(--baseline);line-height:1.3;font-family:var(--headlines)}h1{font-size:var(--baseline);font-weight:700}h2{font-size:var(--baseline)}h3,h4{font-size:var(--baseline);font-weight:400}h5{font-size:var(--baseline);font-weight:700}cite{font-size:.925rem}p{font-size:var(--baseline);font-variant-ligatures:common-ligatures;line-height:1.8}pre[class*=language-],blockquote,figure,form,ol,p,pre,table,ul{margin-bottom:var(--baseline)}blockquote{border-left:2px solid var(--highlight);font-style:italic;color:var(--text);padding:var(--baseline);margin-left:calc(var(--baseline) / -2)}blockquote p:last-of-type{margin:0}hr{display:block;height:calc(var(--border-width) / 2);border:0;border-color:transparent;color:var(--fg);opacity:.5;background:currentColor;max-width:6rem;margin:0 0 calc(var(--baseline) * 2)}code,pre{font-family:var(--monospace)}mark{background-color:transparent;color:var(--fg);font-weight:600;position:relative;z-index:5}mark:after{content:"";position:absolute;bottom:-8.75%;left:0;right:0;width:100%;height:92.5%;background-repeat:no-repeat;background-color:#ffbb0080;rotate:-2deg;background-position:center center;background-size:cover;z-index:-1}code,pre,small{font-size:.875rem}a>code,li>code,p>code{padding:.25rem;border-radius:4px}img{max-width:100%;height:auto}body{margin-left:auto;margin-right:auto;max-width:96ch;width:100%;padding-bottom:calc(var(--baseline) * 2);padding-left:var(--baseline);padding-right:var(--baseline);display:grid;gap:calc(var(--baseline) * 2);grid-template-columns:repeat(12,minmax(0,1fr));--top-offset: calc(var(--baseline) * 4)}body>header{padding-top:calc(var(--top-offset) / 2);grid-column:span 12/span 12}body>nav{grid-column:span 12/span 12}body>main{grid-column:span 12/span 12}body>footer{grid-column:span 12/span 12}@media screen and (min-width:64rem){body>header{padding-top:var(--top-offset);grid-column:span 12/span 12}body>nav{padding-top:var(--top-offset);position:fixed;top:0;left:var(--baseline);width:12rem}body>nav{grid-column:span 12/span 12}body>main{grid-column:span 12/span 12}body>footer{grid-column:span 12/span 12}}form{margin-bottom:0}input{background:var(--bg);display:block;max-width:100%;appearance:none;border:0;color:var(--fg);padding:12px;font-size:inherit;border-radius:8px;font-family:var(--sans-serif)}input:disabled{opacity:.5}button{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--highlight);font-family:var(--sans-serif);color:var(--bg);font-weight:800;font-size:inherit;border:0;cursor:pointer;opacity:100%;box-shadow:inset 0 1px 2px -1px #fff;border-radius:calc(infinity * 1px);white-space:nowrap;padding:.3rem 2rem .4rem}button:hover{transform:opacity .5s linear;opacity:50%}.SiteHeader a{display:flex;gap:var(--baseline);color:var(--fg);align-items:center;text-decoration:none}.SiteHeader{position:relative;flex:1}.SiteHeader h1{font-weight:700;font-family:var(--sans-serif);letter-spacing:-.0125em;font-stretch:expanded;text-transform:uppercase;line-height:1;margin:0}.SiteHeader p{margin:0;opacity:50%;line-height:1;font-size:.875rem}.SiteHeader #mark{--size: calc(var(--baseline) * 3);--markbg: none;width:var(--size);height:var(--size);display:block;color:var(--fg)}.SiteHeader:root{--g-red: hsl(8, 80%, 60%);--g-orange: hsl(24, 83%, 58%);--g-yellow: hsl(44, 100%, 50%);--g-green: hsl(163, 100%, 35%);--g-blue: hsl(199, 71%, 49%);--g-indigo: hsl(254, 26%, 47%);--color-1: var(--g-red);--color-2: var(--g-orange);--color-3: var(--g-yellow);--color-4: var(--g-green);--color-5: var(--g-blue);--color-6: var(--g-indigo)}.SiteNavigation{display:flex;flex-direction:column;align-items:flex-start;gap:calc(var(--baseline) / 2)}.SiteNavigation hr{margin-bottom:0;width:100%;max-width:100%}.SiteNavigation>div{width:100%}.SiteNavigation li{display:inline-block;margin-right:calc(var(--baseline) / 2)}[aria-label="Site Links"]>li:first-of-type a{font-weight:700;text-decoration:none!important}[aria-label="Site Links"]>li:first-of-type a>span{text-decoration:none!important;text-decoration-color:transparent;text-decoration-skip:none}.SiteNavigation ul{list-style:none inside;padding:0;max-width:100%;margin-bottom:0}.SiteNavigation a{display:block}.SiteNavigation a[aria-current=true]{font-weight:700}[aria-label="Site Links"]{order:1}[aria-label="Social Links"] a:after{content:"↗";margin-left:.25rem;font-size:small;display:inline-block;line-height:1}@media screen and (min-width:48rem){.SiteNavigation{display:flex;flex-direction:column;gap:calc(var(--baseline) * 2);padding-left:1rem}.SiteNavigation ul{display:block}.SiteNavigation li{display:block;margin-right:0;margin-bottom:0}[aria-label="Site Links"]{order:0}}a>span{text-decoration:underline;text-decoration-skip:ink}a[aria-current=true]{text-decoration:none}a[aria-current=true]:before{content:"⇥";text-decoration:none}.SiteFooter>div{font-family:var(--sans-serif);display:flex;gap:var(--baseline)}.SiteFooter svg{display:block;max-width:2rem;height:auto;opacity:25%}.SiteFooter p{flex:1;width:100%;margin-bottom:0;font-size:75%}@media screen and (min-width:48rem){.SiteFooter{gap:calc(var(--baseline) * 2)}}.Archives{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:var(--baseline);border-top:1px solid var(--border);padding:var(--baseline) 0}@media screen and (min-width:48rem){.Archives{grid-template-columns:repeat(12,minmax(0,1fr))}}.Archives>div{grid-column:span 6/span 6}.ArchiveList{grid-column:span 6/span 6}.ArchiveList dd:not(:last-of-type){margin-bottom:var(--baseline)}.ArchiveHeading{font-stretch:expanded;letter-spacing:.05em;text-transform:uppercase}.ArchiveTime{opacity:50%;font-size:small;text-transform:uppercase;letter-spacing:.025em}.ArchiveDescription{opacity:50%;font-size:small;text-wrap:balance;padding-top:.5em;line-height:1.1}.ArchiveTitle span{font-weight:700}.ShelfTitle{letter-spacing:-.025em}.ShelfList{padding:0;list-style:none inside;display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:max-content;grid-gap:calc(var(--baseline) / 2)}@media screen and (min-width:48rem){.ShelfList{grid-template-columns:repeat(4,1fr)}}@media screen and (min-width:64rem){.ShelfList{grid-template-columns:repeat(6,1fr)}}.ShelfList.row{display:flex;flex-direction:column}.Card{background-color:var(--surface);padding:var(--baseline);border:1px solid var(--border);border-radius:8px}.InlineForm{display:grid;grid-template-columns:1fr;gap:var(--baseline);width:100%}.NewsletterForm>.Error{color:red;opacity:.75;display:block;font-family:var(--monospace);padding-top:var(--baseline)}.NewsletterForm>.Success{color:var(--text);opacity:.75;display:block;font-family:var(--monospace);padding-top:var(--baseline)}@media screen and (min-width:32rem){.InlineForm{grid-template-columns:3fr 1fr}}@media(prefers-color-scheme:light){.Card{box-shadow:#0000 0 0,#0000 0 0,#27272a0d 0 4px 6px -1px,#27272a0d 0 2px 4px -2px}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.Loading{--size: calc(var(--baseline) * 2);animation-name:spin;animation-duration:.75s;animation-timing-function:linear;animation-iteration-count:infinite;width:var(--size);height:var(--size);display:inline-block;color:var(--highlight)}.Meta{opacity:.5}.Meta--no-opacity{opacity:1}.footnotes ol:before{content:"Footnotes";font-weight:700;margin-bottom:18px;opacity:.75;display:block}.footnotes ol li>p{display:inline}.twitter-tweet{margin:10px auto var(--baseline)!important}.Grid{display:flex;align-items:center;justify-content:space-around;flex-wrap:wrap}.Grid__image{flex:1;max-width:23rem;margin-bottom:calc(var(--baseline) / 2);width:100%;height:auto}code[class*=language-],pre[class*=language-]{font-family:var(--monospace);tab-size:2}.ImageGrid-3x3,.ImageGrid-4x4{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--baseline);width:calc(100% + 2rem);margin-left:-1rem;margin-right:-1rem;margin-bottom:var(--baseline)}.ImageGrid-3x3--no-spacing,.ImageGrid-4x4--no-spacing{width:100%!important;margin:0 0 var(--baseline)!important}@media screen and (min-width:48rem){figure{text-align:center}figcaption{text-align:left}figure>img{display:block;margin-bottom:calc(var(--baseline) / 2)}blockquote{font-size:106.25%}figcaption{padding:0}.SuperFigure{width:150%;margin-left:0;margin-right:-25%}.Post__figure--left{float:left;text-align:left;margin-left:0;margin-right:var(--baseline);max-width:48%}.Post__figure--right{float:right;text-align:right;margin-right:-25%;margin-left:var(--baseline);max-width:48%}.Post__figure--left>img,.Post__figure--right>img{margin-left:0;margin-right:0}.ImageGrid-3x3{grid-template-columns:repeat(3,minmax(0,1fr));width:150%;margin:0 -25% var(--baseline) 0}.ImageGrid-4x4{grid-template-columns:repeat(4,minmax(0,1fr));width:150%;margin:0 -25% var(--baseline) 0}}@media(prefers-color-scheme:dark){.astro-code,.astro-code span{color:var(--shiki-dark)!important;background-color:var(--shiki-dark-bg)!important;font-style:var(--shiki-dark-font-style)!important;font-weight:var(--shiki-dark-font-weight)!important;text-decoration:var(--shiki-dark-text-decoration)!important}}pre[data-language],code[data-language]{color:#cccdc6;text-shadow:none;font-family:var(--monospace);direction:ltr;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;line-height:1.5;tab-size:4;hyphens:none}pre[data-language]::selection,code[data-language]::selection{text-shadow:none;background:#6f798b}@media print{pre[class*=language-],code[class*=language-]{text-shadow:none}}pre[data-language]{padding:1em;overflow:auto;background:#1e232f}:not(pre)>code[data-language]{padding:.1em .3em;border-radius:.3em}.HistoryCard{padding:var(--baseline);border-radius:8px;background-color:var(--surface);background-image:linear-gradient(to bottom right,var(--surface) 0%,var(--bg) 100%)}.HistoryCard>p{margin:0!important}.HistoryPosition,.HistoryOrganization{font-family:var(--sans-serif)}.HistoryPosition{margin:0}.HistoryOrganization{opacity:50%}.HistoryDate{font-family:var(--monospace);font-size:small}.ColorTestForm{margin-bottom:calc(var(--baseline) * 4)}.ColorTesterResult{width:100%;overflow:hidden;margin-bottom:var(--baseline);margin-left:0!important;margin-right:0!important;text-align:center!important}.ColorTesterDetails{max-width:100%}.ColorTesterBlob{clip-path:url(#thirteen-points);width:calc(var(--baseline) * 12);height:calc(var(--baseline) * 12);margin-bottom:calc(var(--baseline) * 4);border-radius:.5rem}.ColorTesterTitle{margin-bottom:0}.ColorTesterDetails{text-align:left!important;padding:0}.ColorTesterDetails ul{list-style:none inside;padding:0;margin-bottom:var(--baseline)}.ColorTesterDetails li{display:flex;align-items:center}.ColorTesterDetails li>div{flex:1}.ColorTesterDetails code{display:block;margin-bottom:0;font-size:.875rem;opacity:.5;font-family:var(--monospace)}