/* Government-page refinements; this stylesheet is loaded only by government.html. */

/* The organization instructions and screenshot share one white content panel. */
.private-im-site .im-topic #organization > .wrap > .split {
  padding: 24px;
  border: 1px solid #e2e8f4;
  border-radius: 16px;
  background: #fff;
}
.private-im-site .im-topic #organization > .wrap > .split > .figure {
  padding: 12px;
  border: 1px solid #e1e4e8;
  border-radius: 12px;
  background: transparent;
  box-shadow: none;
}
.private-im-site .im-topic #implementation .mini-steps {
  border-top: 0;
}

/* Remove the extra divider below the two construction routes. */
.private-im-site .im-topic #needs .government-route-conclusion {
  border-top: 0;
  padding-top: 0;
}

/* Match the site's separate white content cards instead of a ruled matrix. */
.private-im-site .im-topic #product-evidence .contact-scope-list {
  gap: 18px 22px;
  border-top: 0;
}
.private-im-site .im-topic #product-evidence .contact-scope-item,
.private-im-site .im-topic #product-evidence .contact-scope-item:nth-child(even) {
  padding: 22px 24px;
  border: 1px solid #e2e8f4;
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 6px 18px #0f172a05;
}

/* Three white deployment-requirement cards, with consistently aligned links. */
.private-im-site .im-topic #environment .text-blocks {
  align-items: stretch;
  width: 100%;
  max-width: 1020px;
  margin-left: auto;
  margin-right: auto;
}
.private-im-site .im-topic #environment .text-blocks > div {
  display: flex;
  flex-direction: column;
  padding: 24px;
  border: 1px solid #e2e8f4;
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 6px 18px #0f172a05;
}
.private-im-site .im-topic #environment .text-blocks > div > p {
  flex: 1;
  margin: 8px 0 0;
}
.private-im-site .im-topic #environment .text-blocks > div > .link {
  align-self: flex-start;
  margin-top: 12px;
}

/* Reduce the architecture diagram moderately, preserving its full aspect ratio. */
.private-im-site .im-topic #environment .government-deployment-architecture {
  width: 100%;
  max-width: 1020px;
  height: auto;
  margin: 0 auto;
}

/* FAQ cards need space between rows, not an extra rule along the top. */
.private-im-site .im-topic #questions .faq {
  border-top: 0;
  gap: 16px 20px;
}
.private-im-site .im-topic #questions .faq details {
  margin: 0;
}

@media (max-width: 680px) {
  .private-im-site .im-topic #organization > .wrap > .split {
    padding: 18px;
  }
  .private-im-site .im-topic #product-evidence .contact-scope-list {
    gap: 14px;
  }
  .private-im-site .im-topic #product-evidence .contact-scope-item,
  .private-im-site .im-topic #product-evidence .contact-scope-item:nth-child(even),
  .private-im-site .im-topic #environment .text-blocks > div {
    padding: 18px;
  }
  .private-im-site .im-topic #questions .faq {
    gap: 14px;
  }
}