.blog-wrapper .wbg-goal-intro { display:flex; align-items:center; gap:1.5rem; margin-block:1.5rem; }
.blog-wrapper .wbg-goal-intro img { inline-size:clamp(7rem,22vw,10rem); block-size:auto; flex:none; object-fit:contain; }
.blog-wrapper .wbg-goal-intro p { margin:0; color:var(--mcui-copy,oklch(.86 .025 275)); }
.blog-wrapper .wbg-goals { margin:0; }
.blog-wrapper .wbg-goal { padding-block:1rem; border-block-end:1px solid var(--mcui-row-line,oklch(.8 .03 275 / .12)); }
.blog-wrapper .wbg-goal dt { display:flex; align-items:center; gap:.65rem; font-weight:700; color:var(--mcui-ink,oklch(.96 .01 275)); }
.blog-wrapper .wbg-goal dt img { inline-size:2rem; block-size:2rem; border-radius:var(--mcui-radius-sm,4px); }
.blog-wrapper .wbg-goal dd { margin-inline:0; margin-block:.35rem 0; color:var(--mcui-copy,oklch(.86 .025 275)); line-height:1.7; }
.blog-wrapper .wbg-tip-link { padding:0; border:0; border-block-end:1px dotted currentColor; background:none; color:var(--mcui-ink,oklch(.96 .01 275)); font:inherit; text-align:inherit; cursor:help; }
.blog-wrapper .wbg-tip-link:focus-visible { outline:2px solid var(--mcui-focus,oklch(.96 .01 275)); outline-offset:4px; border-radius:var(--mcui-radius-sm,4px); }
.blog-wrapper .wbg-tip-link:active { color:var(--mcui-link,oklch(.75 .17 20)); }
@media (hover:hover) and (pointer:fine) { .blog-wrapper .wbg-tip-link:hover { color:var(--mcui-link,oklch(.75 .17 20)); } }
.blog-wrapper .wbg-requirement { display:block; margin-block-start:.5rem; font-size:.8125rem; color:var(--mcui-muted,oklch(.77 .035 275)); }
.blog-wrapper .wbg-checklist { padding-inline-start:1.25rem; }
.blog-wrapper .wbg-checklist li { padding-inline-start:.2rem; margin-block:.6rem; }
.blog-wrapper .wbg-loot-preview { display:flex; flex-wrap:wrap; gap:.75rem; align-items:center; padding-block:1rem; }
.blog-wrapper .wbg-loot-preview img { inline-size:3rem; block-size:3rem; border-radius:var(--mcui-radius-sm,4px); }
.blog-wrapper .wbg-loot-preview figcaption { flex:1 1 12rem; color:var(--mcui-copy,oklch(.86 .025 275)); font-size:.875rem; }
.wbg-tip[hidden] { display:none!important; }
.wbg-tip { position:fixed; z-index:10000; box-sizing:border-box; inline-size:min(21rem,calc(100vw - 1rem)); padding:1rem; border:1px solid var(--mcui-line,oklch(.8 .03 275 / .2)); border-radius:var(--mcui-radius,8px); background:var(--mcui-reference,oklch(.26 .03 275)); color:var(--mcui-copy,oklch(.86 .025 275)); font-size:.875rem; line-height:1.55; }
.wbg-tip strong { display:block; margin-block-end:.5rem; color:var(--mcui-ink,oklch(.96 .01 275)); font-size:1rem; }
.wbg-tip p { margin:0; }
.blog-wrapper a.wbg-wh { color:inherit; text-decoration:underline dotted; text-underline-offset:.2em; }
.blog-wrapper a.wbg-wh.kx-epic { color:var(--wow-epic); }
@media (hover:hover) and (pointer:fine) { .blog-wrapper a.wbg-wh:hover { color:var(--mcui-link,oklch(.75 .17 20)); } }
.blog-wrapper a.wbg-wh:focus-visible { outline:2px solid var(--mcui-focus,oklch(.96 .01 275)); outline-offset:3px; border-radius:var(--mcui-radius-sm,4px); }