/* Reviews — Figma 2:3265 @1920; 193:15019 @1300; 193:15178 @900; 193:15324 @420; 161:9050 @360 */

.reviews-main {
  position: relative;
  width: 1920px;
  margin: 0 auto;
  box-sizing: border-box;
  min-height: 3520.5px; /* footer @3625 − header 104.5 */
  padding: 0;
}

.reviews-bc {
  position: absolute;
  left: 161px;
  top: 35.5px; /* List @140 − 104.5 */
  z-index: 2;
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  height: 36px;
  margin: 0;
  padding: 0;
  font-size: 12px;
  line-height: 14px;
}

.reviews-bc__link {
  display: block;
  height: 14px;
  color: #666666;
  font-family: Roboto, Arial, sans-serif;
  font-weight: 300;
  font-size: 12px;
  line-height: 14px;
  text-decoration: underline;
  text-decoration-color: #666666;
  text-underline-offset: 2px;
  text-decoration-thickness: 1px;
}

.reviews-bc__link:link,
.reviews-bc__link:visited,
.reviews-bc__link:hover,
.reviews-bc__link:focus,
.reviews-bc__link:active {
  color: #666666;
  text-decoration-color: #666666;
}

.reviews-bc__sep {
  display: block;
  width: 10px;
  height: 1px;
  margin: 0 16px;
  background: #dddddd;
  flex-shrink: 0;
}

.reviews-bc__current {
  display: block;
  height: 14px;
  color: #666666;
  font-family: Roboto, Arial, sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 14px;
  white-space: nowrap;
}

.reviews-title {
  position: absolute;
  left: 161px;
  top: 111.5px; /* 216 − 104.5 */
  margin: 0;
  width: 128px;
  height: 36px;
  font-family: Roboto, Arial, sans-serif;
  font-weight: 300;
  font-size: 32px;
  line-height: 35.2px;
  color: #262626;
  font-synthesis: none;
}

/* —— Blocks / cards @1920 — Groups @301 / 1087 / 1873 / 2659 —— */
.rv-block {
  position: absolute;
  left: 144px;
  width: 1615px;
  height: 721px;
  box-sizing: border-box;
}

.rv-block:nth-of-type(1) { top: 196.5px; }   /* 301 − 104.5 */
.rv-block:nth-of-type(2) { top: 982.5px; }   /* 1087 − 104.5 */
.rv-block:nth-of-type(3) { top: 1768.5px; }  /* 1873 − 104.5 */
.rv-block:nth-of-type(4) { top: 2554.5px; }  /* 2659 − 104.5 */

.rv-grid {
  position: relative;
  display: block;
  width: 100%;
  height: 680px;
}

.rv-card {
  position: absolute;
  top: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  box-sizing: border-box;
}

/* Figma Group 99 / 97 / 98 / 100 — x: 0, 425, 841, 1235 */
.rv-card:nth-child(1) {
  left: 0;
  width: 380px;
}

.rv-card:nth-child(2) {
  left: 425px;
  top: 16px; /* Group 97 offset */
  width: 348px;
}

.rv-card:nth-child(3) {
  left: 841px;
  width: 347px;
}

.rv-card:nth-child(4) {
  left: 1235px;
  width: 380px;
}

.rv-card__avatar {
  display: block;
  width: 300px;
  height: 300px;
  max-width: 300px;
  max-height: 300px;
  margin: 0 0 32px;
  border-radius: 50%;
  object-fit: cover;
  object-position: center;
  flex-shrink: 0;
  overflow: hidden;
}

/* avatar x=25 inside cards 1 & 4 */
.rv-card:nth-child(1) .rv-card__avatar,
.rv-card:nth-child(4) .rv-card__avatar {
  margin-left: 25px;
}

/* Galkina: name @316 → 16px under 300px avatar */
.rv-card:nth-child(2) .rv-card__avatar {
  margin-left: 0;
  margin-bottom: 16px;
}

.rv-card:nth-child(3) .rv-card__avatar {
  margin-left: 0;
}

.rv-card__name {
  width: 100%;
  margin: 0 0 11px;
  padding: 0;
  font-family: Roboto, Arial, sans-serif;
  font-weight: 400;
  font-size: 20px;
  line-height: 28.8px;
  text-align: center;
  color: #262626;
  font-synthesis: none;
}

.rv-card__role {
  width: 330px;
  max-width: 100%;
  height: 19px;
  margin: 0 0 32px;
  padding: 0;
  font-family: Roboto, Arial, sans-serif;
  font-weight: 300;
  font-size: 16px;
  line-height: 22.4px;
  text-align: center;
  color: #262626;
  align-self: center;
  overflow: hidden;
  font-synthesis: none;
}

.rv-card__subject {
  box-sizing: border-box;
  width: 100%;
  margin: 0 0 16px;
  padding: 0;
  font-family: Roboto, Arial, sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
  color: #262626;
  font-synthesis: none;
}

.rv-card__text {
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  padding: 0;
  font-family: Roboto, Arial, sans-serif;
  font-weight: 300;
  font-size: 18px;
  line-height: 28.8px;
  color: #262626;
  min-height: 0; /* flex item: allow max-height to clip */
  overflow: hidden;
  font-synthesis: none;
}

/* card1 body uses RAW lh 1.5 in Figma */
.rv-card:nth-child(1) .rv-card__text {
  line-height: 1.5;
}

/* cards 1 & 4 — subject/text inset 17px (Figma) */
.rv-card:nth-child(1) .rv-card__subject,
.rv-card:nth-child(4) .rv-card__subject {
  padding-left: 17px;
  width: 257px; /* 17 + 240 */
}

.rv-card:nth-child(1) .rv-card__text,
.rv-card:nth-child(4) .rv-card__text {
  padding-left: 17px;
  width: 380px;
  max-height: 243px;
}

.rv-card:nth-child(4) .rv-card__text {
  max-height: 202px;
}

/* Galkina — full-bleed subject (2 lines) + text */
.rv-card:nth-child(2) .rv-card__subject {
  width: 348px;
}

.rv-card:nth-child(2) .rv-card__text {
  width: 341px;
  max-height: 202px;
}

/* Kardakova — subject centered */
.rv-card:nth-child(3) .rv-card__subject {
  width: 286px;
  text-align: center;
  align-self: center;
}

.rv-card:nth-child(3) .rv-card__text {
  width: 347px;
  max-height: 260px;
}

/* Lives inside 2nd card — always directly under that card's text */
.rv-more {
  position: static;
  left: auto;
  top: auto;
  display: inline-flex;
  align-items: center;
  align-self: flex-start;
  gap: 10px;
  margin: 12px 0 0;
  padding: 0;
  border: 0;
  background: none;
  font-family: Roboto, Arial, sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 28.57px;
  color: #258ffb;
  cursor: pointer;
  flex-shrink: 0;
}

.rv-more img {
  display: block;
  width: 12px;
  height: 6px;
}

.rv-more:hover {
  color: #188bff;
}

