/* Полоса разделов сверху: активная вкладка выглядит как открытая вкладка браузера. */
.tabs{
  max-width:1220px;margin:0 auto;display:flex;align-items:flex-end;gap:4px;
  padding:0 6px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;
  position:relative;z-index:2;margin-bottom:12px;
}
.tabs::-webkit-scrollbar{display:none}
.tabs a{
  flex:0 0 auto;padding:10px 18px 11px;border:1px solid transparent;border-bottom:0;
  border-radius:13px 13px 0 0;color:#4b5f73;text-decoration:none;
  font-size:13.5px;font-weight:600;line-height:1.2;white-space:nowrap;
  background:rgba(255,255,255,.42);transition:background .15s,color .15s;
}
.tabs a:hover{background:rgba(255,255,255,.8);color:#12212f}
.tabs a[aria-current="page"]{
  background:#fbfcfd;border-color:#d3dbe4;color:#123;
  box-shadow:inset 0 2px 0 #0a7a74;
}
@media (max-width:520px){
  .tabs a{padding:9px 13px 10px;font-size:12.5px}
}

/* Переключатель языка: справа в полосе разделов, на одном уровне с вкладками */
.tabs .lang{margin-left:auto;flex:0 0 auto;padding:0 2px 7px 10px}
.tabs .lang select{
  font:inherit;font-size:12.5px;font-weight:600;color:#3d5165;
  padding:6px 8px;border:1px solid #d3dbe4;border-radius:10px;
  background:#fbfcfd;cursor:pointer;max-width:150px;
}
.tabs .lang select:hover{border-color:#a9cfcb}
.tabs .lang select:focus-visible{outline:2px solid #0a7a74;outline-offset:2px}
@media (max-width:520px){
  .tabs .lang{padding-bottom:6px}
  .tabs .lang select{font-size:12px;padding:5px 6px}
}