:root{--hue:240;--accent:hsl(96, 56%, 80%);--dimmed:hsl(var(--hue), 13%, 37%);--body-bg:hsl(var(--hue), 13%, 13%);--block-bg:hsl(var(--hue), 9%, 9%);--text-fg:hsl(var(--hue), 10%, 82%);--light-fg:hsl(var(--hue), 13%, 50%);--container-bg:linear-gradient(45deg, hsl(var(--hue), 14%, 18%) 25%, hsl(var(--hue), 14%, 22%) 75%);--link:var(--accent);--visited:hsl(24, 100%, 75%);--grid:hsl(var(--hue), 13%, 16%);--corner-radius:6px}@media(prefers-color-scheme:light){:root{--accent:hsl(216, 57%, 50%);--dimmed:hsl(var(--hue), 13%, 75%);--body-bg:hsl(var(--hue), 12%, 90%);--block-bg:hsl(var(--hue), 12%, 98%);--text-fg:hsl(var(--hue), 12%, 12%);--light-fg:hsl(var(--hue), 9%, 40%);--container-bg:var(--block-bg);--link:var(--accent);--visited:hsl(24, 100%, 50%);--grid:hsl(var(--hue), 13%, 80%)}#links{filter:invert(100%)}.container,header,footer,details,blockquote,code{border:1px solid var(--dimmed)}}ul:first-child,ol:first-child,h1:first-child,h2:first-child,h3:first-child,.container:first-child{margin-top:0}h1:last-child,h2:last-child,h3:last-child{margin-bottom:0}html{min-height:100%}body{flex:1;margin:0 auto;max-width:832px;line-height:1.5;color:var(--text-fg);font-family:sans-serif;background-color:var(--body-bg);background-image:linear-gradient(to right,var(--grid) 1px,transparent 1px),linear-gradient(to bottom,var(--grid) 1px,transparent 1px);background-size:20px 20px;background-position:50% 0}main{margin-bottom:auto}header *,footer *{margin:0}header{margin-bottom:16px !important}footer{margin-top:16px;text-align:center}nav{flex-grow:3}nav td{padding:0 4px}.base{margin:16px}.menu{font-weight:700}.title{align-self:center}.menu td{vertical-align:top}.menu a{text-decoration:none;color:var(--text-fg)}.menu a:visited{color:var(--text-fg)}.menu a:hover{text-decoration:underline}.menu span{color:var(--light-fg)}#current{color:var(--link)}#navbar{display:flex}#navbar>.title{display:none}#links{text-align:right}#links td{display:inline}#links img{margin:0 5px;height:16px;position:relative;top:2px}.container{padding:8px}.content{padding:0 8px}.content{flex-wrap:wrap-reverse}.content .description{max-width:512px;margin:auto;font-size:1rem}.content img{display:block;margin:auto;max-width:100%}.list{padding:0;list-style-type:none}@media(any-pointer:fine){}h4{margin-top:0}.flex{display:flex}.flex .title{margin-right:auto}.flex span{margin-right:auto}.post ul{margin:0}.post h4{display:inline;margin-right:auto;margin-bottom:0}.post time{font-size:.8rem;margin-top:2px;flex-shrink:0}.post ul{padding:0}.post a{color:var(--link);text-decoration:none}.post a:visited{color:var(--dimmed)}.post a:hover{text-decoration:underline}.tag{font-size:.85rem;padding:0 3px}.tag a{color:var(--light-fg);font-weight:700}.tag a:visited{color:var(--light-fg)}.summary{color:var(--light-fg)}a{color:var(--link)}a:visited{color:var(--visited)}p:first-of-type{margin-top:0}time{color:var(--light-fg);font-family:monospace;font-size:.94rem}details,blockquote,.container{background:var(--block-bg);margin:8px 0;border-radius:var(--corner-radius);box-shadow:0 2px 16px 12px hsla(var(--hue),12%,40%,.05)}details,blockquote{padding:8px 16px}details p,blockquote p{padding:8px 0;margin:0}details p:first-of-type{padding-top:0}details p:last-child{padding-bottom:0}br{display:block;margin:6px 0}details[open]{border-left:3px solid var(--link)}details[open] summary{color:var(--link)}summary{position:relative}summary a{position:absolute;top:0;right:0;color:var(--light-fg);text-decoration:none}summary a:visited{color:var(--light-fg)}table{border-collapse:collapse}table:not(.menu,#links,.tags){& th, td { border: 2px solid var(--body-bg); background-color: var(--block-bg); padding: 4px 10px; }}code{font-size:.8rem;padding:5px;border-radius:var(--corner-radius);background-color:var(--block-bg)}.webring h3{flex-grow:4;margin-bottom:0}.webring small{font-size:.9rem}.webring .source a{color:var(--link)}.attribution{font-weight:700}.articles{margin-top:8px}.column{columns:1;column-gap:8px}.flat-left,details,blockquote{border-top-left-radius:0;border-bottom-left-radius:0;border-left:3px solid var(--dimmed)}.rss-feed{display:flex}.rss-feed img{display:inline;vertical-align:middle;margin-right:0;margin-left:auto;border-radius:var(--corner-radius)}@media(min-width:720px){.alt-title{display:none}nav,#links{flex-basis:0;flex-grow:1}#navbar>.title{display:initial}.column{columns:2}}