.section-page{--line:#303635;padding:0 0 30px;font-size:16px;line-height:1.75;min-width:0;overflow-wrap:break-word}.section-page *{min-width:0}.section-page img{max-width:100%;height:auto}.section-page .change-date{padding:0;font:inherit}.section-page [id]{scroll-margin-top:24px}.section-page [hidden]{display:none!important}
.section-page a{color:inherit;text-underline-offset:5px}
.section-page a:hover{color:var(--jade)}
.section-page button,.section-page input,.section-page select{font:inherit}
.section-page button,.section-page a,.section-page input,.section-page select,.section-page summary{-webkit-tap-highlight-color:transparent}
.section-page :focus-visible{outline:2px solid var(--jade);outline-offset:5px}
.section-page .breadcrumb{font-size:12px;color:var(--muted);margin:30px 0 0}
.section-page .breadcrumb a{text-decoration:none}
.section-page .page-heading{padding:38px 0 35px}
.section-page .eyebrow{font-size:11px;letter-spacing:.17em;text-transform:uppercase;color:var(--jade);margin:0 0 18px}
.section-page .page-heading h1,.section-page .hero h1{font:400 clamp(40px,5.6vw,72px)/1.08 var(--serif);letter-spacing:-.025em;margin:0 0 21px}
.section-page .lead{font-size:17px;line-height:1.7;color:#c1c5c1;max-width:720px;margin:0}
.section-page .meta{font-size:12px;color:var(--muted);margin-top:24px;display:flex;gap:18px;flex-wrap:wrap}
.section-page .hero{position:relative;min-height:440px;display:flex;align-items:center;margin:34px 0 48px;overflow:hidden;border-bottom:1px solid var(--line)}
.section-page .hero>img{position:absolute;right:0;top:0;width:72%;height:100%;object-fit:cover;opacity:.65;filter:saturate(.6)}
.section-page .hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,var(--bg) 0%,#090a0bf5 28%,#090a0b70 65%,#090a0b25),linear-gradient(0deg,var(--bg),transparent 35%)}
.section-page .hero-copy{z-index:1;position:relative;width:min(650px,80%);padding:44px 0}
.section-page .hero .lead{max-width:560px}
.section-page .hero-credit{position:absolute;right:18px;bottom:12px;font-size:10px;color:#c8cac5;z-index:2}
.section-page .editorial{display:grid;grid-template-columns:205px minmax(0,1fr);gap:64px;padding-bottom:70px}
.section-page .toc{align-self:start;position:sticky;top:30px;font-size:13px}
.section-page .toc p{font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:var(--muted);margin:0 0 17px}
.section-page .toc a{display:block;text-decoration:none;color:var(--muted);padding:8px 0;border-left:1px solid var(--line);padding-left:17px;line-height:1.45}
.section-page .toc a:hover{color:var(--jade);border-color:var(--jade)}
.section-page .article{max-width:850px;min-width:0}
.section-page .article>section{padding:0 0 35px;margin:0 0 34px;border-bottom:1px solid var(--line)}
.section-page .article h2{font:400 clamp(28px,3vw,37px)/1.2 var(--serif);margin:0 0 23px}
.section-page .article h3{font:400 24px/1.3 var(--serif);margin:28px 0 10px}
.section-page .article p{color:#c5c9c5;margin:0 0 18px}
.section-page .article li{color:#c5c9c5;margin:8px 0}
.section-page .article strong{font-weight:600;color:var(--ink)}
.section-page .article a{color:var(--jade)}
.section-page .article ul,.section-page .article ol{padding-left:23px}
.section-page .article figure{margin:30px 0}
.section-page .article figure img{width:100%;max-height:410px;object-fit:cover}
.section-page .article figcaption{font-size:12px;color:var(--muted);margin-top:9px}
.section-page .note{border-left:2px solid var(--jade);padding:14px 22px;background:#111816;margin:24px 0}
.section-page .note p:last-child{margin:0}
.section-page .feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin:30px 0}
.section-page .feature{padding-top:20px;border-top:1px solid var(--jade)}
.section-page .feature h3{margin:0 0 12px}
.section-page .feature .number{color:var(--jade);font-size:12px;display:block;margin-bottom:12px}
.section-page .feature p{font-size:14px;line-height:1.7}
.section-page .wide-art{display:block;width:100%;max-height:390px;object-fit:cover}
.section-page .filters{display:flex;align-items:end;gap:30px;padding:22px 0 26px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);flex-wrap:wrap}
.section-page .filter-block{display:flex;flex-direction:column;gap:9px}
.section-page .filter-label{color:var(--muted);font-size:11px;letter-spacing:.08em;text-transform:uppercase}
.section-page .filter-buttons{display:flex;gap:6px;flex-wrap:wrap}
.section-page .filter-buttons button{background:none;border:1px solid transparent;padding:8px 12px;color:#b7bdb8;cursor:pointer;font-size:13px;border-radius:2px}
.section-page .filter-buttons button[aria-pressed=true]{color:var(--jade);background:#13251e;border-color:#2b5948}
.section-page .filter-buttons button:hover{color:var(--ink);border-color:#446454}
.section-page .search{margin-left:auto;min-width:210px;flex:1;max-width:300px}
.section-page .search input{width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:0;color:var(--ink);background:#111513;font-size:14px}
.section-page .result-line{display:flex;align-items:center;justify-content:space-between;margin:21px 0;color:var(--muted);font-size:12px}
.section-page .text-button{border:0;background:transparent;color:var(--jade);padding:7px 0;cursor:pointer;font-size:12px}
.section-page .change{display:grid;grid-template-columns:155px 1fr;gap:34px;padding:30px 0;border-top:1px solid var(--line)}
.section-page .change time{font:23px/1.2 var(--serif);display:block;margin:3px 0 8px}
.section-page .change .patch{font-size:11px;color:var(--muted);line-height:1.5}
.section-page .change h2{font:400 24px/1.35 var(--serif);margin:12px 0 15px;max-width:850px}
.section-page .change h2 a{text-decoration:none}
.section-page .tags{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.section-page .tag{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:#b6bdb7}
.section-page .tag:first-child{color:var(--jade)}
.section-page .tag+.tag:before{content:'·';margin-right:10px;color:#6c756d}
.section-page .original{font-size:14px;line-height:1.8;color:#bcc3bd;margin:0 0 16px}
.section-page .change summary{font-size:12px;color:var(--muted);cursor:pointer;margin:0 0 10px}
.section-page .source{font-size:12px;color:var(--jade);text-decoration:none}
.section-page .empty{padding:50px 0;color:var(--muted)}
.section-page [hidden]{display:none!important}
.section-page .footer{border-top:1px solid var(--line);padding:28px 0 42px;display:flex;justify-content:space-between;gap:25px;font-size:12px;color:var(--muted)}
.section-page .footer a{text-decoration:none}
.section-page .sources{font-size:13px;overflow-wrap:anywhere}
.section-page .sources li{margin-bottom:13px}
.section-page .article table{border-collapse:collapse;width:100%;font-size:13px}
.section-page .article td,.section-page .article th{padding:12px 10px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.section-page .article th{color:var(--jade);font-weight:500}
.section-page .table-wrap{overflow-x:auto}
.section-page .checklist{list-style:none;padding:0!important}
.section-page .checklist label{display:flex;gap:12px;align-items:flex-start;cursor:pointer}
.section-page .checklist input{accent-color:var(--jade);margin-top:9px}
.section-page .checklist input:checked+span{color:var(--muted);text-decoration:line-through}
@media(max-width:900px){.section-page .editorial{grid-template-columns:160px 1fr;gap:34px}
.section-page .feature-grid{grid-template-columns:1fr}
.section-page .hero{min-height:400px}
.section-page .search{max-width:none;margin-left:0}
.section-page .change{grid-template-columns:120px 1fr;gap:20px}
}
@media(max-width:640px){.section-page .breadcrumb{margin-top:23px}
.section-page .page-heading{padding:28px 0}
.section-page .page-heading h1,.section-page .hero h1{font-size:41px}
.section-page .lead{font-size:15px}
.section-page .hero{min-height:420px;margin-top:20px;margin-bottom:30px}
.section-page .hero>img{width:100%;opacity:.45}
.section-page .hero:after{background:linear-gradient(90deg,#090a0bee,#090a0b60),linear-gradient(0deg,var(--bg),transparent 60%)}
.section-page .hero-copy{width:100%;padding:35px 0}
.section-page .hero-credit{font-size:9px;right:0}
.section-page .editorial{display:block}
.section-page .toc{position:static;margin-bottom:34px;padding-bottom:20px;border-bottom:1px solid var(--line);display:flex;gap:8px 19px;flex-wrap:wrap}
.section-page .toc p{width:100%;margin-bottom:4px}
.section-page .toc a{border:0;padding:3px 0}
.section-page .article h2{font-size:29px}
.section-page .article h3{font-size:23px}
.section-page .filters{gap:18px}
.section-page .search{flex-basis:100%}
.section-page .filter-buttons button{font-size:12px;padding:8px}
.section-page .change{grid-template-columns:1fr;gap:14px;padding:25px 0}
.section-page .change-date{display:flex;align-items:center;gap:15px}
.section-page .change time{font-size:18px;margin:0}
.section-page .change .patch{font-size:10px}
.section-page .change h2{font-size:22px}
.section-page .result-line{gap:15px}
.section-page .footer{flex-direction:column;gap:12px}
.section-page .feature-grid{gap:12px}
.section-page .article>section{margin-bottom:28px}
.section-page .meta{gap:8px 15px}
.section-page .article table{font-size:12px}
}
@media(prefers-reduced-motion:reduce){}
.section-page .eyebrow,.section-page .filter-label,.section-page .tag,.section-page .feature .number,.section-page .toc p{font-size:12px}
.section-page .hero-credit{font-size:11px}
.section-page .article details{padding:17px 0;border-bottom:1px solid var(--line)}
.section-page .article summary{cursor:pointer;font-size:17px;line-height:1.5}
.section-page .article details p{margin-top:15px}
.section-page .article sup{font-size:11px;white-space:nowrap}
.section-page .article h3+p{margin-top:12px}
@media(max-width:640px){.section-page .change .patch{font-size:12px}
.section-page .hero-credit{font-size:10px;max-width:90%;line-height:1.5}
.section-page .hero{min-height:440px}
.section-page .toc{font-size:14px}
}
.section-page .talent-code{display:block;width:100%;resize:vertical;margin:10px 0 2px;padding:14px;background:#101612;border:1px solid var(--line);color:#c6dfd0;font:13px/1.8 Consolas,monospace;overflow-wrap:anywhere;word-break:break-all;min-height:110px}
.section-page .character{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:30px;align-items:start;margin:34px 0 0;padding:32px 0;border-top:1px solid var(--line)}
.section-page .character:nth-of-type(even){grid-template-columns:285px minmax(0,1fr)}
.section-page .character:nth-of-type(even) .character-copy{order:2}
.section-page .character:nth-of-type(even) figure{order:1}
.section-page .character h3{font-size:28px;margin:0 0 17px}
.section-page .character .eyebrow{margin-bottom:12px}
.section-page .character figure{margin:0;position:sticky;top:30px}
.section-page .character figure img{height:230px;object-fit:cover;object-position:center;filter:saturate(.8)}
.section-page .character figcaption{font-size:11px;line-height:1.6}
.section-page .character-copy>p{font-size:15px;line-height:1.8}
@media(max-width:1100px){.section-page .character,.section-page .character:nth-of-type(even){grid-template-columns:1fr}
.section-page .character:nth-of-type(even) .character-copy,.section-page .character:nth-of-type(even) figure{order:initial}
.section-page .character figure{position:static}
.section-page .character figure img{height:auto;max-height:360px;object-fit:contain}
.section-page .character-copy>p{font-size:16px}
}
@media(max-width:640px){.section-page .character{gap:14px}
.section-page .character figure img{max-height:none}
.section-page .character figcaption{font-size:12px}
}
.section-page .character,.section-page .character:nth-of-type(even){grid-template-columns:minmax(0,1fr) 190px}
.section-page .character:nth-of-type(even){grid-template-columns:190px minmax(0,1fr)}
.section-page .character figure img{display:block;width:auto;max-width:180px;height:auto;max-height:320px;object-fit:contain;margin:0 auto}
.section-page .character figure{width:190px}
.section-page .character figcaption{font-size:12px}
@media(max-width:1100px){.section-page .character,.section-page .character:nth-of-type(even){grid-template-columns:minmax(0,1fr) 170px}
.section-page .character:nth-of-type(even) .character-copy{order:2}
.section-page .character:nth-of-type(even) figure{order:1}
.section-page .character figure{width:170px}
.section-page .character figure img{max-width:160px}
}
@media(max-width:760px){.section-page .character,.section-page .character:nth-of-type(even){grid-template-columns:1fr}
.section-page .character:nth-of-type(even) .character-copy,.section-page .character:nth-of-type(even) figure{order:initial}
.section-page .character figure{width:100%}
.section-page .character figure img{max-width:180px;margin-left:0}
}
.section-page .character-nav{display:flex;flex-wrap:wrap;gap:9px 20px;font-size:13px}
.section-page .character-nav a{text-decoration:none;border-bottom:1px solid #315644}
.section-page .hero>img[src$="monk-teaser.jpg"]{object-position:right center}
.section-page button.text-button{min-height:44px;padding:10px 8px}
.section-page #copy-talent{padding:11px 18px;border:1px solid #315e4b;border-radius:2px;background:#12221b;color:var(--jade);margin:10px 12px 10px 0;line-height:1.5}
.section-page #copy-talent:hover{border-color:var(--jade);background:#183227}
.section-page .hero>img[src$="monk-teaser.jpg"]{-webkit-mask-image:linear-gradient(90deg,transparent 0%,transparent 52%,#000 76%,#000 100%);mask-image:linear-gradient(90deg,transparent 0%,transparent 52%,#000 76%,#000 100%)}
@media(max-width:640px){.section-page .hero>img[src$="monk-teaser.jpg"]{object-position:80% center;-webkit-mask-image:linear-gradient(90deg,transparent 0%,transparent 35%,#000 73%,#000 100%);mask-image:linear-gradient(90deg,transparent 0%,transparent 35%,#000 73%,#000 100%)}
}
.section-skip{position:absolute;left:20px;top:-100px;z-index:20;background:var(--bg);color:var(--jade);padding:12px}.section-skip:focus{top:10px}
.section-page .filter-buttons a{display:inline-block;text-decoration:none;border:1px solid transparent;padding:8px 12px;color:var(--muted);font-size:13px;line-height:1.5;min-height:40px}
.section-page .filter-buttons a[aria-current=true]{color:var(--jade);background:#13251e;border-color:#2b5948}.section-page .filter-buttons a:hover{border-color:#446454;color:var(--ink)}
.section-page .search{max-width:320px}.section-page .search .text-button{align-self:flex-start}.section-page .result-line{flex-wrap:wrap}.section-page .result-line p{margin:0}
.section-page #reset-filters{color:var(--jade);padding:10px 0}.section-page .change{grid-template-columns:155px minmax(0,1fr)}.section-page .change h2 a{white-space:normal;overflow-wrap:anywhere}.section-page .patch,.section-page .original,.section-page .source{overflow-wrap:anywhere}
.section-page .page-pagination{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin:30px 0;font-size:14px}.section-page .page-pagination a{color:var(--jade);padding:10px 0}
.section-page .toc a:focus-visible{color:var(--jade)}.section-page .hero-credit{max-width:95%}.section-page .article .talent-code{max-width:100%}.section-page .article figure img{height:auto}
.section-page .change-date{flex-wrap:wrap}.section-page .hero>img{height:100%}.section-page .coin-art{width:170px;height:auto;float:right;margin:0 0 20px 24px}
@media(max-width:900px){.section-page .filters{gap:18px}.section-page .change{grid-template-columns:120px minmax(0,1fr)}}
@media(max-width:640px){.section-page .change{grid-template-columns:minmax(0,1fr)}.section-page .search{min-width:0;max-width:none}.section-page .hero h1,.section-page .page-heading h1{font-size:clamp(34px,10vw,41px)}.section-page .coin-art{float:none;margin:0 auto 24px;display:block}.section-page .toc{gap:8px 16px}}
@media(prefers-reduced-motion:reduce){.section-page{scroll-behavior:auto}}
html.section-document{min-width:0}
.section-page .search{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px}.section-page .search label{grid-column:1/-1}.section-page .search .text-button{align-self:center;padding:8px 6px;min-height:44px}
@media(prefers-reduced-motion:reduce){html.section-document{scroll-behavior:auto}}
.section-page:is([data-section="hearthstone"],[data-section="new-to-monk"],[data-section="lore"]) .hero-copy{padding-bottom:89px}
.section-page:is([data-section="hearthstone"],[data-section="new-to-monk"],[data-section="lore"]) .hero-meta-row{position:absolute;left:0;right:18px;bottom:12px;z-index:2;display:flex;align-items:baseline;justify-content:space-between;gap:8px 24px;flex-wrap:wrap;line-height:1.5}
.section-page:is([data-section="hearthstone"],[data-section="new-to-monk"],[data-section="lore"]) .hero-status{font-size:12px;color:var(--muted)}
.section-page:is([data-section="hearthstone"],[data-section="new-to-monk"],[data-section="lore"]) .hero-meta-row .hero-credit{position:static;max-width:none}
@media(max-width:640px){.section-page:is([data-section="hearthstone"],[data-section="new-to-monk"],[data-section="lore"]) .hero-copy{padding-bottom:110px}.section-page:is([data-section="hearthstone"],[data-section="new-to-monk"],[data-section="lore"]) .hero-meta-row{right:0}}

.section-page[data-section="new-to-monk"] .monk-ability{text-decoration:none;border-bottom:1px dotted #446454}
.section-page[data-section="new-to-monk"] .monk-ability-lead{white-space:nowrap}
.section-page[data-section="new-to-monk"] .monk-ability img{width:22px;height:22px;vertical-align:-5px;margin-right:5px}