.cre-compare {
  width: min(1360px, calc(100% - 40px));
  margin: 0 auto;
  padding: 56px 0 96px;
  color: #102f25;
}
.cre-compare .eyebrow { color: #175c42; }
.cre-compare-header,
.cre-compare-alternatives,
.cre-compare-share,
.cre-compare-inquiry {
  display: flex;
  justify-content: space-between;
  align-items: end;
  gap: 32px;
  margin-bottom: 30px;
}
.cre-compare-header h1 {
  max-width: 760px;
  margin: 8px 0 12px;
  font-size: clamp(2.25rem, 5vw, 4.75rem);
  line-height: 1;
}
.cre-compare-mode,
.cre-compare-inquiry-kind {
  display: inline-grid;
  grid-auto-flow: column;
  border: 1px solid #b9cbc3;
  border-radius: 6px;
  overflow: hidden;
  margin: 14px 0 24px;
}
.cre-compare-mode button,
.cre-compare-inquiry-kind button {
  min-height: 44px;
  padding: 10px 18px;
  border: 0;
  border-right: 1px solid #b9cbc3;
  background: #fff;
  color: #123c2f;
  font: inherit;
  font-weight: 750;
  cursor: pointer;
}
.cre-compare-mode button:last-child,
.cre-compare-inquiry-kind button:last-child { border-right: 0; }
.cre-compare-mode button.is-active,
.cre-compare-inquiry-kind button.is-active {
  background: #123c2f;
  color: #fff;
}
.cre-compare-picker fieldset {
  padding: 0;
  border: 0;
}
.cre-compare-picker legend {
  margin-bottom: 10px;
  font-weight: 800;
}
.cre-compare-choices {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}
.cre-compare-choices label {
  display: grid;
  grid-template-columns: 22px minmax(0, 1fr);
  gap: 10px;
  min-height: 78px;
  padding: 14px;
  border: 1px solid #cbd9d3;
  border-radius: 6px;
  background: #fff;
  cursor: pointer;
}
.cre-compare-choices label:has(input:checked) {
  border-color: #176b4d;
  box-shadow: inset 0 0 0 1px #176b4d;
}
.cre-compare-choices label.is-unavailable {
  background: #f3f4f4;
  color: #65716c;
  cursor: not-allowed;
}
.cre-compare-choices strong,
.cre-compare-choices small { display: block; }
.cre-compare-columns {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  margin: 28px 0 50px;
}
.cre-compare-item {
  overflow: hidden;
  border: 1px solid #cbd9d3;
  border-radius: 7px;
  background: #fff;
}
.cre-compare-item > img,
.cre-compare-image-placeholder {
  width: 100%;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  background: #dce7e2;
}
.cre-compare-item.is-unavailable > img { filter: grayscale(1); opacity: .62; }
.cre-compare-item-body { padding: 20px; }
.cre-compare-item h2 {
  min-height: 2.5em;
  margin: 5px 0 18px;
  font-size: 1.35rem;
  line-height: 1.2;
}
.cre-compare-item dl { margin: 0 0 20px; }
.cre-compare-item dl div {
  display: grid;
  grid-template-columns: minmax(90px, .8fr) minmax(0, 1.2fr);
  gap: 10px;
  padding: 9px 0;
  border-top: 1px solid #e3ebe7;
}
.cre-compare-item dt { color: #617169; }
.cre-compare-item dd { margin: 0; font-weight: 750; text-align: right; }
.cre-compare-share,
.cre-compare-inquiry,
.cre-compare-alternatives {
  align-items: start;
  margin-top: 34px;
  padding: 34px 0;
  border-top: 1px solid #cbd9d3;
}
.cre-compare-share > div,
.cre-compare-inquiry > div { max-width: 420px; }
.cre-compare-share form,
.cre-compare-inquiry form {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 13px;
  width: min(700px, 100%);
}
.cre-compare-share label,
.cre-compare-inquiry label { display: grid; gap: 6px; }
.cre-compare-share input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
.cre-compare-share select,
.cre-compare-inquiry input,
.cre-compare-inquiry textarea {
  width: 100%;
  min-height: 46px;
  padding: 10px 12px;
  border: 1px solid #b9cbc3;
  border-radius: 5px;
  background: #fff;
  color: #102f25;
  font: inherit;
}
.cre-compare-recipient-mode {
  margin: 0;
  padding: 0;
  border: 0;
}
.cre-compare-recipient-mode legend {
  margin-bottom: 7px;
  font-weight: 750;
}
.cre-compare-recipient-options {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  overflow: hidden;
  border: 1px solid #b9cbc3;
  border-radius: 6px;
}
.cre-compare-recipient-options label {
  position: relative;
  display: block;
  gap: 0;
  cursor: pointer;
}
.cre-compare-recipient-options input[type="radio"] {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: 0;
  opacity: 0;
}
.cre-compare-recipient-options span {
  display: grid;
  place-items: center;
  min-height: 46px;
  padding: 9px 12px;
  border-right: 1px solid #b9cbc3;
  background: #fff;
  color: #123c2f;
  font-weight: 750;
}
.cre-compare-recipient-options label:last-child span { border-right: 0; }
.cre-compare-recipient-options input:checked + span {
  background: #123c2f;
  color: #fff;
}
.cre-compare-recipient-options input:focus-visible + span {
  position: relative;
  z-index: 1;
  outline: 3px solid #68b696;
  outline-offset: -3px;
}
.cre-compare-share .cre-colleague-field[hidden] { display: none !important; }
.cre-compare-share .full,
.cre-compare-inquiry .full,
.cre-compare-inquiry-kind { grid-column: 1 / -1; }
.cre-compare-share .cre-form-draft-disclosure,
.cre-compare-share .cre-colleague-ca-consent {
  grid-template-columns: 18px minmax(0, 1fr);
  align-items: start;
  gap: 10px;
  padding: 2px 0;
  cursor: pointer;
}
.cre-compare-share .cre-colleague-ca-consent[hidden] { display: none !important; }
.cre-compare-share .cre-form-draft-disclosure > input[type="checkbox"],
.cre-compare-share .cre-colleague-ca-consent > input[type="checkbox"] {
  appearance: auto !important;
  -webkit-appearance: checkbox !important;
  inline-size: 18px !important;
  width: 18px !important;
  min-width: 18px !important;
  max-width: 18px !important;
  block-size: 18px !important;
  height: 18px !important;
  min-height: 18px !important;
  max-height: 18px !important;
  margin: 2px 0 0 !important;
  padding: 0 !important;
  border-radius: 3px !important;
  transform: none !important;
  accent-color: #176b4d;
}
.cre-compare-share .cre-form-draft-disclosure > span,
.cre-compare-share .cre-colleague-ca-consent > span { line-height: 1.45; }
.cre-compare-shared-note {
  padding: 15px;
  border-left: 4px solid #176b4d;
  background: #edf5f1;
}
@media (max-width: 860px) {
  .cre-compare { width: min(100% - 28px, 1360px); padding-top: 32px; }
  .cre-compare-header,
  .cre-compare-alternatives,
  .cre-compare-share,
  .cre-compare-inquiry { display: grid; align-items: start; }
  .cre-compare-choices,
  .cre-compare-columns { grid-template-columns: 1fr; }
  .cre-compare-item { display: grid; grid-template-columns: minmax(120px, 36%) 1fr; }
  .cre-compare-item > img,
  .cre-compare-image-placeholder { height: 100%; aspect-ratio: auto; }
}
@media (max-width: 560px) {
  .cre-compare-header h1 { font-size: 2.45rem; }
  .cre-compare-item { display: block; }
  .cre-compare-item > img,
  .cre-compare-image-placeholder { height: auto; aspect-ratio: 16 / 9; }
  .cre-compare-share form,
  .cre-compare-inquiry form { grid-template-columns: 1fr; }
  .cre-compare-share .full,
  .cre-compare-inquiry .full,
  .cre-compare-inquiry-kind { grid-column: 1; }
}