/* Approved light job guide: kit figures, learning steps and linked skill cards. */
.wiki-detail.wiki-job-guide { border-top: 0; padding-top: 0; }
.wiki-job-guide > .wiki-entry-heading { display: none; }
.wiki-job-hero { display: flex; align-items: center; gap: 36px; padding: 30px 36px; margin: 48px 0 8px; border-radius: 24px; background: linear-gradient(120deg, var(--wiki-tint), #f4f2fa); }
.wiki-job-figure { position: relative; display: block; flex: none; width: 96px; height: 96px; border-radius: 50%; background: #d6eef8; }
.wiki-job-figure-1 { background: #e2f1c4; }
.wiki-job-figure-2 { background: #d6eef8; }
.wiki-job-figure-3 { background: #ffd9c4; }
.wiki-job-figure-4 { background: #e6e0f8; }
.wiki-job-figure-5 { background: #ffeecb; }
.wiki-job-figure-6 { background: #fbdbe6; }
.wiki-job-figure img { position: absolute; left: 50%; bottom: 4px; height: 128px; width: auto; max-width: none; transform: translateX(-50%); filter: drop-shadow(0 5px 5px rgba(17,24,39,.16)); }
.wiki-job-initial { position: absolute; inset: 0; display: grid; place-items: center; font-size: 2.6rem; font-weight: 800; color: var(--wiki-ink); }
.wiki-job-hero .wiki-job-figure { width: 150px; height: 150px; }
.wiki-job-hero .wiki-job-figure img { height: 200px; }
.wiki-job-intro { min-width: 0; }
.wiki-job-guide .wiki-job-title { margin: 0 0 10px; font-size: 2.4rem; color: var(--wiki-ink); overflow-wrap: anywhere; }
.wiki-job-facts { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 12px; }
.wiki-job-fact { padding: 6px 12px; border-radius: 999px; background: #fff; border: 1px solid var(--wiki-line); font-size: .875rem; color: var(--wiki-ink); max-width: 100%; overflow-wrap: anywhere; }
.wiki-job-hero p { margin: 0; color: #4b5563; font-size: .95rem; max-width: 80ch; }
.wiki-job-guide .wiki-job-learning-title { margin-top: 34px; font-size: 1.25rem; color: var(--wiki-ink); }
.wiki-job-step-heading { display: flex; align-items: center; gap: 12px; margin: 30px 0 12px; }
.wiki-job-step-heading h3 { margin: 0; padding: 5px 13px; border-radius: 999px; background: var(--wiki-accent); color: #fff; font-size: .82rem; }
.wiki-job-step-line { flex: 1; height: 1px; background: var(--wiki-line); }
.wiki-job-step-count { flex: none; font-size: .8rem; color: #596574; }
.wiki-job-skills { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.wiki-job-skill { display: flex; align-items: flex-start; gap: 12px; padding: 13px 14px; border: 1px solid var(--wiki-line); border-radius: 14px; background: #fff; text-decoration: none; color: inherit; min-width: 0; }
.wiki-job-skill-icon { display: grid; place-items: center; flex: 0 0 42px; min-height: 42px; border-radius: 6px; background: var(--wiki-tint); }
.wiki-job-skill-copy { min-width: 0; flex: 1; }
.wiki-job-skill-heading { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 8px; }
.wiki-job-skill strong { color: var(--wiki-ink); font-size: .98rem; overflow-wrap: anywhere; }
.wiki-job-type { font-size: .68rem; font-weight: 700; padding: 2px 7px; border-radius: 6px; background: var(--wiki-tint); color: var(--wiki-accent); }
.wiki-job-type-passive { background: #f3f4f6; color: #596574; }
.wiki-job-description { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; overflow-wrap: anywhere; font-size: .82rem; color: #4b5563; margin: 4px 0 8px; line-height: 1.4; }
.wiki-job-ranks { display: flex; flex-wrap: wrap; align-items: center; gap: 3px; font-size: .7rem; color: #596574; }
.wiki-job-rank { min-width: 20px; text-align: center; padding: 1px 4px; border-radius: 5px; background: #f3f4f6; color: #374151; font-weight: 600; }
.wiki-job-rank-first { background: var(--wiki-accent); color: #fff; }
.wiki-page[data-wiki-section=jobs] .wiki-catalog { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.wiki-page[data-wiki-section=jobs] .wiki-catalog > li { min-width: 0; display: flex; }
.wiki-job-card { display: flex; flex: 1; flex-direction: column; align-items: center; gap: 8px; text-align: center; padding: 46px 10px 16px; border: 1px solid var(--wiki-line); border-radius: 16px; background: #fff; text-decoration: none; color: inherit; min-width: 0; }
.wiki-job-card .wiki-job-figure { margin-bottom: 6px; }
.wiki-job-card h2 { margin: 0; font-size: 1.05rem; color: var(--wiki-ink); overflow-wrap: anywhere; }
.wiki-job-weapon { font-size: .875rem; color: #4b5563; overflow-wrap: anywhere; }
.wiki-job-card-count { margin-top: auto; padding: 3px 10px; border-radius: 999px; background: var(--wiki-tint); font-size: .78rem; color: #596574; }
.wiki-job-card:hover, .wiki-job-skill:hover { border-color: var(--wiki-accent); background: var(--wiki-tint); }
.wiki-job-card:focus-visible, .wiki-job-skill:focus-visible { outline: 3px solid var(--wiki-accent); outline-offset: 3px; }
@media (max-width: 760px) {
  .wiki-job-hero { flex-direction: column; align-items: stretch; gap: 20px; padding: 26px 18px; }
  .wiki-job-hero .wiki-job-figure { width: 110px; height: 110px; align-self: center; margin-top: 28px; }
  .wiki-job-hero .wiki-job-figure img { height: 150px; }
  .wiki-job-guide .wiki-job-title { font-size: 1.9rem; }
  .wiki-job-skills { grid-template-columns: minmax(0, 1fr); }
  .wiki-page[data-wiki-section=jobs] .wiki-catalog { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
  .wiki-job-card .wiki-job-figure { width: 76px; height: 76px; }
  .wiki-job-card .wiki-job-figure img { height: 102px; }
}