/* Boss Guides — index + detail */
.boss-guide {
    max-width: 1000px;
    margin: 0 auto;
    padding: 0 1rem 3rem;
}

.boss-guide__hero {
    display: flex;
    align-items: center;
    gap: 1.25rem;
    margin: 1rem 0 1.5rem;
}
.boss-guide__hero--index { display: block; }
.boss-guide__icon {
    width: 96px;
    height: 96px;
    border-radius: 8px;
    object-fit: cover;
    border: 1px solid var(--border, #252830);
    flex: none;
}
.boss-guide__title {
    font-size: 1.9rem;
    color: var(--gold, #c4a24e);
    margin: 0 0 0.35rem;
    line-height: 1.2;
}
.boss-guide__loc { color: var(--text-dimmed, #7a7870); margin: 0; font-size: 0.95rem; }
.boss-guide__intro { color: var(--text-secondary, #a09d94); margin: 0.5rem 0 0; max-width: 760px; line-height: 1.6; }

.boss-guide__section {
    background: var(--bg-panel, #13151a);
    border: 1px solid var(--border, #252830);
    border-radius: 8px;
    padding: 1.25rem 1.5rem;
    margin-bottom: 1.25rem;
}
.boss-guide__section h2 {
    font-size: 1.25rem;
    color: var(--text-primary, #e0ddd5);
    margin: 0 0 0.9rem;
}
.boss-guide__text { color: var(--text-secondary, #a09d94); line-height: 1.7; margin: 0; }

.boss-guide__mats { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 0.75rem; }
.boss-guide__mat {
    display: flex; align-items: center; gap: 0.5rem;
    background: var(--bg-card, #0f1115);
    border: 1px solid var(--border, #252830);
    border-radius: 6px; padding: 0.5rem 0.85rem;
    color: var(--text-secondary, #a09d94); font-size: 0.92rem;
}
.boss-guide__mat img { border-radius: 4px; }

.boss-guide__rarity { margin-bottom: 1rem; }
.boss-guide__rarity-h { font-size: 0.95rem; margin: 0 0 0.5rem; text-transform: uppercase; letter-spacing: 0.04em; }
.boss-guide__drops { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 0.6rem; }
.boss-drop {
    display: flex; align-items: center; gap: 0.6rem;
    background: var(--bg-card, #0f1115);
    border: 1px solid var(--border, #252830);
    border-left: 3px solid var(--text-dimmed, #7a7870);
    border-radius: 6px; padding: 0.5rem 0.75rem; text-decoration: none;
}
.boss-drop:hover { border-color: var(--gold, #c4a24e); }
.boss-drop img { border-radius: 4px; flex: none; }
.boss-drop__name { color: var(--text-primary, #e0ddd5); font-size: 0.9rem; font-weight: 600; line-height: 1.2; }
.boss-drop__slot { color: var(--text-dimmed, #7a7870); font-size: 0.78rem; margin-left: auto; }

/* Rarity accents */
.rarity-mythic_unique { color: #ff6b6b; } .boss-drop.rarity-mythic_unique { border-left-color: #ff6b6b; }
.rarity-unique { color: #a37e2c; } .boss-drop.rarity-unique { border-left-color: #a37e2c; }
.rarity-legendary { color: #c4a24e; } .boss-drop.rarity-legendary { border-left-color: #c4a24e; }
.rarity-rare { color: #ffd700; } .boss-drop.rarity-rare { border-left-color: #ffd700; }
.rarity-magic { color: #4a90d9; } .boss-drop.rarity-magic { border-left-color: #4a90d9; }

/* Index grid */
.boss-index__grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 0.75rem; }
.boss-index__card {
    display: flex; flex-direction: column; align-items: center; text-align: center; gap: 0.4rem;
    background: var(--bg-card, #0f1115);
    border: 1px solid var(--border, #252830);
    border-radius: 8px; padding: 1rem 0.75rem; text-decoration: none;
}
.boss-index__card:hover { border-color: var(--gold, #c4a24e); }
.boss-index__card img { border-radius: 6px; }
.boss-index__name { color: var(--text-primary, #e0ddd5); font-weight: 600; font-size: 0.95rem; }
.boss-index__loc { color: var(--text-dimmed, #7a7870); font-size: 0.78rem; }

/* Best-in-Slot table */
.bis-table { width: 100%; border-collapse: collapse; }
.bis-table th, .bis-table td {
    text-align: left; padding: 0.6rem 0.75rem;
    border-bottom: 1px solid var(--border, #252830);
}
.bis-table th {
    font-size: 0.78rem; text-transform: uppercase; letter-spacing: 0.04em;
    color: var(--text-dimmed, #7a7870); font-weight: 600;
}
.bis-table__slot { color: var(--text-secondary, #a09d94); font-weight: 600; white-space: nowrap; }
.bis-table__usage { color: var(--text-dimmed, #7a7870); font-size: 0.85rem; white-space: nowrap; }
.bis-item { display: inline-flex; align-items: center; gap: 0.5rem; text-decoration: none; color: var(--text-primary, #e0ddd5); font-weight: 600; }
.bis-item img { border-radius: 4px; flex: none; }
.bis-item:hover span { color: var(--gold, #c4a24e); }

/* Season Journey checklist */
.journey-list { list-style: none; margin: 0; padding: 0; }
.journey-item { border-bottom: 1px solid var(--border, #252830); }
.journey-item:last-child { border-bottom: none; }
.journey-item label { display: flex; align-items: flex-start; gap: 0.6rem; padding: 0.6rem 0; cursor: pointer; color: var(--text-secondary, #a09d94); }
.journey-check { margin-top: 0.2rem; width: 18px; height: 18px; accent-color: var(--gold, #c4a24e); flex: none; cursor: pointer; }
.journey-item--done span { text-decoration: line-through; color: var(--text-dimmed, #7a7870); }

@media (max-width: 600px) {
    .boss-guide__hero { flex-direction: column; text-align: center; }
    .boss-guide__loc { text-align: center; }
    .bis-table__usage { display: none; }
}