/* Shared navigation for the four software overview pages. */
.kht-dark nav.tool-secondary-nav {
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(150px,1fr));
  gap:0;
  margin:24px 0 28px;
  border:1px solid rgba(247,245,239,.3);
  background:rgba(20,24,16,.45);
}
.kht-dark nav.tool-secondary-nav a {
  display:flex; align-items:center; justify-content:center;
  min-width:0; min-height:56px; box-sizing:border-box;
  margin:-1px 0 0 -1px; padding:12px 16px;
  border:1px solid rgba(247,245,239,.3);
  font-family:var(--font-mono); font-size:16px; font-weight:500;
  line-height:1.5; letter-spacing:.035em; text-transform:none;
  color:#f7f5ef; text-decoration:none; text-align:center;
  overflow-wrap:anywhere;
}
.kht-dark nav.tool-secondary-nav a:hover {color:#fff;background:rgba(247,245,239,.1);}
.kht-dark nav.tool-secondary-nav a[aria-current="page"] {
  background:var(--accent-veil,rgba(220,251,85,.12));
  box-shadow:inset 0 -3px 0 var(--accent,#dcfb55);
}
.kht-dark nav.tool-secondary-nav a:focus-visible {
  outline:2px solid var(--accent,#dcfb55); outline-offset:-4px;
}
@media(max-width:600px) {
  .kht-dark nav.tool-secondary-nav {grid-template-columns:repeat(2,minmax(0,1fr));margin:20px 0 24px;}
  .kht-dark nav.tool-secondary-nav a {min-height:48px;padding:10px 12px;}
}

/* Grasshopper navigation: consistent typography across toolbox and subpages. */
.tool-grasshopper .kht-dark nav.tool-secondary-nav a,
.kht-dark nav.tool-secondary-nav[aria-label="Grasshopper Navigation"] a {
  font-size:11px;
  font-weight:500;
  letter-spacing:.12em;
  text-transform:uppercase;
}