.monsterGuide { max-width: 900px; }
.monsterGuideBreadcrumb { display: flex; flex-wrap: wrap; gap: 10px 24px; margin-bottom: 18px; }
.monsterGuideBreadcrumb a { font-weight: 700; }
.monsterGuide h1 { margin: 4px 0 16px; font-size: clamp(26px, 4vw, 36px); }
.monsterGuideArticle h1.eyebrow { margin: 0 0 8px; font-family: inherit; font-size: 12px; line-height: 1.7; }
.monsterGuide h2 { margin: 0 0 10px; font-size: 18px; }
.monsterGuide p { max-width: 75ch; line-height: 1.7; }
.monsterGuide .monsterGuideLead { font-size: 15px; }
.monsterGuideArticle { padding: clamp(16px, 3vw, 26px); border: 1px solid var(--border); border-radius: var(--component-radius); background: var(--panel-fill); }
.monsterGuideArticle section { margin-top: 22px; padding-top: 18px; border-top: 1px solid var(--border); }
.monsterGuide .monsterGuideNote { color: var(--text-muted); font-size: 12px; }
.monsterGuideExamples { margin: 0; }
.monsterGuideExamples > div { display: grid; grid-template-columns: 70px 1fr; gap: 12px; padding: 8px 0; }
.monsterGuideExamples dt { font-weight: 800; }
.monsterGuideExamples dd { margin: 0; }
.monsterGuideGroup { margin-top: 24px; }
.monsterGuideGroup ul { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 7px; padding: 0; margin: 0; list-style: none; }
.monsterGuideGroup a { display: block; padding: 10px 12px; border: 1px solid var(--border); border-radius: 6px; background: var(--panel-fill); }
.monsterGuideGroup a:hover, .monsterGuideGroup a[aria-current='page'] { border-color: var(--anchor); text-decoration: underline; }
.monsterGuide a:focus-visible { outline: 2px solid var(--anchor); outline-offset: 3px; }