/* Approved item entry layout, using the site's light equipment palette. */
.wiki-detail.wiki-item-page { border-top: 0; padding-top: 0; }
.wiki-item-page > .wiki-entry-heading,
.wiki-item-page > .wiki-entry-meta,
.wiki-item-page > .wiki-entry-id { display: none; }
.wiki-item-hero { display: grid; grid-template-columns: minmax(0, 1fr) 270px; gap: 22px; align-items: start; padding: 26px 28px; border-radius: 22px; background: var(--wiki-tint); }
.wiki-item-main { display: flex; gap: 20px; min-width: 0; }
.wiki-item-big-icon { flex: none; width: 88px; height: 88px; border-radius: 18px; background: #fff; display: grid; place-items: center; box-shadow: 0 1px 3px rgba(0,0,0,.08); }
.wiki-item-big-icon .wiki-icon { transform: scale(2); }
.wiki-item-intro { min-width: 0; }
.wiki-item-page .wiki-item-title { font-size: 2.1rem; margin: 0 0 10px; line-height: 1.15; color: var(--wiki-ink); overflow-wrap: anywhere; }
.wiki-item-chips { display: flex; flex-wrap: wrap; gap: 8px; }
.wiki-item-fact { padding: 6px 12px; border-radius: 999px; background: #fff; border: 1px solid var(--wiki-line); font-size: .875rem; max-width: 100%; overflow-wrap: anywhere; color: #374151; }
.wiki-item-effect { font-size: 1.1rem; font-weight: 600; color: var(--wiki-ink); margin: 12px 0 8px; }
.wiki-item-effect a { color: inherit; text-decoration: underline; text-underline-offset: 3px; }
.wiki-item-quote { margin: 0; padding-left: 12px; border-left: 3px solid var(--wiki-line); color: #4b5563; font-size: .92rem; max-width: 80ch; }
.wiki-item-quote p { margin: 0; white-space: pre-line; }
.wiki-item-quote > span { display: block; font-size: .75rem; color: #596574; margin-top: 4px; }
.wiki-item-prices { margin: 0; background: #fff; border-radius: 16px; padding: 6px 16px; min-width: 0; }
.wiki-item-prices > div { display: flex; justify-content: space-between; gap: 10px; padding: 10px 0; border-bottom: 1px solid var(--wiki-line); font-size: .9rem; color: #4b5563; }
.wiki-item-prices > div:last-child { border-bottom: 0; }
.wiki-item-prices dd { margin: 0; font-weight: 700; color: var(--wiki-ink); text-align: right; }
.wiki-item-page .wiki-item-section-title { margin: 34px 0 12px; font-size: 1.25rem; }
.wiki-item-way-heading { display: flex; flex-wrap: wrap; align-items: baseline; gap: 10px; margin: 20px 0 10px; }
.wiki-item-way-heading h3 { font-size: 1rem; font-weight: 700; color: var(--wiki-ink); margin: 0; }
.wiki-item-way-heading > span { font-size: .82rem; color: #596574; }
.wiki-item-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; align-items: stretch; }
.wiki-item-way-craft .wiki-item-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.wiki-item-card { padding: 10px 12px; border: 1px solid var(--wiki-line); border-radius: 14px; background: #fff; min-width: 0; overflow-wrap: anywhere; }
.wiki-item-card[hidden], .wiki-item-more[hidden] { display: none; }
.wiki-item-card-heading { display: flex; align-items: center; gap: 12px; text-decoration: none; color: inherit; min-width: 0; }
.wiki-item-picture { flex: none; width: 56px; height: 56px; border-radius: 12px; background: var(--wiki-tint); display: grid; place-items: center; overflow: hidden; }
.wiki-item-picture img { max-width: 50px; max-height: 50px; object-fit: contain; }
.wiki-item-picture .wiki-picture { margin: 0; }
.wiki-item-initial { font-size: 1.4rem; font-weight: 700; color: var(--wiki-ink); }
.wiki-item-card-copy { flex: 1; min-width: 0; }
.wiki-item-card strong { display: block; color: var(--wiki-ink); font-size: .95rem; }
.wiki-item-note { display: block; margin: 3px 0; font-size: .82rem; line-height: 1.45; color: #596574; }
.wiki-item-chip { flex: none; font-size: .72rem; font-weight: 700; padding: 3px 9px; border-radius: 999px; }
.wiki-item-common { background: #dcf5e3; color: #1c6b34; }
.wiki-item-uncommon { background: #dbeafe; color: #1d4f9c; }
.wiki-item-rare { background: #ece3fb; color: #5b34a8; }
.wiki-item-very-rare { background: #fdecc8; color: #80530a; }
.wiki-item-price { background: #fbf1d9; color: #805520; }
.wiki-item-places { list-style: none; padding: 0; margin: 3px 0 0 68px; font-size: .82rem; line-height: 1.5; }
.wiki-item-places a { color: #596574; text-decoration: none; }
.wiki-item-places a:hover { text-decoration: underline; }
.wiki-item-recipe-label { display: block; font-size: .82rem; font-weight: 600; color: #596574; margin-top: 6px; }
.wiki-item-ingredients, .wiki-item-related { list-style: none; margin: 5px 0; padding: 0; }
.wiki-item-ingredients li, .wiki-item-output { display: flex; align-items: center; gap: 4px; font-size: .82rem; margin: 4px 0; }
.wiki-item-ingredients a, .wiki-item-output a { display: inline-flex; flex-direction: row-reverse; align-items: center; gap: 6px; min-width: 0; color: var(--wiki-ink); }
.wiki-item-ingredient-icon { display: inline-grid; flex: none; place-items: center; }
.wiki-item-ingredient-icon .wiki-icon { transform: scale(.75); }
.wiki-item-variants { margin-top: 8px; font-size: .8rem; color: #596574; }
.wiki-item-variants summary { cursor: pointer; }
.wiki-item-variant { padding: 8px 0; border-top: 1px solid var(--wiki-line); }
.wiki-item-variant .wiki-item-places { margin-left: 0; }
.wiki-item-more { margin-top: 12px; font: inherit; font-size: .875rem; color: var(--wiki-accent); background: #fff; border: 1px solid var(--wiki-line); border-radius: 8px; padding: 10px 14px; cursor: pointer; }
.wiki-item-details { margin-top: 30px; padding: 12px 16px; border: 1px solid var(--wiki-line); border-radius: 12px; font-size: .9rem; color: #4b5563; }
.wiki-item-details > summary { cursor: pointer; min-height: 24px; }
.wiki-item-related li { margin: 8px 0; }
.wiki-item-card-heading:hover strong { text-decoration: underline; text-underline-offset: 3px; }
.wiki-item-page a:focus-visible, .wiki-item-page button:focus-visible, .wiki-item-page summary:focus-visible { outline: 3px solid var(--wiki-accent); outline-offset: 3px; }
@media (max-width: 1000px) {
  .wiki-item-hero { grid-template-columns: minmax(0, 1fr) 230px; padding: 24px; }
  .wiki-item-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 760px) {
  .wiki-item-hero { grid-template-columns: minmax(0, 1fr); padding: 20px 16px; gap: 20px; }
  .wiki-item-main { flex-wrap: wrap; gap: 16px; }
  .wiki-item-intro { flex: 1 1 220px; }
  .wiki-item-big-icon { width: 76px; height: 76px; }
  .wiki-item-page .wiki-item-title { font-size: 1.8rem; }
  .wiki-item-grid, .wiki-item-way-craft .wiki-item-grid { grid-template-columns: minmax(0, 1fr); }
  .wiki-item-card-heading { gap: 10px; }
  .wiki-item-chip { padding: 3px 7px; }
  .wiki-item-prices > div { flex-wrap: wrap; }
  .wiki-item-more, .wiki-item-details > summary, .wiki-item-variants > summary { min-height: 44px; }
  .wiki-item-details > summary, .wiki-item-variants > summary { align-content: center; }
}

/* Second look (7 Oct): the place lines sit right under the name beside the picture, not below the picture. */
.wiki-item-card-heading + .wiki-item-places { margin-top: -14px; }
.wiki-item-card-heading:has(.wiki-item-note) { align-items: flex-start; }
.wiki-item-card-heading:has(.wiki-item-note) + .wiki-item-places { margin-top: -9px; }

/* "What it looks like": the armour piece in 3D (public/js/wiki-looks.js). */
.wiki3d-card { display: grid; grid-template-columns: minmax(0, 1fr) 270px; gap: 22px; align-items: start; padding: 18px; border-radius: 22px; background: var(--wiki-tint); }
.wiki3d-card model-viewer { width: 100%; height: 380px; border-radius: 16px; background: radial-gradient(circle at 50% 40%, #fff 0%, #eef2f7 70%); }
.wiki3d-side { background: #fff; border-radius: 16px; padding: 14px 16px; }
.wiki3d-label { margin: 12px 0 6px; font-size: .75rem; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; color: #596574; }
.wiki3d-label:first-child { margin-top: 0; }
.wiki3d-toggle { display: inline-flex; border: 1px solid var(--wiki-line); border-radius: 999px; padding: 3px; gap: 3px; background: #f8fafc; }
.wiki3d-toggle button { border: 0; background: transparent; padding: 6px 14px; border-radius: 999px; font: inherit; font-size: .9rem; color: #374151; cursor: pointer; }
.wiki3d-toggle button[aria-pressed="true"] { background: var(--wiki-ink); color: #fff; }
.wiki3d-views { display: grid; grid-template-columns: repeat(4, 1fr); width: 100%; box-sizing: border-box; }
.wiki3d-views button { padding: 6px 2px; white-space: nowrap; font-size: .85rem; }
.wiki3d-only { margin: 0; font-size: .9rem; color: #374151; }
.wiki3d-note, .wiki3d-hint { margin: 10px 0 0; font-size: .8rem; color: #596574; }
@media (max-width: 760px) { .wiki3d-card { grid-template-columns: minmax(0, 1fr); padding: 12px; } .wiki3d-card model-viewer { height: 320px; } }

/* A monster drop's real chance per kill (28 Oct 2026): neutral, so it never reads as a gear tier. */
.wiki-item-chip.wiki-item-chance { background: #f3f4f6; color: #374151; font-variant-numeric: tabular-nums; }