@import "vendor/95css.css";

*{
  --color-white:#625d65;
  --color-black:#0d0b0e;
  --color-gray-100:#4a454c;
  --color-gray-200:#302c32;
  --color-gray-300:#181519;
  --color-blue:#704156;
  --color-teal:#121013;
  box-sizing:border-box;
}

html{background:#121013}
body{
  min-height:100vh;
  margin:0;
  background:#121013;
  color:#e9e4e7;
  font-size:17px;
  line-height:1.45;
}

a{color:#e7b7ca;text-underline-offset:3px}
a:hover,a:focus-visible{background:#c788a3;color:#171416;outline:1px dotted #e9e4e7}
img{max-width:100%;height:auto}
.desktop{
  display:grid;
  grid-template-columns:190px minmax(0,820px) 240px;
  align-items:start;
  gap:18px;
  width:min(1320px,100%);
  margin:auto;
  padding:34px 20px;
}
.window{display:block;min-width:0;padding:4px;background:#302c32}
.nav-window,.info-window{position:sticky;top:20px}
.title-bar{min-height:32px}
.title-bar.dialog-header{padding:5px 8px;background:#704156;color:#f3edf0}
.title-bar-text{font-weight:700}
.window-body.dialog-body{padding:0}

.site-nav{padding:8px;background:#302c32}
.site-nav ul{margin:0;padding:0;list-style:none}
.site-nav li{display:block}
.site-nav a{display:block;padding:8px 10px;text-decoration:none}
.site-nav li.active a{background:#87536b;color:#fff;box-shadow:inset 2px 2px #181519,inset -2px -2px #625d65;outline:1px dotted #f3edf0;outline-offset:-5px}
.site-head-logo{margin-bottom:7px;padding:10px!important;background:#09070a!important;color:#d99bb5!important;box-shadow:inset 2px 2px #181519,inset -2px -2px #625d65!important}
.site-head-logo svg{display:block;width:40px;height:40px;margin:auto}

.site-main{max-width:none;margin:0;padding:24px;background:#1d1a1e;color:#e9e4e7;border:2px inset #302c32}
.site-main header,.page-head,.post-content-header{position:static;display:block;width:auto;padding:0;background:none;box-shadow:none}
.site-main .page-head{padding:22px;background:#050506;color:#ded8dc;border:2px solid #4a454c;box-shadow:inset 0 0 0 2px #0d0b0e,inset 0 0 28px #000;font-family:ui-monospace,"SFMono-Regular",Menlo,Consolas,monospace}
.page-head-title{margin:0 0 18px;color:#d99bb5;font:700 38px/1.2 ui-monospace,"SFMono-Regular",Menlo,Consolas,monospace}
.page-head-title::before{content:"$ ";color:#8d6979}
.page-head-logo{margin:0;overflow:hidden}
.page-head-logo pre{margin:0;color:#ded8dc;font:clamp(6px,1vw,13px)/1.2 ui-monospace,"SFMono-Regular",Menlo,Consolas,monospace;letter-spacing:-.08em;white-space:pre}
.ascii-accent{color:#d99bb5}
.page-head-description{margin:20px 0 0;color:#ded8dc;font-size:17px;font-weight:400;text-align:left}
.post-content-title{margin:0 0 8px;font-size:40px}
.post-content-excerpt{margin:0 0 24px;padding:12px;background:#302c32;border-left:8px solid #9f607c}
.post-content-body h2,.post-content-body h3{margin-top:28px}
.post-content-body p,.post-content-body li{max-width:72ch}
blockquote{margin:16px 0;padding:12px 16px;background:#302c32;border-left:6px solid #9f607c}
.codeblock,pre code{display:block;max-width:100%;overflow:auto;padding:12px;background:#09070a;color:#ded8dc;font-family:ui-monospace,"SFMono-Regular",Menlo,Consolas,monospace}
.post-entries{padding:0;list-style:none}
.pagination{margin-top:18px}
.donate{margin:20px 0}.donate-address{display:block;max-width:100%;overflow-wrap:anywhere}

.site-foot{padding:15px;background:#302c32;color:#e9e4e7}
.site-foot hr{border:0;border-top:2px groove #625d65;margin:12px 0}
.site-foot>hr:first-child{display:none}
.footer-columns{display:grid;gap:18px}
.badges{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:9px;background:#09070a}
.badges a:hover{outline:1px solid #d99bb5}.badges img{display:block}
#qrcode img{width:116px;height:116px;background:#09070a}
input:not([type=range]):not([type=checkbox]):not([type=radio]){background:#141115;color:#e9e4e7}

@media(max-width:980px){
  .desktop{grid-template-columns:190px minmax(0,1fr)}
  .info-window{position:static;grid-column:1/-1}
  .footer-columns{grid-template-columns:1fr auto auto}
}
@media(max-width:650px){
  body{font-size:16px}.desktop{display:block;padding:8px}.window{margin-bottom:10px}.nav-window,.info-window{position:static}.site-main{padding:14px}.site-nav ul{display:flex;overflow:auto}.site-nav a{white-space:nowrap}.site-head-logo{margin:0 7px 0 0}.site-head-logo svg{width:28px;height:28px}.page-head{padding:14px}.page-head-logo pre{font-size:1.35vw}.post-content-title{font-size:32px}.footer-columns{grid-template-columns:1fr}.footer-columns #qrcode{display:none}
}