/* Native Help Center additions to the captured CitizenShipper Copenhagen theme. */
.legacy-help-center { margin: 0; }
.legacy-help-center main { display: block; min-height: 65vh; }
.legacy-help-center button,
.legacy-help-center input,
.legacy-help-center textarea { font-family: inherit; }
.legacy-help-center .blocks-item-title { font-size: 16px; }
.legacy-help-center .preview-banner {
  background: #fff5cd;
  border-bottom: 1px solid #dfcb7a;
  color: #4f4109;
  display: flex;
  flex-wrap: wrap;
  gap: 4px 16px;
  justify-content: center;
  padding: 12px 5%;
}

.legacy-help-center .skip-link {
  background: #fff;
  border: 2px solid #0072ef;
  left: 12px;
  padding: 10px 16px;
  position: absolute;
  top: -100px;
  z-index: 10;
}

.legacy-help-center .skip-link:focus { top: 12px; }
.legacy-help-center .sr-only {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.legacy-help-center .search-submit:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  padding: 10px;
  right: 0;
  top: 0;
  width: auto;
}

.legacy-help-center .home-articles-heading { font-size: 18px; font-weight: 600; }
.legacy-help-center .recent-activity-item-parent { margin-bottom: 20px; }
.legacy-help-center .article-sidebar .sidenav-title { font-size: 15px; }
.legacy-help-center .article-body { overflow-wrap: anywhere; }
.legacy-help-center .article-body img { height: auto; max-width: 100%; }
.legacy-help-center .article-body iframe { max-width: 100%; }
.legacy-help-center .article-body table { display: block; max-width: 100%; overflow-x: auto; }
.legacy-help-center .article-body .embed-container { aspect-ratio: 16 / 9; height: auto; padding-bottom: 0; }
.legacy-help-center .article-body .embed-container iframe { height: 100%; width: 100%; }
.legacy-help-center .article-body iframe[src*="jotform.com"] { min-height: 600px; width: 100%; }
.legacy-help-center .article-body iframe[src*="iorad.com"] { min-height: 500px; width: 100%; }
.legacy-help-center .article-attachments h2 { font-size: 18px; }
.legacy-help-center .request-errors { border: 1px solid #b3261e; color: #8d1a14; margin-bottom: 25px; padding: 16px 22px; }
.legacy-help-center .request-errors h2 { font-size: 18px; margin-top: 0; }
.legacy-help-center .request-errors ul { list-style: disc; padding-left: 20px; }
.legacy-help-center .form-field input[type="file"] { height: auto; padding: 10px; }
.legacy-help-center .request-received { padding-bottom: 80px; padding-top: 40px; }
.legacy-help-center .search-result-title { font-size: 18px; }
.legacy-help-center .article-footer { gap: 16px; }
.legacy-help-center a:focus-visible,
.legacy-help-center button:focus-visible { outline: 2px solid #0072ef; outline-offset: 3px; }

@media (max-width: 767px) {
  .legacy-help-center .header { gap: 20px; }
  .legacy-help-center .preview-banner { display: block; }
  .legacy-help-center .preview-banner span { display: block; margin-top: 4px; }
  .legacy-help-center .article-footer { align-items: flex-start; flex-direction: column; }
}