.scsj-focus-areas{--bgColor:$color-black;--textColor:$color-white;display:grid;gap:1.5rem}@media screen and (min-width:768px){.scsj-focus-areas{grid-template-columns:repeat(2,1fr)}}@media screen and (min-width:992px){.scsj-focus-areas{gap:3rem;grid-template-columns:repeat(3,1fr)}}.scsj-focus-areas__area{background-color:transparent;color:var(--bgColor);padding:1rem;position:relative;transition:background-color .3s ease-in-out}.scsj-focus-areas__area a:focus,.scsj-focus-areas__area a:hover{background-color:var(--bgColor);color:var(--textColor)}.scsj-focus-areas__area h3{color:currentColor;display:inline-block;font-size:2rem;margin:1rem 0;width:calc(100% - 80px)}@media screen and (min-width:768px){.scsj-focus-areas__area h3{min-height:70px}}.scsj-focus-areas__area ul{margin-top:0!important;padding:0!important}.scsj-focus-areas__area ul,.scsj-focus-areas__area ul>li{list-style-type:none!important}.scsj-focus-areas__area a{background-color:transparent;color:currentColor;display:inline-block;font-size:1.25rem;font-weight:600;line-height:1.25;padding:.25rem;position:relative;text-decoration:none;transition:all .3s ease-in-out}.scsj-focus-areas__area:after{background-color:currentColor;content:"";height:10px;left:0;max-width:40px;position:absolute;top:0;transition:max-width .3s ease-in-out;width:100%}.scsj-focus-areas__area:focus-within,.scsj-focus-areas__area:hover{background-color:#fff}.scsj-focus-areas__area:focus-within:after,.scsj-focus-areas__area:hover:after{max-width:100%}.scsj-focus-areas__area-icon{max-height:60px;position:absolute;right:1rem;top:1.5rem}