/* The new-version notice (3.5.5, app/version.js; Chandon, Oct 16 to 17: "little notification in the view is sufficient, no need to
   outreach"). One calm line inside the header, under the tabs and #banner, so it stays at the top while the page scrolls. Tokens only
   (app.css), so dark mode keeps working. A step page hides the tab row and keeps #top, so the line shows there too. */
.nv{background:var(--tint);color:var(--ink);border-top:1px solid var(--tint-line);border-bottom:1px solid var(--tint-line)}
.nv .in{max-width:1120px;margin:0 auto;padding:4px 8px 4px 16px;display:flex;align-items:center;gap:8px;min-height:52px}
.nv-t{flex:1 1 auto;min-width:0;font-weight:600;font-size:15px;line-height:1.3;overflow-wrap:anywhere}
.nv .btn{flex:none;margin:0}
.nv-x{flex:none;min-height:44px;min-width:44px;padding:0 10px;border:0;border-radius:var(--r-md);background:none;color:var(--ink);font:600 14px 'Instrument Sans',sans-serif;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.nv-x:hover{background:rgba(127,127,127,.12)}
/* phones: the line, Reload and Not now on one row; the words wrap to two lines on the smallest phones */
@media (max-width:600px){
  .nv .in{padding:2px 4px 2px 16px;gap:4px;min-height:48px}
  .nv-t{font-size:14px}
  .nv .btn{padding:0 12px}
}
body[data-screen=step] .nv .in{min-height:44px;padding-top:0;padding-bottom:0}
@media print{.nv{display:none}}