/* Clear click targets within the existing navy/blue design. */
/* Instructional copy stays prominent in every activity. */
.activity-note,#instruction,#pronunciation,#orientation,#selected-word,.intro p:not(.eyebrow),#test-intro>p,.match-heading p,.sheet-help,.fit-help,.match-help p,.song-panel p,#celebration p{font-weight:700}
.main-nav{gap:10px;flex-wrap:wrap}
.intro + .main-nav{margin-top:20px}
.main-nav a{
  display:inline-flex;align-items:center;justify-content:center;
  min-height:52px;max-width:100%;border:2px solid var(--action);
  background:var(--surface);color:var(--action);line-height:1.3;
  text-align:center;touch-action:manipulation;
}
.main-nav a[aria-current=page]{background:var(--stage);border-color:var(--stage);color:#fff;box-shadow:inset 0 -3px 0 var(--accent)}
.test-tabs{flex-wrap:wrap;gap:10px}
.test-tabs button{border-color:var(--action);color:var(--action);background:var(--surface);min-height:52px;touch-action:manipulation}
.test-tabs button[aria-selected=true]{background:var(--action);color:#fff;box-shadow:inset 0 -3px 0 #00386d}
.sheet-pan button,.bank-controls button{border-color:var(--action);color:var(--action);min-height:48px}
@media(hover:hover){
  .main-nav a:not([aria-current=page]):hover,.test-tabs button:not([aria-selected=true]):hover,.sheet-pan button:hover,.bank-controls button:hover{background:#dceeff;border-color:#00386d;color:#00386d}
}
.main-nav a:focus-visible,.test-tabs button:focus-visible,.sheet-pan button:focus-visible,.bank-controls button:focus-visible{outline:3px solid var(--highlight);outline-offset:3px}
@media(max-width:760px){
  .main-nav{gap:10px}
  .main-nav a{padding:10px 12px;font-size:17px}
  .test-tabs{gap:8px}
  .test-tabs button{flex:1 1 90px;min-height:56px;padding:9px 6px}
}