.example-video { margin: 1rem 0; }
.example-video video { display: block; width: 100%; height: auto; border-radius: 8px; background: #edf2f6; }
.example-video figcaption { margin: .7rem 0 1.3rem; text-align: center; }
.example-gallery { display: grid; grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); gap: 1rem; margin: 1rem 0 2rem; }
.example-gallery a { display: block; border: 1px solid #c8d4df; border-radius: 8px; overflow: hidden; text-decoration: none; }
.example-gallery img { width: 100%; height: auto; aspect-ratio: 6 / 5; object-fit: contain; display: block; }
.example-gallery strong, .example-gallery span { display: block; padding: .65rem .85rem; }
.example-gallery span { padding-top: 0; }
.phase-gallery { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; margin: 1.2rem 0 2rem; }
.phase-gallery figure { margin: 0; border: 1px solid #c8d4df; border-radius: 8px; overflow: hidden; }
.phase-gallery img { width: 100%; height: auto; display: block; }
.phase-gallery figcaption { padding: .7rem; margin: 0; }
.phase-gallery strong, .phase-gallery span { display: block; }
.phase-gallery span { margin-top: .4rem; }
@media (max-width: 700px) { .phase-gallery { grid-template-columns: 1fr; } }