/* LabelMill brand guide, pages 6, 8-9, 12, 16-17. Fonts are local for event playback. */
@font-face{font-family:Montserrat;src:url('/assets/montserrat.ttf') format('truetype');font-style:normal;font-weight:100 900;font-display:swap}
@font-face{font-family:Genos;src:url('/assets/genos.ttf') format('truetype');font-style:normal;font-weight:100 900;font-display:swap}
:root{
  --brand-red:#d91a21;
  --brand-black:#000104;
  --brand-gray:#777c7e;
  --brand-dust:#b3b5b8;
  --brand-blueprint:#24449a;
  --surface:#f4f4f5;
  --border:#d9dadb;
  /* Dark neutral for readable small copy on white; Conveyor Gray remains decorative. */
  --text-secondary:#55595b;
}
h1,h2,h3,h4,button{font-family:Montserrat,Arial,sans-serif}
h1,h2,h3,h4,b,strong{font-weight:800}
.brand-logo{display:block;height:auto;flex-shrink:0;max-width:100%}
.brand-home{display:block;flex-shrink:0;width:250px}
/* The SVG includes one red-L height of clear space on every side. Do not crop it. */
.brand .brand-logo{width:320px}
.pTop .brand-logo{width:230px}
.out-logo{display:block;width:420px;height:auto;margin:0 auto}
#caption .big,.out h2,.out .stats b,.faultCard .msg{font-family:Genos,Arial,sans-serif;font-weight:600;line-height:1.1}
.out h2{font-weight:600}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--brand-blueprint);outline-offset:4px}
@media(max-width:380px){.brand-home{width:220px}}