.rv-load {
  position: absolute;
  left: 785px;
  top: 3335.5px; /* 3440 − 104.5 */
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 350px;
  height: 58px;
  border-radius: 5px;
  background: #ffd801;
  font-family: Roboto, Arial, sans-serif;
  font-weight: 300;
  font-size: 20px;
  line-height: 20px;
  color: #262626;
  text-decoration: none;
  text-align: center;
}

.rv-load__short {
  display: none;
}

br.rv-br-1300 {
  display: none;
}

html.articles-bp-1300 br.rv-br-1300,
body.articles-bp-1300 br.rv-br-1300,
html.articles-bp-900 br.rv-br-1300,
body.articles-bp-900 br.rv-br-1300 {
  display: inline;
}

html.articles-bp-1300 .rv-hide-1300,
body.articles-bp-1300 .rv-hide-1300,
html.articles-bp-900 .rv-hide-1300,
body.articles-bp-900 .rv-hide-1300 {
  display: none;
}

/* ==========================================================================
   1300 — Figma 193:15019
   ========================================================================== */
html.articles-bp-1300 .reviews-main,
body.articles-bp-1300 .reviews-main {
  width: 1300px;
  min-height: 3086px; /* 3190 − 104 */
}

html.articles-bp-1300 .reviews-bc,
body.articles-bp-1300 .reviews-bc {
  left: 19px;
  top: 32px; /* 136 − 104 */
  height: 20px;
}

html.articles-bp-1300 .reviews-bc__link,
body.articles-bp-1300 .reviews-bc__link,
html.articles-bp-1300 .reviews-bc__current,
body.articles-bp-1300 .reviews-bc__current {
  font-size: 12px;
  font-weight: 300;
  line-height: 14px;
  color: #666666;
  text-decoration-color: #666666;
}

html.articles-bp-1300 .reviews-title,
body.articles-bp-1300 .reviews-title {
  left: 19px;
  top: 84px; /* 188 − 104 */
  width: 120px;
}

html.articles-bp-1300 .rv-block,
body.articles-bp-1300 .rv-block {
  left: 19px;
  width: 1272.5px;
  height: 634px;
}

html.articles-bp-1300 .rv-block:nth-of-type(1),
body.articles-bp-1300 .rv-block:nth-of-type(1) { top: 152px; }   /* 256 − 104 */
html.articles-bp-1300 .rv-block:nth-of-type(2),
body.articles-bp-1300 .rv-block:nth-of-type(2) { top: 846px; }   /* 950 − 104 */
html.articles-bp-1300 .rv-block:nth-of-type(3),
body.articles-bp-1300 .rv-block:nth-of-type(3) { top: 1540px; }  /* 1644 − 104 */
html.articles-bp-1300 .rv-block:nth-of-type(4),
body.articles-bp-1300 .rv-block:nth-of-type(4) { top: 2234px; }  /* 2338 − 104 */

/* Cards are absolute inside the row — Figma x 19 / 323 / 654 / 962 */
html.articles-bp-1300 .rv-grid,
body.articles-bp-1300 .rv-grid {
  display: block;
  position: relative;
  width: 1272.5px;
  height: 600px;
  max-height: none;
  overflow: visible;
}

html.articles-bp-1300 .rv-card,
body.articles-bp-1300 .rv-card,
html.articles-bp-1300 .rv-card:nth-child(1),
body.articles-bp-1300 .rv-card:nth-child(1),
html.articles-bp-1300 .rv-card:nth-child(2),
body.articles-bp-1300 .rv-card:nth-child(2),
html.articles-bp-1300 .rv-card:nth-child(3),
body.articles-bp-1300 .rv-card:nth-child(3),
html.articles-bp-1300 .rv-card:nth-child(4),
body.articles-bp-1300 .rv-card:nth-child(4) {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 309px;
  box-sizing: border-box;
  overflow: hidden;
}

html.articles-bp-1300 .rv-card:nth-child(1),
body.articles-bp-1300 .rv-card:nth-child(1) {
  left: 0;
  width: 288px; /* clear gutter before card 2 at 304 */
  z-index: 1;
}

html.articles-bp-1300 .rv-card:nth-child(2),
body.articles-bp-1300 .rv-card:nth-child(2) {
  left: 304px;
  width: 316px; /* end before card 3 at 635 */
  z-index: 2;
}

html.articles-bp-1300 .rv-card:nth-child(3),
body.articles-bp-1300 .rv-card:nth-child(3) {
  left: 635px;
  width: 292px; /* end before card 4 at 943 */
  z-index: 3;
}

html.articles-bp-1300 .rv-card:nth-child(4),
body.articles-bp-1300 .rv-card:nth-child(4) {
  left: 943px;
  width: 329.5px;
  z-index: 4;
}

html.articles-bp-1300 .rv-card__avatar,
body.articles-bp-1300 .rv-card__avatar,
html.articles-bp-1300 .rv-card:nth-child(1) .rv-card__avatar,
body.articles-bp-1300 .rv-card:nth-child(1) .rv-card__avatar,
html.articles-bp-1300 .rv-card:nth-child(2) .rv-card__avatar,
body.articles-bp-1300 .rv-card:nth-child(2) .rv-card__avatar,
html.articles-bp-1300 .rv-card:nth-child(3) .rv-card__avatar,
body.articles-bp-1300 .rv-card:nth-child(3) .rv-card__avatar,
html.articles-bp-1300 .rv-card:nth-child(4) .rv-card__avatar,
body.articles-bp-1300 .rv-card:nth-child(4) .rv-card__avatar {
  width: 280px;
  height: 280px;
  max-width: 280px;
  max-height: 280px;
  margin: 0 0 36px;
}

html.articles-bp-1300 .rv-card:nth-child(2) .rv-card__avatar,
body.articles-bp-1300 .rv-card:nth-child(2) .rv-card__avatar {
  margin-left: 10px;
}

html.articles-bp-1300 .rv-card:nth-child(4) .rv-card__avatar,
body.articles-bp-1300 .rv-card:nth-child(4) .rv-card__avatar {
  margin-left: 25px;
}

html.articles-bp-1300 .rv-card__name,
body.articles-bp-1300 .rv-card__name {
  box-sizing: border-box;
  margin: 0 0 12px;
  font-size: 16px;
  font-weight: 400;
  line-height: 21px;
  text-align: center;
  overflow: hidden;
  height: auto;
  min-height: 21px;
  max-height: 42px;
  max-width: 100%;
}

html.articles-bp-1300 .rv-card:nth-child(1) .rv-card__name,
body.articles-bp-1300 .rv-card:nth-child(1) .rv-card__name {
  width: 222px;
  margin-left: 33px;
}

html.articles-bp-1300 .rv-card:nth-child(2) .rv-card__name,
body.articles-bp-1300 .rv-card:nth-child(2) .rv-card__name {
  width: 100%;
  margin-left: 0;
  padding-top: 0;
}

html.articles-bp-1300 .rv-card:nth-child(3) .rv-card__name,
body.articles-bp-1300 .rv-card:nth-child(3) .rv-card__name {
  width: 200px;
  margin-left: 46px;
}

