/* MyTrainTrax departure-board logo (from the logo kit). The font is self-hosted: no request to Google Fonts. */
@font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:800;font-display:swap;
  src:url('jetbrains-mono-800-latin.woff2') format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

.mtt-logo{--mtt-accent:#FFB000;--mtt-tile:#161616;--mtt-split:#000;--mtt-label:#161616;
  display:inline-flex;flex-direction:column;align-items:center;gap:.3em;
  font-family:'JetBrains Mono',ui-monospace,monospace;font-size:16px;text-decoration:none}
.mtt-logo--dark{--mtt-tile:#242424;--mtt-split:#0B0B0B;--mtt-label:#D9D9D9}
/* Label is larger than the kit's .94em so "MY TRAIN" stays legible at the small header size. */
.mtt-logo__label{font-size:1.45em;font-weight:800;letter-spacing:.42em;padding-left:.42em;color:var(--mtt-label)}
.mtt-logo__tiles{display:flex;gap:.375em}
.mtt-logo__tile{position:relative;width:3.5em;height:4.5em;border-radius:.44em;background:var(--mtt-tile);
  display:flex;align-items:center;justify-content:center;font-size:1em;overflow:hidden}
.mtt-logo__tile span{font-size:2.875em;font-weight:800;line-height:1;color:var(--mtt-accent)}
.mtt-logo__tile::after{content:"";position:absolute;left:0;right:0;top:calc(50% - 1px);height:2px;background:var(--mtt-split)}
/* Scale the whole logo with font-size: 16px is full size; the site header uses a smaller size (see style.css). */