/* PN-RUNG-TIPS — hover/focus pop-up on each career rung of the Season page: what that level needs.
   CEO 2026-09-27. Solid lighter panel so it reads as its own object over the dark page. */
.pnsp .pnsp-step{ position:relative; cursor:help; outline:none; }
.pnsp .pnsp-tip{
  position:absolute; left:0; top:calc(100% + 10px); z-index:40; width:max-content; min-width:230px; max-width:300px;
  display:flex; flex-direction:column; gap:6px; padding:14px 16px;
  background:#2b3444; color:#f4f6fb; border:1px solid rgba(255,255,255,.14); border-radius:12px;
  box-shadow:0 18px 40px rgba(0,0,0,.45);
  opacity:0; visibility:hidden; transform:translateY(-4px); transition:opacity .15s ease, transform .15s ease, visibility .15s;
  pointer-events:none; text-align:left;
}
.pnsp .pnsp-step:last-child .pnsp-tip{ left:auto; right:0; }
.pnsp .pnsp-step:hover .pnsp-tip, .pnsp .pnsp-step:focus-visible .pnsp-tip, .pnsp .pnsp-step:focus .pnsp-tip{
  opacity:1; visibility:visible; transform:none;
}
.pnsp .pnsp-tip-h{ font:700 14px/1.25 var(--pn-sans,Inter,system-ui,sans-serif); color:#fff; margin-bottom:2px; }
.pnsp .pnsp-tip-row{ display:flex; justify-content:space-between; gap:16px; font:500 13px/1.3 var(--pn-sans,Inter,system-ui,sans-serif); }
.pnsp .pnsp-tip-row i{ font-style:normal; color:#c9d1de; }
.pnsp .pnsp-tip-row em{ font-style:normal; font-weight:700; color:#ffb27a; font-variant-numeric:tabular-nums; }
.pnsp .pnsp-tip-row.is-ok em{ color:#4ade80; }
.pnsp .pnsp-tip-note{ font:500 12.5px/1.4 var(--pn-sans,Inter,system-ui,sans-serif); color:#c9d1de; }
.pnsp .pnsp-step:focus-visible{ box-shadow:0 0 0 2px #ff8a3d; border-radius:8px; }
@media (prefers-reduced-motion:reduce){ .pnsp .pnsp-tip{ transition:none; transform:none; } }
@media (max-width:600px){ .pnsp .pnsp-tip{ min-width:200px; max-width:min(280px, 80vw); } }

/* Tester badge (CEO account only) sat bottom-left on top of "The Duff" in the side rail. It moves
   to the top-left corner of the browser, clear of the device and every nav item. */
html #pn-tester, html body.pnos-dock-on #pn-tester{ top:12px !important; bottom:auto !important; left:12px !important; }