/* 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;}
}


/* Freshness report link (ticket 072): a quiet footer affordance to flag a stale step.
   Injected by docs-nav.js; styled subtly so it reads as a helpful aside, not a CTA. */
footer .freshness{display:inline-block;margin-left:10px;padding-left:10px;border-left:1px solid var(--line);color:var(--mid);}
footer .freshness:hover{color:var(--hi);}

/* Linkable headings (ticket 071): a subtle # appears on hover; click = jump-link.
   scroll-margin keeps the target clear of the sticky header. */
main h2, main h3 { scroll-margin-top: 86px; }
.hanchor { margin-left:.45em; color:#5B8DEF; opacity:0; text-decoration:none; font-weight:400; font-size:.82em; vertical-align:baseline; transition:opacity .15s; }
h2:hover > .hanchor, h3:hover > .hanchor { opacity:.5; }
.hanchor:hover, .hanchor:focus { opacity:1; text-decoration:underline; }