/* css/review.css */

.review{ max-width: 70ch; margin: 0 auto; }
.review__head{ margin-bottom: 14px; }

.review__kicker{
  font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial, "Noto Sans", "Liberation Sans", sans-serif;
  font-size: 13px;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: rgba(11,18,32,.55);
}

.review__title{
  margin: 8px 0 6px;
  font-size: 28px;
  font-weight: 400;
  line-height: 1.15;
  color: rgba(11,18,32,.92);
}

.review__sub{
  margin: 0 0 14px;
  color: rgba(11,18,32,.72);
  line-height: 1.55;
  max-width: 62ch;
}

.review__success{
  padding: 12px 14px;
  border: 1px solid var(--line);
  border-radius: 14px;
  background: rgba(58,166,107,.10);
  margin: 12px 0 14px;
  font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial, "Noto Sans", "Liberation Sans", sans-serif;
  font-weight: 800;
  color: rgba(11,18,32,.78);
}

.review__form{ display:grid; gap:12px; max-width:62ch; }

.review__label{
  display:grid;
  gap:6px;
  font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial, "Noto Sans", "Liberation Sans", sans-serif;
  font-weight: 800;
  font-size: 13px;
  color: rgba(11,18,32,.72);
}

.review__optional{
  font-weight: 700;
  color: rgba(11,18,32,.55);
  margin-left: 6px;
}

.review__input,
.review__textarea{
  width: 100%;
  padding: 10px 12px;
  border: 1px solid var(--line);
  border-radius: 14px;
  background: #fff;
  font: inherit;
  color: rgba(11,18,32,.85);
}

.review__textarea{
  line-height: 1.55;
  resize: vertical;
  min-height: 180px;
}

.review__actions{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  align-items:center;
}