.guide-hub-root{max-width:1200px;margin:0 auto}.guide-hub-heading{margin:30px 0 24px;align-items:start}.guide-hub-heading h2{font-size:clamp(26px,3vw,36px);color:var(--gold);line-height:1.35}.guide-hub-heading p{line-height:1.7}.guide-hub-heading>.count{padding:8px 12px;border:1px solid var(--line);border-radius:20px;font-size:12px;white-space:nowrap}
.guide-hub-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:24px;align-items:start}.guide-hub-sidebar{position:sticky;top:16px;background:#121d20;border:1px solid var(--line);border-radius:12px;padding:16px;min-width:0;max-height:calc(100dvh - 32px);overflow-y:auto}.guide-hub-nav{display:flex;flex-direction:column;gap:4px}.guide-hub-nav>.eyebrow{margin:0 8px 8px;font-size:10px}.guide-hub-nav a{display:flex;align-items:center;justify-content:space-between;min-height:44px;padding:10px 12px;color:var(--muted);text-decoration:none;border:1px solid transparent;border-radius:6px;font-size:14px}.guide-hub-nav a[aria-current],.guide-hub-nav a:hover{background:#26372e;border-color:#776442;color:#e2c785}.guide-hub-nav a span{opacity:.5}.guide-hub-panel{min-width:0;padding:24px;border:1px solid var(--line);border-radius:12px;background:linear-gradient(140deg,#192729,#121d20)}
.guide-hub-filters{margin-top:20px;border-top:1px solid var(--line);padding-top:18px}.guide-hub-filters>h3{font:600 11px Inter,Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--gold);margin:0 0 14px}.guide-hub-filters .toolbar{display:flex;flex-direction:column;gap:12px;margin:0}.guide-hub-filters .quest-filter-panel{padding:0;border:0;background:none;margin:0}.guide-hub-filters .quest-filter-panel>.eyebrow{display:none}.guide-hub-filters .guide-filter-label{display:flex;flex-direction:column;gap:6px;font-size:12px;color:var(--muted);min-width:0;margin:0}.guide-filter-label input,.guide-filter-label select{width:100%;max-width:100%;font-size:13px;padding:10px;min-height:44px}.guide-hub-filters .action{width:100%;min-height:44px;font-size:13px}.guide-hub-filters details{margin-top:14px}.guide-hub-filters summary{font-size:12px;line-height:1.6;min-height:44px;padding:8px 0;cursor:pointer}.guide-hub-filters details .toolbar{margin-top:10px}
.guide-hub-panel .catalog-reference{margin-top:0;padding:16px;border-radius:8px;font-size:13px;line-height:1.7}.guide-hub-panel .quest-catalog-summary{margin:0 0 16px;flex-wrap:wrap}.guide-hub-panel .quest-grid,.guide-hub-panel .hunt-guide-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:16px}.guide-hub-panel .quest-card,.guide-hub-panel .hunt-guide-card,.guide-hub-panel .beginner-card{border-radius:10px;background:#142124;padding:20px;min-width:0}.guide-hub-panel .quest-card h3,.guide-hub-panel .hunt-guide-card h3{font-size:19px;line-height:1.5}.guide-hub-panel .quest-card-actions,.guide-hub-panel .hunt-guide-actions{gap:8px;flex-wrap:wrap}.guide-hub-panel .action{display:inline-flex;align-items:center;justify-content:center;min-height:44px;font-size:13px;text-decoration:none}.guide-hub-panel .quest-badges{flex-wrap:wrap}.guide-hub-panel .quest-reward{min-width:0}.guide-hub-panel>.count{padding:10px 0;font-size:13px}.guide-hub-panel .load-more{width:100%;margin-top:20px}.guide-hub-panel details{line-height:1.7}.guide-hub-panel details>summary{min-height:44px;cursor:pointer;color:var(--gold)}
.guide-hub-filters .beginner-nav{display:flex;flex-direction:column;gap:6px;padding:0;border:0;margin:0}.guide-hub-filters .beginner-nav a{padding:10px;min-height:44px;font-size:13px;text-decoration:none;color:var(--muted);border:1px solid transparent;border-radius:6px}.guide-hub-filters .beginner-nav a[aria-current],.guide-hub-filters .beginner-nav a:hover{color:#e2c785;border-color:#776442;background:#26372e}.guide-hub-panel .beginner-stage{scroll-margin-top:20px;border-top:1px solid var(--line);padding-top:20px;margin-top:24px}.guide-hub-panel .beginner-stage .section-head{margin:0 0 20px}.guide-hub-panel .beginner-stage h2{font-size:24px;line-height:1.4}.guide-hub-panel .beginner-sections{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:16px}.guide-hub-panel .vocations{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.guide-hub-panel .vocation{border-radius:10px;background:#142124}.guide-hub-panel .vocation img{height:180px}.guide-hub-panel .beginner-checklist{border-radius:10px}
@media(max-width:1000px){.guide-hub-layout{grid-template-columns:210px minmax(0,1fr);gap:16px}.guide-hub-panel{padding:18px}.guide-hub-panel .quest-grid,.guide-hub-panel .hunt-guide-grid{grid-template-columns:1fr}}
@media(max-width:750px){.guide-hub-layout{grid-template-columns:1fr}.guide-hub-sidebar{position:static;max-height:none;overflow:visible}.guide-hub-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.guide-hub-nav>.eyebrow{grid-column:1/-1}.guide-hub-nav a{justify-content:center;padding:8px}.guide-hub-nav a span{display:none}.guide-hub-filters .toolbar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.guide-hub-filters .toolbar>.action{grid-column:1/-1}.guide-hub-filters .beginner-nav{display:grid;grid-template-columns:1fr 1fr}.guide-hub-heading{flex-wrap:wrap;gap:12px}.guide-hub-heading>.count:empty{display:none}}
@media(max-width:450px){.guide-hub-panel{padding:16px}.guide-hub-panel .vocations{grid-template-columns:1fr}.guide-hub-filters .toolbar{grid-template-columns:1fr}.guide-hub-panel .beginner-stage h2{font-size:21px}.guide-hub-panel .quest-card-actions,.guide-hub-panel .hunt-guide-actions{flex-direction:column}.guide-hub-panel .quest-card-actions .action,.guide-hub-panel .hunt-guide-actions .action{width:100%}}
/* Library uses the same sidebar while retaining its native catalog tabs. */
.guide-hub-nav>.catalog-tabs{display:flex;flex-direction:column;gap:4px;border:0;margin:0;padding:0;background:none}.guide-hub-nav>.catalog-tabs button,.guide-hub-nav>button{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:44px;width:100%;padding:10px 12px;border:1px solid transparent;border-radius:6px;background:none;color:var(--muted);text-align:left;font-size:14px}.guide-hub-nav>.catalog-tabs button[aria-selected=true],.guide-hub-nav>button:hover,.guide-hub-nav>.catalog-tabs button:hover{background:#26372e;border-color:#776442;color:#e2c785}.guide-hub-nav>.catalog-tabs button span{font-size:11px;opacity:.7}.guide-hub-panel .catalog-grid,.guide-hub-panel>#cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:16px}.guide-hub-panel .catalog-card,.guide-hub-panel .creature{border-radius:10px;padding:20px;background:linear-gradient(140deg,#192a2a,#142124);min-width:0;text-align:left}.guide-hub-panel .catalog-card h3,.guide-hub-panel .creature h3{font-size:18px;line-height:1.5;overflow-wrap:anywhere}.guide-hub-panel .catalog-card-top{gap:12px;min-width:0}.guide-hub-panel .catalog-category{overflow-wrap:anywhere;white-space:normal;font-size:11px}.guide-hub-panel .catalog-card code{overflow-wrap:anywhere;white-space:normal}.guide-hub-panel .catalog-card p{line-height:1.6}.guide-hub-panel .catalog-card-stats{line-height:1.7;flex-wrap:wrap}.guide-hub-panel .filter-note{font-size:13px;line-height:1.7;color:var(--muted);margin-top:0}.guide-hub-panel #catalog-panel{min-width:0}.guide-hub-panel #catalog-panel>.count{margin:16px 0}.guide-hub-panel #catalog-more,.guide-hub-panel #more{width:100%;min-height:44px;margin-top:20px}.guide-hub-panel .stats{flex-wrap:wrap;gap:10px}.guide-hub-panel .card-bottom{gap:8px;flex-wrap:wrap}
@media(max-width:750px){.guide-hub-nav>.catalog-tabs{display:contents}.guide-hub-nav:has(.catalog-tabs),[data-guide-kind=criaturas] .guide-hub-nav{grid-template-columns:repeat(4,minmax(0,1fr))}.guide-hub-nav>.catalog-tabs button,.guide-hub-nav>button{justify-content:center;padding:8px;font-size:12px}.guide-hub-nav>.catalog-tabs button span{display:none}}
@media(max-width:450px){.guide-hub-panel .catalog-grid,.guide-hub-panel>#cards{grid-template-columns:1fr}.guide-hub-nav:has(.catalog-tabs),[data-guide-kind=criaturas] .guide-hub-nav{grid-template-columns:repeat(2,minmax(0,1fr))}}
.guide-hub-filters .guide-filter-label>input,.guide-hub-filters .guide-filter-label>select{flex:none;flex-basis:auto;height:44px;min-height:44px;max-height:44px;min-width:0;max-width:100%;margin:0}.guide-hub-heading>.count:empty{display:none}
.unified-library-nav{display:block}.unified-library-nav .explorer-nav-group+.explorer-nav-group{border-top:1px solid var(--line);margin-top:14px;padding-top:12px}.unified-library-nav .explorer-nav-group h3{font:600 10px Inter,Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0 10px 8px}.unified-library-nav .explorer-nav-group a{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:40px;margin:3px 0;padding:9px 12px;border:1px solid transparent;border-radius:6px;color:var(--muted);text-decoration:none;font-size:13px;line-height:1.5}.unified-library-nav .explorer-nav-group a[aria-current],.unified-library-nav .explorer-nav-group a:hover{background:#26372e;border-color:#776442;color:#e2c785}.unified-library-nav .explorer-nav-group a span{opacity:.5}.explorer-layout{grid-template-columns:240px minmax(0,1fr)}.guide-hub-panel>.explorer-panel-heading{padding-bottom:20px;margin-bottom:20px}.explorer-layout>.explorer-tabs.unified-library-nav{max-height:calc(100dvh - 32px);overflow-y:auto;padding:16px}
@media(max-width:1000px){.explorer-layout{grid-template-columns:210px minmax(0,1fr)}}
@media(max-width:750px){.explorer-layout{grid-template-columns:1fr}.explorer-layout>.explorer-tabs.unified-library-nav,.guide-hub-nav.unified-library-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;max-height:none;overflow:visible}.unified-library-nav .explorer-nav-group+.explorer-nav-group{border:0;margin:0;padding:0}.unified-library-nav .explorer-nav-group a{font-size:12px;padding:8px}.unified-library-nav .explorer-nav-group h3{font-size:9px;margin-inline:4px}.unified-library-nav .explorer-nav-group a span{display:none}}
@media(max-width:450px){.explorer-layout>.explorer-tabs.unified-library-nav,.guide-hub-nav.unified-library-nav{grid-template-columns:1fr}.unified-library-nav .explorer-nav-group{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}.unified-library-nav .explorer-nav-group h3{grid-column:1/-1;margin:8px 8px 0}}


.section-area-panel{min-width:0;overflow-wrap:anywhere}.section-area-panel>.section-head,.section-area-panel>.tc-heading{margin-top:0;display:block}.section-area-panel .tc-shell{padding:0;border:0;background:transparent}.section-area-panel input,.section-area-panel select,.section-area-panel textarea{max-width:100%;box-sizing:border-box}.section-area-panel .grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr))}.explorer-tabs.guide-hub-nav{display:block}.section-area-layout .guide-hub-sidebar{align-self:start}
@media(max-width:750px){.section-area-layout .guide-hub-nav,.explorer-tabs.guide-hub-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.section-area-layout .guide-hub-nav>.eyebrow,.explorer-tabs.guide-hub-nav>.eyebrow{grid-column:1/-1}.section-area-panel{padding:18px}.section-area-panel .tc-grid{grid-template-columns:1fr}}


.library-search-bar{display:grid;gap:8px;margin:0 0 22px}.library-search-bar label{font-size:14px;font-weight:600;color:var(--gold)}.library-search-bar input{display:block;width:100%;min-height:52px;box-sizing:border-box;padding:14px 16px;border:1px solid #8c7547;border-radius:8px;background:#101e20;color:var(--text);font-size:16px}.library-search-bar input:focus{outline:2px solid var(--gold);outline-offset:2px}