html{
  min-height:100%;
  color-scheme:dark;
  background:
    linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px) 0 0/42px 100%,
    radial-gradient(circle at 50% -15%,#32332f 0,#151716 34%,#080a0a 78%);
  color:#ddd9ce;
}
body{
  box-sizing:border-box;
  width:min(700px,100%);
  max-width:700px!important;
  min-height:100vh;
  margin:0 auto!important;
  padding:54px clamp(26px,7vw,58px) 100px!important;
  background:#101212!important;
  color:#ddd9ce!important;
  border:0;
  border-top:7px solid #d7b52d;
  box-shadow:none;
  font-family:Georgia,serif!important;
}
body::before{
  content:"NOMOTO TRANSIT / DOCUMENT FOUND BELOW STREET LEVEL"!important;
  display:block!important;
  margin:0 0 38px!important;
  padding:0 0 15px!important;
  border-bottom:2px solid #73766f!important;
  color:#d7b52d!important;
  font:700 10px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace!important;
  letter-spacing:2.2px!important;
}
body::after{
  content:"END OF LOCAL DOCUMENT · THE JOURNEY CONTINUES IN THE CARRIAGE ABOVE"!important;
  display:block!important;
  margin:70px 0 0!important;
  padding:18px 0 0!important;
  border-top:3px solid #73766f!important;
  color:#d7b52d!important;
  font:700 9px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace!important;
  letter-spacing:1.8px!important;
}
h1,h2,h3,h4{color:#f0ede5!important}
p,p.p1,p.p2,li,blockquote{color:#cbc8c0!important}
p,p.p1,p.p2{font:19px/1.7 Georgia,serif!important}
p.p1{margin:0 0 1.35em!important;letter-spacing:0!important}
p.p1:first-of-type{font-size:19px!important;line-height:1.7!important;letter-spacing:0!important}
p.p2:empty,p.p2:has(br:only-child){display:none!important}
a{color:#e0c24f!important}
/* Gold-filled download buttons need dark lettering, not the gold link color. */
.controls a,
.controls a:visited,
.controls a:hover,
.controls a:focus-visible{color:#111!important}
.transit-relations{
  position:relative;
  display:flex;
  align-items:flex-start;
  justify-content:center;
  flex-wrap:wrap;
  gap:30px 24px;
  margin:72px -18px 8px!important;
  padding:48px 18px 18px!important;
  border-top:2px solid #73766f;
  font-family:ui-monospace,SFMono-Regular,Menlo,monospace!important;
}
.transit-relations::before{
  content:"RELATIONAL TRANSFERS / THIS DOCUMENT IS NOT THE END";
  position:absolute;
  top:15px;
  left:18px;
  color:#d7b52d;
  font:700 9px/1.3 ui-monospace,SFMono-Regular,Menlo,monospace!important;
  letter-spacing:1.7px;
}
.transit-relation{
  display:flex!important;
  width:92px!important;
  min-height:116px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  color:#eee!important;
  text-align:center!important;
  text-decoration:none!important;
  cursor:pointer;
  flex-direction:column;
  align-items:center;
  gap:11px;
  font:700 8px/1.25 ui-monospace,SFMono-Regular,Menlo,monospace!important;
  letter-spacing:1.1px;
}
.transit-relation::before{
  content:attr(data-mark);
  display:grid;
  width:58px;
  height:58px;
  place-items:center;
  border:3px solid #d7b52d;
  border-radius:50%;
  background:#080a0a;
  color:#f0ede5;
  box-shadow:0 0 0 8px #d7b52d20,0 10px 28px #0008;
  transition:transform .2s,background .2s,color .2s;
  font-size:10px;
}
.transit-relation:hover::before,.transit-relation:focus-visible::before{
  transform:scale(1.13);
  background:#d7b52d;
  color:#080a0a;
}
@media(max-width:700px){
  body{width:100%;margin:0 auto!important;padding:40px 24px 80px!important;box-shadow:none}
  h1{font-size:44px!important;letter-spacing:-2px!important}
  p,p.p1,p.p2,p.p1:first-of-type{font-size:17px!important;line-height:1.65!important}
  .transit-relations{justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;margin-left:-12px!important;margin-right:-12px!important;padding-left:12px!important;padding-right:12px!important}
  .transit-relation{flex:0 0 86px}
}