/* Shared presentation for the current company and product pages, not legacy. */
:root {
  --site-heading: #343844;
  --site-border: #dfe3ec;
  --site-muted: #6e707e;
}

:is(.blockchain-software, .image-judgment-preview, .zpl-converter-preview,
    .software-product-preview, .hardware-product-preview, .company-information-preview) {
  --hp-heading: var(--site-heading);
  --sp-heading: var(--site-heading);
  --ijs-heading: var(--site-heading);
  --zpl-heading: var(--site-heading);
  --ci-heading: var(--site-heading);
}

main:not(.home-preview) > section.card {
  border-color: var(--site-border);
  border-radius: .4rem;
}

main:not(.home-preview) > section.card:first-child {
  border: 1px solid var(--site-border);
  box-shadow: none !important;
}

main:not(.home-preview) h1 {
  color: var(--site-heading);
  font-size: 1.75rem;
  font-weight: 700 !important;
  line-height: 1.4;
}

main:not(.home-preview) > section.card > .card-body {
  padding: 1.5rem !important;
}

main:not(.home-preview) > section.card > .card-header {
  padding: 1rem 1.5rem;
  background: #fff;
  border-color: var(--site-border);
}

main:not(.home-preview) > section.card > .card-header h2 {
  margin: 0;
  color: var(--site-heading);
  font-size: 1.05rem;
  line-height: 1.4;
}

.home-preview .home-discontinued {
  display: inline-block;
  margin-left: .4rem;
  padding: .15rem .4rem;
  border-radius: .2rem;
  background: #b42318;
  color: #fff;
  font-size: .72rem;
  vertical-align: middle;
}

.home-preview .home-section-heading p,
.home-preview .home-blockchain-heading p,
.home-preview .home-capability-intro p {
  color: var(--site-muted);
}

@media (max-width: 575.98px) {
  main:not(.home-preview) h1 { font-size: 1.5rem; }
  main:not(.home-preview) > section.card > .card-body,
  main:not(.home-preview) > section.card > .card-header {
    padding: 1rem !important;
  }
}
