/* Ordus.help — /trainings/ (§8: simple admin-managed training/event listing). */

.wrap { max-width: 1280px; margin: 0 auto; padding: 0 2.5rem; }

/* ── BREADCRUMB ── */
.crumb { display: flex; align-items: center; gap: 9px; padding: 1.5rem 0 0; font-size: 12px; font-weight: 300; color: var(--ink-muted); flex-wrap: wrap; }
.crumb a { text-decoration: none; color: var(--ink-muted); transition: color var(--trans); }
.crumb a:hover { color: var(--gold); }
.crumb .sep { color: var(--ink-faint); font-size: 9px; }
.crumb .here { color: var(--ink); }

.category-hero { padding: 2.5rem 0 2rem; }
.category-kicker { font-size: 10px; font-weight: 300; letter-spacing: 0.4em; color: var(--gold); text-transform: uppercase; margin-bottom: 0.75rem; }
.category-title { font-family: 'Montserrat', sans-serif; font-size: clamp(28px, 4vw, 44px); font-weight: 800; color: var(--black); margin-bottom: 0.75rem; }
.category-desc { font-size: 15px; font-weight: 300; color: var(--ink-muted); max-width: 640px; line-height: 1.8; }

.training-section { margin-bottom: 2.5rem; }
.training-section:last-child { margin-bottom: 4rem; }

.training-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 20px; }

.training-card { border: 1px solid var(--border); border-radius: var(--radius); padding: 1.5rem; background: var(--bg); display: flex; flex-direction: column; }
.training-card-past { opacity: 0.7; }
.training-date { font-size: 11px; font-weight: 700; letter-spacing: 0.1em; color: var(--gold); text-transform: uppercase; margin-bottom: 0.5rem; }
.training-title { font-family: 'Montserrat', sans-serif; font-size: 16px; font-weight: 700; color: var(--black); margin-bottom: 0.5rem; }
.training-desc { font-size: 13px; font-weight: 300; color: var(--ink-muted); line-height: 1.7; margin-bottom: 1rem; flex: 1; }
.training-cta { align-self: flex-start; }

@media (max-width: 650px) {
  .wrap { padding: 0 1.25rem; }
  .training-grid { grid-template-columns: 1fr; }
}