/* Rules that only apply on /services/ — loaded by that page after style.css. */
.services-card::before { background: linear-gradient(90deg, rgb(var(--sc-rgb, var(--brass-rgb))), rgb(var(--sc-rgb, var(--brass-rgb)) / 0.4)); opacity: 1; }

.services-card[data-category="raid"] { --sc-rgb: var(--purple-rgb); }

.services-card[data-category="trial"] { --sc-rgb: 249 115 22; }

.services-card[data-category="dungeon"] { --sc-rgb: 52 211 153; }

.services-card-title { margin: 2px 0 0; font-size: 1.05rem; }

.services-card { padding: 0; overflow: hidden; }

.services-card::before { z-index: 2; }

.services-card-hero {
  position: relative;
  height: 88px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(155deg, rgb(var(--sc-rgb) / 0.5), var(--navy) 100%);
}

.services-card-hero-icon { width: 40px; height: 40px; object-fit: contain; opacity: 0.9; filter: drop-shadow(0 4px 10px rgb(var(--shadow-rgb) / 0.5)); }

.services-card-hero-pill {
  position: absolute; top: 10px; left: 14px;
  display: flex; align-items: center; gap: 5px;
  padding: 3px 10px; border-radius: 999px;
  background: rgba(5,6,10,0.55); backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px);
  border: 1px solid rgb(var(--sc-rgb) / 0.5); color: rgb(var(--sc-rgb));
  font-family: var(--font-mono); font-size: 0.66rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.06em;
}

.services-card-hero-actions { position: absolute; top: 8px; right: 10px; display: flex; gap: 6px; }

.services-card-hero-badge {
  position: absolute; bottom: -22px; left: 20px;
  border-radius: 50%; box-shadow: 0 0 0 3px var(--navy), 0 6px 16px rgb(var(--shadow-rgb) / 0.5);
}

.services-card-body { padding: 30px 20px 18px; }

.services-card-title-row { margin-left: 58px; min-height: 26px; }

.services-card-poster-name { color: var(--bone); font-weight: 700; text-decoration: none; font-size: 0.88rem; }

.services-card-poster-meta { margin: 1px 0 0; font-size: 0.72rem; }