.bounty {
  --bt-card: #fff; --bt-soft: #f5f6f8; --bt-line: #e4e6ea; --bt-text: #2b2d31; --bt-muted: #6f747c; --bt-accent: #1c95f3; --bt-gold: #d98a00;
  display: flex; flex-direction: column; gap: 24px; margin-bottom: 40px; color: var(--bt-text);
}
html.dark-mode .bounty { --bt-card: var(--dm-surface); --bt-soft: var(--dm-surface-2); --bt-line: var(--dm-border); --bt-text: var(--dm-text); --bt-muted: var(--dm-muted-2); --bt-accent: var(--dm-accent); --bt-gold: #ffc233; }
.bounty p { margin: 0 0 12px; color: var(--bt-muted); font-size: 15px; line-height: 1.7; }
.bounty ul, .bounty ol { margin: 0; padding-left: 20px; }
.bounty ul { list-style: disc; }
.bounty ol { list-style: decimal; }
.bounty li { margin-bottom: 6px; color: var(--bt-text); font-size: 14px; line-height: 1.6; }

.bounty-card { padding: 30px 32px; border: 1px solid var(--bt-line); border-radius: 14px; background: var(--bt-card); }
.bounty-heading { margin: 0 0 20px; padding-bottom: 14px; border-bottom: 1px solid var(--bt-line); color: var(--bt-text); font: 800 22px/1.25 "Exo", sans-serif; text-transform: none; }
.bounty-subheading { margin: 30px 0 16px; color: var(--bt-text); font: 800 15px/1.3 "Exo", sans-serif; text-align: center; text-transform: none; }

.bounty-hero { display: flex; align-items: center; justify-content: space-between; gap: 32px; }
.bounty-hero-text { max-width: 560px; }
.bounty-title { margin: 0 0 14px; color: var(--bt-text); font: 800 30px/1.2 "Exo", sans-serif; text-transform: none; }
.bounty-hero-image { flex: 0 0 auto; width: 220px; height: 220px; object-fit: contain; image-rendering: pixelated; user-select: none; }

.bounty-button { display: inline-flex; align-items: center; gap: 9px; height: 46px; margin-top: 8px; padding: 0 24px; border-radius: 8px; background: var(--bt-accent); color: #fff !important; font: 700 13px "Exo", sans-serif; text-transform: uppercase; transition: filter .15s ease, transform .15s ease; }
.bounty-button:hover { filter: brightness(1.08); transform: translateY(-1px); }

.bounty-grid { display: grid; gap: 16px; }
.bounty-grid.is-two { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.bounty-grid.is-three { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.bounty-grid.is-four { grid-template-columns: repeat(4, minmax(0, 1fr)); }

.bounty-box { padding: 20px; border-radius: 12px; background: var(--bt-soft); }
.bounty-box-title { display: flex; align-items: center; gap: 10px; margin: 0 0 12px; color: var(--bt-text); font: 800 16px/1.3 "Exo", sans-serif; text-transform: none; }
.bounty-box-title .fa { color: var(--bt-accent); font-size: 18px; }
.bounty-box p { font-size: 14px; }

.bounty-reward { border-top: 3px solid var(--bt-line); }
.bounty-reward .bounty-box-title { padding-bottom: 10px; border-bottom: 1px solid var(--bt-line); }
.bounty-reward.is-critical { border-top-color: #e5484d; }
.bounty-reward.is-critical .fa { color: #e5484d; }
.bounty-reward.is-high { border-top-color: var(--bt-gold); }
.bounty-reward.is-high .fa { color: var(--bt-gold); }
.bounty-reward.is-mid { border-top-color: var(--bt-accent); }
.bounty-reward.is-low { border-top-color: #8b93a0; }
.bounty-reward.is-low .fa { color: #8b93a0; }

.bounty-severity h4 { margin: 0 0 12px; padding-bottom: 10px; border-bottom: 1px solid var(--bt-line); color: var(--bt-gold) !important; font: 800 15px/1.3 "Exo", sans-serif; text-align: center; text-transform: none; }

.bounty-rules li { margin-bottom: 10px; }
.bounty-report { text-align: center; }
.bounty-report p { margin-bottom: 6px; }

@media screen and (max-width: 960px) {
  .bounty-grid.is-four { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .bounty-hero { flex-direction: column-reverse; text-align: center; }
  .bounty-hero-image { width: 160px; height: 160px; }
}
@media screen and (max-width: 640px) {
  .bounty-card { padding: 22px 18px; }
  .bounty-grid.is-two, .bounty-grid.is-three, .bounty-grid.is-four { grid-template-columns: minmax(0, 1fr); }
}
