/* Что внутри исследования. Вкладки по разделам: одна карточка на экране —
   страница PDF (слайд 16:9) слева, справа название и 4 пункта из раздела.
   В блоке есть действие: кнопка ведет к форме на первом экране. */

.wbr-inside{ background:var(--wbr-bg); }

.wbr-tabs{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:clamp(28px,3vw,40px);
}
.wbr-tabs button{
  min-height:44px;
  padding:0 20px;
  border:1px solid var(--wbr-line);
  border-radius:var(--wbr-r-pill);
  background:#fff;
  font-size:15px;
  color:var(--wbr-text);
  cursor:pointer;
  transition:border-color .2s, color .2s, background .2s;
}
.wbr-tabs button:hover{ border-color:var(--wbr-blue); color:var(--wbr-blue-d); }
.wbr-tabs button[aria-selected="true"]{
  border-color:var(--wbr-navy);
  background:var(--wbr-navy);
  color:#fff;
}
.wbr-tabs button:focus-visible{ outline:3px solid var(--wbr-blue-soft); outline-offset:2px; }
.wbr-no-js .wbr-tabs{ display:none; }

.wbr-inside__card{
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);
  gap:clamp(28px,4vw,64px);
  align-items:center;
  margin-top:22px;
  padding:clamp(28px,3.4vw,52px);
  border:1px solid var(--wbr-line);
  border-radius:var(--wbr-r-lg);
  background:var(--wbr-white);
  box-shadow:var(--wbr-sh);
}
.wbr-inside__card[hidden]{ display:none; }

.wbr-inside__cover img{
  width:100%;
  border:1px solid var(--wbr-line);
  border-radius:10px;
  box-shadow:0 30px 60px -28px rgba(24,36,73,.5);
}

.wbr-inside__h{
  font-size:32px;
  line-height:1.15;
  color:var(--wbr-ink);
}
.wbr-inside__points{
  display:grid;
  gap:22px;
  margin-top:28px;
}
.wbr-inside__points li{
  display:grid;
  grid-template-columns:28px minmax(0,1fr);
  gap:0 16px;
  font-size:17px;
  line-height:1.5;
  color:var(--wbr-text);
}
/* круг с галочкой: «подтверждено», а не просто маркер */
.wbr-inside__points li::before{
  content:"";
  width:28px; height:28px;
  border-radius:50%;
  background:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2338a9ff' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 12.5 4 4 8-9'/%3E%3C/svg%3E") center / 15px no-repeat,
    rgba(56,169,255,.12);
}
.wbr-inside__points b{ color:var(--wbr-ink); font-weight:600; }
.wbr-inside__card .wbr-btn{ margin-top:36px; }

@media (max-width:900px){
  .wbr-inside__card{ grid-template-columns:minmax(0,1fr); }
}
@media (max-width:620px){
  .wbr-inside__h{ font-size:26px; }
  .wbr-tabs button{ padding:0 16px; }
}
