/* Reuse the approved game-guide components; scope the game diagram to this page. */
.ng242-heroic #Content .sections_group{float:none;width:100%}
.ng242-heroic #Content .section_wrapper{max-width:1192px}
.ng242-heroic .ng-heroic-intro{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(250px,1fr);gap:34px;align-items:center}
.ng242-heroic .ng-heroic-grid-card{margin:0;padding:26px;background:#17181b;color:#f1dfaa;border:1px solid #544624;border-radius:16px}
.ng242-heroic .ng-heroic-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-bottom:18px}
.ng242-heroic .ng-heroic-grid span{aspect-ratio:1;border:1px solid #8f7840;border-radius:7px;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#343023,#22221f);font-size:25px;color:#e7c874}
.ng242-heroic .ng-heroic-grid-card figcaption{font-size:14px;line-height:1.7;color:#eee3c6}
.ng242-heroic .ng-heroic-source{font-size:14px;color:#5c6068}
.ng242-heroic .ng-heroic-faq details{padding:22px 0;border-bottom:1px solid #dadddf}
.ng242-heroic .ng-heroic-faq summary{font-size:20px;font-weight:750;color:#17181b;cursor:pointer;line-height:1.45}
.ng242-heroic .ng-heroic-faq details p{margin:16px 0 0}
.ng242-heroic .ng-heroic-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:26px 0}
.ng242-heroic .ng-heroic-facts div{padding:20px;border:1px solid #e2d7b7;border-radius:12px;background:#faf8f1}
.ng242-heroic .ng-heroic-facts dt{font-size:13px;font-weight:700;color:#655127;margin:0 0 8px}
.ng242-heroic .ng-heroic-facts dd{font-size:20px;font-weight:750;color:#17181b;margin:0;line-height:1.45}
@media(max-width:850px){.ng242-heroic .ng-heroic-intro{grid-template-columns:minmax(0,1fr)}.ng242-heroic .ng-heroic-facts{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:500px){.ng242-heroic .ng-heroic-facts{grid-template-columns:minmax(0,1fr)}.ng242-heroic .ng-heroic-grid-card{padding:20px}.ng242-heroic .ng-heroic-grid{gap:6px}}

/* This game guide opens with a full-width section heading, so keep its illustration inside the title band. */
@media(min-width:1001px){.ng242-heroic #Subheader .container{min-height:125px}.ng242-heroic #Subheader .container::before{top:0;width:200px;height:100%}}
/* Keep the new-tab announcement accessible without placing it in the visual button label. */
.ng242-heroic .screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap;border:0}
@media(min-width:651px){.ng242-heroic .ng-bookdead-guide a.ng-bookdead-cta{width:228px}}