/* Navigation facelift (2026-10): destination icons, a four-item bottom bar on
   phones with Progress and Library in the account panel, and the global search
   button. Kept apart from learning.css, whose bytes other releases pin. */
.learning-nav a .icon{flex:none;margin-right:7px;opacity:.85}
.learning-nav a[aria-current=page] .icon{opacity:1}
/* the account panel's Progress/Library links stand in for the bottom bar's on phones only */
.topnav .nav-more{display:none}
@media(max-width:699px){
  .guided .learning-nav a{min-height:52px;padding:6px 4px;flex-direction:column;gap:3px}
  .guided .learning-nav a .icon{margin:0}
  .guided .learning-nav a[data-more]{display:none}
  .guided .topnav .nav-more{display:flex;align-items:center;text-decoration:none}
}
/* global search: a quiet header button (from 700px; phones search from RITA Help) */
.search-btn{display:none}
.guided .search-btn{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 12px;margin-left:8px;border-radius:10px;border:1px solid var(--edge);background:var(--surface);color:var(--ink-2);font:600 13px/1 Figtree,sans-serif;cursor:pointer;flex:none}
.guided .search-btn:hover{border-color:var(--accent);color:var(--ink)}
.search-btn kbd{font:600 11px/1 "IBM Plex Mono",monospace;padding:3px 5px;border:1px solid var(--grid);border-radius:5px;background:var(--raise);color:var(--mute)}
@media(max-width:1365px){.guided .search-btn .search-btn-label,.guided .search-btn kbd{display:none}.guided .search-btn{padding:0 10px}}
@media(max-width:699px){.guided .search-btn{display:none}}
/* mid widths: labels without icons, never wrapped */
.guided .learning-nav a{white-space:nowrap}
@media(min-width:700px) and (max-width:1365px){.guided .learning-nav a .icon{display:none}}