html.articles-bp-1300 .rv-card:nth-child(4) .rv-card__name,
body.articles-bp-1300 .rv-card:nth-child(4) .rv-card__name {
  width: 240px;
  margin-left: 45px;
}

html.articles-bp-1300 .rv-card__role,
body.articles-bp-1300 .rv-card__role {
  box-sizing: border-box;
  height: auto;
  min-height: 18px;
  max-height: 36px;
  max-width: 100%;
  margin: 0 0 24px;
  font-size: 14px;
  font-weight: 300;
  line-height: 18px;
  text-align: center;
  align-self: flex-start;
  overflow: hidden;
  flex-shrink: 0;
}

html.articles-bp-1300 .rv-card:nth-child(1) .rv-card__role,
body.articles-bp-1300 .rv-card:nth-child(1) .rv-card__role {
  width: 242px;
  margin-left: 23px;
}

html.articles-bp-1300 .rv-card:nth-child(2) .rv-card__role,
body.articles-bp-1300 .rv-card:nth-child(2) .rv-card__role {
  width: 100%;
  margin-left: 0;
}

html.articles-bp-1300 .rv-card:nth-child(3) .rv-card__role,
body.articles-bp-1300 .rv-card:nth-child(3) .rv-card__role {
  width: 200px;
  margin-left: 46px;
}

html.articles-bp-1300 .rv-card:nth-child(4) .rv-card__role,
body.articles-bp-1300 .rv-card:nth-child(4) .rv-card__role {
  width: 100%;
  margin-left: 0;
}

html.articles-bp-1300 .rv-card__subject,
body.articles-bp-1300 .rv-card__subject,
html.articles-bp-1300 .rv-card:nth-child(1) .rv-card__subject,
body.articles-bp-1300 .rv-card:nth-child(1) .rv-card__subject,
html.articles-bp-1300 .rv-card:nth-child(2) .rv-card__subject,
body.articles-bp-1300 .rv-card:nth-child(2) .rv-card__subject,
html.articles-bp-1300 .rv-card:nth-child(3) .rv-card__subject,
body.articles-bp-1300 .rv-card:nth-child(3) .rv-card__subject,
html.articles-bp-1300 .rv-card:nth-child(4) .rv-card__subject,
body.articles-bp-1300 .rv-card:nth-child(4) .rv-card__subject {
  padding-left: 0;
  margin-bottom: 16px;
  font-size: 14px;
  font-weight: 500;
  line-height: 18px;
  text-align: left;
  align-self: flex-start;
}

html.articles-bp-1300 .rv-card:nth-child(1) .rv-card__subject,
body.articles-bp-1300 .rv-card:nth-child(1) .rv-card__subject,
html.articles-bp-1300 .rv-card:nth-child(4) .rv-card__subject,
body.articles-bp-1300 .rv-card:nth-child(4) .rv-card__subject {
  width: 210px;
}

html.articles-bp-1300 .rv-card:nth-child(1) .rv-card__subject,
body.articles-bp-1300 .rv-card:nth-child(1) .rv-card__subject {
  margin-left: 1px;
}

html.articles-bp-1300 .rv-card:nth-child(4) .rv-card__subject,
body.articles-bp-1300 .rv-card:nth-child(4) .rv-card__subject {
  margin-left: 17px;
}

html.articles-bp-1300 .rv-card:nth-child(2) .rv-card__subject,
body.articles-bp-1300 .rv-card:nth-child(2) .rv-card__subject {
  width: 100%;
  max-width: 100%;
  height: auto;
  max-height: 54px;
  margin-left: 0;
  overflow: hidden;
}

html.articles-bp-1300 .rv-card:nth-child(3) .rv-card__subject,
body.articles-bp-1300 .rv-card:nth-child(3) .rv-card__subject {
  width: 250px;
  margin-left: 8px;
  text-align: center;
}

html.articles-bp-1300 .rv-card__text,
body.articles-bp-1300 .rv-card__text,
html.articles-bp-1300 .rv-card:nth-child(1) .rv-card__text,
body.articles-bp-1300 .rv-card:nth-child(1) .rv-card__text,
html.articles-bp-1300 .rv-card:nth-child(2) .rv-card__text,
body.articles-bp-1300 .rv-card:nth-child(2) .rv-card__text,
html.articles-bp-1300 .rv-card:nth-child(3) .rv-card__text,
body.articles-bp-1300 .rv-card:nth-child(3) .rv-card__text,
html.articles-bp-1300 .rv-card:nth-child(4) .rv-card__text,
body.articles-bp-1300 .rv-card:nth-child(4) .rv-card__text {
  box-sizing: border-box;
  padding-left: 0;
  margin: 0;
  font-size: 14px;
  font-weight: 300;
  line-height: 21px;
  min-height: 0;
  max-width: 100%;
  overflow: hidden;
  word-break: break-word;
}

html.articles-bp-1300 .rv-card:nth-child(1) .rv-card__text,
body.articles-bp-1300 .rv-card:nth-child(1) .rv-card__text {
  width: 100%;
  max-height: 157px;
  margin-left: 0;
}

html.articles-bp-1300 .rv-card:nth-child(1) .rv-card__text br + br,
body.articles-bp-1300 .rv-card:nth-child(1) .rv-card__text br + br {
  display: none;
}

html.articles-bp-1300 .rv-card:nth-child(2) .rv-card__text,
body.articles-bp-1300 .rv-card:nth-child(2) .rv-card__text {
  width: 100%;
  max-height: 136px;
  margin-left: 0;
}

html.articles-bp-1300 .rv-card:nth-child(3) .rv-card__text,
body.articles-bp-1300 .rv-card:nth-child(3) .rv-card__text {
  width: 100%;
  max-height: 199px;
  margin-left: 0;
}

html.articles-bp-1300 .rv-card:nth-child(4) .rv-card__text,
body.articles-bp-1300 .rv-card:nth-child(4) .rv-card__text {
  width: 100%;
  max-height: 157px;
  margin-left: 0;
  padding-right: 17px;
}

html.articles-bp-1300 .rv-more,
body.articles-bp-1300 .rv-more {
  position: static;
  left: auto;
  top: auto;
  margin: 12px 0 0;
  gap: 10px;
  font-size: 16px;
  font-weight: 400;
  line-height: 21px;
  color: #258ffb;
}

/* let the 2nd card grow so the button under text isn't clipped */
html.articles-bp-1300 .rv-card:nth-child(2),
body.articles-bp-1300 .rv-card:nth-child(2) {
  max-height: none !important;
  overflow: visible !important;
}

html.articles-bp-1300 .rv-load,
body.articles-bp-1300 .rv-load {
  left: 475px;
  top: 2928px; /* 3032 − 104 */
}

/* ==========================================================================
   900 — Figma 193:15178 (3 cards / row)
   ========================================================================== */
html.articles-bp-900 .reviews-main,
body.articles-bp-900 .reviews-main {
  width: 900px;
  min-height: 2994px; /* 3098 − 104 */
}

