@font-face{font-display:swap;font-family:"GT America Mono";font-style:normal;font-weight:400;src:url(/fonts/GTAmericaMono-Regular.woff2) format("woff2")}
:root{--blue:#1925aa;--paper:#f6f5f1;--dim:#1925aa99;--line:#1925aa33}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{background:var(--paper);color:var(--blue);font-family:"GT America Mono","Courier New",monospace;font-size:13px;line-height:1.6;padding:24px 16px 120px}
a{color:var(--blue)}
a:hover{background:var(--blue);color:var(--paper)}
.wrap{max-width:860px;margin:0 auto}
.ascii{white-space:pre;font-size:9px;line-height:1;overflow-x:auto;margin:0 0 24px}
.tag{color:var(--dim);margin:0 0 8px}
.crawler-note{color:var(--dim);max-width:640px;margin:0 0 28px}
nav{margin:0 0 32px}
nav a{margin-right:18px;text-decoration:none;border-bottom:1px solid var(--line)}
nav a:hover{border-color:var(--blue)}
section{margin:0 0 40px}
h1{font-size:20px;font-weight:400;margin:0 0 4px}
h2{font-size:13px;font-weight:400;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--line);padding-bottom:8px;margin:0 0 16px;display:flex;align-items:center;gap:12px}
h2::before{content:"\2014";color:var(--dim)}
dl{display:grid;grid-template-columns:min-content 1fr;gap:4px 24px;margin:0}
dt{color:var(--dim);white-space:nowrap}
dt::after{content:" .........."}
dd{margin:0}
ul.plain{list-style:none;margin:0;padding:0}
ul.plain li{margin:0 0 4px}
p{margin:0 0 12px;max-width:680px}
.entry{border-top:1px solid var(--line);padding:14px 0}
.entry:first-of-type{border-top:none;padding-top:0}
.entry-head{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 16px}
.entry-title{font-weight:400}
.entry-meta{color:var(--dim)}
.entry-body{margin-top:6px;color:var(--dim);max-width:680px}
.tags{margin-top:6px}
.tags span{display:inline-block;border:1px solid var(--line);padding:1px 6px;margin:2px 4px 0 0;font-size:11px}
footer{margin-top:60px;padding-top:16px;border-top:1px solid var(--line);color:var(--dim);display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px}
.toggle{position:fixed;top:16px;right:16px;display:flex;border:1px solid var(--blue);font-size:11px;z-index:10;background:var(--paper)}
.toggle a{padding:6px 12px;text-decoration:none;border-bottom:none}
.toggle a:hover{background:var(--blue);color:var(--paper)}
.toggle .active{background:var(--blue);color:var(--paper)}
@media (max-width:640px){.toggle{position:static;margin-bottom:24px;width:fit-content}}