#question-tabs { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; padding-block: 20px; border-bottom: 1px solid var(--rule); }
#question-tabs > a { display: flex; align-items: center; justify-content: center; min-height: 50px; padding: 12px 16px; border: 1px solid var(--rule); border-radius: 999px; text-decoration: none; text-align: center; line-height: 1.3; background: var(--paper); }
#question-tabs > a[aria-current="page"] { color: var(--paper); border-color: var(--petrol); background: var(--petrol); font-weight: 600; }
#question-tabs > a:hover { border-color: var(--petrol); text-decoration: underline; }
@media (min-width: 1250px) {
  #question-tabs { grid-template-columns: repeat(6, minmax(0, 1fr)); }
}
@media (max-width: 680px) {
  #question-tabs { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; padding-block: 16px; }
  #question-tabs > a { min-height: 52px; padding: 10px 8px; font-size: 1rem; }
}