html {overflow-y: scroll}
:root {
  --bgcolor: #ffffff;
  --fontcolor: #111111;
  --linkcolor: #0a3d8f;
  --visitedcolor: #3a5a8a;
  --precolor: #fff;
  --prebgcolor: #000;
}
@media (prefers-color-scheme: dark) {
  :root {
    --bgcolor: #0f0f0f;
    --fontcolor: #f0f0f0;
    --linkcolor: #7ab0e8;
    --visitedcolor: #a0b8d8;
    --precolor: #f0f0f0;
    --prebgcolor: #232623;
  }
}
body{max-width:800px;margin:40px auto;padding:0 10px;font:16px/1.6 'Mozilla Text',sans-serif;color:var(--fontcolor); background: var(--bgcolor)}a:link{color: var(--linkcolor)}a:visited{color: var(--visitedcolor)}a:active{color: var(--visitedcolor)}h1,h2,h3{line-height:1.2}
p > code{color: var(--precolor); background: var(--prebgcolor); padding:2px}
code{color: var(--precolor); background: var(--prebgcolor); padding:2px}
pre{color: var(--precolor); background: var(--prebgcolor); padding:24px; overflow-x: auto}
.post-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:0.5rem}
.mta-badge{display:inline-flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;border-radius:50%;font-size:0.85rem;font-weight:700;color:#fff;margin:0 2px;vertical-align:middle;font-family:helvetica,arial,sans-serif}
.mta-1,.mta-2,.mta-3{background:#EE352E}
.mta-4,.mta-5,.mta-6{background:#00933C}
.mta-7{background:#B933AD}
.mta-A,.mta-C,.mta-E{background:#2850AD}
.mta-B,.mta-D,.mta-F,.mta-M{background:#FF6319}
.mta-G{background:#6CBE45}
.mta-J,.mta-Z{background:#996633}
.mta-L{background:#A7A9AC}
.mta-N,.mta-Q,.mta-R,.mta-W{background:#FCCC0A;color:#000}
.mta-S{background:#808183}
.event{margin:0.75rem 0}
.event small{color:#888}
.event-free{background:#00933C;color:#fff;font-weight:700;padding:0 0.3rem;border-radius:3px;font-size:0.75rem}
.event-pwyc{background:#0039A6;color:#fff;font-weight:700;padding:0 0.3rem;border-radius:3px;font-size:0.75rem}
.event-head{display:flex;justify-content:space-between;align-items:center;gap:0.5rem}
.event-head .mta-trains{flex-shrink:0}
.event-head-right{display:flex;align-items:center;gap:0.5rem;flex-shrink:0}
.event-location{color:#888;font-size:0.8em;font-family:inherit}
blockquote{margin:1rem 0;padding:0.25rem 0 0.25rem 1rem;border-left:3px solid var(--linkcolor);color:var(--fontcolor)}
.nameplate,a.nameplate:link,a.nameplate:visited{text-decoration:none;background:var(--fontcolor);color:var(--bgcolor);padding:0.15em 0.4em;font-weight:700;display:inline-block;line-height:1.1}
.nameplate-inline{font-size:0.85em;padding:0.05em 0.3em;vertical-align:baseline}
article{padding:24px 0}
.center {display: block;margin-left: auto;margin-right: auto;width: 100%;}
figcaption {color: #888; font: 12px/1.5 monospace; text-align: center;}
figure {margin: auto}
img {display: block; max-width: 100%; height: auto; margin: auto}
@media (max-width: 600px) {
  .header-subtitle {
    width: 100%;
    text-align: left;
  }
}