.catalogue-source {
  color: #627486;
  font-size: 12px;
  margin: -13px 0 20px;
}

.helper--after {
  margin: 10px 0 0;
}

.selection-mode {
  display:grid;
  gap:14px;
  grid-template-columns:repeat(2, 1fr);
  margin:28px 0 6px;
}

.mode-card {
  background:#fff;
  border:1px solid #bed0dc;
  border-radius:12px;
  color:#172b3d;
  cursor:pointer;
  display:flex;
  flex-direction:column;
  font:inherit;
  gap:7px;
  min-height:196px;
  padding:22px;
  text-align:left;
  transition:.18s;
}

.mode-card:hover,
.mode-card:focus-visible {
  border-color:#0a6ebd;
  box-shadow:0 0 0 3px #0a6ebd22;
  outline:0;
  transform:translateY(-2px);
}

.mode-card strong {
  font-size:18px;
}

.mode-card > span:last-child {
  color:#627486;
  font-size:14px;
}

.mode-icon {
  color:#0a6ebd;
  font-size:30px;
  line-height:1;
}

.actions--split {
  justify-content:space-between;
}

.en {
  color: #627486;
  display: block;
  font-family: Arial, sans-serif;
  font-size: 0.72em;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.35;
  margin-top: 2px;
}

.hero .en {
  color: #cde1ef;
  font-size: 0.32em;
  font-weight: 500;
  letter-spacing: 0;
  margin-top: 9px;
}

.intro .en {
  font-size: 0.76em;
  margin-top: 4px;
}

.field-label {
  display: block;
}

.choice strong .en,
.choice small .en {
  font-size: 0.78em;
}

.choice small .en {
  color: #627486;
}

.button .en,
.text-button .en {
  color: inherit;
  font-size: 0.72em;
  margin-top: 0;
  opacity: 0.85;
}

.specs .en {
  border: 0;
  margin: 2px 0 0;
  padding: 0;
}

.drawing-links {
  align-items:stretch;
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  grid-column:1 / -1;
  margin-top:2px;
}

.drawing-link {
  background:#f2f8fb;
  border:1px solid #bed0dc;
  border-radius:7px;
  color:#07548f;
  font-size:13px;
  font-weight:600;
  line-height:1.25;
  padding:9px 12px;
  text-decoration:none;
}

.drawing-link:hover {
  background:#e4f3fb;
  border-color:#0a6ebd;
}

.drawing-link .en {
  color:inherit;
  font-size:0.82em;
  margin-top:2px;
  opacity:0.8;
}

.drawing-unavailable {
  color:#627486;
  font-size:13px;
}

.catalogue-preview {
  grid-column:1 / -1;
  margin:16px 0 0;
}

.catalogue-preview figcaption {
  color:#172b3d;
  font-size:15px;
  font-weight:600;
  margin-bottom:9px;
}

.catalogue-preview a {
  background:#f4f8fa;
  border:1px solid #d8e4eb;
  display:block;
}

.catalogue-preview img {
  display:block;
  height:auto;
  max-width:100%;
  width:100%;
}

.catalogue-preview p {
  color:#627486;
  font-size:12px;
  margin:7px 0 0;
}

.note .en {
  color: inherit;
  font-size: 0.86em;
}

@media (max-width: 680px) {
  .selection-mode {
    grid-template-columns:1fr;
  }

  .mode-card {
    min-height:0;
  }

  .actions--split {
    flex-direction:column-reverse;
  }

  .hero .en {
    font-size: 0.4em;
  }
}