/* Section switch of a case shown as one portfolio item (Вита Хауз: статьи / партнёры / цены).
   A tab row in the dark case hero band: number, section, one-line note; the open section is filled. */
.case-switch { margin-top: clamp(24px, 4vh, 44px); max-width: 1040px; }
.case-switch-cap { margin: 0 0 12px; font-family: var(--fm); font-size: 12px; letter-spacing: .14em; text-transform: uppercase; color: #f5f5f2; opacity: .8; }
.case-switch-tabs { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.case-switch-tab {
  display: grid; grid-template-columns: auto 1fr; column-gap: 12px; row-gap: 4px; align-items: baseline;
  padding: 16px 20px; border: 1px solid rgba(245, 245, 242, .45); border-radius: 16px; background: rgba(245, 245, 242, .08);
  color: #f5f5f2; text-decoration: none; transition: background-color .2s ease, border-color .2s ease, color .2s ease;
}
.case-switch-tab b { font-family: var(--fm); font-size: 12px; font-weight: 400; letter-spacing: .1em; opacity: .75; }
.case-switch-tab span { font-family: var(--fd); font-size: clamp(18px, 1.5vw, 22px); font-weight: 600; line-height: 1.15; }
.case-switch-tab small { grid-column: 2; font-size: 14px; line-height: 1.3; opacity: .78; }
.case-switch-tab:hover { background: rgba(245, 245, 242, .18); border-color: #f5f5f2; }
.case-switch-tab:focus-visible { outline: 2px solid #f5f5f2; outline-offset: 3px; }
.case-switch-tab[aria-current="page"] { background: #f5f5f2; border-color: #f5f5f2; color: var(--case-ac, var(--ink)); }
.case-switch-tab[aria-current="page"] small { color: var(--ink, #0c0d10); }
@media (max-width: 760px) {
  .case-switch-tabs { grid-template-columns: 1fr; gap: 8px; }
  .case-switch-tab { padding: 14px 16px; }
  .case-switch { margin-bottom: 24px; }
}