.cd-off-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 24px; }
.cd-off-card { background: #fff; border: 1px solid #E2E8F0; border-radius: 14px; overflow: hidden; box-shadow: 0 4px 24px rgba(11,37,69,0.08); }
.cd-off-card__img { aspect-ratio: 16/9; overflow: hidden; background: #F0F6FF; }
.cd-off-card__img img { width: 100%; height: 100%; object-fit: cover; display: block; }
.cd-off-card__body { padding: 22px 24px; }
.cd-off-card__title-row { display: flex; align-items: center; gap: 10px; margin-bottom: 8px; }
.cd-off-card__title { font-size: 18px; font-weight: 800; color: #0B2545; margin: 0; }
.cd-off-card__hq { background: #F9A825; color: #0B2545; font-size: 10.5px; font-weight: 800; letter-spacing: .04em; padding: 3px 9px; border-radius: 20px; }
.cd-off-card__address { font-size: 13.5px; color: #64748B; line-height: 1.6; margin: 0 0 14px; }
.cd-off-card__meta { list-style: none; margin: 0 0 16px; padding: 0; display: flex; flex-direction: column; gap: 8px; }
.cd-off-card__meta li { font-size: 13.5px; color: #1E293B; }
.cd-off-card__meta strong { color: #0B2545; font-weight: 700; margin-right: 4px; }
.cd-off-card__meta a { color: #1565C0; text-decoration: none; }
.cd-off-card__meta a:hover { text-decoration: underline; }
.cd-off-card__map { border-radius: 10px; overflow: hidden; aspect-ratio: 16/9; }
.cd-off-card__map iframe { width: 100%; height: 100%; border: 0; }
.cd-off-empty { color: #64748B; font-size: 14px; }

@media (max-width: 560px) {
	.cd-off-grid { grid-template-columns: 1fr; }
}