/* Flowsmith docs — shared top menu + breadcrumb + language selector (ticket 047).
   Relies on the per-page :root tokens (--ink/--surface/--line/--hair/--hi/--mid/--dim/--blue/
   --mono/--sans/--corner-sm) already defined inline on every docs page. This file only adds the
   shared NAV bits so every page emits the same header/breadcrumb/selector. */

/* Top menu (Home wordmark · Manuals · Academy · language selector) */
header.nav .menu{display:flex;align-items:center;gap:22px;}
header.nav .menu a{font-family:var(--mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--mid);transition:color .2s;}
header.nav .menu a:hover,header.nav .menu a.active{color:var(--hi);}

/* Language selector CS ⇄ EN */
.langsel{display:inline-flex;align-items:center;gap:4px;font-family:var(--mono);font-size:12px;letter-spacing:.06em;border:1px solid var(--line);border-radius:var(--corner-sm);padding:3px 9px;}
.langsel a{color:var(--dim);padding:0 1px;transition:color .2s;}
.langsel a:hover{color:var(--mid);}
.langsel a.active{color:var(--blue);font-weight:600;}
.langsel .sep{color:var(--line);}

/* Breadcrumb row beneath the bar — replaces the ad-hoc `← X` back-link + .crumb */
nav.crumbs{border-bottom:1px solid var(--hair);background:var(--ink);}
nav.crumbs .wrap{padding:10px 28px;font-family:var(--mono);font-size:11px;letter-spacing:.07em;color:var(--dim);}
nav.crumbs a{color:var(--mid);}
nav.crumbs a:hover{color:var(--hi);}
nav.crumbs .s{color:var(--line);margin:0 7px;}
nav.crumbs .here{color:var(--dim);}

/* "Translation in progress" banner on CS stub pages (cowork fills the prose) */
.tx-banner{background:#241f14;border:1px solid #3a3220;border-radius:var(--corner-sm);color:#d9c9a0;font-size:14px;line-height:1.5;padding:11px 15px;margin:0 0 28px;font-family:var(--sans);}
.tx-banner b{color:#efe2c0;font-weight:600;}

@media(max-width:560px){
  header.nav .menu{gap:13px;}
  header.nav .menu a{font-size:11px;letter-spacing:.06em;}
}