/* Dispatch board: split-flap readout of real open slots. Used on the home page, city pages and blog. */
.board{background:var(--navy);color:var(--white);box-shadow:8px 8px 0 var(--blue);display:grid;min-width:0}
.board .stripe{height:10px;border:0}
.board-in{padding:16px;display:grid;gap:14px;min-width:0}
@media (max-width:820px){.board{box-shadow:5px 5px 0 var(--blue)}.board-in{padding:12px;gap:12px}}
.board :focus-visible{outline-color:var(--white)}
.b-hd{display:flex;justify-content:space-between;align-items:center;gap:10px;font-family:var(--f-disp);font-size:22px;text-transform:uppercase;letter-spacing:.02em;line-height:1}
.b-led{display:inline-flex;align-items:center;gap:6px;font:700 12px var(--f-rep);letter-spacing:.08em}
.b-led::before{content:"";width:9px;height:9px;border-radius:50%;background:#5BE49B}
@media (prefers-reduced-motion:no-preference){.b-led::before{animation:led 1.8s ease-in-out infinite}@keyframes led{50%{opacity:.35}}}
.b-disp{container-type:inline-size;display:grid;gap:3px}
.b-cols{display:flex;justify-content:space-between;font:700 11px var(--f-rep);text-transform:uppercase;letter-spacing:.06em;color:#B8C6DD}
.row{--t:calc(100cqw / 28);display:flex;width:100%;padding:0;margin:0;border:0;background:none;color:inherit;font:inherit;cursor:default;min-height:44px;align-items:center}
.row:not(:disabled){cursor:pointer}
.row i{position:relative;flex:0 0 var(--t);width:var(--t);height:calc(var(--t)*2.75);min-height:36px;display:flex;align-items:center;justify-content:center;font:400 calc(var(--t)*1.7)/1 var(--f-disp);font-style:normal;background:#061430;color:#F4F7FC;border-right:1px solid var(--navy)}
.row i::after{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:rgba(11,31,63,.5)}
.row:not(:disabled) i{background:var(--blue);color:var(--white)}
.row:not(:disabled):hover i{background:var(--blue-dk)}
.board.offline .b-disp{display:none}
.board .lbl{color:var(--white)}
.board .field{border-color:var(--white)}
.board .err{color:#FFC2BC}
.board small{font-size:13px;color:#C9D5E8}
.board .oos{background:var(--white);color:var(--navy)}
.oos{border:2px solid var(--red);padding:12px;font-size:15px}
.oos strong{display:block;color:var(--red)}

/* On content pages */
.post .board{margin:22px 0 30px;max-width:540px}
.cta.has-board{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:20px;align-items:center}
.cta.has-board .board{margin:0;max-width:none;box-shadow:5px 5px 0 var(--blue)}
.cta.has-board h2{margin:2px 0 8px}
.cta-direct{margin:10px 0 0;font-weight:700}
@media (max-width:700px){.cta.has-board{grid-template-columns:minmax(0,1fr)}}