.class-heading{display:flex;justify-content:space-between;align-items:center;gap:25px}.class-heading h1{margin:10px 0 12px}.class-heading p{font-size:14px;color:var(--muted)}.class-intro{display:flex;align-items:center;gap:28px;padding:18px 22px;background:var(--green-soft);border:1px solid var(--border);border-radius:12px;margin-bottom:23px}.class-intro>div{width:230px;flex:none}.class-intro p{font-size:12px;line-height:1.9}.family-tabs{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 26px}.family-tabs a{font-size:11px;border:1px solid var(--border);border-radius:20px;padding:7px 12px;background:var(--surface)}.family-tabs a.active{background:var(--green);color:var(--surface);border-color:var(--green)}.class-family{padding:25px;margin-bottom:23px;scroll-margin-top:18px}.class-family[hidden]{display:none}.class-family-heading{display:flex;align-items:center;gap:13px;flex-wrap:wrap;margin-bottom:23px}.class-family-heading .eyebrow{font-size:8px;width:100%}.class-family-heading h2{font-size:21px}.class-family-heading>small{font-size:10px;color:var(--muted);margin-left:auto}.evolution-layout{display:grid;grid-template-columns:170px minmax(0,1fr);gap:31px;align-items:center}.evolution-origin{position:relative}.evolution-origin:after{content:"";height:1px;width:31px;background:var(--green);position:absolute;right:-31px;top:50%}.evolution-branches{position:relative;display:flex;flex-direction:column;gap:20px}.evolution-branches:before{content:"";position:absolute;left:-16px;top:50px;bottom:50px;border-left:1px solid var(--green)}.evolution-branch{display:flex;align-items:stretch;gap:16px;position:relative}.evolution-branch:before{content:"";position:absolute;left:-16px;top:50%;width:16px;border-top:1px solid var(--green)}.class-node{display:flex;align-items:center;gap:9px;border:1px solid var(--border);border-radius:9px;background:var(--surface);padding:10px;min-width:0;flex:1;position:relative;transition:border-color .15s}.class-node:hover{border-color:var(--green);background:var(--green-soft)}.class-node strong{font-size:12px;font-weight:650;display:block;line-height:1.45}.class-node small{font-size:9px;color:var(--muted);display:block;margin-top:4px}.class-node>.icon{width:13px;height:13px;display:none}.class-portrait{height:76px;width:44px;flex:none;display:flex;align-items:center;justify-content:center}.class-portrait img{width:auto;height:auto;max-height:72px;max-width:44px;object-fit:contain;image-rendering:pixelated}.evolution-branch .class-node:not(:last-child):after{content:"→";position:absolute;right:-15px;top:calc(50% - 10px);font-size:13px;color:var(--green)}.rebirth-note{display:flex;align-items:center;gap:8px;font-size:10px;color:var(--muted);padding-top:17px;margin-top:20px;border-top:1px solid var(--border)}.rebirth-note .icon{width:15px;height:15px}.tools-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.tool-card{padding:28px;display:block}.tool-card h2{margin:15px 0 12px}.tool-card p{color:var(--muted);font-size:13px;line-height:1.8;margin-bottom:24px}.class-details-path{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:20px 0}.class-details-path a{font-size:12px;color:var(--green);padding:7px 11px;background:var(--green-soft);border-radius:6px}.class-details-path span{color:var(--muted)}
@media(max-width:1250px){.evolution-layout{grid-template-columns:130px minmax(0,1fr);gap:24px}.class-family{padding:20px}.evolution-branch{gap:11px}.class-node{flex-direction:column;gap:5px;padding:10px 7px;text-align:center}.class-node strong{font-size:11px}.class-node small{font-size:8px}.evolution-origin:after{width:24px;right:-24px}.evolution-branch .class-node:not(:last-child):after{right:-11px;font-size:10px}.class-family-heading>small{margin-left:0}.class-intro .class-node{flex-direction:row;text-align:left}.class-intro>div{width:175px}}
@media(max-width:700px){.evolution-branch .class-node:nth-child(3):before{content:'↙'!important;left:calc(100% + 2px)!important;top:-19px!important}}
@media(max-width:700px){.class-heading{display:block}.class-heading>.button{margin-top:18px}.class-intro{padding:13px;gap:13px;align-items:start;flex-direction:column}.class-intro>div{width:100%}.class-intro .class-node{flex-direction:row}.class-intro p{font-size:11px}.family-tabs{gap:6px}.family-tabs a{font-size:10px;padding:6px 10px}.class-family{padding:17px}.class-family-heading h2{font-size:19px}.class-family-heading>small{font-size:9px}.evolution-layout{grid-template-columns:1fr;gap:22px}.evolution-origin{width:100%}.evolution-origin .class-node{flex-direction:row;text-align:left}.evolution-origin:after{height:22px;width:1px;left:50%;top:100%;border-left:1px solid var(--green)}.evolution-branches{gap:18px;padding-left:12px}.evolution-branches:before{left:0;top:0;bottom:50px}.evolution-branch:before{left:-12px;width:12px}.evolution-branch{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.class-node{flex-direction:row;text-align:left;min-height:90px}.class-portrait{width:33px;height:65px}.class-portrait img{max-width:33px;max-height:62px}.class-node strong{font-size:11px}.evolution-branch .class-node:not(:last-child):after{display:none}.evolution-branch .class-node:nth-child(even):before{content:'→';position:absolute;left:-14px;color:var(--green)}.evolution-branch .class-node:nth-child(3):before{content:'↓';position:absolute;left:50%;top:-18px;color:var(--green)}.rebirth-note{align-items:start;font-size:9px}.tools-grid{grid-template-columns:1fr}.tool-card{padding:23px}}