/* Advisory interaction and navigation overrides */

/* Stable, readable primary navigation */
.topbar .navlinks a{
  display:inline-flex;
  align-items:center;
  min-height:42px;
  line-height:1;
}
.topbar .btn-dark{
  background:var(--ink);
  color:#fffdf9 !important;
  border-color:var(--ink);
  box-shadow:none;
}
.topbar .btn-dark:hover{
  background:var(--accent-dark);
  color:#fffdf9 !important;
  border-color:var(--accent-dark);
}

/* Landing page: equal visual weight for audience choices */
.hero-actions .btn-dark,
.hero-actions .btn-ghost{
  background:transparent;
  color:var(--ink) !important;
  border:1px solid var(--ink);
  box-shadow:none;
}
.hero-actions .btn-dark:hover,
.hero-actions .btn-ghost:hover{
  background:var(--ink);
  color:#fffdf9 !important;
}

/* Whole audience card is clickable */
.audience-grid .clickable-card{
  cursor:pointer;
  transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease;
}
.audience-grid .clickable-card:hover,
.audience-grid .clickable-card:focus-visible{
  border-color:var(--accent);
  transform:translateY(-2px);
  box-shadow:0 22px 50px rgba(30,25,20,.12);
  outline:none;
}
.audience-grid .clickable-card:hover .arrow-link,
.audience-grid .clickable-card:focus-visible .arrow-link{
  color:var(--accent-dark);
}

/* One sticky section menu on audience pages */
.sticky-subnav{
  position:sticky;
  top:76px;
  z-index:15;
  background:rgba(244,239,231,.97);
  backdrop-filter:blur(10px);
  border-bottom:1px solid var(--line);
}
.subnav{
  display:flex;
  align-items:center;
  gap:8px;
  overflow:auto;
  padding:10px 0;
  white-space:nowrap;
}
.audience-indicator{
  position:sticky;
  left:0;
  z-index:2;
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  padding:8px 12px;
  margin-right:8px;
  border:1px solid var(--accent);
  border-radius:999px;
  background:var(--ink);
  color:#fffdf9;
  font-size:11px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.subnav a{
  flex:0 0 auto;
  padding:8px 10px;
  border-radius:999px;
  color:var(--muted);
  transition:background-color .16s ease,color .16s ease;
}
.subnav a:hover{
  color:var(--ink);
  background:rgba(140,111,80,.09);
}
.subnav a.active{
  color:var(--ink);
  background:rgba(140,111,80,.16);
  box-shadow:inset 0 0 0 1px rgba(140,111,80,.35);
}
section[id]{scroll-margin-top:145px;}

@media(max-width:900px){
  .topbar .navlinks a:not(.btn){display:none;}
  .audience-indicator{font-size:10px;padding:7px 10px;}
}