/* Shared card edges. Plain photographs, buttons and form controls are excluded. */
main :is(
  .card-surface,
  .card-dark,
  .photo-promo-card,
  .blog-cta__card,
  .blog-card,
  .blog-featured,
  .related-story,
  .founder-manifest,
  .timeline-mural-card,
  .home-discipline,
  .checkout-panel,
  .checkout-summary,
  .rounded-2xl.bg-white,
  .rounded-2xl.bg-bone-50,
  .rounded-2xl.bg-bone-100,
  .rounded-2xl.bg-ink,
  .rounded-2xl.bg-ink-800
):where(:not(button, input, select, textarea, label)) {
  border: 1px solid rgb(0 0 0 / 10%);
}

main :is(
  .card-dark,
  .blog-cta__card,
  .blog-featured,
  .related-story,
  .founder-manifest,
  .home-discipline,
  .checkout-summary,
  .rounded-2xl.bg-ink,
  .rounded-2xl.bg-ink-800
) {
  border-color: rgb(255 255 255 / 12%);
}

main .timeline-mural-card:is(:nth-child(4), :nth-child(8)) {
  border-color: rgb(255 255 255 / 12%);
}

main .photo-promo-card {
  background-color: #fff;
}

@media (max-width: 639px) {
  main #blog-grid .blog-card {
    border-color: rgb(255 255 255 / 12%);
  }
}