@layer components{.class-page,.class-hub{overflow-x:clip}.class-page .cp-intro,.class-hub .cp-intro{padding-bottom:8px}.class-page .cp-facts{max-width:44em;color:var(--color-text-muted);margin-top:12px;font-size:15px;line-height:1.6}.class-page .cp-toc{border-block:1px solid var(--color-divider);flex-wrap:wrap;gap:8px 24px;margin-top:28px;padding:14px 0;display:flex}.class-page .cp-toc a{color:var(--color-text-dim);transition:color .16s var(--ease-out);font-size:14px;font-weight:500}.class-page .cp-toc a:hover{color:var(--color-text)}.class-page .cp-section{padding-top:56px}.class-page .cp-section:last-of-type{padding-bottom:calc(var(--section-y) / 2)}.class-page .cp-section h2,.class-hub .cp-list-title{letter-spacing:-.015em;color:var(--color-text);font-size:20px;font-weight:600}.class-page .cp-sub{max-width:35em;color:var(--color-text-dim);margin-top:10px;font-size:15px;line-height:1.65}.class-page .cp-note{max-width:35em;color:var(--color-text-muted);margin-top:8px;font-size:13px;line-height:1.6}.class-page .cp-h3{color:var(--color-text);margin-top:32px;font-size:15px;font-weight:600}.class-page .cp-dim{color:var(--color-text-muted);font-weight:400}.class-page .cp-sides{grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:32px 56px;margin-top:24px;display:grid}.class-page .cp-side h3{color:var(--color-text);border-bottom:1px solid var(--color-divider);align-items:center;gap:8px;padding-bottom:12px;font-size:15px;font-weight:600;display:flex}.class-page .cp-side ul{margin:0;padding:0;list-style:none}.class-page #races .cp-side li{border-bottom:1px solid var(--color-divider);grid-template-rows:auto auto;grid-template-columns:28px 96px minmax(0,1fr);align-items:center;gap:2px 14px;padding:12px 0;font-size:14px;display:grid}.class-page #races .race-icon{grid-row:1/span 2}.class-page .cp-race{color:var(--color-text);grid-row:1/span 2;font-weight:600}.class-page #races .cp-side li .link{justify-self:start;font-weight:500}.class-page #races .cp-side li .cp-dim{grid-column:3;font-size:13px}.class-page .cp-build{border-top:1px solid var(--color-divider);margin-top:20px}.class-page .cp-build:last-child{border-bottom:1px solid var(--color-divider)}.class-page .cp-build+.cp-build{margin-top:0}.class-page .cp-build summary{cursor:pointer;align-items:baseline;gap:14px;min-height:56px;padding:16px 0;list-style:none;display:flex}.class-page .cp-build summary::-webkit-details-marker{display:none}.class-page .cp-build summary h3{letter-spacing:-.015em;color:var(--color-text);font-size:17px;font-weight:600}.class-page .cp-build summary .cp-dim{font-size:13px}.class-page .cp-build summary .glyph{width:12px;height:12px;color:var(--color-text-muted);transition:transform .26s var(--ease-expo), color .16s var(--ease-out);align-self:center;margin-left:auto}.class-page .cp-build summary:hover .glyph{color:var(--color-text)}.class-page .cp-build[open] summary .glyph{transform:rotate(180deg)}.class-page .cp-build[open] summary h3{box-shadow:inset 0 -2px 0 var(--color-accent)}.class-page .cp-build summary:focus-visible{outline-offset:2px}.class-page table{border-collapse:collapse;width:100%;font-size:14px}.class-page th{letter-spacing:.02em;text-align:left;color:var(--color-text-muted);font-size:12px;font-weight:600}.class-page thead th{border-bottom:1px solid var(--color-divider);padding:0 16px 10px 0}.class-page td,.class-page tbody th{vertical-align:top;border-bottom:1px solid var(--color-divider);color:var(--color-text-dim);padding:11px 16px 11px 0}.class-page .cp-plan{margin-bottom:24px}.class-page .cp-plan td:first-child{width:72px;color:var(--color-text)}.class-page .cp-plan td:nth-child(3){width:64px}.class-page .cp-plan td:last-child{width:132px;padding-right:0}.class-page .cp-plan tbody tr:last-child td{border-bottom:0}.class-page .cp-talent{color:var(--color-text);font-weight:500;display:block}.class-page .cp-tnote{max-width:40em;color:var(--color-text-muted);margin-top:4px;font-size:13px;line-height:1.55;display:block}.class-page .cp-guides{border-top:1px solid var(--color-divider);margin:20px 0 0;padding:0;list-style:none}.class-page .cp-guides a{border-bottom:1px solid var(--color-divider);color:var(--color-text-dim);transition:background-color .16s var(--ease-out);grid-template-columns:minmax(0,1.4fr) 64px minmax(0,1fr) minmax(0,1.3fr);align-items:baseline;gap:4px 20px;padding:13px 0;font-size:14px;display:grid}.class-page .cp-guides a:hover{background:#ffffff08}.class-page .cp-guides a:hover b{color:var(--color-accent)}.class-page .cp-guides b{color:var(--color-text);transition:color .16s var(--ease-out);font-weight:600}.class-page .cp-guides .tnum{color:var(--color-text)}.class-page .cp-guides b:has(.game-icon){align-self:center;align-items:center;gap:10px;display:inline-flex}.class-page .gh h1{align-items:center;gap:.32em;display:flex}.class-page .cp-reward{font-size:13px}.class-page .cp-stops li{border-bottom:1px solid var(--color-divider);padding:14px 0}.class-page .cp-stops a{color:var(--color-text-dim);flex-wrap:wrap;align-items:baseline;gap:4px 10px;font-size:14px;display:inline-flex}.class-page .cp-stops a b{color:var(--color-text);transition:color .16s var(--ease-out);font-weight:600}.class-page .cp-stops a:hover b{color:var(--color-accent)}.class-page .cp-stops a .cp-dim{font-size:13px}.class-page .cp-stops p{color:var(--color-text-dim);margin-top:6px;font-size:14px;line-height:1.6}.class-page .cp-quest{color:var(--color-quest)}.class-page .cp-trainers{color:var(--color-text-dim);margin-top:14px;font-size:14px;line-height:1.75}.class-page .cp-trainers>span:first-child{color:var(--color-text-muted);margin-right:4px;font-size:13px;font-weight:600}.class-page .cp-gear{max-width:760px;margin-top:24px}.class-page .cp-gear>div{grid-template-columns:120px minmax(0,1fr)}.class-page .cp-gear dd{color:var(--color-text-dim);font-weight:400}.class-page .cp-weights{max-width:760px;margin-top:32px}.class-page .cp-weights caption{caption-side:top;text-align:left;max-width:35em;color:var(--color-text-muted);padding-bottom:12px;font-size:13px;line-height:1.6}.class-page .cp-weights tbody th{letter-spacing:0;width:180px;color:var(--color-text);font-size:14px;font-weight:600}.class-page .cp-weights td:last-child{width:120px;padding-right:0}.class-page .cp-helps{max-width:44em;margin:20px 0 0;padding:0;list-style:none}.class-page .cp-helps li{border-bottom:1px solid var(--color-divider);color:var(--color-text-dim);padding:14px 0;font-size:15px;line-height:1.65}.class-page .cp-helps li:first-child{border-top:1px solid var(--color-divider)}.class-page .cp-helps b{color:var(--color-text);margin-bottom:2px;font-weight:600;display:block}.class-page .cp-helps code{font-family:var(--font-mono);color:var(--color-text);font-size:13px}.class-page .cp-links{flex-wrap:wrap;gap:8px 28px;margin-top:24px;font-size:14px;font-weight:500;display:flex}.class-hub .cp-list{padding-top:40px;padding-bottom:calc(var(--section-y) / 2)}.class-hub .cp-list>p{max-width:35em;color:var(--color-text-dim);margin-top:10px;font-size:15px;line-height:1.65}.class-hub .cp-classes{border-top:1px solid var(--color-divider);margin:24px 0 0;padding:0;list-style:none}.class-hub .cp-classes a{border-bottom:1px solid var(--color-divider);color:var(--color-text-dim);transition:background-color .16s var(--ease-out);grid-template-columns:180px minmax(0,1fr) 220px;align-items:baseline;gap:6px 32px;padding:20px 0;display:grid}.class-hub .cp-classes a:hover{background:#ffffff08}.class-hub .cp-classes h3{letter-spacing:-.02em;color:var(--color-text);transition:color .16s var(--ease-out);align-items:center;gap:8px;font-size:20px;font-weight:600;display:flex}.class-hub .cp-classes h3 .class-icon{margin-right:4px}.class-hub .cp-classes h3 .glyph{width:10px;height:10px;color:var(--color-text-muted);transition:transform .26s var(--ease-expo), color .16s var(--ease-out)}.class-hub .cp-classes a:hover h3{color:var(--color-accent)}.class-hub .cp-classes a:hover h3 .glyph{color:var(--color-accent);transform:translate(3px)}.class-hub .cp-classes p{font-size:14px;line-height:1.6}.class-hub .cp-classes .cp-who{color:var(--color-text-muted);margin-top:4px;font-size:13px;display:block}.class-hub .cp-classes dl{gap:4px;margin:0;font-size:13px;display:grid}.class-hub .cp-classes dl div{justify-content:space-between;gap:12px;display:flex}.class-hub .cp-classes dt{color:var(--color-text-muted)}.class-hub .cp-classes dd{color:var(--color-text);margin:0}@media (max-width:860px){.class-page .cp-section{padding-top:44px}.class-page .cp-guides a{grid-template-columns:minmax(0,1fr) auto}.class-page .cp-guides a>:nth-child(n+3){grid-column:1/-1}.class-page .cp-plan td:last-child,.class-page .cp-plan th:last-child{display:none}.class-page .cp-plan td:first-child{width:56px}.class-page .cp-weights tbody th,.class-page .cp-weights td:last-child{width:auto}.class-page #races .cp-side li{grid-template-columns:28px minmax(0,1fr)}.class-page .cp-race{grid-row:auto}.class-page #races .cp-side li .link,.class-page #races .cp-side li .cp-dim{grid-column:2}.class-hub .cp-classes a{grid-template-columns:minmax(0,1fr)}}}