/* Keep the home page structure, with landscape previews for certificates. */
.certificates-page .template-grid { column-gap: 36px; row-gap: 40px; padding-inline: 8px; }
.certificates-page .template-preview { max-width: none; aspect-ratio: 1056 / 744; }
.certificates-page .import-layout { grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); max-width: 1060px; gap: 48px; }
.certificates-page .selected-template { padding: 26px; }
.certificates-page .site-header a[aria-current="page"] { color: var(--green); text-decoration: underline; text-underline-offset: 6px; }
@media (max-width: 900px) { .certificates-page .template-grid { column-gap: 24px; } .certificates-page .import-layout { gap: 28px; } }
@media (max-width: 680px) {
  .certificates-page .template-grid { grid-template-columns: 1fr; gap: 32px; padding-inline: 12px; }
  .certificates-page .template-preview { max-width: 380px; }
  .certificates-page .import-layout { grid-template-columns: 1fr; }
  .certificates-page .selected-template { width: 100%; max-width: 380px; padding: 20px; }
  .certificates-page .selected-template-preview { height: auto; overflow: visible; }
}