.edge2-install-map {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin-top: 18px;
}

.edge2-install-map article {
  display: grid;
  min-height: 188px;
  align-content: start;
  padding: 20px;
  border: 1px solid #d7dfed;
  border-radius: 16px;
  background: #f7f9fd;
  box-shadow: 0 1px 2px rgba(38, 54, 77, .025);
}

.edge2-install-map article:nth-child(n + 4) {
  border-color: #d5e1d7;
  background: #f4f8f3;
}

.edge2-install-map b {
  display: grid;
  width: 34px;
  height: 34px;
  place-items: center;
  margin-bottom: 22px;
  border-radius: 50%;
  background: #1d315d;
  color: #fff;
  font-size: 11px;
  font-variant-numeric: tabular-nums;
}

.edge2-install-map article:nth-child(n + 4) b { background: #3f6a51; }
.edge2-install-map strong { color: #26364d; font-size: 13px; }
.edge2-install-map p { margin: 8px 0 0; color: #657287; font-size: 11px; line-height: 1.68; text-wrap: pretty; }

.edge2-install-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
  margin-top: 12px;
}

.edge2-install-actions a {
  display: inline-flex;
  min-height: 42px;
  align-items: center;
  padding: 9px 13px;
  border: 1px solid #ccd6e8;
  border-radius: 10px;
  background: #fff;
  color: #3158b1;
  font-size: 11px;
  font-weight: 800;
  transition: transform 120ms cubic-bezier(.23, 1, .32, 1), background-color 140ms cubic-bezier(.23, 1, .32, 1);
}

.edge2-install-actions a:hover { background: #edf3ff; }
.edge2-install-actions a:active { transform: scale(.98); }
.edge2-install-actions a:focus-visible { outline: 3px solid rgba(42, 91, 209, .22); outline-offset: 2px; }

.edge2-binding-figure { max-width: 760px; background: #f5f2ec; }
.edge2-binding-figure img { max-height: 560px; padding: clamp(14px, 3vw, 30px); aspect-ratio: 49 / 38; object-fit: contain; background: #fbfaf7; }

.edge2-profile-id-map {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  max-width: 760px;
  margin-top: 12px;
  overflow: hidden;
  border: 1px solid #d9dfeb;
  border-radius: 14px;
  background: #f7f8fb;
}

.edge2-profile-id-map > div { display: grid; gap: 7px; padding: 16px 18px; border-right: 1px solid #d9dfeb; }
.edge2-profile-id-map > div:last-child { border-right: 0; }
.edge2-profile-id-map span { color: #737d8b; font-size: 10px; font-weight: 800; }
.edge2-profile-id-map b { color: #687280; font: 750 14px/1.25 ui-monospace, SFMono-Regular, Menlo, monospace; }
.edge2-profile-id-map small { color: #9a615b; font-size: 9px; font-weight: 750; }
.edge2-profile-id-map .is-target { background: #edf7ef; box-shadow: inset 0 -3px 0 #3f6a51; }
.edge2-profile-id-map .is-target span,
.edge2-profile-id-map .is-target b,
.edge2-profile-id-map .is-target small { color: #315c43; }

.edge2-binding-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin-top: 16px;
}

.edge2-binding-grid article {
  display: grid;
  align-content: start;
  gap: 8px;
  padding: 22px;
  border: 1px solid #d9dfeb;
  border-radius: 16px;
  background: #f7f9fd;
}

.edge2-binding-grid article:nth-child(2) { border-color: #d6e1d7; background: #f4f8f3; }
.edge2-binding-grid article > span { color: #3158b1; font-size: 9px; font-weight: 850; letter-spacing: .1em; }
.edge2-binding-grid article:nth-child(2) > span { color: #3f6a51; }
.edge2-binding-grid strong { color: #26364d; font-size: 14px; line-height: 1.45; }
.edge2-binding-grid ol { margin: 4px 0 8px; padding-left: 20px; color: #606f82; font-size: 11px; line-height: 1.68; }
.edge2-binding-grid li + li { margin-top: 7px; }
.edge2-binding-grid a { justify-self: start; color: #3158b1; font-size: 11px; font-weight: 800; }

.edge2-release-gate {
  margin-top: 16px;
  overflow: hidden;
  border: 1px solid #ead8ae;
  border-radius: 16px;
  background: #fcf7e9;
}

.edge2-release-gate summary { min-height: 46px; padding: 14px 18px; color: #735922; cursor: pointer; font-size: 12px; font-weight: 850; }
.edge2-release-gate summary:focus-visible { outline: 3px solid rgba(224, 154, 45, .28); outline-offset: -3px; }
.edge2-release-gate > div { padding: 0 20px 20px; border-top: 1px solid #eee0be; }
.edge2-release-gate p { margin: 16px 0 10px; color: #6d6043; font-size: 12px; line-height: 1.7; }
.edge2-release-gate ol { display: grid; gap: 7px; margin: 0; padding-left: 22px; color: #6d6043; font-size: 11px; line-height: 1.65; }

.edge2-done-list { padding: 18px 18px 18px 40px !important; border: 1px solid #d4e2d6; border-radius: 16px; background: #f2f8f3; }

.docs-template-fields { display: flex; flex-wrap: wrap; gap: 7px; margin: 9px 0 0; }
.docs-template-fields b,
.docs-template-fields span { display: inline-flex; min-height: 32px; align-items: center; padding: 6px 10px; border-radius: 8px; background: #eef3ff; color: #49617f; font-size: 10px; }
.docs-template-fields b { background: #1d315d; color: #fff; }

.browser-extension-edition-acceptance-note { margin: -3px 0 0 !important; color: #6e786f !important; font-size: 10px !important; line-height: 1.55 !important; }

@media (max-width: 900px) {
  .edge2-install-map { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 700px) {
  .edge2-install-map,
  .edge2-binding-grid { grid-template-columns: 1fr; }
  .edge2-install-map article { min-height: 0; }
  .edge2-install-actions { display: grid; }
  .edge2-install-actions a { width: 100%; }
  .edge2-binding-figure img { padding: 16px; }
}

@media (prefers-reduced-motion: reduce) {
  .edge2-install-actions a { transition: none; }
}