:root{--theme-color: #008cb4;--theme-color-modifier: #00c7fc;--sans-serif: roboto, helvetica, "helvetica neue", sans-serif;--monospace: courier, "courier new", fixed-width;--joe-icon: url(https://www.gravatar.com/avatar/5d3c808b7f3776de188ecaf412aebf4b?s=200&d=identicon&r=PG)}html{height:100%}body{height:100%;margin:0;display:grid;grid-template-rows:min-content min-content 1fr min-content min-content}*{box-sizing:border-box}form input,form button,form textarea,form select,form option{font-size:1rem}header{color:#fff;background-image:radial-gradient(circle at 100% 0, transparent 1.5rem, var(--theme-color-modifier) 0);background-position:3.5rem 2rem;background-repeat:no-repeat;background-color:var(--theme-color);background-size:0 3.5rem;transition:background-size .2s ease;display:flex;gap:1ch}header:has(input[type=checkbox]:checked){background-size:1.5rem 1.5rem}header:has(input[type=checkbox]:checked) a:hover{border-bottom:none}header label{height:3.5em;width:3.5em;display:flex;justify-content:center;align-items:center;cursor:pointer;background-color:rgba(255,255,255,.2);background-size:100% 0;background-image:linear-gradient(var(--theme-color-modifier), var(--theme-color-modifier));background-repeat:no-repeat;transition:.2s ease;background-position:bottom 0 left 0;border-radius:0 1rem 0 0}header label input{display:none}header label:has(input[type=checkbox]:checked){background-size:100% 100%}header a{text-decoration:none;padding:20px;text-transform:uppercase;font-weight:bold;display:inline-block;border-bottom:none;height:3.5em;line-height:1;transition:all .1s ease;color:#fff}header a *{color:#fff}header a:last-child{margin-left:auto}header a:link,header a:active,header a:visited{color:#fff}header a:hover{color:#fff;border-bottom:.5em solid color-mix(in srgb, var(--theme-color), white 20%)}header span{background-color:rgba(0,0,0,0);text-decoration:none;padding:20px;text-transform:uppercase;font-weight:bold;display:inline-block;border-bottom:none;height:3.5em;line-height:1;transition:all .1s ease}body>nav{max-height:0;overflow:hidden;position:sticky;top:0;border-bottom:1rem solid var(--theme-color-modifier);display:grid;grid-template-rows:0fr 0fr;transition:all 50ms;background:color-mix(in srgb, var(--theme-color-modifier), white 95%);border-radius:0 0 1rem 1rem;z-index:1}body>nav div input#search-filter{box-sizing:border-box;display:block;padding:1rem;width:100%;font-size:1rem;background:color-mix(in srgb, var(--theme-color-modifier), white 80%);border:1rem solid var(--theme-color-modifier);color:#555}body>nav div input#search-filter:focus-within{background:color-mix(in srgb, var(--theme-color-modifier), white 50%);color:#000}body>nav ol{--year: 0;margin:0;list-style-type:none;display:flex;flex-wrap:wrap;justify-content:start;align-items:center;border:solid var(--theme-color-modifier);border-width:0 1rem;padding:.3rem}body>nav ol li{--yearDiff: calc(var(--currentYear) - var(--year));--opacity: calc(1 - calc(var(--yearDiff)) * 0.04);--opacity-percent: calc(var(--opacity) * 100%);--opacity-percent-flopped: calc(100% - var(--opacity-percent));--bgStripeColor: color-mix(in srgb, var(--theme-color), transparent var(--opacity-percent-flopped));box-sizing:border-box;width:clamp(120px,60%,360px);display:flex;justify-content:center;align-items:center;flex-grow:1;background:linear-gradient(to left, var(--bgStripeColor) 0.5rem, transparent 0.5rem) 0 50%/100% 90% no-repeat}body>nav ol li[data-tags=home]{display:none !important}body>nav ol li:has(form){width:clamp(240px,100%,720px);align-self:center}body>nav ol li a{flex-grow:1;text-decoration:none;padding:0 1rem;min-height:3rem;transition:.2s all;display:flex;flex-wrap:wrap;justify-content:start;align-items:center}body>nav ol li a:hover{background:linear-gradient(to left, var(--bgStripeColor) 0.5rem, rgba(165, 42, 42, 0.15) 0.5rem) 0 50%/100% 90% no-repeat}header:has(label input[type=checkbox]:checked)+nav{overflow:auto;max-height:500vh}article#content{background-color:#fff;padding:.5em 2em}article#content h1{font-size:1.4rem}article#content h2{font-size:1.15rem}article#content pre.src{padding:1lh;color:#333;background-color:#9fc;overflow:auto;border:2px solid #6c9}article#content pre.src b{color:#000;background-color:#cfc}article#content a[href]{word-break:break-all}article#content pre{padding:1lh;color:#000;background:linear-gradient(rgba(255, 255, 255, 0.3) 50%, #fff 0) 0 0/100% 2lh #cfc;box-shadow:1em 1em 10em #9f9 inset;border:1px solid #006400;overflow:auto;max-width:calc(100vw - 5rem);font-size:1rem;line-height:1}article#content pre:has(code){scrollbar-color:#167516 #9f9}article#content pre b{color:#000;background-color:#cfc}footer{background-color:#666;color:#fff}footer a{background-color:#666;text-decoration:none;padding:20px;text-transform:uppercase;font-weight:bold;display:inline-block;border-bottom:none;height:3.5em;line-height:1;transition:all .1s ease}footer a:link{color:#ccc}footer a:active{color:red}footer a:visited{color:#ccc}footer a:hover{color:#fff;border-bottom:.5em solid #000}footer a.joe{background-image:var(--joe-icon);height:3.5em;aspect-ratio:1;display:block;float:right;background-size:cover;white-space:nowrap;text-indent:400vw;overflow:hidden}footer a.joe:hover{border:none}footer span{background-color:#666;text-decoration:none;padding:20px;text-transform:uppercase;font-weight:bold;display:inline-block;border-bottom:none;height:3.5em;box-sizing:border-box;line-height:1;transition:all .1s ease}footer a.noborder{border:none;background-color:rgba(0,0,0,0)}html{height:100%;scrollbar-color:var(--theme-color) var(--theme-color-modifier)}body{margin:0;padding:0;height:101%;font-family:var(--sans-serif);background-color:#eee}body pre,body textarea{scrollbar-color:unset}body#e251273eb74a8ee3f661a7af00915af1 #content{line-height:1.5}body#e251273eb74a8ee3f661a7af00915af1 #content ul{list-style-type:none;display:flex;flex-wrap:wrap;gap:.5rem 2em;flex-direction:row;justify-content:space-between;padding:0;margin:0}.html{color:#333;background-color:#cfc}.php{color:#000;background-color:#6f6;font-weight:bold}.comment{color:#000;background-color:#ff0}.fourHundredWide{width:400px}dt{font-weight:bold}.spotlight{border-top:1px dotted #c03;border-bottom:1px dotted #c03;background-color:#fcc;font-size:large}#container-comments{margin:0;background:#666;padding:2.5em;clear:both}blockquote.src{background-color:#ccc;padding:1rem}.date-attribution{font-style:italic;color:#666;text-align:end;margin:0}.spoiler:has(input[type=checkbox]){filter:blur(0.2rem)}.spoiler:has(input[type=checkbox]) input[type=checkbox]{display:none}.spoiler:has(input[type=checkbox]):has(input[type=checkbox]:checked){filter:none}form.example{display:grid;gap:.5rem;background:#e0ffff;border:3px solid #008b8b;border-radius:1rem;padding:1rem;max-width:80ch;margin:0 auto}form.example h2{margin:0}form.example>label{display:grid;grid-template-columns:1fr 2fr;gap:1em;margin:1em 0;align-items:center;justify-content:start}form.example>label *:not(input){display:flex;justify-content:start;align-items:center}form.example input,form.example button{font-size:1rem;padding:.5rem}@media(max-width: 500px){form.example>label{grid-template-columns:1fr}}form#theme-color-form{display:flex;justify-content:center;align-items:center;gap:1rem;background:linear-gradient(5deg, var(--theme-color), transparent, transparent, var(--theme-color-modifier));border-radius:.5rem;padding:.7rem 1rem;width:fit-content;margin-inline-start:auto;color:#000}form#theme-color-form label{padding:.5rem;text-align:end}form#theme-color-form button{font-size:.8rem}[data-disqus-url]{display:none}.webmention-count{display:none}body.comment-count-visible [data-disqus-url]{display:block;width:100%;text-align:end;opacity:.6;font-size:smaller}body.comment-count-visible .webmention-count{display:block;width:100%;text-align:end;opacity:.6;font-size:smaller}.webmention-area{background:color-mix(in srgb, var(--theme-color-modifier), white 50%);color:var(--theme-color)}.webmention-area h2{padding:1rem;margin:0;background:var(--theme-color);color:var(--theme-color-modifier)}.webmention-area h2 a{background:var(--theme-color);color:var(--theme-color-modifier);text-decoration:underline;text-decoration-style:wavy}.webmention-area form{margin:0;padding:1rem;display:grid;gap:.5rem}.webmention-area form input[type=url],.webmention-area form input[type=text]{background:color-mix(in srgb, var(--theme-color-modifier), white 50%);color:var(--theme-color);border:1px solid var(--theme-color);padding:1rem}.webmention-area form input[type=submit]{padding:1rem;border-radius:.3rem}ol.webmention-display{background:color-mix(in srgb, var(--theme-color-modifier), white 80%);padding:1rem 0 1rem 1rem;display:grid;margin:0;gap:0}ol.webmention-display li{margin:0;padding:0;display:grid;grid-template-columns:min-content 1fr;gap:1ch;justify-content:start;align-items:center}ol.webmention-display li img{max-height:1.5rem;aspect-ratio:1;border-radius:50%}ol.webmention-display li a{word-wrap:break-word}ol.webmention-display li .fake-photo{height:1.5rem;aspect-ratio:1;border-radius:50%;display:inline-block;background:var(--theme-color)}