.ttw-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}
.ttw-list{display:flex;flex-direction:column;gap:12px}
.ttw-card{border:none;padding:12px;border-radius:6px;background:#fff;display:flex;flex-direction:column}
.ttw-card .ttw-image{width:100%;height:160px;object-fit:cover;border-radius:4px;margin-bottom:10px;background:#f4f4f4}
.ttw-card h3{margin:0 0 6px 0;font-size:1.05rem}
.ttw-card .ttw-meta{font-size:.9rem;color:#666;margin-bottom:8px}
.ttw-session-time{font-weight:600}
.ttw-trainer-card .ttw-image{width:120px;height:120px;border-radius:50%;object-fit:cover;margin-bottom:10px}
.ttw-trainer-meta{font-size:.9rem;color:#444}
.ttw-license{font-size:.85rem;color:#000;margin-top:6px}

/* Trainer card two-column layout: image/title/license on the left, short bio on the right */
.ttw-trainer-card .ttw-trainer-inner{display:flex;gap:16px;align-items:flex-start}
.ttw-trainer-card .ttw-trainer-left{display:flex;flex-direction:column;align-items:center;min-width:140px}
.ttw-trainer-card .ttw-trainer-right{flex:1}
.ttw-trainer-card .ttw-title{margin:8px 0 6px 0;color:#000}
/* On small screens stack vertically */
@media (max-width:480px){
	.ttw-trainer-card .ttw-trainer-inner{flex-direction:column;align-items:center}
	.ttw-trainer-card .ttw-trainer-right{text-align:center}
}

/* Center the license pill and trainer name beneath the image */
.ttw-trainer-card .ttw-trainer-left .ttw-license-pill,
.ttw-trainer-card .ttw-trainer-left .ttw-title {
	align-self: center;
	text-align: center;
}
/* License pill shown above trainer name: use the session address gray (#666) as background and white text */
.ttw-license-pill{
	display:inline-block; /* inline so background only covers content */
	vertical-align:middle;
	background:#666; /* same gray hue used for session address text */
	color:#fff;
	padding:0 4px; /* no vertical padding, minimal horizontal padding so background sits tightly behind text */
	border-radius:999px; /* pill */
	font-size:0.8rem; /* slightly smaller */
	line-height:1.2; /* give comfortable text height without extra background */
	margin-bottom:4px; /* tighter gap between stacked license pills */
	font-weight:400; /* normal weight per request */
}

/* Prevent flex column children (e.g. .ttw-card in some contexts) from stretching the pill to full width */
.ttw-trainer-card .ttw-license-pill,
.elementor .ttw-trainer-card .ttw-license-pill,
.elementor-widget .ttw-trainer-card .ttw-license-pill {
	align-self: center !important;
}
.ttw-short-bio{font-size:.95rem;color:#333;margin-bottom:6px}