.mega-family-head{cursor:pointer;user-select:none;position:relative;padding-right:54px}
.mega-family-head::after{content:'+';position:absolute;right:18px;top:50%;transform:translateY(-50%);width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#eef5fa;color:#0b5da8;font-size:23px;font-weight:800;transition:.2s}
.mega-family.is-open .mega-family-head::after{content:'−';background:#69b51a;color:#fff}
.mega-family .subfamily-grid{display:none}
.mega-family.is-open .subfamily-grid{display:grid;animation:familyOpen .22s ease-out}
.mega-family-head:focus-visible{outline:3px solid #69b51a;outline-offset:4px}
@keyframes familyOpen{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
@media(max-width:600px){.mega-family-head{padding-right:48px}.mega-family-head::after{right:10px}}