/* Guide cover placeholder — solid professional backgrounds when no image */
.gd-cover-ph {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.55rem;
  width: 100%;
  height: 100%;
  min-height: 6.5rem;
  box-sizing: border-box;
  padding: 1rem 0.85rem;
  text-align: center;
  color: #0f172a;
  user-select: none;
}

.gd-cover-ph__service {
  font-size: 1.75rem;
  font-weight: 750;
  letter-spacing: 0.01em;
  line-height: 1.2;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.gd-cover-ph__id {
  font-size: 1.35rem;
  font-weight: 650;
  letter-spacing: 0.04em;
  opacity: 0.8;
  font-variant-numeric: tabular-nums;
}

/* Soft, professional solid tones (rotate by cover_tone) */
.gd-cover-ph--t0 { background: #e8eef7; color: #1e3a5f; }
.gd-cover-ph--t1 { background: #e6f2f0; color: #1a4d47; }
.gd-cover-ph--t2 { background: #eceaf6; color: #3b3566; }
.gd-cover-ph--t3 { background: #f0ebe4; color: #4a3f35; }
.gd-cover-ph--t4 { background: #e8f0e9; color: #2f4a38; }

.gl-home-guide-card__img,
.gl-guide-list__img,
.gd-related-card__img,
.h2-guide-figure {
  position: relative;
  overflow: hidden;
}

.gl-home-guide-card__img .gd-cover-ph,
.gl-guide-list__img .gd-cover-ph,
.gd-related-card__img .gd-cover-ph,
.h2-guide-figure .gd-cover-ph {
  position: absolute;
  inset: 0;
  min-height: 0;
}

.gd-hero__figure .gd-cover-ph {
  aspect-ratio: 16 / 9;
  min-height: 12rem;
  border-radius: inherit;
}

.gd-hero__figure .gd-cover-ph__service {
  font-size: 2.35rem;
}

.gd-hero__figure .gd-cover-ph__id {
  font-size: 1.65rem;
}

.gl-guide-list__img .gd-cover-ph__service {
  font-size: 1.25rem;
}

.gl-guide-list__img .gd-cover-ph__id {
  font-size: 1.05rem;
}

.h2-guide-figure .gd-cover-ph {
  padding: 0.4rem;
  gap: 0.2rem;
}

.h2-guide-figure .gd-cover-ph__service {
  font-size: 0.9rem;
  white-space: normal;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  line-height: 1.2;
}

.h2-guide-figure .gd-cover-ph__id {
  font-size: 0.8rem;
}