/* Quest guide / map guide / game guide hub: generated by tools/guide_world_pages.py. Base styles: style.css, guide.css */
.wg-nav { margin: 0 0 1rem; } .wg-nav a { color: var(--gold); }
.wg-search { width: min(100%, 32rem); padding: .6rem .8rem; background: rgba(11,10,18,.6); border: 1px solid #3a2c1a; color: inherit; font: inherit; }
.wg-count { opacity: .7; margin-left: .6rem; }
.wg-results, .wg-bands { padding-left: 1.2rem; } .wg-bands { columns: 2 16rem; }
.wg-hub { list-style: none; padding: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr)); gap: 1rem; }
.wg-hub a { display: block; padding: 1rem 1.2rem; border: 1px solid #3a2c1a; background: rgba(11,10,18,.45); text-decoration: none; color: inherit; }
.wg-hub a:hover { border-color: var(--gold); } .wg-hub strong { display: block; font: 600 1.05rem/1.5 var(--display); color: var(--gold); } .wg-hub span { opacity: .8; }
.qg { padding: 1rem 1.2rem; margin: 0 0 1rem; border: 1px solid #3a2c1a; background: rgba(11,10,18,.45); } .qg[hidden] { display: none; }
.qg h3 { margin: 0 0 .3rem; } .qg h3 small { font-weight: 400; opacity: .7; } .qg-tags { margin: 0 0 .5rem; color: var(--gold); font-size: .9rem; }
.qg dl { display: grid; gap: .35rem; margin: 0; } .qg dl > div { display: grid; grid-template-columns: 5.5em 1fr; gap: .8rem; } .qg dt { color: var(--gold); } .qg dd { margin: 0; }
@media (max-width: 520px) { .qg dl > div { grid-template-columns: 1fr; gap: 0; } }