.card-7{display:flex;flex-direction:column;gap:4px;height:100%;padding:24px 20px;position:relative}.card-7:before{background:var(--color-primary);content:"";height:100%;left:0;position:absolute;top:0;width:3px}.card-7__from-label{color:var(--color-black-20);font-size:.625rem;letter-spacing:.08em;line-height:1.4;margin-bottom:4px;text-transform:uppercase}.card-7__from-role{color:var(--color-dark-gray);font-size:.75rem;font-weight:600;margin-bottom:4px}.card-7__arrow{color:var(--color-primary);font-size:16px;font-weight:700;margin:4px 0}.card-7__to-label{color:var(--color-primary);font-size:10px;letter-spacing:.08em;line-height:1.4;margin-bottom:4px;text-transform:uppercase}.card-7__to-role{color:var(--color-dark-gray);font-size:14px;font-weight:700;margin-bottom:6px}.card-7__note{border-top:1px solid var(--color-black-40);color:var(--color-dark-gray);font-size:12px;line-height:1.5;margin-top:auto;padding-top:10px}.card-grid--light .card-7{background-color:var(--color-light-gray)}.card-grid--light .card-7__from-label{color:#888880}.card-grid--light .card-7__from-role,.card-grid--light .card-7__to-label{color:rgba(0,0,0,.8)}.card-grid--light .card-7__arrow,.card-grid--light .card-7__to-role{color:var(--color-black)}.card-grid--light .card-7__note{border-top-color:hsla(0,0%,100%,.15);color:hsla(0,0%,100%,.6)}