#hag-reference-panel{box-sizing:border-box;color:#e7e8d9;background:#193022f2;border:1px solid #81936c70;padding:1rem;font:.75rem/1.4 Inter,Arial,sans-serif;box-shadow:0 8px 25px #06100944}
#hag-reference-panel .eyebrow{color:#bdc299;font-size:.6rem;margin:0 0 .6rem}
#hag-reference-panel h3{font:600 1.6rem/1.1 Georgia,serif;margin:0 0 .7rem}
#hag-reference-panel dl{margin:0 0 .8rem}
#hag-reference-panel dt{color:#b4c1a7;font-size:.6rem;text-transform:uppercase;letter-spacing:.06em}
#hag-reference-panel dd{margin:.15rem 0 .55rem;overflow-wrap:anywhere}
#hag-reference-panel .button{display:flex;width:100%;justify-content:center;padding:.75rem .6rem;font-size:.65rem;line-height:1.4;border-color:#83956d;background:#243a2d;color:#e7e8d9}
#hag-reference-panel .small{display:none}
#hag-reference-panel .hag-reference-links{display:grid;gap:.6rem;margin-top:.7rem;padding-top:.7rem;border-top:1px solid #81936c50;font-size:.7rem}
#hag-reference-panel .hag-reference-links p{margin:0;padding:0;border:0;font-size:inherit}
#hag-reference-panel .text-link{font-size:inherit;justify-self:start;text-align:left}

#hag-reference-panel{position:static;inset:auto;margin:0;width:100%;height:auto;max-height:none;overflow:visible;transform:none;box-shadow:none;background:#193022eb;border-top:1px solid #81936c70}
#hag-reference-panel dl{display:grid;grid-template-columns:6.5rem minmax(0,1fr);gap:.4rem .75rem;align-items:baseline}
#hag-reference-panel dd{margin:0}
.mist-hag-page .hag-entry-layout{grid-template-columns:minmax(0,1fr);gap:0}
.mist-hag-page .hag-cover .gm-immersive{display:flex;flex-direction:column;align-self:stretch;gap:0}
.mist-hag-page .hag-cover .gm-lore{border-bottom:0;margin:0}
.mist-hag-page footer{padding-right:clamp(1.25rem,4vw,4rem)}
@media(max-width:850px){.mist-hag-page .hag-entry-main{display:block;grid-column:1;grid-row:2}.mist-hag-page .hag-cover,.mist-hag-page .hag-abilities{grid-row:auto}.mist-hag-page footer{padding-right:6%}}
#hag-reference-panel .reference-columns{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(10rem,1fr);gap:1.25rem;align-items:start;margin-bottom:1rem}
#hag-reference-panel .reference-columns dl{margin:0}
#hag-reference-panel .reference-columns .hag-reference-links{border-top:0;border-left:1px solid #81936c70;margin:0;padding:0 0 0 1.25rem;align-self:stretch;align-content:start;gap:.65rem}
@media(max-width:1250px){#hag-reference-panel .reference-columns{grid-template-columns:minmax(0,1fr)}#hag-reference-panel .reference-columns .hag-reference-links{border-left:0;border-top:1px solid #81936c70;padding:.8rem 0 0}}