/* CSP fixes: remove inline styles by using classes */
.main-content { padding-top: 70px; }

/* Front pages */
.hero-badge { background: #1e293b; padding: 1rem; border-radius: 10px; margin-bottom: 2rem; color: white; }
.img-caption-sm { font-size: 12px; margin-top: 10px; display: inline-block; }
.note-muted-sm { color: #666; font-size: 12px; margin-top: 20px; }
.mt-center-3rem { text-align: center; margin-top: 3rem; }

.project-img-max300 { max-height: 300px; object-fit: cover; }
.project-placeholder-300 { height: 300px; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); }
.gallery-img-250 { height: 250px; width: 100%; object-fit: cover; cursor: pointer; }
.card-img-200 { height: 200px; object-fit: cover; }
.box-h-200 { height: 200px; }

.tile-img-250 { height: 250px; object-fit: cover; }
.tile-placeholder-250 { height: 250px; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); }

.honeypot-hidden { display: none !important; }

/* Admin */
.admin-main-bg { background: #f8f9fa; min-height: 100vh; }
.maxw-300 { max-width: 300px; }
.thumb-maxh-150 { max-height: 150px; }

.word-break-all { word-break: break-all; }