.source-tabs { display:flex; gap:4px; margin:0 0 12px; padding:4px; border:1px solid var(--line); border-radius:12px; background:#e9ece8; overflow-x:auto; }
.source-tab {
  display: grid; flex:1 0 220px;
  grid-template-columns: 1fr auto;
  gap: 3px 12px;
  padding: 11px 14px;
  border: 0;
  border-radius: 9px;
  background: transparent;
  color: var(--ink);
  text-align: left;
  cursor: pointer;
  font-family: inherit;
}
.source-tab span { grid-column: 1; font-size: 12px; color: var(--muted); }
.source-tab strong { grid-column: 1; font-size: 15px; }
.source-tab small { grid-column: 2; grid-row: 1 / 3; align-self: center; color: var(--muted); }
.source-tab:hover { background:#f3f5f2; }
.source-tab.active { box-shadow:0 1px 4px #18201d14; background:#fff; }
.source-tab.active strong { color: var(--accent); }
@media (max-width: 620px) {
  .source-tabs { margin-left:-14px; margin-right:-14px; padding-left:14px; padding-right:14px; border-left:0; border-right:0; border-radius:0; }
  .source-tab { flex-basis:190px; padding:11px 13px; }
}