section { margin-top: 32px; scroll-margin-top: 20px; }
article { padding: 16px 0; border-bottom: 1px solid #dce8e4; }
h3 { font-size: 18px; margin: 8px 0; }
summary { cursor: pointer; padding: 8px 0; }
li { overflow-wrap: anywhere; }
html[data-theme="dark"] body { background: #1c1e20; color: #d9e9e3; }
html[data-theme="dark"] main { background: #25272a; border-color: #3a3f3c; }
html[data-theme="dark"] a { color: #8bd7c5; }
html[data-theme="dark"] article { border-color: #3a3f3c; }
.quest-series { padding: 22px; border: 1px solid #dce8e4; border-radius: 14px; }
.quest-series h2 { margin: 0 0 16px; }
.quest-series + .quest-series { margin-top: 56px; position: relative; }
.quest-series + .quest-series::before { content: ''; position: absolute; top: -29px; left: 0; right: 0; height: 2px; background: #90b4a5; }
.quest-npc { display: flex; align-items: center; gap: 14px; margin: 0 0 20px; }
.quest-npc img { object-fit: contain; image-rendering: pixelated; flex: 0 0 64px; }
.quest-npc small { display: block; font-size: 12px; margin-bottom: 4px; }
.quest-npc a { font-weight: 600; }
html[data-theme="dark"] .quest-npc small { color: #b0c7be; }
html[data-theme="dark"] .quest-series + .quest-series::before { background: #739e8c; }
.reward-eyebrow { margin: 0 0 10px; font-size: 13px; font-weight: 600; color: #58736b; }
.reward-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.reward-card { display: flex; align-items: center; gap: 12px; padding: 14px; background: #eef6f2; border-radius: 10px; text-decoration: none; color: inherit; }
.reward-card strong { display: block; font-size: 16px; line-height: 1.5; }
.reward-card small { display: block; margin-top: 4px; font-size: 12px; line-height: 1.6; }
.reward-icon { display: flex; align-items: center; justify-content: center; width: 52px; height: 56px; flex: 0 0 52px; }
.reward-icon img { object-fit: contain; image-rendering: pixelated; }
.series-note { font-size: 14px; color: #58736b; }
.series-details { border-top: 1px solid #dce8e4; }
.series-details > summary { padding: 14px 0 0; font-weight: 600; color: #007d66; }
.series-details[open] > summary { padding-bottom: 14px; }
.series-stages article:last-child { border-bottom: 0; padding-bottom: 0; }
.reward-card:focus-visible, .series-details > summary:focus-visible { outline: 2px solid #00866c; outline-offset: 4px; border-radius: 6px; }
a.reward-card:hover { background: #e1f0e9; }
html[data-theme="dark"] .quest-series, html[data-theme="dark"] .series-details { border-color: #3a3f3c; }
html[data-theme="dark"] .reward-card { background: #2d3033; color: #d9e9e3; }
html[data-theme="dark"] a.reward-card:hover { background: #383c40; }
html[data-theme="dark"] .reward-eyebrow, html[data-theme="dark"] .series-note, html[data-theme="dark"] .reward-card small { color: #b0c7be; }
html[data-theme="dark"] .series-details > summary { color: #8bd7c5; }
@media (max-width: 600px) { .quest-series { padding: 16px; } .reward-grid { grid-template-columns: 1fr; } }