.spell-mastery {
    color: #d3d3d3;
    font-size: 14px;
    line-height: 1.75;
    overflow-wrap: break-word;
}
.spell-mastery * { box-sizing: border-box; }
.spell-mastery h1, .spell-mastery h2, .spell-mastery h3 {
    color: #eee5d4;
    font-family: Georgia, serif;
    font-weight: normal;
    line-height: 1.3;
}
.spell-mastery h1 { display: flex; align-items: center; gap: 12px; margin: 6px 0 14px; font-size: 34px; }
.spell-mastery h1 img { image-rendering: pixelated; flex: 0 0 32px; }
.spell-mastery h2 { font-size: 24px; margin: 0 0 14px; }
.spell-mastery h3 { font-size: 19px; margin: 0 0 10px; }
.spell-mastery p { margin: 0 0 14px; }
.spell-mastery strong { color: #f2e9d8; }
.spell-mastery a { color: #dfbd79; text-decoration: underline; text-underline-offset: 4px; }
.spell-mastery a:hover { color: #fff0cd; }
.spell-mastery :focus-visible { outline: 2px solid #dfbd79; outline-offset: 4px; }
.spell-mastery code { color: #e7cd9e; font-size: 12px; white-space: normal; }
.spell-mastery section { padding-top: 30px; margin-top: 26px; border-top: 1px solid #383128; scroll-margin-top: 20px; }
.spell-mastery ul { padding-left: 20px; margin: 0 0 16px; }
.spell-mastery ul li { list-style: disc; padding: 0; margin-bottom: 10px; line-height: inherit; }
.spell-mastery ol { padding-left: 22px; margin: 0 0 16px; }
.spell-mastery ol li { margin-bottom: 10px; }
.spell-mastery .mastery-hero { border-top: 2px solid #b69251; padding: 22px 0 0; }
.spell-mastery .mastery-eyebrow { color: #c7a978; font-size: 11px; text-transform: uppercase; letter-spacing: 2px; margin: 0; }
.spell-mastery .mastery-facts { display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: 12px; margin-top: 24px; }
.spell-mastery .mastery-facts > div { border: 1px solid #3e3425; background: #1b1915; padding: 15px; }
.spell-mastery .mastery-facts strong { display: block; color: #e3c587; font: 23px Georgia, serif; margin-bottom: 7px; }
.spell-mastery .mastery-facts span { display: block; font-size: 12px; color: #bbb7b0; line-height: 1.6; }
.spell-mastery .mastery-nav { display: flex; flex-wrap: wrap; gap: 8px 18px; padding: 18px 0 22px; font-size: 12px; }
.spell-mastery .mastery-healing { border-left: 3px solid #78a89c; padding: 18px 20px; background: #192320; }
.spell-mastery .mastery-healing h2 { color: #bfdfd4; font-size: 22px; margin-bottom: 9px; }
.spell-mastery .mastery-healing p { margin: 0; }
.spell-mastery .mastery-reward-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); gap: 14px; margin: 18px 0; }
.spell-mastery .mastery-reward { border: 1px solid #35312b; padding: 18px; background: #191816; }
.spell-mastery .mastery-reward p:last-child { font-size: 12px; color: #bbb7b0; margin-bottom: 0; }
.spell-mastery .mastery-note { color: #b8b4ad; font-size: 12px; }
.spell-mastery .mastery-details { border: 1px solid #39342c; padding: 13px 16px; margin-top: 18px; background: #191816; }
.spell-mastery .mastery-details summary { color: #e3c587; cursor: pointer; }
.spell-mastery .mastery-details[open] summary { margin-bottom: 14px; }
.spell-mastery .mastery-details p:last-child { margin-bottom: 0; }
.spell-mastery .mastery-table-wrap { max-width: 100%; overflow-x: auto; margin-bottom: 12px; }
.spell-mastery table { border-collapse: collapse; width: 100%; margin: 0; font-size: 13px; }
.spell-mastery caption { text-align: left; font-size: 12px; color: #bbb7b0; padding-bottom: 10px; }
.spell-mastery th, .spell-mastery td { text-align: left; padding: 11px 10px; border-bottom: 1px solid #333029; white-space: nowrap; }
.spell-mastery thead th { background: #27231c; color: #e3c587; font-size: 12px; }
.spell-mastery tbody th { color: #eee5d4; font-weight: normal; }
.spell-mastery tbody tr:nth-child(even) { background: #1b1a18; }
.spell-mastery tbody tr.mastery-cap { background: #2e271b; }
.spell-mastery .mastery-commands { margin: 0; }
.spell-mastery .mastery-commands > div { display: flex; flex-wrap: wrap; gap: 4px 18px; border-bottom: 1px solid #333029; padding: 13px 0; }
.spell-mastery .mastery-commands dt { flex: 0 1 230px; }
.spell-mastery .mastery-commands dd { flex: 1 1 220px; margin: 0; font-size: 12px; }
.spell-mastery .mastery-commands + p { margin-top: 14px; }
.spell-mastery .mastery-footer { border-top: 1px solid #383128; padding: 24px 0 10px; margin-top: 30px; font-size: 12px; color: #b8b4ad; }