html.articles-bp-900 .reviews-bc,
body.articles-bp-900 .reviews-bc {
  left: 77px;
  top: 16px; /* 120 − 104 */
  height: 20px;
}

html.articles-bp-900 .reviews-bc__link,
body.articles-bp-900 .reviews-bc__link,
html.articles-bp-900 .reviews-bc__current,
body.articles-bp-900 .reviews-bc__current {
  font-size: 12px;
  font-weight: 300;
  line-height: 14px;
  color: #666666;
  text-decoration-color: #666666;
}

html.articles-bp-900 .reviews-title,
body.articles-bp-900 .reviews-title {
  left: 77px;
  top: 68px; /* 172 − 104 */
  width: 120px;
}

html.articles-bp-900 .rv-block,
body.articles-bp-900 .rv-block {
  left: 77px;
  width: 746px;
  height: 620px;
}

html.articles-bp-900 .rv-block:nth-of-type(1),
body.articles-bp-900 .rv-block:nth-of-type(1) { top: 136px; }   /* 240 − 104 */
html.articles-bp-900 .rv-block:nth-of-type(2),
body.articles-bp-900 .rv-block:nth-of-type(2) { top: 816px; }   /* 920 − 104 */
html.articles-bp-900 .rv-block:nth-of-type(3),
body.articles-bp-900 .rv-block:nth-of-type(3) { top: 1496px; }  /* 1600 − 104 */
html.articles-bp-900 .rv-block:nth-of-type(4),
body.articles-bp-900 .rv-block:nth-of-type(4) { top: 2176px; }  /* 2280 − 104 */

html.articles-bp-900 .rv-grid,
body.articles-bp-900 .rv-grid {
  display: block;
  position: relative;
  width: 746px;
  height: 601px;
  max-height: none;
  overflow: visible;
}

html.articles-bp-900 .rv-card--col4,
body.articles-bp-900 .rv-card--col4 {
  display: none !important;
}

