/* 로고 아래 두 칸 메뉴(실검 ↔ 개발 실검). site.css 는 토스 미니앱이 굳혀 쓰므로 따로 둔다. 토큰은 site.css 것. */
.svc-tabs { display: grid; grid-template-columns: 1fr 1fr; gap: 4px; padding: 4px; border: 1px solid var(--line); border-radius: 999px; background: var(--surf); max-width: 360px; }
.svc-tabs a { display: flex; align-items: center; justify-content: center; min-height: 44px; border-radius: 999px; font-size: 15px; font-weight: 800; color: var(--mut); white-space: nowrap; }
.svc-tabs a:hover, .svc-tabs a:focus-visible { color: var(--acc-s); }
.svc-tabs a[aria-current="page"] { background: var(--acc-s); color: var(--onfill); }
@media (max-width: 767px) {
  .svc-tabs { max-width: none; }
}