/* The big Back button at the top of every screen below a menu page (back-nav.js; branch bill1025-back-training,
   2026-10-25; Bill Prata: "A big back button on the top that just goes back."). It is the page kit's outlined button
   (.sn-btn.sn-secondary), which every design already draws in its own look, made larger: 48 px tall (52 on a phone),
   17 px bold, a 2 px border. A screen's own small back link that the button took over stays in the page, hidden. */
.dsp-backbar{display:flex;margin:0 0 18px;min-width:0}
.dsp-backbar .sn-btn.dsp-back{min-height:48px;margin:0;padding:9px 20px 9px 14px;gap:10px;border-width:2px;font-size:17px;font-weight:700;line-height:1.2;max-width:100%;justify-content:flex-start}
.dsp-backbar .dsp-back .dsp-back-icon{width:22px;height:22px;flex:none}
.dsp-back-word{flex:none}
.dsp-back-where{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600;padding-left:10px;border-left:1px solid currentColor}
.dsp-back-where[hidden]{display:none}
.dsp-backbar .dsp-back:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
[data-dsp-back-moved][hidden]{display:none!important}
@media(max-width:600px){
  .dsp-backbar{margin-bottom:14px}
  .dsp-backbar .sn-btn.dsp-back{min-height:52px;padding:10px 18px 10px 12px}
}
/* LCARS: the pill shape of the design's buttons, with the rounded end on the arrow's side. */
html[data-theme="lcars"] .dsp-backbar .sn-btn.dsp-back{border-radius:26px 6px 6px 26px;font-size:17px;letter-spacing:.1em}
@media print{.dsp-backbar{display:none!important}}