html.articles-bp-900 .rv-card,
body.articles-bp-900 .rv-card,
html.articles-bp-900 .rv-card:nth-child(1),
body.articles-bp-900 .rv-card:nth-child(1),
html.articles-bp-900 .rv-card:nth-child(2),
body.articles-bp-900 .rv-card:nth-child(2),
html.articles-bp-900 .rv-card:nth-child(3),
body.articles-bp-900 .rv-card:nth-child(3) {
  position: absolute;
  top: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

html.articles-bp-900 .rv-card:nth-child(1),
body.articles-bp-900 .rv-card:nth-child(1) {
  left: 0;
  width: 211px;
}

html.articles-bp-900 .rv-card:nth-child(2),
body.articles-bp-900 .rv-card:nth-child(2) {
  left: 255px;
  width: 225px;
}

html.articles-bp-900 .rv-card:nth-child(3),
body.articles-bp-900 .rv-card:nth-child(3) {
  left: 504px;
  width: 242px;
}

html.articles-bp-900 .rv-card__avatar,
body.articles-bp-900 .rv-card__avatar,
html.articles-bp-900 .rv-card:nth-child(1) .rv-card__avatar,
body.articles-bp-900 .rv-card:nth-child(1) .rv-card__avatar,
html.articles-bp-900 .rv-card:nth-child(2) .rv-card__avatar,
body.articles-bp-900 .rv-card:nth-child(2) .rv-card__avatar,
html.articles-bp-900 .rv-card:nth-child(3) .rv-card__avatar,
body.articles-bp-900 .rv-card:nth-child(3) .rv-card__avatar {
  width: 200px;
  height: 200px;
  max-width: 200px;
  max-height: 200px;
  margin: 0 0 32px;
}

html.articles-bp-900 .rv-card:nth-child(2) .rv-card__avatar,
body.articles-bp-900 .rv-card:nth-child(2) .rv-card__avatar {
  margin-left: 4px;
}

html.articles-bp-900 .rv-card__name,
body.articles-bp-900 .rv-card__name {
  box-sizing: border-box;
  margin: 0 0 12px;
  font-size: 16px;
  font-weight: 400;
  line-height: 21px;
  text-align: center;
  overflow: hidden;
  /* admin names vary — always reserve up to 2 lines so role isn't covered */
  height: auto;
  min-height: 21px;
  max-height: 42px;
}

html.articles-bp-900 .rv-card:nth-child(1) .rv-card__name,
body.articles-bp-900 .rv-card:nth-child(1) .rv-card__name {
  width: 200px;
  margin-left: 1px;
}

html.articles-bp-900 .rv-card:nth-child(2) .rv-card__name,
body.articles-bp-900 .rv-card:nth-child(2) .rv-card__name {
  width: 210px;
  margin-left: 7px;
}

html.articles-bp-900 .rv-card:nth-child(3) .rv-card__name,
body.articles-bp-900 .rv-card:nth-child(3) .rv-card__name {
  width: 210px;
  margin-left: 0;
  margin-bottom: 8px;
}

html.articles-bp-900 .rv-card__role,
body.articles-bp-900 .rv-card__role {
  box-sizing: border-box;
  margin: 0 0 24px;
  font-size: 14px;
  font-weight: 300;
  line-height: 18px;
  text-align: center;
  align-self: flex-start;
  overflow: hidden;
  height: auto;
  min-height: 18px;
  max-height: 36px;
  flex-shrink: 0;
}

html.articles-bp-900 .rv-card:nth-child(1) .rv-card__role,
body.articles-bp-900 .rv-card:nth-child(1) .rv-card__role {
  width: 200px;
  margin-left: 1px;
}

html.articles-bp-900 .rv-card:nth-child(2) .rv-card__role,
body.articles-bp-900 .rv-card:nth-child(2) .rv-card__role {
  width: 211px;
  margin-left: 0;
}

html.articles-bp-900 .rv-card:nth-child(3) .rv-card__role,
body.articles-bp-900 .rv-card:nth-child(3) .rv-card__role {
  width: 200px;
  margin-left: 0;
}

html.articles-bp-900 .rv-card__subject,
body.articles-bp-900 .rv-card__subject,
html.articles-bp-900 .rv-card:nth-child(1) .rv-card__subject,
body.articles-bp-900 .rv-card:nth-child(1) .rv-card__subject,
html.articles-bp-900 .rv-card:nth-child(2) .rv-card__subject,
body.articles-bp-900 .rv-card:nth-child(2) .rv-card__subject,
html.articles-bp-900 .rv-card:nth-child(3) .rv-card__subject,
body.articles-bp-900 .rv-card:nth-child(3) .rv-card__subject {
  padding-left: 0;
  margin-bottom: 16px;
  font-size: 14px;
  font-weight: 500;
  line-height: 18px;
  text-align: left;
  align-self: flex-start;
  overflow: hidden;
}

html.articles-bp-900 .rv-card:nth-child(1) .rv-card__subject,
body.articles-bp-900 .rv-card:nth-child(1) .rv-card__subject {
  width: 210px;
  height: 18px;
  margin-left: 1px;
}

html.articles-bp-900 .rv-card:nth-child(2) .rv-card__subject,
body.articles-bp-900 .rv-card:nth-child(2) .rv-card__subject {
  width: 215px;
  height: 54px;
  margin-left: 0;
}

html.articles-bp-900 .rv-card:nth-child(2) .rv-card__subject br,
body.articles-bp-900 .rv-card:nth-child(2) .rv-card__subject br {
  display: none;
}

html.articles-bp-900 .rv-card:nth-child(3) .rv-card__subject,
body.articles-bp-900 .rv-card:nth-child(3) .rv-card__subject {
  width: 194px;
  height: 36px;
  margin-left: 0;
}

html.articles-bp-900 .rv-card__text,
body.articles-bp-900 .rv-card__text,
html.articles-bp-900 .rv-card:nth-child(1) .rv-card__text,
body.articles-bp-900 .rv-card:nth-child(1) .rv-card__text,
html.articles-bp-900 .rv-card:nth-child(2) .rv-card__text,
body.articles-bp-900 .rv-card:nth-child(2) .rv-card__text,
html.articles-bp-900 .rv-card:nth-child(3) .rv-card__text,
body.articles-bp-900 .rv-card:nth-child(3) .rv-card__text {
  padding-left: 0;
  margin: 0;
  font-size: 14px;
  font-weight: 300;
  line-height: 21px;
  overflow: hidden;
}

html.articles-bp-900 .rv-card:nth-child(1) .rv-card__text,
body.articles-bp-900 .rv-card:nth-child(1) .rv-card__text {
  width: 210px;
  max-height: 220px;
  margin-left: 1px;
}

html.articles-bp-900 .rv-card:nth-child(1) .rv-card__text br + br,
body.articles-bp-900 .rv-card:nth-child(1) .rv-card__text br + br {
  display: none;
}

html.articles-bp-900 .rv-card:nth-child(2) .rv-card__text,
body.articles-bp-900 .rv-card:nth-child(2) .rv-card__text {
  width: 225px;
  max-height: 178px;
  margin-left: 0;
}

html.articles-bp-900 .rv-card:nth-child(3) .rv-card__text,
body.articles-bp-900 .rv-card:nth-child(3) .rv-card__text {
  width: 242px;
  max-height: 241px;
  margin-left: 0;
}

html.articles-bp-900 .rv-more,
body.articles-bp-900 .rv-more {
  position: static;
  left: auto;
  top: auto;
  margin: 12px 0 0;
  gap: 10px;
  font-size: 16px;
  font-weight: 400;
  line-height: 21px;
  color: #258ffb;
}

html.articles-bp-900 .rv-card:nth-child(2),
body.articles-bp-900 .rv-card:nth-child(2) {
  max-height: none !important;
  overflow: visible !important;
}

html.articles-bp-900 .rv-load,
body.articles-bp-900 .rv-load {
  left: 275px;
  top: 2856px; /* 2960 − 104 */
}

/* ==========================================================================
   420 — Figma 193:15324 (stacked)
   ========================================================================== */
html.articles-bp-420 .reviews-main,
body.articles-bp-420 .reviews-main {
  width: 420px;
  min-height: 4596px; /* 4670 − 74 */
}

html.articles-bp-420 .reviews-bc,
body.articles-bp-420 .reviews-bc {
  left: 12px;
  top: 24px; /* 98 − 74 */
  height: 20px;
}

html.articles-bp-420 .reviews-bc__sep,
body.articles-bp-420 .reviews-bc__sep {
  margin: 0 12px;
}

html.articles-bp-420 .reviews-title,
body.articles-bp-420 .reviews-title {
  left: 12px;
  top: 76px; /* 150 − 74 */
  width: 120px;
}

/* Flow layout for mobile: reset absolute blocks into document flow */
html.articles-bp-420 .reviews-main,
body.articles-bp-420 .reviews-main {
  padding-top: 144px; /* first card page y 218 − header 74 */
}

html.articles-bp-420 .rv-block,
body.articles-bp-420 .rv-block {
  left: 12px;
  width: 396px;
  height: auto;
  position: relative;
  top: auto !important;
  margin: 0 0 48px;
}

.rv-block--extra {
  display: none;
}

/* 9 cards @420 / 10 @360 — Figma repeats the Проценко card */
html.articles-bp-420 .rv-block--extra,
body.articles-bp-420 .rv-block--extra,
html.articles-bp-360 .rv-block--extra,
body.articles-bp-360 .rv-block--extra {
  display: block;
}

html.articles-bp-420 .rv-block:not(.rv-block--extra) .rv-card:nth-child(n + 2),
body.articles-bp-420 .rv-block:not(.rv-block--extra) .rv-card:nth-child(n + 2),
html.articles-bp-360 .rv-block:not(.rv-block--extra) .rv-card:nth-child(n + 2),
body.articles-bp-360 .rv-block:not(.rv-block--extra) .rv-card:nth-child(n + 2) {
  display: none !important;
}

html.articles-bp-420 .rv-card--extra-last,
body.articles-bp-420 .rv-card--extra-last {
  display: none !important;
}

html.articles-bp-420 .rv-block--r4,
body.articles-bp-420 .rv-block--r4,
html.articles-bp-360 .rv-block--r4,
body.articles-bp-360 .rv-block--r4 {
  display: block;
}

html.articles-bp-420 .rv-more,
body.articles-bp-420 .rv-more,
html.articles-bp-360 .rv-more,
body.articles-bp-360 .rv-more {
  display: none;
}

html.articles-bp-420 .reviews-bc__link,
body.articles-bp-420 .reviews-bc__link,
html.articles-bp-420 .reviews-bc__current,
body.articles-bp-420 .reviews-bc__current,
html.articles-bp-360 .reviews-bc__link,
body.articles-bp-360 .reviews-bc__link,
html.articles-bp-360 .reviews-bc__current,
body.articles-bp-360 .reviews-bc__current {
  font-size: 12px;
  font-weight: 300;
  line-height: 14px;
  color: #666666;
  text-decoration-color: #666666;
}

html.articles-bp-420 .reviews-bc__sep,
body.articles-bp-420 .reviews-bc__sep,
html.articles-bp-360 .reviews-bc__sep,
body.articles-bp-360 .reviews-bc__sep {
  margin: 0 16px;
}

html.articles-bp-420 .rv-grid,
body.articles-bp-420 .rv-grid {
  display: flex;
  flex-direction: column;
  gap: 48px;
  height: auto;
  max-height: none;
  overflow: visible;
}

html.articles-bp-420 .rv-card,
body.articles-bp-420 .rv-card,
html.articles-bp-420 .rv-card:nth-child(1),
body.articles-bp-420 .rv-card:nth-child(1),
html.articles-bp-420 .rv-card:nth-child(2),
body.articles-bp-420 .rv-card:nth-child(2),
html.articles-bp-420 .rv-card:nth-child(3),
body.articles-bp-420 .rv-card:nth-child(3),
html.articles-bp-420 .rv-card:nth-child(4),
body.articles-bp-420 .rv-card:nth-child(4) {
  position: relative;
  left: auto;
  top: auto;
  width: 396px;
  height: 436px;
  min-height: 436px;
  max-height: 436px;
  align-items: flex-start;
  overflow: hidden;
}

html.articles-bp-420 .rv-card__avatar,
body.articles-bp-420 .rv-card__avatar,
html.articles-bp-420 .rv-card:nth-child(1) .rv-card__avatar,
body.articles-bp-420 .rv-card:nth-child(1) .rv-card__avatar,
html.articles-bp-420 .rv-card:nth-child(2) .rv-card__avatar,
body.articles-bp-420 .rv-card:nth-child(2) .rv-card__avatar,
html.articles-bp-420 .rv-card:nth-child(4) .rv-card__avatar,
body.articles-bp-420 .rv-card:nth-child(4) .rv-card__avatar {
  width: 189px;
  height: 189px;
  max-width: 189px;
  max-height: 189px;
  margin: 0 0 24px 104px;
}

html.articles-bp-420 .rv-card__name,
body.articles-bp-420 .rv-card__name {
  width: 222px;
  height: 21px;
  margin: 0 0 10.8px 77px;
  font-size: 16px;
  font-weight: 400;
  line-height: 21px;
  text-align: left;
  align-self: flex-start;
}

html.articles-bp-420 .rv-card__role,
body.articles-bp-420 .rv-card__role {
  width: 242px;
  height: 18px;
  max-width: 242px;
  margin: 0 0 25.2px 77px;
  font-size: 14px;
  font-weight: 300;
  line-height: 18px;
  text-align: left;
  align-self: flex-start;
}

html.articles-bp-420 .rv-card__subject,
body.articles-bp-420 .rv-card__subject,
html.articles-bp-420 .rv-card:nth-child(1) .rv-card__subject,
body.articles-bp-420 .rv-card:nth-child(1) .rv-card__subject,
html.articles-bp-420 .rv-card:nth-child(3) .rv-card__subject,
body.articles-bp-420 .rv-card:nth-child(3) .rv-card__subject,
html.articles-bp-420 .rv-card:nth-child(4) .rv-card__subject,
body.articles-bp-420 .rv-card:nth-child(4) .rv-card__subject {
  width: 240px;
  height: 21px;
  padding-left: 0;
  margin: 0 0 12px;
  font-size: 16px;
  font-weight: 500;
  line-height: 21px;
  text-align: left;
  align-self: flex-start;
}

html.articles-bp-420 .rv-card__text,
body.articles-bp-420 .rv-card__text,
html.articles-bp-420 .rv-card:nth-child(1) .rv-card__text,
body.articles-bp-420 .rv-card:nth-child(1) .rv-card__text,
html.articles-bp-420 .rv-card:nth-child(2) .rv-card__text,
body.articles-bp-420 .rv-card:nth-child(2) .rv-card__text,
html.articles-bp-420 .rv-card:nth-child(3) .rv-card__text,
body.articles-bp-420 .rv-card:nth-child(3) .rv-card__text,
html.articles-bp-420 .rv-card:nth-child(4) .rv-card__text,
body.articles-bp-420 .rv-card:nth-child(4) .rv-card__text {
  width: 396px;
  padding-left: 0;
  margin: 0;
  max-height: 115px;
  overflow: hidden;
  font-size: 14px;
  font-weight: 300;
  line-height: 21px;
}

html.articles-bp-420 .rv-card:nth-child(1) .rv-card__text br + br,
body.articles-bp-420 .rv-card:nth-child(1) .rv-card__text br + br,
html.articles-bp-420 .rv-block--extra .rv-card__text br + br,
body.articles-bp-420 .rv-block--extra .rv-card__text br + br,
html.articles-bp-360 .rv-card:nth-child(1) .rv-card__text br + br,
body.articles-bp-360 .rv-card:nth-child(1) .rv-card__text br + br,
html.articles-bp-360 .rv-block--extra .rv-card__text br + br,
body.articles-bp-360 .rv-block--extra .rv-card__text br + br {
  display: none;
}

html.articles-bp-420 .rv-more,
body.articles-bp-420 .rv-more {
  display: none;
}

html.articles-bp-420 .rv-load,
body.articles-bp-420 .rv-load {
  position: relative;
  left: auto;
  top: auto;
  display: flex;
  width: 396px;
  height: 36px;
  margin: 48px auto 60px;
  font-size: 16px;
  line-height: 20px;
}

html.articles-bp-420 .rv-load__full,
body.articles-bp-420 .rv-load__full {
  display: none;
}

html.articles-bp-420 .rv-load__short,
body.articles-bp-420 .rv-load__short {
  display: inline;
}

/* ==========================================================================
   360 — Figma 161:9050
   ========================================================================== */
html.articles-bp-360 .reviews-main,
body.articles-bp-360 .reviews-main {
  width: 360px;
  min-height: 5131px; /* 5205 − 74 */
  padding-top: 129px; /* 203 − 74 */
}

html.articles-bp-360 .reviews-bc,
body.articles-bp-360 .reviews-bc {
  left: 16px;
  top: 25px; /* 99 − 74 */
  height: 20px;
}

html.articles-bp-360 .reviews-title,
body.articles-bp-360 .reviews-title {
  left: 16px;
  top: 74px; /* 148 − 74 */
  width: 90px;
  height: 31px;
  font-size: 24px;
  line-height: 1.3;
}

html.articles-bp-360 .rv-block,
body.articles-bp-360 .rv-block {
  left: 16px;
  width: 328px;
  height: auto;
  position: relative;
  top: auto !important;
  margin: 0 0 32px;
}

html.articles-bp-360 .rv-block:nth-of-type(1),
body.articles-bp-360 .rv-block:nth-of-type(1),
html.articles-bp-360 .rv-block:nth-of-type(2),
body.articles-bp-360 .rv-block:nth-of-type(2),
html.articles-bp-360 .rv-block:nth-of-type(3),
body.articles-bp-360 .rv-block:nth-of-type(3),
html.articles-bp-360 .rv-block:nth-of-type(4),
body.articles-bp-360 .rv-block:nth-of-type(4) {
  top: auto;
}

html.articles-bp-360 .rv-grid,
body.articles-bp-360 .rv-grid {
  display: flex;
  flex-direction: column;
  gap: 32px;
  height: auto;
  max-height: none;
  overflow: visible;
}

html.articles-bp-360 .rv-card,
body.articles-bp-360 .rv-card,
html.articles-bp-360 .rv-card:nth-child(1),
body.articles-bp-360 .rv-card:nth-child(1),
html.articles-bp-360 .rv-card:nth-child(2),
body.articles-bp-360 .rv-card:nth-child(2),
html.articles-bp-360 .rv-card:nth-child(3),
body.articles-bp-360 .rv-card:nth-child(3),
html.articles-bp-360 .rv-card:nth-child(4),
body.articles-bp-360 .rv-card:nth-child(4) {
  position: relative;
  left: auto;
  top: auto;
  width: 328px;
  height: 457px;
  min-height: 457px;
  max-height: 457px;
  align-items: flex-start;
  overflow: hidden;
}

html.articles-bp-360 .rv-card__avatar,
body.articles-bp-360 .rv-card__avatar,
html.articles-bp-360 .rv-card:nth-child(1) .rv-card__avatar,
body.articles-bp-360 .rv-card:nth-child(1) .rv-card__avatar,
html.articles-bp-360 .rv-card:nth-child(2) .rv-card__avatar,
body.articles-bp-360 .rv-card:nth-child(2) .rv-card__avatar,
html.articles-bp-360 .rv-card:nth-child(4) .rv-card__avatar,
body.articles-bp-360 .rv-card:nth-child(4) .rv-card__avatar {
  width: 189px;
  height: 189px;
  max-width: 189px;
  max-height: 189px;
  margin: 0 0 24px 70px;
}

html.articles-bp-360 .rv-card__name,
body.articles-bp-360 .rv-card__name {
  width: 222px;
  height: 21px;
  margin: 0 0 10.8px 43px;
  font-size: 16px;
  font-weight: 400;
  line-height: 21px;
  text-align: left;
  align-self: flex-start;
}

html.articles-bp-360 .rv-card__role,
body.articles-bp-360 .rv-card__role {
  width: 242px;
  height: 18px;
  max-width: 242px;
  margin: 0 0 25.2px 43px;
  font-size: 14px;
  font-weight: 300;
  line-height: 18px;
  text-align: left;
  align-self: flex-start;
}

html.articles-bp-360 .rv-card__subject,
body.articles-bp-360 .rv-card__subject,
html.articles-bp-360 .rv-card:nth-child(1) .rv-card__subject,
body.articles-bp-360 .rv-card:nth-child(1) .rv-card__subject,
html.articles-bp-360 .rv-card:nth-child(3) .rv-card__subject,
body.articles-bp-360 .rv-card:nth-child(3) .rv-card__subject,
html.articles-bp-360 .rv-card:nth-child(4) .rv-card__subject,
body.articles-bp-360 .rv-card:nth-child(4) .rv-card__subject {
  width: 240px;
  height: 21px;
  padding-left: 0;
  margin: 0 0 12px;
  font-size: 16px;
  font-weight: 500;
  line-height: 21px;
  text-align: left;
  align-self: flex-start;
}

html.articles-bp-360 .rv-card__text,
body.articles-bp-360 .rv-card__text,
html.articles-bp-360 .rv-card:nth-child(1) .rv-card__text,
body.articles-bp-360 .rv-card:nth-child(1) .rv-card__text,
html.articles-bp-360 .rv-card:nth-child(2) .rv-card__text,
body.articles-bp-360 .rv-card:nth-child(2) .rv-card__text,
html.articles-bp-360 .rv-card:nth-child(3) .rv-card__text,
body.articles-bp-360 .rv-card:nth-child(3) .rv-card__text,
html.articles-bp-360 .rv-card:nth-child(4) .rv-card__text,
body.articles-bp-360 .rv-card:nth-child(4) .rv-card__text {
  width: 328px;
  padding-left: 0;
  margin: 0;
  max-height: 136px;
  overflow: hidden;
  font-size: 14px;
  font-weight: 300;
  line-height: 21px;
}

html.articles-bp-360 .rv-more,
body.articles-bp-360 .rv-more {
  display: none;
}

html.articles-bp-360 .rv-load,
body.articles-bp-360 .rv-load {
  position: relative;
  left: auto;
  top: auto;
  display: flex;
  width: 328px;
  height: 36px;
  margin: 48px auto 60px;
  font-size: 16px;
  line-height: 20px;
}

html.articles-bp-360 .rv-load__full,
body.articles-bp-360 .rv-load__full {
  display: none;
}

html.articles-bp-360 .rv-load__short,
body.articles-bp-360 .rv-load__short {
  display: inline;
}

/* —— Real admin count: no Figma filler rows —— */
.reviews-main { min-height: 1040px; }
.reviews-main:has(.rv-block:nth-of-type(2)) { min-height: 1820px; }
.reviews-main:has(.rv-block:nth-of-type(3)) { min-height: 2600px; }
.reviews-main:has(.rv-block:nth-of-type(4)) { min-height: 3520px; }

html.articles-bp-1300 .reviews-main,
body.articles-bp-1300 .reviews-main { min-height: 980px; }
html.articles-bp-1300 .reviews-main:has(.rv-block:nth-of-type(2)),
body.articles-bp-1300 .reviews-main:has(.rv-block:nth-of-type(2)) { min-height: 1680px; }

html.articles-bp-900 .reviews-main,
body.articles-bp-900 .reviews-main { min-height: 960px; }
html.articles-bp-900 .reviews-main:has(.rv-block:nth-of-type(2)),
body.articles-bp-900 .reviews-main:has(.rv-block:nth-of-type(2)) { min-height: 1640px; }

/* Show every admin card on mobile */
html.articles-bp-420 .rv-block:not(.rv-block--extra) .rv-card:nth-child(n + 2),
body.articles-bp-420 .rv-block:not(.rv-block--extra) .rv-card:nth-child(n + 2),
html.articles-bp-360 .rv-block:not(.rv-block--extra) .rv-card:nth-child(n + 2),
body.articles-bp-360 .rv-block:not(.rv-block--extra) .rv-card:nth-child(n + 2) {
  display: flex !important;
}

html.articles-bp-420 .reviews-main,
body.articles-bp-420 .reviews-main,
html.articles-bp-360 .reviews-main,
body.articles-bp-360 .reviews-main {
  min-height: 0 !important;
  height: auto;
  padding-bottom: 60px;
}

html.articles-bp-420 .rv-card,
body.articles-bp-420 .rv-card,
html.articles-bp-420 .rv-card:nth-child(n),
body.articles-bp-420 .rv-card:nth-child(n) {
  position: relative !important;
  left: auto !important;
  top: auto !important;
  width: 396px !important;
  height: 436px !important;
  min-height: 436px !important;
  max-height: 436px !important;
  margin: 0 !important;
  overflow: hidden !important;
}

html.articles-bp-420 .rv-card__avatar,
body.articles-bp-420 .rv-card__avatar,
html.articles-bp-420 .rv-card:nth-child(n) .rv-card__avatar,
body.articles-bp-420 .rv-card:nth-child(n) .rv-card__avatar {
  width: 189px !important;
  height: 189px !important;
  max-width: 189px !important;
  max-height: 189px !important;
  margin: 0 0 24px 104px !important;
}

html.articles-bp-420 .rv-card__name,
body.articles-bp-420 .rv-card__name {
  width: 242px !important;
  height: 21px !important;
  margin: 0 0 10.8px 77px !important;
  text-align: left !important;
  overflow: hidden !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
}

html.articles-bp-420 .rv-card__role,
body.articles-bp-420 .rv-card__role {
  width: 242px !important;
  height: 18px !important;
  margin: 0 0 25.2px 77px !important;
  text-align: left !important;
  overflow: hidden !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
}

html.articles-bp-420 .rv-card__subject,
body.articles-bp-420 .rv-card__subject,
html.articles-bp-420 .rv-card:nth-child(n) .rv-card__subject,
body.articles-bp-420 .rv-card:nth-child(n) .rv-card__subject {
  width: 396px !important;
  height: auto !important;
  max-height: 42px !important;
  margin: 0 0 12px !important;
  padding: 0 !important;
  overflow: hidden !important;
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
}

html.articles-bp-420 .rv-card__text,
body.articles-bp-420 .rv-card__text,
html.articles-bp-420 .rv-card:nth-child(n) .rv-card__text,
body.articles-bp-420 .rv-card:nth-child(n) .rv-card__text {
  width: 396px !important;
  max-height: 105px !important;
  padding: 0 !important;
  overflow: hidden !important;
}

html.articles-bp-360 .rv-card,
body.articles-bp-360 .rv-card,
html.articles-bp-360 .rv-card:nth-child(n),
body.articles-bp-360 .rv-card:nth-child(n) {
  position: relative !important;
  left: auto !important;
  top: auto !important;
  width: 328px !important;
  height: 457px !important;
  min-height: 457px !important;
  max-height: 457px !important;
  margin: 0 !important;
  overflow: hidden !important;
}

html.articles-bp-360 .rv-card__avatar,
body.articles-bp-360 .rv-card__avatar,
html.articles-bp-360 .rv-card:nth-child(n) .rv-card__avatar,
body.articles-bp-360 .rv-card:nth-child(n) .rv-card__avatar {
  width: 189px !important;
  height: 189px !important;
  margin: 0 0 24px 70px !important;
}

html.articles-bp-360 .rv-card__name,
body.articles-bp-360 .rv-card__name {
  width: 242px !important;
  height: 21px !important;
  margin: 0 0 10.8px 43px !important;
  overflow: hidden !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
}

html.articles-bp-360 .rv-card__role,
body.articles-bp-360 .rv-card__role {
  width: 242px !important;
  height: 18px !important;
  margin: 0 0 25.2px 43px !important;
  overflow: hidden !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
}

html.articles-bp-360 .rv-card__subject,
body.articles-bp-360 .rv-card__subject,
html.articles-bp-360 .rv-card:nth-child(n) .rv-card__subject,
body.articles-bp-360 .rv-card:nth-child(n) .rv-card__subject {
  width: 328px !important;
  height: auto !important;
  max-height: 42px !important;
  margin: 0 0 12px !important;
  padding: 0 !important;
  overflow: hidden !important;
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
}

html.articles-bp-360 .rv-card__text,
body.articles-bp-360 .rv-card__text,
html.articles-bp-360 .rv-card:nth-child(n) .rv-card__text,
body.articles-bp-360 .rv-card:nth-child(n) .rv-card__text {
  width: 328px !important;
  max-height: 126px !important;
  padding: 0 !important;
  overflow: hidden !important;
}

/* 1300/900 — keep admin text inside each absolute card */
html.articles-bp-1300 .rv-card,
body.articles-bp-1300 .rv-card,
html.articles-bp-1300 .rv-card:nth-child(n),
body.articles-bp-1300 .rv-card:nth-child(n) {
  max-height: 600px !important;
  overflow: hidden !important;
  background: transparent !important;
}

html.articles-bp-1300 .rv-card:nth-child(2),
body.articles-bp-1300 .rv-card:nth-child(2) {
  max-height: none !important;
  overflow: visible !important;
}

html.articles-bp-1300 .rv-card__text,
body.articles-bp-1300 .rv-card__text,
html.articles-bp-1300 .rv-card:nth-child(n) .rv-card__text,
body.articles-bp-1300 .rv-card:nth-child(n) .rv-card__text,
html.articles-bp-1300 .rv-card__subject,
body.articles-bp-1300 .rv-card__subject,
html.articles-bp-1300 .rv-card:nth-child(n) .rv-card__subject,
body.articles-bp-1300 .rv-card:nth-child(n) .rv-card__subject {
  max-width: 100% !important;
  min-height: 0 !important;
  overflow: hidden !important;
  word-break: break-word !important;
}

html.articles-bp-1300 .rv-card:nth-child(1) .rv-card__text,
body.articles-bp-1300 .rv-card:nth-child(1) .rv-card__text {
  max-height: 147px !important;
}

html.articles-bp-1300 .rv-card:nth-child(2) .rv-card__text,
body.articles-bp-1300 .rv-card:nth-child(2) .rv-card__text {
  max-height: 126px !important;
}

html.articles-bp-1300 .rv-card:nth-child(3) .rv-card__text,
body.articles-bp-1300 .rv-card:nth-child(3) .rv-card__text {
  max-height: 189px !important;
}

html.articles-bp-1300 .rv-card:nth-child(4) .rv-card__text,
body.articles-bp-1300 .rv-card:nth-child(4) .rv-card__text {
  max-height: 147px !important;
}

html.articles-bp-900 .rv-card,
body.articles-bp-900 .rv-card,
html.articles-bp-900 .rv-card:nth-child(n),
body.articles-bp-900 .rv-card:nth-child(n) {
  max-height: 560px !important;
  overflow: hidden !important;
  background: transparent !important;
  box-sizing: border-box !important;
}

html.articles-bp-900 .rv-card:nth-child(2),
body.articles-bp-900 .rv-card:nth-child(2) {
  max-height: none !important;
  overflow: visible !important;
}

html.articles-bp-900 .rv-card:nth-child(1),
body.articles-bp-900 .rv-card:nth-child(1) { z-index: 1; }
html.articles-bp-900 .rv-card:nth-child(2),
body.articles-bp-900 .rv-card:nth-child(2) { z-index: 2; }
html.articles-bp-900 .rv-card:nth-child(3),
body.articles-bp-900 .rv-card:nth-child(3) { z-index: 3; }

html.articles-bp-900 .rv-card__text,
body.articles-bp-900 .rv-card__text,
html.articles-bp-900 .rv-card:nth-child(n) .rv-card__text,
body.articles-bp-900 .rv-card:nth-child(n) .rv-card__text,
html.articles-bp-900 .rv-card__subject,
body.articles-bp-900 .rv-card__subject,
html.articles-bp-900 .rv-card:nth-child(n) .rv-card__subject,
body.articles-bp-900 .rv-card:nth-child(n) .rv-card__subject {
  max-width: 100% !important;
  min-height: 0 !important;
  overflow: hidden !important;
  word-break: break-word !important;
}

html.articles-bp-900 .rv-card:nth-child(1) .rv-card__text,
body.articles-bp-900 .rv-card:nth-child(1) .rv-card__text {
  width: 100% !important;
  max-height: 210px !important;
}

html.articles-bp-900 .rv-card:nth-child(2) .rv-card__text,
body.articles-bp-900 .rv-card:nth-child(2) .rv-card__text {
  width: 100% !important;
  max-height: 168px !important;
}

html.articles-bp-900 .rv-card:nth-child(3) .rv-card__text,
body.articles-bp-900 .rv-card:nth-child(3) .rv-card__text {
  width: 100% !important;
  max-height: 231px !important;
}
