.examples-page .example-nav { display: flex; gap: 22px; flex-wrap: wrap; margin: 24px 0; }
.examples-page a { color: #08713f; }
.examples-page .btn-dark, .examples-page .hd-cta { color: #fff; }
.examples-page .example-card { display: grid; grid-template-columns: 1fr 300px; gap: 28px;
  padding: 28px; background: #fff; border-radius: 24px; margin-top: 36px; scroll-margin-top: 100px; }
.examples-page .example-copy { min-width: 0; }
.examples-page .example-media img, .examples-page .example-media video { display: block;
  width: 100%; height: auto; border-radius: 18px; background: #f4f1eb; }
.examples-page [hidden] { display: none !important; }
.examples-page details { margin-top: 16px; }
.examples-page summary { cursor: pointer; padding: 12px 0; color: #095c36; }
.examples-page [data-status] { font-size: 14px; }
.examples-page .example-nav a { padding: 12px 0; }
@media (max-width: 760px) {
  .examples-page .example-card { grid-template-columns: 1fr; padding: 24px 18px; }
  .examples-page .example-media { width: min(100%, 320px); margin: 0 auto; }
}