body[data-page="review"] .page-shell {
  width: min(1360px, calc(100% - 48px));
}

body[data-page="review"] .review-subhero {
  min-height: 350px;
  padding: clamp(30px, 3vw, 38px);
}

body[data-page="review"] .review-hero-layout {
  grid-template-columns: minmax(0, 0.82fr) minmax(720px, 1.18fr);
  gap: clamp(24px, 2.2vw, 30px);
  align-items: center;
  min-height: 274px;
}

body[data-page="review"] .review-hero-main {
  align-content: center;
  gap: 15px;
}

body[data-page="review"] .review-hero-main h2 {
  max-width: 14ch;
  font-size: clamp(40px, 3.8vw, 54px);
  line-height: 1.03;
}

body[data-page="review"] .review-hero-main p:not(.section-label) {
  max-width: 570px;
  font-size: clamp(15px, 1vw, 16px);
  line-height: 1.78;
}

body[data-page="review"] .review-status-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  align-items: stretch;
}

body[data-page="review"] .review-status-card {
  display: grid;
  grid-template-columns: 40px 1px minmax(0, 1fr);
  grid-template-rows: auto auto auto;
  column-gap: 12px;
  row-gap: 7px;
  align-content: center;
  justify-self: stretch;
  width: 100%;
  max-width: none;
  min-width: 0;
  min-height: 150px;
  padding: 18px 16px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 16px;
  background: linear-gradient(145deg, rgba(16, 19, 27, 0.98), rgba(9, 11, 17, 0.96));
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.025),
    0 10px 24px rgba(0, 0, 0, 0.16);
  transition:
    border-color 160ms ease,
    background-color 160ms ease;
}

body[data-page="review"] .review-status-card::before {
  content: "";
  grid-column: 1;
  grid-row: 1 / -1;
  align-self: center;
  width: 40px;
  height: 40px;
  border: 1px solid rgba(255, 82, 102, 0.13);
  border-radius: 11px;
  background-color: rgba(255, 255, 255, 0.03);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 21px 21px;
}

body[data-page="review"] .review-status-card::after {
  content: "";
  grid-column: 2;
  grid-row: 1 / -1;
  align-self: stretch;
  width: 1px;
  background: rgba(255, 255, 255, 0.085);
}

body[data-page="review"] .review-status-card:nth-child(1)::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ff4056' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.75 7.25h6l1.6 2H20.25v9.5H3.75z'/%3E%3Cpath d='M3.75 7.25V5.5h6l1.5 1.75'/%3E%3C/svg%3E");
}

body[data-page="review"] .review-status-card:nth-child(2)::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ff4056' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 3.75h8l4 4v12.5H6z'/%3E%3Cpath d='M14 3.75v4h4M9 12h6M9 15.5h5'/%3E%3C/svg%3E");
}

body[data-page="review"] .review-status-card:nth-child(3)::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ff4056' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='6.5'/%3E%3Ccircle cx='12' cy='12' r='2.25'/%3E%3Cpath d='M12 2.5v3M12 18.5v3M2.5 12h3M18.5 12h3'/%3E%3C/svg%3E");
}

body[data-page="review"] .review-status-card:hover {
  border-color: rgba(255, 255, 255, 0.18);
  background: linear-gradient(145deg, rgba(18, 21, 29, 0.99), rgba(10, 12, 18, 0.97));
}

body[data-page="review"] .review-status-card .card-label,
body[data-page="review"] .review-status-card strong,
body[data-page="review"] .review-status-card .compact-note {
  grid-column: 3;
  min-width: 0;
  margin: 0;
}

body[data-page="review"] .review-status-card .card-label {
  grid-row: 1;
  color: rgba(194, 199, 211, 0.7);
  font-size: 9px;
  font-weight: 760;
  letter-spacing: 0.1em;
  line-height: 1.25;
  white-space: nowrap;
}

body[data-page="review"] .review-status-card strong {
  grid-row: 2;
  color: #ff334a;
  font-size: clamp(23px, 1.65vw, 27px);
  font-weight: 820;
  line-height: 1.06;
  letter-spacing: -0.035em;
  white-space: nowrap;
}

body[data-page="review"] .review-status-card:first-child strong {
  font-size: clamp(29px, 2vw, 34px);
}

body[data-page="review"] .review-status-card .compact-note {
  grid-row: 3;
  color: rgba(194, 199, 211, 0.66);
  font-size: 11.5px;
  line-height: 1.35;
  white-space: nowrap;
}

@media (max-width: 1240px) {
  body[data-page="review"] .review-hero-layout {
    grid-template-columns: 1fr;
    gap: 28px;
    min-height: 0;
  }

  body[data-page="review"] .review-hero-main h2 {
    max-width: 15ch;
  }
}

@media (max-width: 760px) {
  body[data-page="review"] .page-shell {
    width: min(100% - 28px, 1360px);
  }

  body[data-page="review"] .review-status-grid {
    grid-template-columns: 1fr;
  }

  body[data-page="review"] .review-status-card {
    min-height: 124px;
  }
}