/* B5 Secure — header ribbon. One file, one place to edit, browser-cached sitewide.
   Versioned by B5RF_VERSION in the plugin, not by filemtime. */

html body .ribbon .wrap{display:flex;flex-wrap:nowrap;align-items:center;gap:.6em;height:34px;min-width:0}

/* THE ACTUAL FIX. A nowrap flex row still SHRINKS its items below their content width,
   and the text inside each one then wraps — which is why the defect appeared as three
   phrases each broken across two lines rather than one segment moving down. */
html body .ribbon .wrap>*{flex:0 0 auto;white-space:nowrap}
html body .ribbon{overflow:hidden}

/* #7db4ff is not a new colour: it is the exact value .b5logo .b5 uses for the wordmark
   directly below. var(--blue) is #5b9dff and would be a visibly different blue from the
   B5 in the logo beneath it. */
html body .ribbon .b5rf-b5{color:#7db4ff}

/* 1223px is measured, not chosen: the content-box width at which the three-segment ribbon
   would have fitted. If the copy changes, re-measure rather than carrying it forward. */
@media (max-width:1223px){
  html body .ribbon .wrap>.sep,
  html body .ribbon .wrap>span:not(.dot){display:none}
  html body .ribbon .wrap>b{display:inline}
}